.home{--mask-keep:#fff;--mask-cut:#000}.h-stage{z-index:0;pointer-events:none;position:fixed;inset:0}.home main{z-index:1;position:relative}.h-frame{left:var(--fx,0px);top:var(--fy,0px);width:var(--fw,100vw);height:var(--fh,100svh);position:absolute;overflow:hidden}.h-frame video{object-fit:cover;width:100%;max-width:none;height:100%;transition:transform 1.6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.intro .h-stage{background:#000}.intro .h-frame video{object-fit:contain}.lettered .h-loop{filter:brightness(1.2)}.intro .h-loop,.home:not(.intro) .h-main{visibility:hidden}.named .h-meta{opacity:0}.h-swaps{z-index:40;gap:6px;display:flex;position:fixed;bottom:20px;left:20px}.h-swaps button{cursor:pointer;color:#ece5d6;background:#00000073;border:1px solid #ffffff24;border-radius:999px;height:32px;padding:0 12px;font-size:13px}.h-swaps button[aria-pressed=true]{color:#111;background:#ece5d6}.intro .h-mask-open,.intro .h-meta,.intro .h-cue,.intro .h-glow{visibility:hidden;opacity:0;transition:none}.h-controls{z-index:40;gap:8px;transition:opacity .4s;display:flex;position:fixed;bottom:20px;right:20px}:root[data-film=off] .h-controls,:root[data-film=off] .h-swaps{opacity:0;visibility:hidden}.h-controls button{color:#ece5d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#00000073;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:14px;display:inline-flex}.h-controls button:hover{background:#000000a6}.h-controls svg{width:16px;height:16px}.h-mask{width:100%;height:100svh;position:absolute;inset:0 0 auto}.h-mask.off,.h-mask:not(.fit){visibility:hidden}.h-mask text{letter-spacing:0;font-family:Inter Tight Variable,sans-serif;font-weight:400}.h-m-all{fill:var(--mask-keep)}.h-m-hole{fill:var(--mask-cut)}.h-ground{fill:var(--background)}.h-meta,.h-endline{top:var(--below,70%);text-align:center;width:min(640px,100% - 32px);font-size:var(--text-title);text-wrap:balance;line-height:1.3;transition:opacity .3s,visibility .3s;position:absolute;left:50%;transform:translate(-50%)}.h-meta.gone,.h-endline.gone{opacity:0;visibility:hidden}.h-endline{font-size:var(--text-lede);pointer-events:auto;justify-items:center;gap:12px;display:grid}.h-endlayer{z-index:30;pointer-events:none;position:fixed;inset:0}.h-endlayer.off{visibility:hidden}.h-end-img,.h-end-glow{object-fit:cover;width:100%;max-width:none;height:100%;opacity:var(--in,0);position:absolute;inset:0}.h-end-glow{opacity:var(--glow,0)}.h-open{height:170svh}.h-slot{width:min(880px, calc(100% - 2 * var(--gut)));aspect-ratio:16/9;margin-inline:auto}.h-close{height:125svh}@media (prefers-reduced-motion:reduce){.h-open{height:130svh}.h-frame video,.h-meta,.h-endline{transition:none}}.h-glow{left:var(--fx,0px);top:var(--fy,0px);width:var(--fw,100vw);height:var(--fh,100svh);filter:blur(56px)saturate(1.4);opacity:0;transition:opacity 1.2s;position:absolute;transform:scale(1.18)}.settled .h-glow{opacity:.55}.h-cue{width:22px;height:22px;color:var(--dim);margin-left:-11px;transition:opacity .3s,visibility .3s;animation:2.2s ease-in-out infinite h-cue;position:absolute;bottom:28px;left:50%}.h-cue.gone{opacity:0;visibility:hidden}@keyframes h-cue{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.reach-arc{stroke-dashoffset:0;animation:3s linear infinite reach}@keyframes reach{to{stroke-dashoffset:-8px}}@media (prefers-reduced-motion:reduce){.h-cue,.reach-arc{animation:none}}.h-mask-end .h-ground{fill:#000}.h-endline{color:#ece5d6}.h-endline .text-dim{color:#b3ab9d}.h-endline a:hover{color:#eea04c}:root:not(.dark) .lettered .h-loop{filter:brightness(.42)contrast(1.45)saturate(1.25)sepia(.25)}
