:root{line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@font-face{font-family:Aften Screen;src:url(/fonts/TitilliumWeb-Bold.ttf) format("truetype");font-weight:400;font-variant:normal}@font-face{font-family:Nunito Sans;src:url(/fonts/nunito-sans-bold.woff2) format("woff2");font-weight:400;font-variant:normal}@font-face{font-family:Aller Bold;src:url(/fonts/aller-bold.woff) format("woff");font-weight:400;font-variant:normal}*{box-sizing:border-box}html{background:#000;color:#fff;font-family:Aller Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0;padding:1rem}@media screen and (max-width:768px){html,body,#root{max-width:100vw;overflow-x:hidden;padding:.25rem}}a{color:#fff}h1{font-size:5vw;font-weight:400;text-transform:uppercase}p,section.text{max-width:400px;font-size:16px}img{width:100%}article{padding:0}header{position:sticky;top:3vw;display:flex;align-items:center;justify-content:space-between;z-index:12;padding:10px}header svg{fill:#fff;height:20px}section{margin:14vw 0}@media screen and (max-width:768px){section{margin:24vw 0 14vw}}section:last-child{margin:0}section:last-child>div{aspect-ratio:inherit;height:100vh}.Grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:3rem}@media screen and (max-width:768px){.Grid{grid-template-columns:1fr}}.Placeholder{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;aspect-ratio:16/8;cursor:pointer}@media screen and (max-width:768px){.Placeholder{aspect-ratio:unset}}.Placeholder span{position:absolute;top:-12.5%;left:1%}.Placeholder img{opacity:0;transition:all .125s ease-in-out;transform:scale(1)}.Placeholder video{width:100%;visibility:hidden;position:absolute}@media screen and (max-width:768px){.Placeholder video{position:relative}}.Placeholder:hover img{opacity:1;transform:scale(1.01)}.FragShader{aspect-ratio:16/12}@media screen and (max-width:768px){.FragShader{aspect-ratio:16/32}}.FragShader.Abs{position:absolute;aspect-ratio:16/9}@media screen and (max-width:768px){.FragShader.Abs{aspect-ratio:16/30}}.ParticlesEl{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:-1}.WebGLImage{display:flex;flex-direction:row;align-items:center;justify-content:space-between;outline:2px dashed turquoise;aspect-ratio:16/10;margin:10vw;width:80vw}.Marquee{white-space:nowrap;padding:0;overflow:hidden}.Marquee>div{will-change:transform}.Marquee h1{margin:0;line-height:1;font-size:30vw}.VerticalParallax{height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}@media screen and (max-width:768px){.VerticalParallax{background:transparent}}.VerticalParallax h2{display:block;font-size:20vh;color:#fe6b6f;white-space:nowrap;writing-mode:vertical-lr;text-transform:uppercase;margin:0}.VerticalParallaxMotion{position:absolute;min-height:100%;left:3vw}.VerticalText{display:block;white-space:nowrap;writing-mode:vertical-lr;text-transform:uppercase;margin:0}@media screen and (max-width:768px){.VerticalText{writing-mode:horizontal-tb;font-size:12px}}.Image{display:flex;justify-content:center;align-items:center;width:90vh;height:50vh}@media screen and (max-width:768px){.Image{justify-content:flex-end}}.Image header{gap:5vw}@media screen and (max-width:768px){.Image header{gap:6vw;flex-direction:column;align-items:flex-end;margin-right:8vw}}.ScrollScene,.ViewportScrollScene{position:relative}.Debug{outline:1px dashed rgba(255,255,255,.33);position:relative}.Debug:after{position:absolute;left:0;top:0;background:#ffffff54;color:#000;font-size:10px;padding:5px}.ViewportScrollScene:after{content:"ViewportScrollScene"}.DeadLinkOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10;animation:fadeIn .3s ease-in-out;pointer-events:none}.DeadLinkOverlay p{color:#fff;font-size:1.25rem;font-weight:600;text-align:center;margin:0;padding:1rem;max-width:80%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}