*,:after,:before{box-sizing:border-box}:root{--page-padding:1.5rem;--color-text:#fff;--color-bg:#12100e;--color-link:#fff9;--color-link-hover:#fff;--color-bg-1:#001f4d;--color-bg-2:#309;--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);font-size:16px}body{color:#fff;font-variation-settings:"slnt" 0,"wdth" 150,"wght" 500,"INKT" 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;margin:0;font-family:area-variable,sans-serif;overflow-x:hidden}.js .loading:before,.js .loading:after{content:"";z-index:5000;position:fixed}.js .loading:before{background:var(--color-bg);width:100%;height:100%;top:0;left:0}.js .loading:after{opacity:.4;background:var(--color-link);border-radius:50%;width:60px;height:60px;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);cursor:pointer;outline:none;text-decoration:none}a:hover{color:var(--color-link-hover);outline: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}.unbutton{font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.unbutton:focus{outline:none}.frame{padding:var(--page-padding);z-index:1000;grid-row-gap:1rem;grid-column-gap:2rem;text-transform:uppercase;justify-items:start;width:100%;font-size:12px;display:grid;position:relative}.frame--header{z-index:3000;background-position:120%;background-repeat:no-repeat;background-size:auto 80%;grid-template-areas:"title""prev""back""sub""sponsor""demos""heading";height:100%}.frame--footer{grid-template-areas:"credits""author";align-content:end}.frame #cdawrap{justify-self:start}.frame a{pointer-events:auto}.frame__title{font-size:inherit;grid-area:title;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{background:var(--color-bg);border:1px solid;border-radius:10px;flex-wrap:wrap;grid-area:demos;align-self:start;align-items:center;gap:.5rem;padding:1rem;display:flex}.frame__demos>*{aspect-ratio:1;border:1px solid var(--color-link-hover);background:var(--color-bg);border-radius:50%;flex:none;place-items:center;width:2rem;padding-top:.2em;text-decoration:none;display:grid}.frame__demos>span{filter:invert()}.frame__demos:before{content:"Variations:"}.frame__heading{flex-direction:column;grid-area:heading;place-self:center start;width:min-content;margin-top:10vh;display:flex}.frame__heading h2{text-transform:uppercase;letter-spacing:-.105em;font-variation-settings:"slnt" 0,"wdth" 400,"wght" 900,"INKT" 400;margin:0 0 0 -.065em;font-size:clamp(2.5rem,12vw,7rem);line-height:.9}i{font-variation-settings:"slnt" 0,"wdth" 100,"wght" 400,"INKT" 400;font-style:normal}.frame__heading p{margin:0}.frame__credits{grid-area:credits}.frame__author{grid-area:author;gap:1.5rem;display:flex}.content{padding:var(--page-padding);flex-direction:column;justify-content:center;align-items:center;display:flex}.content--perspective{perspective-origin:50% 0;perspective:1000px}.text-large{font-variation-settings:"slnt" 0,"wdth" 100,"wght" 500,"INKT" 100;max-width:900px;margin:0 0 .85em;font-size:clamp(1.5rem,5vw,3rem);line-height:1.2}.content--sticky{--offset:0px;width:100vw;top:0;top:var(--offset);height:calc(100vh - var(--offset));position:sticky}.content--grid,.content--grid .content__inner{grid-column-gap:5vw;grid-row-gap:2vh;grid-template-areas:"content-img""content-title""content-text";align-content:center;justify-items:center;display:grid;overflow:hidden}.content--grid:has(.content__inner){padding:0;display:block}.content__inner{border-radius:0 0 2rem 2rem;width:100%;height:100%}.content--card{aspect-ratio:.8;text-align:center;border-radius:14px;flex-direction:column;gap:3vh;width:95vw;max-width:500px;height:80vh;margin:auto auto 5vh;display:flex;top:10vh}.content--card .content__title{font-size:clamp(1.3rem,3vw,3.2rem)}.content--card .content__title i{display:block}.content--half{text-align:center;flex-direction:column;gap:3vh;display:flex}.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{width:auto;height:35%}.spacer{margin-top:20vh}.content__title{letter-spacing:-.095em;text-transform:uppercase;font-variation-settings:"slnt" 0,"wdth" 400,"wght" 900,"INKT" 400;grid-area:content-title;margin:0;font-weight:400;line-height:1}.content__text{text-align:center;backface-visibility:hidden;grid-area:content-text;max-width:500px;margin:0;padding:0 1rem;line-height:1.5}.content__text p{margin:0 0 .75rem}.content__text p:last-child{margin-bottom:0;font-size:1.2rem}.content__text ul{margin:.25rem 0 .75rem;padding-left:1.25rem}.content__text li{margin:.25rem 0;font-size:1.4rem}.content__text--narrow{max-width:300px}.content--intro{z-index:2;padding-top:25vh;padding-bottom:25vh}.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:"title back prev sub sponsor""heading heading heading heading heading"1fr"demos demos demos demos demos"/auto auto auto 1fr 1fr;align-content:space-between;height:100vh}.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{grid-template:"credits."".author"6rem/1fr 1fr;padding-bottom:0}.frame__author{align-self:center}.frame #cdawrap{text-align:right;max-width:300px}.frame #cdawrap,.frame__author,.frame__sub{justify-self:end}.content--grid,.content--grid .content__inner{grid-template-columns:30% 1fr;grid-template-areas:"content-img content-title""content-img content-text";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%}}.text-meta{color:#ffffffd1;letter-spacing:-.01em;font-size:clamp(1rem,1.05vw,1.15rem);line-height:1.65}.content__title{text-wrap:balance;text-shadow:0 8px 30px #00000059}.content__title i{opacity:.75;font-variation-settings:"slnt" 0,"wdth" 100,"wght" 500,"INKT" 300}.content__text>p,.content__text>ul{margin:0}.content__text>p+p{margin-top:.65rem}.content__text>p:first-child{color:#ffffffe0;font-size:1.5rem;font-weight:520}:is(.content__text:has(ul),.content__text:has(p+p)){padding:1.1rem 1.15rem}.content__text ul{gap:.45rem;margin-top:.75rem;padding-left:0;list-style:none;display:grid}.content__text li{color:#ffffffdb;padding-left:1.25rem;position:relative}.content__text li:before{content:"";background:#ffffffbf;border-radius:999px;width:.42rem;height:.42rem;position:absolute;top:.6em;left:0;box-shadow:0 0 0 4px #ffffff14}.content__text>p:last-child{color:#fffffff2;letter-spacing:-.02em;margin-top:.85rem;font-weight:650}@media screen and (min-width:63em){.content__text{max-width:560px}}