.hero{--drawer-closed:clamp(5rem, 7.083vw, 6.375rem);--drawer-open:clamp(9rem, 12.64vw, 11.375rem);isolation:isolate;background:var(--black);min-height:100svh;color:var(--off-white);position:relative;overflow:hidden}.hero__background,.hero__background-video,.hero__background-pending,.hero__background-shade{width:100%;height:100%;position:absolute;inset:0}.hero__background-video{object-fit:cover}.hero__background-pending{background:var(--purple);place-items:start end;padding:1.25rem;display:grid}.hero__background-pending span{letter-spacing:.16em;text-transform:uppercase;opacity:.24;font-size:.62rem}.hero__background-shade{background:#0000001f;transition:opacity .24s}.hero__stage{z-index:2;position:absolute;inset:0}.hero__identity{text-align:center;width:min(78vw,70rem);transition:opacity .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__identity h1{font-family:var(--font-display);font-kerning:normal;font-optical-sizing:auto;letter-spacing:.31em;text-transform:uppercase;margin:0;font-size:clamp(2.6rem,4.65vw,4.1875rem);font-weight:300;line-height:1}.hero__identity p{font-family:var(--font-display);font-kerning:normal;font-optical-sizing:auto;letter-spacing:.11em;text-transform:uppercase;margin:.7rem 0 0;font-size:clamp(.72rem,1.39vw,1.25rem);font-weight:600;line-height:1}.hero__identity i{opacity:0;filter:blur(8px);clip-path:inset(0 100% 0 0);transform-origin:0;will-change:filter, opacity, transform, clip-path;font-style:normal;display:inline-block;transform:translate(.2em)scaleX(.94)}.hero__identity h1 i{animation:identity-letter-in .78s var(--ease-out) calc(.16s + (var(--char-index) * 62ms)) forwards}.hero__identity p i{filter:blur(4px);animation:identity-letter-in .62s var(--ease-out) calc(.56s + (var(--char-index) * 28ms)) forwards}.hero__drawer{z-index:5;width:var(--drawer-open);transform:translateX(calc((var(--drawer-open) - var(--drawer-closed)) * -1));transition:transform .42s var(--ease-drawer);position:absolute;inset:0 auto 0 0}.hero[data-drawer-open=true] .hero__drawer{transform:translate(0)}.hero__line{transform-origin:50%;width:1px;height:clamp(18rem,42.4svh,27.125rem);animation:line-in .9s var(--ease-out) .52s forwards;background:#f8f8f6c7;position:absolute;top:calc(50% + 1.40625rem);right:0;transform:translateY(-50%)scaleY(0)}.hero__logo{top:calc(50% + 1.09375rem);right:calc((var(--drawer-closed) / 2) - .1875rem);width:2.875rem;height:3.0625rem;transition:opacity .18s ease, transform .24s var(--ease-in-out);place-items:center;display:grid;position:absolute;transform:translate(50%,-50%)}.hero__logo-video{object-fit:contain;opacity:0;width:100%;height:100%;display:block}.hero__logo-video[data-ready=true]{opacity:1}.hero__logo-fallback{gap:.22rem;width:90%;display:none;transform:rotate(-14deg)}.hero__logo-fallback i{background:var(--off-white);height:.28rem;display:block}.hero__logo[data-fallback=true] .hero__logo-fallback{display:grid}.hero[data-drawer-open=true] .hero__logo{pointer-events:none;opacity:0;transform:translate(50%,-50%)scale(.95)}.hero__nav{text-align:center;pointer-events:none;opacity:0;width:100%;transition:opacity .18s ease 30ms, transform .24s var(--ease-out) 30ms;justify-items:center;gap:.35rem;display:grid;position:absolute;top:calc(50% + 1.5rem);left:0;right:0;transform:translate(-.09375rem,-50%)}.hero[data-drawer-open=true] .hero__nav{pointer-events:auto;opacity:1}.hero__nav-row{width:100%;min-width:0;min-height:1.45rem;color:var(--off-white);font-family:var(--font-display);letter-spacing:-.01em;text-align:center;white-space:nowrap;font-size:1.1875rem;font-style:normal;font-weight:700;line-height:normal;display:block;position:relative}.hero__nav-row button{cursor:pointer;width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:center;background:0 0;border:0;padding:0;transition:opacity .16s}.hero__nav-row em,.hero__work-links{opacity:0;clip-path:inset(0 100% 0 0);transition:clip-path .24s var(--ease-in-out), opacity .16s ease, transform .24s var(--ease-in-out);font-style:normal;position:absolute;inset:0 auto auto 50%;transform:translate(calc(-50% - .35rem))}.hero__work-links{gap:.4rem;display:flex}.hero__nav-row--work.is-open button{opacity:0}.hero__nav-row--work.is-open .hero__work-links{opacity:1;clip-path:inset(0);transform:translate(-50%)}.hero__drawer-toggle{right:calc(var(--drawer-closed) / 2);writing-mode:vertical-rl;background:0 0;border:0;align-items:center;gap:.6rem;padding:0;display:none;position:absolute;bottom:1.25rem;transform:translate(50%)}.hero__drawer-toggle span{letter-spacing:.14em;text-transform:uppercase;font-size:.62rem}.hero__drawer-toggle i,.hero__drawer-toggle i:after{content:"";width:1px;height:.9rem;transition:transform .2s var(--ease-in-out);background:currentColor;display:block}.hero__drawer-toggle i:after{transform:translate(4px)}.hero__drawer-toggle[aria-expanded=true] i{transform:rotate(45deg)}.hero__drawer-toggle[aria-expanded=true] i:after{transform:rotate(90deg)}.showreel-cursor{z-index:8;background:var(--off-white);width:6rem;height:6rem;color:var(--black);cursor:none;opacity:0;pointer-events:none;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .16s;display:grid;position:fixed;top:0;left:0;transform:translate(50vw,50vh)translate(-50%,-50%)}.showreel-cursor span{font-family:var(--font-display);letter-spacing:.025em;text-transform:uppercase;font-size:.75rem;font-weight:650;line-height:.9}.hero[data-intro-complete=true][data-drawer-open=false] .showreel-cursor.is-visible{opacity:1;pointer-events:auto}.showreel-static{display:none}.showreel{z-index:60;visibility:hidden;opacity:0;place-items:center;padding:clamp(1rem,4vw,4rem);transition:visibility .24s,opacity .24s;display:grid;position:fixed;inset:0}.showreel[aria-hidden=false]{visibility:visible;opacity:1}.showreel__backdrop{background:#000000e6;position:absolute;inset:0}.showreel__frame{z-index:1;aspect-ratio:16/9;opacity:0;width:min(90vw,1440px);transition:opacity .24s ease, transform .42s var(--ease-out);background:#111;position:relative;overflow:hidden;transform:translateY(18px)scale(.97)}.showreel__frame--cinematic{aspect-ratio:12/5}.showreel[aria-hidden=false] .showreel__frame{opacity:1;transform:none}.showreel__frame iframe,.showreel__frame video{object-fit:contain;border:0;width:100%;height:100%}.showreel__frame--cinematic iframe{width:calc(100% + 2px);display:block;position:absolute;inset:0 0 0 -2px}.showreel__pending{background:linear-gradient(135deg, #0c0c0c, color-mix(in srgb, var(--purple) 70%, black));place-items:center;width:100%;height:100%;display:grid}.showreel__pending span{letter-spacing:.16em;text-transform:uppercase;opacity:.48;font-size:.68rem}.showreel__close{z-index:2;cursor:pointer;background:0 0;border:0;width:2.2rem;height:2.2rem;padding:0;position:absolute;top:clamp(1.25rem,2.5vw,2.5rem);right:clamp(1.25rem,2.5vw,2.5rem)}.showreel__close span{background:var(--off-white);width:1.3rem;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.showreel__close span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}body.showreel-open{overflow:hidden}@keyframes identity-letter-in{to{opacity:1;filter:blur();clip-path:inset(0);transform:none}}@keyframes line-in{to{transform:translateY(-50%)scaleY(1)}}@media (hover:hover) and (pointer:fine){.hero[data-intro-complete=true] .hero__stage{cursor:none}.hero__nav-row:not(.hero__nav-row--work):hover>span,.hero__nav-row:not(.hero__nav-row--work):focus>span{opacity:0}.hero__nav-row:not(.hero__nav-row--work):hover em,.hero__nav-row:not(.hero__nav-row--work):focus em{opacity:1;clip-path:inset(0);transform:translate(-50%)}}@media (hover:none),(pointer:coarse),(width<=720px){.hero{--drawer-closed:3.5rem;--drawer-open:min(18rem, 82vw)}.hero__drawer-toggle{display:flex}.hero__logo{width:2rem;height:2.125rem}.hero__identity{width:calc(100% - 5rem)}.hero__identity h1{letter-spacing:.1em;white-space:nowrap;font-size:clamp(2.1rem,10.5vw,4rem)}.hero__identity p{letter-spacing:.11em;font-size:.72rem}.showreel-cursor{display:none}.showreel-static{border:1px solid var(--off-white);color:var(--off-white);letter-spacing:.14em;text-transform:uppercase;background:#00000047;padding:.75rem 1rem;font-size:.68rem;display:block;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__nav-row{font-size:1.25rem}.hero[data-drawer-open=true] .hero__identity,.hero[data-drawer-open=true] .showreel-static{pointer-events:none;opacity:0}}@media (prefers-reduced-motion:reduce){.hero__identity i{opacity:1;filter:none;clip-path:inset(0);transform:none;animation-delay:0s!important}.hero__line{animation-duration:.2s!important;animation-delay:0s!important}.hero__drawer,.hero__nav,.showreel__frame{transition-duration:.2s}.showreel-cursor{display:none}.showreel-static{border:1px solid var(--off-white);color:var(--off-white);letter-spacing:.14em;text-transform:uppercase;background:#00000047;padding:.75rem 1rem;font-size:.68rem;display:block;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}}