@font-face{font-family:FK Grotesk;src:url(/fonts/FKGrotesk-Regular.woff2) format("woff2"),url(/fonts/FKGrotesk-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FK Grotesk;src:url(/fonts/FKGrotesk-Light.woff2) format("woff2"),url(/fonts/FKGrotesk-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:FK Grotesk;src:url(/fonts/FKGrotesk-Medium.woff2) format("woff2"),url(/fonts/FKGrotesk-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:FK Grotesk;src:url(/fonts/FKGrotesk-Bold.woff2) format("woff2"),url(/fonts/FKGrotesk-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}a,a *,button,button *,[role=button],[role=button] *,input,textarea,select,summary,.grey-box,.grey-box *{cursor:none!important;pointer-events:auto}html,body{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}body{font-family:FK Grotesk,Manrope,sans-serif;background:#000;color:#fff;overflow-x:hidden;min-height:1200vh}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.hero-state{width:100%;height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.top-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:2rem;z-index:10}.links{display:flex;flex-direction:column;gap:.5rem}.links a{color:#fff;text-decoration:none;font-size:1rem;display:flex;align-items:center;gap:.5rem}.about-copy{max-width:74vw;font-size:1.2rem;line-height:1.2}.logo-container{position:absolute;bottom:4rem;left:2rem;width:calc(100% - 4rem);transform-origin:bottom left;z-index:10}.logo-container svg{width:100%;height:auto}.footer-bar{position:absolute;bottom:0;left:0;right:0;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:2rem;font-size:.875rem;z-index:5}.footer-bar>div:nth-child(2){position:absolute;left:calc(100% - 74vw - 2rem)}.view-selected-work{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#fff;white-space:nowrap;background:transparent;border:none;display:flex;align-items:center;padding:0}.view-selected-work .content-group{display:flex;align-items:center;gap:.5rem}.view-selected-work .bracket-left,.view-selected-work .bracket-right{transition:transform .4s cubic-bezier(.34,1.56,.64,1);transform:translate(0)}.view-selected-work .bracket-left{transform:translate(.75rem)}.view-selected-work .bracket-right{transform:translate(-.75rem)}.view-selected-work:hover .bracket-left{transform:translate(-.5rem)}.view-selected-work:hover .bracket-right{transform:translate(.5rem)}.view-selected-work svg{flex-shrink:0;display:block}.marquee-wrapper{--marquee-height: clamp(35vh, 3vw + 45vh, 65vh);position:fixed;top:45%;left:0;width:100%;height:var(--marquee-height);transform:translateY(calc(var(--marquee-height) / -2));z-index:1;padding:0 2rem;padding-bottom:clamp(.5rem,1vw + .25rem,3rem);align-items:center;overflow:hidden}.marquee-track{display:flex;gap:1rem;height:100%;width:max-content;padding-right:5vw;will-change:transform;opacity:0}.marquee-track.initialized{opacity:1}.grey-box{background:#333;flex-shrink:0;height:100%;min-height:45svh;border-radius:1.5rem;overflow:hidden}.grey-box.size-narrow{width:28vh;min-width:200px}.grey-box.size-standard{width:50vh;min-width:350px}.grey-box.size-wide{width:89vh;min-width:620px}.grey-box.size-extra-wide{width:100vh;min-width:700px}.grey-box.tall{width:300px}.grey-box.wide{width:450px}.grey-box.square{width:350px}@media(max-width:768px){body{min-height:100svh;overflow:hidden}.hero-state{position:fixed;height:100svh;width:100vw;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.top-bar{position:relative;flex-direction:column;justify-content:flex-start;gap:1rem;padding:1.5rem;flex-shrink:0;align-self:flex-start}.links{display:flex;flex-direction:row;gap:1rem}.about-copy{display:block;max-width:100%;font-size:1rem;line-height:1.2}.view-selected-work{display:none}.marquee-wrapper{position:relative;top:auto;transform:none;left:0;display:flex;align-items:center;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}.marquee-wrapper::-webkit-scrollbar{display:none}.marquee-track{display:flex;gap:0 1rem;width:100%;will-change:transform;animation:marquee-mobile 30s linear infinite;flex-shrink:0;opacity:1}.marquee-wrapper:active .marquee-track{animation-play-state:paused}@keyframes marquee-mobile{0%{transform:translate(0)}to{transform:translate(-50%)}}.grey-box{scroll-snap-align:center;flex-shrink:0;border-radius:1rem}.grey-box.size-narrow{width:45vw;min-width:45vw}.grey-box.size-standard{width:53vw;min-width:53vw}.grey-box.size-wide,.grey-box.size-extra-wide{width:71vw;min-width:71vw}.grey-box.tall,.grey-box.square{width:45vw;min-width:45vw}.grey-box.wide{width:53vw;min-width:53vw}.logo-container{position:relative;bottom:0;left:0;width:100%;padding:0 1.5rem;margin-top:auto;transform:none!important;scale:1!important;flex-shrink:0;align-self:flex-end}.footer-bar{position:relative;width:100%;flex-direction:row;justify-content:space-between;gap:0;align-items:center;padding:.25rem 1rem 1.5rem;font-size:.75rem;flex-shrink:0;align-self:flex-end}.footer-bar>div:nth-child(2){position:static;left:auto}@media(min-width:480px)and (max-width:1024px){.about-copy{font-size:1.2rem;line-height:1.2}.top-bar{gap:1rem;padding:2rem}.links{flex-direction:row}.marquee-wrapper{padding:3rem 0}.marquee-track{height:50svh}.grey-box.size-narrow,.grey-box.size-standard,.grey-box.size-wide,.grey-box.size-extra-wide,.grey-box.tall,.grey-box.wide,.grey-box.square{width:60vw;min-width:60vw}.logo-container{margin-top:auto;padding:0 2rem}.footer-bar{padding:1rem 2rem;font-size:.875rem}}}