*,:after,:before{box-sizing:border-box}:root{font-size:14px}html,body{width:100%;height:100%}body{--color-text:#000;--color-text-alt:#000;--color-bg:#de5f40;--color-link:#000;--color-link-hover:#000;--color-link-alt:#000;--color-type:#000;--type-line-opacity:.05;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:halyard-display,sans-serif}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{width:100%;height:100%;background:var(--color-bg);top:0;left:0}.js .loading:after{width:60px;height:60px;opacity:.4;background:var(--color-link);border-radius:50%;margin:-30px 0 0 -30px;animation:.7s linear infinite alternate forwards loaderAnim;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a{color:var(--color-link);outline:none;text-decoration:underline}a:hover{color:var(--color-link-hover);outline:none;text-decoration:none}a.link-alt{color:var(--color-link-alt);text-decoration:none}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:0 0}a:focus-visible{background:0 0;outline:2px solid red}main{position:relative;overflow:hidden}.unbutton{font:inherit;background:0 0;border:0;margin:0;padding:0}.unbutton:focus{outline:none}.frame{z-index:1000;text-transform:uppercase;flex-wrap:wrap;margin-bottom:2rem;padding:1rem;display:flex;position:relative}.frame__title{margin:0 0 1rem;font-size:1rem}.frame__tagline{color:var(--color-text-alt)}.frame__links{display:inline}.frame__links a:not(:last-child){margin-right:1rem}.frame__author{width:100%;margin-bottom:1rem;display:block}.item-wrap{text-transform:uppercase;grid-template-columns:50% 50%;display:grid}.item{--base:7vh;--interval:9vh;cursor:pointer;width:100%;will-change:transform,opacity;flex:none;margin:1rem 0;padding:1rem;position:relative}.item__img{width:100%;will-change:transform;border-radius:12px}.item__caption-title{font-size:inherit}.item__caption-description{display:none}.type{height:100vmax;text-transform:uppercase;width:100vmax;text-align:center;will-change:transform;place-content:center;margin-top:-50vmax;display:grid;position:fixed;top:50%}.type__line{white-space:nowrap;color:var(--color-type);opacity:var(--type-line-opacity);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity;font-family:quiche-sans,sans-serif;font-size:clamp(7rem,18.75vh,15rem);font-weight:700;line-height:.75}.article-wrap{width:100%;pointer-events:none;place-self:end center;padding:1rem;position:absolute;top:5vh}.article{opacity:0;pointer-events:none;width:100%;grid-template-columns:1rem 1fr;grid-template-areas:"img img""number title""intro intro""desc desc";align-items:start;display:grid;position:absolute}.article--current{opacity:1;pointer-events:auto;position:relative}.article__img-wrap{width:100%;height:250px;transform-origin:50% 100%;border-radius:17px 17px 0 0;grid-area:img;margin-bottom:1rem;overflow:hidden}.article__img{width:100%;height:100%;background-position:50% 35%;background-size:cover}.article__number{grid-area:number;font-weight:700}.article__title{text-transform:uppercase;color:var(--color-type);pointer:default;grid-area:title;margin:1rem 0 .5rem;font-family:quiche-sans,sans-serif;font-size:8vw;font-weight:700;line-height:.85;position:relative}.article__intro{grid-area:intro;padding-right:2rem;font-weight:700}.article__description{grid-area:desc;padding-right:2rem;overflow:hidden}.back{opacity:0;pointer-events:none;stroke:#000;z-index:1000;cursor:pointer;width:50px;background:0 0;border:0;margin:0 0 1rem;padding:0;top:0;left:0}.back svg{stroke-linecap:round}.back:hover,.back:focus{stroke:#823725;outline:none}@media screen and (min-width:53em){:root{font-size:16px}html,body{overflow:hidden}.frame{text-align:left;z-index:100;width:100%;max-width:none;grid-template-columns:40% 20% 40%;grid-template-areas:"title author links";align-content:space-between;margin:0;padding:1rem 2vw;display:grid;position:fixed;top:0;left:0}.frame__title-wrap{text-align:left;grid-area:title}.frame__title{margin:0}.frame__tagline{position:relative}.frame__author{grid-area:author;justify-self:center}.frame__links{grid-area:links;justify-self:end;padding:0}.item-wrap{height:100vh;width:100vw;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden}.item{width:22vw;margin:auto 2vw var(--base);padding:0}.item:nth-child(2){margin-bottom:calc(var(--base) + var(--interval))}.item:nth-child(3){margin-bottom:calc(var(--base) + var(--interval)*2)}.item:nth-child(4){margin-bottom:calc(var(--base) + var(--interval)*3)}.item__caption-description{display:block}.back{position:absolute;left:calc(31vw - 140px + 1.5rem)}.article-wrap{height:80vh;padding:0;top:20vh}.article{height:100%;width:calc(38vw + 280px);grid-template:". .img."10vw"number.img."2rem".title img."12vw".intro img."".desc img."/1.5rem 30% 1fr 1.5rem;margin:0 auto}.article__title{grid-column-end:4;margin:0}.article__intro{margin:1.5rem 0}.article__img-wrap{width:100%;height:100%;align-self:end;margin:0}.article__img{background-position:50%}}