:root{--ink: #0a0a0b;--graphite: #141416;--graphite-2: #1c1c1f;--bone: #ede8e0;--muted: #8a8680;--amber: #ff6a3d;--cyan: #35e0d0;--line: rgba(237, 232, 224, .12);--font-display: "Clash Display", "Arial Narrow", sans-serif;--font-body: "Satoshi", system-ui, -apple-system, sans-serif;--step--1: clamp(.8rem, .75rem + .2vw, .9rem);--step-0: clamp(1rem, .95rem + .25vw, 1.15rem);--step-1: clamp(1.3rem, 1.1rem + .9vw, 1.9rem);--step-2: clamp(1.8rem, 1.4rem + 2vw, 3.2rem);--step-3: clamp(2.6rem, 1.8rem + 4vw, 5.5rem);--step-mega: clamp(3rem, .5rem + 12vw, 13rem);--gutter: clamp(1.2rem, 4vw, 4rem);--maxw: 1600px;--radius: 14px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--ink);color:var(--bone);scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--step-0);line-height:1.5;background:var(--ink);color:var(--bone);overflow-x:hidden;min-height:100vh}html.lenis,html.lenis body{height:auto}html.lenis{scroll-behavior:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}img,picture,video,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:.98;letter-spacing:-.02em}::selection{background:var(--amber);color:var(--ink)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.eyebrow{font-family:var(--font-body);font-size:var(--step--1);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:.7em}.eyebrow:before{content:"";width:2.2em;height:1px;background:var(--amber)}.section{position:relative;padding-block:clamp(5rem,12vh,11rem)}.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}html.anim-ready [data-reveal]{opacity:0}.cursor{position:fixed;top:0;left:0;width:10px;height:10px;border-radius:50%;background:var(--bone);pointer-events:none;z-index:9999;mix-blend-mode:difference;display:none;place-items:center;transition:width .32s var(--ease),height .32s var(--ease),background .3s}.cursor__label{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);opacity:0;white-space:nowrap;transition:opacity .2s}.cursor.is-active{width:76px;height:76px;background:var(--amber);mix-blend-mode:normal}.cursor.is-active .cursor__label{opacity:1}@media(hover:hover)and (pointer:fine){.cursor{display:grid}html.has-cursor,html.has-cursor a,html.has-cursor button{cursor:none}}.preloader{position:fixed;inset:0;z-index:9000;background:var(--ink);display:grid;place-items:center;overflow:hidden}.preloader__count{font-family:var(--font-display);font-weight:600;font-size:var(--step-3);letter-spacing:-.03em;color:var(--bone)}.preloader__count span{color:var(--amber)}.preloader__word{position:absolute;bottom:var(--gutter);left:var(--gutter);font-family:var(--font-body);font-size:var(--step--1);letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.preloader__skip{position:absolute;bottom:var(--gutter);right:var(--gutter);font-size:var(--step--1);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:clamp(1rem,2.4vw,1.8rem) var(--gutter);mix-blend-mode:difference}.nav__logo{font-family:var(--font-display);font-weight:600;font-size:var(--step-1);letter-spacing:-.02em;color:#fff}.nav__logo b{color:var(--amber)}.nav__toggle{display:inline-flex;align-items:center;gap:.6em;font-size:var(--step--1);letter-spacing:.2em;text-transform:uppercase;color:#fff}.nav__toggle-bars{display:inline-flex;flex-direction:column;gap:4px}.nav__toggle-bars span{width:22px;height:2px;background:#fff;transition:transform .35s var(--ease)}.menu{position:fixed;inset:0;z-index:200;background:var(--ink);display:flex;flex-direction:column;justify-content:center;padding:var(--gutter);clip-path:inset(0 0 100% 0);visibility:hidden}.menu.is-open{visibility:visible}.menu__list{list-style:none;padding:0;display:flex;flex-direction:column;gap:clamp(.2rem,1vh,.8rem)}.menu__list a{font-family:var(--font-display);font-weight:600;font-size:var(--step-3);letter-spacing:-.02em;line-height:1.05;color:var(--bone);display:inline-block;transition:color .3s var(--ease),transform .4s var(--ease)}.menu__list a:hover{color:var(--amber);transform:translate(.4em)}.menu__list .idx{font-family:var(--font-body);font-size:var(--step--1);color:var(--muted);vertical-align:super;margin-right:.4em;letter-spacing:normal}.menu__close{position:absolute;top:clamp(1rem,2.4vw,1.8rem);right:var(--gutter);font-size:var(--step--1);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.menu__meta{margin-top:clamp(2rem,6vh,5rem);display:flex;flex-wrap:wrap;gap:2rem;color:var(--muted);font-size:var(--step--1);letter-spacing:.05em}.menu__meta a:hover{color:var(--bone)}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding-bottom:clamp(2rem,6vh,5rem);overflow:hidden}.hero__media{position:absolute;inset:0;z-index:0}.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}.hero__media:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 72% 12%,rgba(255,106,61,.16),transparent 55%),radial-gradient(90% 80% at 8% 88%,rgba(53,224,208,.1),transparent 55%),linear-gradient(190deg,#0a0a0b1f,#0a0a0b00 45%,#0a0a0b8c)}.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,10,11,.45) 0%,transparent 30%,rgba(10,10,11,.85) 100%)}.hero__inner{position:relative;z-index:2;width:100%}.hero__title{font-size:var(--step-mega);font-weight:600;line-height:.82;letter-spacing:-.04em;text-transform:uppercase;background:linear-gradient(120deg,#fff 0%,var(--amber) 45%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 200%;animation:titleGrade 12s ease-in-out infinite alternate}@keyframes titleGrade{0%{background-position:0% 50%}to{background-position:100% 50%}}.hero__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-top:clamp(1rem,3vh,2.5rem)}.hero__tag{max-width:32ch;color:var(--muted);font-size:var(--step-1);line-height:1.35}.hero__tag b{color:var(--bone);font-weight:500}.hero__scroll{display:inline-flex;align-items:center;gap:.7em;font-size:var(--step--1);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.hero__scroll .dot{width:8px;height:8px;border-radius:50%;background:var(--amber);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}.reel{position:relative;background:var(--ink)}.reel__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:clamp(3rem,8vh,6rem) var(--gutter) clamp(1.5rem,4vh,3rem)}.reel__head h2{font-size:var(--step-2)}.reel__viewport{overflow:hidden}.reel__track{display:flex;gap:clamp(1rem,2vw,2rem);padding-inline:var(--gutter);will-change:transform}.reel__card{position:relative;flex:0 0 clamp(280px,42vw,620px);aspect-ratio:16 / 10;border-radius:var(--radius);overflow:hidden;background:var(--graphite);border:1px solid var(--line)}.reel__card-media{position:absolute;inset:0;transition:transform .9s var(--ease)}.reel__card:hover .reel__card-media{transform:scale(1.05)}.reel__card-info{position:absolute;inset:auto 0 0;z-index:2;padding:1.4rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;background:linear-gradient(0deg,rgba(10,10,11,.85),transparent)}.reel__card-info h3{font-size:var(--step-1)}.reel__card-cat{font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.reel__num{position:absolute;top:1rem;left:1.2rem;z-index:2;font-family:var(--font-display);font-size:var(--step--1);color:var(--bone);opacity:.7}.reel__progress{margin:clamp(1.5rem,4vh,3rem) var(--gutter) 0;height:2px;background:var(--line)}.reel__progress span{display:block;height:100%;width:0%;background:var(--amber)}.showreel{background:var(--ink);padding-block:clamp(3rem,7vh,6rem)}.showreel__head{margin-bottom:clamp(1.5rem,4vh,3rem)}.showreel__head h2{font-size:var(--step-2);max-width:18ch}.showreel__stage{position:relative;width:100%;aspect-ratio:16 / 9;max-height:90vh;overflow:hidden;background:var(--graphite)}.showreel__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.showreel__scrim{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#0a0a0b26,#0a0a0b99)}.showreel__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1.1rem;color:var(--bone);text-align:center}.showreel__play-ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;padding-left:5px;color:var(--bone);border:1px solid rgba(237,232,224,.55);background:#0a0a0b47;transition:transform .4s var(--ease),background .3s,color .3s,border-color .3s}.showreel__play:hover .showreel__play-ring{transform:scale(1.09);background:var(--amber);color:var(--ink);border-color:var(--amber)}.showreel__play-meta{font-family:var(--font-display);font-weight:600;font-size:var(--step-1);letter-spacing:-.01em}.showreel__play-meta em{display:block;font-family:var(--font-body);font-style:normal;font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:.5rem}.reel-lightbox{position:fixed;inset:0;z-index:500;background:#050506f2;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem);opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s}.reel-lightbox.is-open{opacity:1;visibility:visible}.reel-lightbox__frame{width:100%;max-width:1400px;aspect-ratio:16 / 9}.reel-lightbox__video{width:100%;height:100%;border-radius:var(--radius);background:#000}.reel-lightbox__close{position:absolute;top:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);font-size:var(--step--1);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.reel-lightbox__close:hover{color:var(--bone)}.work__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:clamp(2rem,5vh,3.5rem)}.work__head h2{font-size:var(--step-3);max-width:14ch}.filters{display:inline-flex;gap:.4rem;flex-wrap:wrap}.filters button{padding:.55em 1.1em;border:1px solid var(--line);border-radius:100px;font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:color .3s,border-color .3s,background .3s}.filters button:hover{color:var(--bone);border-color:var(--muted)}.filters button.is-active{color:var(--ink);background:var(--bone);border-color:var(--bone)}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(.8rem,1.5vw,1.4rem)}.tile{position:relative;grid-column:span 2;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;background:var(--graphite);border:1px solid var(--line);transition:transform .6s var(--ease),opacity .4s,filter .5s}.tile[data-size=wide]{grid-column:span 4;aspect-ratio:16 / 9}.tile[data-size=tall]{grid-column:span 2;aspect-ratio:3 / 4}.tile[data-size=big]{grid-column:span 4;aspect-ratio:16 / 10}.tile-media{position:absolute;inset:0;transition:transform .9s var(--ease)}.tile:hover .tile-media{transform:scale(1.06)}.tile-body{position:absolute;inset:0;z-index:2;padding:1.4rem;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,rgba(10,10,11,.8) 0%,transparent 55%)}.tile-body h3{font-size:var(--step-1);transition:transform .5s var(--ease)}.tile:hover .tile-body h3{transform:translateY(-4px)}.tile-cat{font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}.tile.is-hidden{opacity:.12;filter:grayscale(1);pointer-events:none}.about__quote{font-family:var(--font-display);font-weight:500;font-size:var(--step-3);line-height:1.02;letter-spacing:-.02em;max-width:22ch}.about__quote em{color:var(--amber);font-style:normal}.about__meta{margin-top:1.4rem;max-width:46ch;color:var(--bone);opacity:.62;font-size:var(--step-0);line-height:1.5}.about__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1rem,2vw,2rem);margin-top:clamp(2.5rem,6vh,5rem)}.stat{border-top:1px solid var(--line);padding-top:1.2rem}.stat b{display:block;font-family:var(--font-display);font-size:var(--step-2);font-weight:600;color:var(--bone)}.stat span{color:var(--muted);font-size:var(--step--1)}.credits{margin-top:clamp(2rem,5vh,4rem);display:flex;flex-wrap:wrap;gap:1.4rem 2.6rem;color:var(--muted);font-size:var(--step-1)}.credits span{transition:color .3s}.credits span:hover{color:var(--bone)}.vault{background:linear-gradient(180deg,var(--ink),#100b09 60%,var(--ink))}.vault__head{text-align:center;max-width:46ch;margin:0 auto clamp(2.5rem,6vh,4.5rem)}.vault__head h2{font-size:var(--step-3);margin-block:.4em .5em}.vault__head p{color:var(--muted);font-size:var(--step-1)}.vault__shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(1rem,2vw,1.8rem)}.canister{position:relative;padding:1.6rem;min-height:300px;border-radius:var(--radius);background:linear-gradient(180deg,var(--graphite-2),var(--graphite));border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .5s var(--ease),border-color .4s}.canister:before{content:"";position:absolute;top:14px;left:14px;right:14px;height:1px;background:var(--line)}.canister:hover{transform:translateY(-6px);border-color:#ff6a3d80}.canister__lock{align-self:flex-end;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--muted);transition:color .4s,border-color .4s,background .4s}.canister.is-unlocked .canister__lock{color:var(--ink);background:var(--amber);border-color:var(--amber)}.canister__meta .kind{font-size:var(--step--1);letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}.canister__meta h3{font-size:var(--step-1);margin-block:.4em .3em}.canister__meta p{color:var(--muted);font-size:var(--step--1)}.canister__value{margin-top:1rem;font-size:var(--step--1);color:var(--muted)}.canister__value s{color:var(--muted);opacity:.6}.canister__value b{color:var(--bone)}.vault__gate{margin:clamp(2.5rem,6vh,4.5rem) auto 0;max-width:560px;text-align:center}.gate__form{display:flex;gap:.6rem;margin-top:1.2rem;background:var(--graphite);border:1px solid var(--line);border-radius:100px;padding:.5rem .5rem .5rem 1.4rem;transition:border-color .3s}.gate__form:focus-within{border-color:var(--amber)}.gate__form input{flex:1;background:none;border:none;color:var(--bone);font-size:var(--step-0);outline:none}.gate__form input::placeholder{color:var(--muted)}.gate__form button{padding:.8em 1.6em;border-radius:100px;background:var(--amber);color:var(--ink);font-weight:700;letter-spacing:.02em;white-space:nowrap;transition:transform .3s var(--ease),background .3s}.gate__form button:hover{background:#ff855f}.gate__note{margin-top:.9rem;color:var(--muted);font-size:var(--step--1)}.gate__success{margin-top:1.2rem;display:none}.gate__success-msg{color:var(--cyan);font-size:var(--step-0)}.gate__download{display:inline-flex;align-items:center;margin-top:1rem;padding:.8rem 1.6rem;background:var(--amber);color:var(--ink);font-weight:700;border-radius:var(--radius);transition:background .2s ease,transform .2s ease}.gate__download:hover{background:#ff855f;transform:translateY(-2px)}.gate__download[hidden],.vault__gate.is-done .gate__form{display:none}.vault__gate.is-done .gate__success{display:block}.contact{text-align:center}.contact h2{font-size:var(--step-mega);line-height:.85;letter-spacing:-.03em}.contact__cta{display:inline-block;margin-top:clamp(1.5rem,4vh,3rem);font-size:var(--step-1);color:var(--amber);border-bottom:1px solid rgba(255,106,61,.4);padding-bottom:.2em;will-change:transform}.footer{border-top:1px solid var(--line);padding:clamp(2rem,5vh,3.5rem) var(--gutter);display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;color:var(--muted);font-size:var(--step--1)}.footer__socials{display:flex;gap:1.4rem}.footer__socials a:hover{color:var(--bone)}[data-magnetic]{display:inline-block;will-change:transform}.case__hero{min-height:80svh;display:flex;align-items:flex-end;padding:var(--gutter);padding-bottom:clamp(2rem,6vh,5rem);position:relative;overflow:hidden}.case__hero-media{position:absolute;inset:0;z-index:0}.case__hero .container{position:relative;z-index:2}.case__title{font-size:var(--step-mega);line-height:.85}.case__metarow{display:flex;flex-wrap:wrap;gap:2.5rem;margin-top:2rem;border-top:1px solid var(--line);padding-top:2rem}.case__metarow div span{display:block;color:var(--muted);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.3rem}.case__body{max-width:68ch;margin-inline:auto;font-size:var(--step-1);line-height:1.6;color:#cfc9c0}.case__body p{margin-bottom:1.4em}.case__next{border-top:1px solid var(--line);padding:clamp(3rem,8vh,6rem) var(--gutter);text-align:center}.case__next a{font-size:var(--step-3);font-family:var(--font-display)}.case__next a:hover{color:var(--amber)}.backlink{display:inline-flex;align-items:center;gap:.6em;color:var(--muted);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase}.backlink:hover{color:var(--bone)}@media(max-width:900px){.bento{grid-template-columns:repeat(2,1fr)}.tile,.tile[data-size=wide],.tile[data-size=tall],.tile[data-size=big]{grid-column:span 1;aspect-ratio:4 / 3}.hero__row{flex-direction:column;align-items:flex-start}.hero__img{object-position:16% 42%}}@media(max-width:640px){.bento{grid-template-columns:1fr}.gate__form{flex-direction:column;border-radius:var(--radius);padding:.8rem}.gate__form input{padding:.6rem .4rem}.gate__form button{width:100%}.menu__list a{font-size:var(--step-2)}}@media(max-width:900px),(hover:none){.reel__viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.reel__track{transform:none!important}.reel__card{scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.hero__media:after,.hero__title{animation:none}.hero__title{background-position:0 50%}html.anim-ready [data-reveal]{opacity:1}}.skip-link{position:fixed;top:-100%;left:var(--gutter);z-index:9999;background:var(--amber);color:var(--ink);font-weight:700;padding:.7em 1.2em;border-radius:0 0 10px 10px;transition:top .2s ease}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:3px}