.page_main__FE9iE{height:100vh}.page_main__FE9iE .page_body__pD26z,.page_main__FE9iE .page_mask__TLhC9{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#afa18f;cursor:default}.page_main__FE9iE .page_body__pD26z p,.page_main__FE9iE .page_mask__TLhC9 p{width:1000px;padding:40px}.page_main__FE9iE .page_body__pD26z span,.page_main__FE9iE .page_mask__TLhC9 span{color:#ec4e39}.page_main__FE9iE .page_mask__TLhC9{mask-image:url(/_next/static/media/mask.9a224c38.svg);mask-repeat:no-repeat;mask-size:40px;background:#ec4e39;position:absolute;color:#000}.style_descriptions__pRwr9{position:absolute;top:3px;height:100%;width:100%;z-index:2;pointer-events:none}.style_descriptions__pRwr9 .style_description__51TP4{background-color:#ec4e39;display:flex;justify-content:space-between;align-items:center;padding-left:17%;padding-right:10%;clip-path:inset(50% 0 50%);transition:clip-path .4s}.style_descriptions__pRwr9 .style_description__51TP4 p:first-of-type{color:#010101;text-transform:uppercase;font-weight:700;font-size:8vw;line-height:7.5vw;margin:0;position:relative;z-index:1}.style_descriptions__pRwr9 .style_description__51TP4 p:nth-of-type(2){width:40%;font-size:1vw;font-weight:700}.style_container__ddshO{position:absolute;z-index:1;width:100%;background:#0d0d0d}.style_titles__zdGfD{width:100%;border-top:1px solid hsla(37,18%,66%,.25)}.style_titles__zdGfD .style_title__9d0eJ{border-bottom:1px solid hsla(37,18%,66%,.25);cursor:default;position:relative;z-index:2}.style_titles__zdGfD .style_title__9d0eJ .style_wrapper__9ptdZ{display:inline-block}.style_titles__zdGfD .style_title__9d0eJ .style_wrapper__9ptdZ p{display:inline-block;color:#b7ab98;text-transform:uppercase;font-weight:700;font-size:8vw;line-height:7.5vw;margin:0;position:relative;z-index:2}.style_titles__zdGfD .style_title__9d0eJ .style_wrapper__9ptdZ p:nth-of-type(2){display:block;position:absolute;color:#1c1c1c;top:0;z-index:1}.style_paragraph__k7HKw{font-size:4.5rem;line-height:.8;color:#b7aa98;flex-wrap:wrap;gap:12px;display:flex}.style_paragraph__k7HKw .style_word__Px0SS{position:relative}.style_paragraph__k7HKw .style_word__Px0SS .style_shadow__87HXt{position:absolute;opacity:10%}*,:after,:before{box-sizing:border-box}:root{font-size:16px;--page-padding:1.5rem;--color-text:#fff;--color-bg:#12100e;--color-link:hsla(0,0%,100%,.6);--color-link-hover:#fff;--color-bg-1:#2f251e;--color-bg-2:#43392f;--color-bg-3:var(--color-bg-1);--color-bg-4:var(--color-bg-2);--color-bg-5:var(--color-bg-1);--color-bg-6:var(--color-bg-2)}.demo-10,.demo-12,.demo-14,.demo-2,.demo-4,.demo-6,.demo-8{--color-text:#000;--color-bg:#e1e1e1;--color-link:rgba(0,0,0,.6);--color-link-hover:#000;--color-bg-1:#9d9d9d;--color-bg-2:#c7c7c7;--color-bg-3:var(--color-bg-1);--color-bg-4:var(--color-bg-2);--color-bg-5:var(--color-bg-1);--color-bg-6:var(--color-bg-2)}.demo-9{--color-bg-1:#2f251e;--color-bg-2:#43392f;--color-bg-3:#18130e;--color-bg-4:var(--color-bg-1);--color-bg-5:var(--color-bg-2);--color-bg-6:var(--color-bg-3)}.demo-10{--color-bg-1:#9d9d9d;--color-bg-2:#c7c7c7;--color-bg-3:#7c7c7c;--color-bg-4:var(--color-bg-1);--color-bg-5:var(--color-bg-2);--color-bg-6:var(--color-bg-3)}.frame{padding:var(--page-padding);position:relative;display:grid;z-index:1000;width:100%;grid-row-gap:1rem;grid-column-gap:2rem;justify-items:start;text-transform:uppercase;font-size:12px}.frame--header{height:100%;z-index:3000;background-size:auto 80%;background-position:120% 50%;background-repeat:no-repeat;grid-template-areas:"title" "prev" "back" "sub" "sponsor" "demos" "heading"}.frame--footer{grid-template-areas:"credits" "author";align-content:end}.frame #cdawrap{justify-self:start}.frame a{pointer-events:auto}.frame__title{grid-area:title;font-size:inherit;margin:0}.frame__back{grid-area:back;justify-self:start}.frame__prev{grid-area:prev;justify-self:start}.frame__sub{grid-area:sub}.frame__demos{grid-area:demos;display:flex;align-items:center;gap:.5rem;align-self:start;flex-wrap:wrap;background:var(--color-bg);border:1px solid;padding:1rem;border-radius:10px}.frame__demos>*{width:2rem;display:block;flex:none;text-decoration:none;border-radius:50%;aspect-ratio:1;border:1px solid var(--color-link-hover);display:grid;place-items:center;padding-top:.2em;background:var(--color-bg)}.frame__demos>span{filter:invert(100%)}.frame__demos:before{content:"Variations:"}.frame__heading{grid-area:heading;align-self:center;justify-self:start;width:min-content;display:flex;flex-direction:column;margin-top:10vh}.frame__heading h2{line-height:.9;text-transform:uppercase;margin:0 0 0 -.065em;font-size:clamp(2.5rem,12vw,7rem);letter-spacing:-.105em;font-variation-settings:"slnt" 0,"wdth" 400,"wght" 900,"INKT" 400}i{font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100,"wght" 400,"INKT" 400}.frame__heading p{margin:0}.frame__credits{grid-area:credits}.frame__author{display:flex;gap:1.5rem;grid-area:author}.content{padding:var(--page-padding);display:flex;flex-direction:column;justify-content:center;align-items:center}.content--perspective{perspective-origin:50% 0;perspective:1000px}.text-large{font-size:clamp(1.5rem,5vw,3rem);max-width:900px;margin:0 0 .85em;line-height:1.2;font-variation-settings:"slnt" 0,"wdth" 100,"wght" 500,"INKT" 100}.content--sticky{width:100vw;position:sticky;top:0;--offset:0px;top:var(--offset);height:calc(100vh - var(--offset))}.content--grid,.content--grid .content__inner{display:grid;overflow:hidden;grid-column-gap:5vw;grid-row-gap:2vh;align-content:center;grid-template-areas:"content-img" "content-title" "content-text";justify-items:center}.content--grid:has(.content__inner){display:block;padding:0}.content__inner{width:100%;height:100%;border-radius:0 0 2rem 2rem}.content--card{display:flex;flex-direction:column;height:80vh;width:95vw;max-width:500px;aspect-ratio:.8;top:10vh;border-radius:14px;gap:3vh;text-align:center;margin:auto auto 5vh}.content--card .content__title{font-size:clamp(1.5rem,4vw,3.5rem)}.content--card .content__title i{display:block}.content--half{display:flex;flex-direction:column;gap:3vh;text-align:center}.content--half:nth-child(odd){margin-left:auto}.content__img{grid-area:content-img;width:50%;max-width:300px;height:auto}.content__img--large{width:60%;height:auto}.content__img--small{height:35%;width:auto}.spacer{margin-top:20vh}.content__title{grid-area:content-title;letter-spacing:-.095em;text-transform:uppercase;line-height:1;font-weight:400;font-size:clamp(2rem,6vw,5rem);margin:0;font-variation-settings:"slnt" 0,"wdth" 400,"wght" 900,"INKT" 400}.content__text{margin:0;max-width:500px;grid-area:content-text;text-align:center;line-height:1.5;padding:0 1rem;backface-visibility:hidden}.content__text--narrow{max-width:300px}.content--intro{padding-top:25vh;padding-bottom:25vh;z-index:2}.content--outro{padding-top:50vh;padding-bottom:30vh}.bg-1{background:var(--color-bg-1)}.bg-2{background:var(--color-bg-2)}.bg-3{background:var(--color-bg-3)}.bg-4{background:var(--color-bg-4)}.bg-5{background:var(--color-bg-5)}.bg-6{background:var(--color-bg-6)}@media screen and (min-width:63em){body{--page-padding:2rem 3rem}.frame--header{grid-template-columns:auto auto auto 1fr 1fr;grid-template-rows:auto 1fr auto;align-content:space-between;grid-template-areas:"title back prev sub sponsor" "heading heading heading heading heading" "demos demos demos demos demos"}.frame__heading{margin-top:0}.frame__heading h2{white-space:nowrap}.frame__heading p{margin:0 0 0 auto}.content--grid .content__title{align-self:end}.frame__demos{position:fixed;bottom:2rem}.frame--footer{padding-bottom:0;grid-template-areas:"credits ..." "... author";grid-template-columns:1fr 1fr;grid-template-rows:auto 6rem}.frame__author{align-self:center}.frame #cdawrap{max-width:300px;text-align:right}.frame #cdawrap,.frame__author,.frame__sub{justify-self:end}.content--grid,.content--grid .content__inner{grid-template-areas:"content-img content-title" "content-img content-text";grid-template-columns:30% 1fr;justify-items:start}.content__img--large{width:160%}.content__img--left{justify-self:end}.content__text--left{text-align:left;align-self:start}.content--card{width:50vw}.content--half{width:50%}}