:root{--cinema:#0a0a0b;--grafite:#141417;--prata:#c6c7cb;--aco:#8a8b90;--nevoa:#f4f4f2;--rec:#e5484d;--dock:0px;--f-display:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;--f-sans:var(--font-inter), ui-sans-serif, system-ui, sans-serif;--f-mono:var(--font-jetbrains), ui-monospace, SFMono-Regular, monospace}.hud-corners{inset:calc(var(--safe-t) + 14px) 14px calc(var(--safe-b) + var(--dock) + 14px) 14px;pointer-events:none;z-index:45;position:fixed}.hud-corners i{border:0 solid #ffffffa6;width:22px;height:22px;position:absolute}.hud-corners i:first-child{border-top-width:1.5px;border-left-width:1.5px;top:0;left:0}.hud-corners i:nth-child(2){border-top-width:1.5px;border-right-width:1.5px;top:0;right:0}.hud-corners i:nth-child(3){border-bottom-width:1.5px;border-left-width:1.5px;bottom:0;left:0}.hud-corners i:nth-child(4){border-bottom-width:1.5px;border-right-width:1.5px;bottom:0;right:0}.hud-top{z-index:45;left:28px;right:28px;top:calc(var(--safe-t) + 28px);color:var(--prata);pointer-events:none;mix-blend-mode:difference;justify-content:space-between;gap:1rem;display:flex;position:fixed}.rec-dot{align-items:center;gap:8px;display:inline-flex}.rec-dot b{background:var(--rec);border-radius:50%;width:8px;height:8px;animation:1.1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.15}}.focus-ring{z-index:90;pointer-events:none;opacity:0;border:1px solid #fffc;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;transition:width .3s,height .3s,margin .3s,background .3s,opacity .3s;position:fixed;top:0;left:0}.focus-ring.on{opacity:1}.focus-ring.hot{background:#fff;width:18px;height:18px;margin:-9px 0 0 -9px}@media (hover:none),(pointer:coarse){.focus-ring{display:none}}.rack-title .wd{white-space:nowrap;display:inline-block}.rack-title .ch{filter:blur(22px);opacity:0;display:inline-block;transform:scale(1.08)}.rack-title.is-ready .ch{filter:none;opacity:1;transition:filter 1.3s cubic-bezier(.2,.7,0,1),opacity 1s,transform 1.3s cubic-bezier(.2,.7,0,1);transition-delay:calc(var(--i) * 55ms + .35s);transform:none}.rack-fade{opacity:0;transform:translateY(10px)}.rack-fade.is-ready{opacity:1;transition:opacity 1.2s .9s,transform 1.2s .9s;transform:none}.gate{z-index:100;padding:var(--gutter);background:#050506;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.gate.is-closing{pointer-events:none;animation:.9s cubic-bezier(.7,0,.2,1) forwards iris}@keyframes iris{0%{clip-path:circle(150%)}to{clip-path:circle(0%)}}.gate-flash{opacity:0;pointer-events:none;z-index:101;background:#fff;animation:.45s ease-out 1.28s gflash;position:fixed;inset:0}@keyframes gflash{0%{opacity:.9}to{opacity:0}}.gate-in{flex-direction:column;align-items:center;gap:2.25rem;width:100%;display:flex}.slate{width:min(560px,86vw);animation:.3s 1.28s shake;transform:rotate(-1.2deg)}@keyframes shake{0%{transform:rotate(-1.2deg)}30%{transform:translateY(4px)rotate(-.6deg)}60%{transform:translateY(-2px)rotate(-1.4deg)}to{transform:rotate(-1.2deg)}}.slate .arm,.slate .sticks{border:1px solid #ffffff2e;height:44px}.slate .arm{background:repeating-linear-gradient(112deg, var(--nevoa) 0 26px, #0a0a0b 26px 52px);transform-origin:14px 100%;border-radius:7px 7px 0 0;animation:.15s cubic-bezier(.6,0,1,.7) 1.15s forwards clap;transform:rotate(-27deg)}@keyframes clap{to{transform:rotate(0)}}.slate .sticks{background:repeating-linear-gradient(112deg, #0a0a0b 0 26px, var(--nevoa) 26px 52px);border-top:0}.slate .board{background:var(--grafite);border:1px solid #ffffff1f;border-top:0;border-radius:0 0 12px 12px;padding:6px 20px 8px}.slate .rows>div{opacity:0;animation:typein .5s calc(1.4s + var(--i) * .1s) forwards;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:baseline;gap:1rem;padding:12px 0;display:flex}.slate .rows>div:last-child{border-bottom:0}@keyframes typein{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.slate dt{color:var(--aco)}.slate dd{font:500 14px/1 var(--f-display);letter-spacing:.04em;text-align:right;margin:0}.gate-say{font:300 clamp(1.4rem, 5vw, 2rem) / 1.15 var(--f-display);text-align:center;letter-spacing:-.02em;opacity:0;animation:.8s 1.9s forwards grise}.gate-say b{font-weight:600}.gate-actions{opacity:0;flex-wrap:wrap;justify-content:center;gap:10px;animation:.8s 2.1s forwards grise;display:flex}@keyframes grise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width:520px){.gate-actions{flex-direction:column;width:100%;max-width:340px}.gate-actions>*{width:100%}}@media (prefers-reduced-motion:reduce){.gate *,.gate-flash{animation-duration:.01ms!important;animation-delay:0s!important}.rack-title .ch,.rack-fade{filter:none;opacity:1;transform:none}}.monitor{aspect-ratio:16/9;isolation:isolate;background:#000;border:1px solid #ffffff1a;border-radius:12px;position:relative;overflow:hidden}.monitor.swap{animation:.5s swap}@keyframes swap{0%{filter:brightness(2.2)contrast(.6)}to{filter:none}}.monitor .guides{z-index:2;pointer-events:none;border:1px dashed #ffffff29;position:absolute;inset:8%}.monitor .hud{z-index:3;background:linear-gradient(#0000 55%,#000000b3);flex-direction:column;justify-content:space-between;padding:clamp(12px,3vw,24px);display:flex;position:absolute;inset:0}.monitor .hud>div{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.monitor .watch{background:var(--nevoa);min-height:44px;color:var(--cinema);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:0 1.25rem;transition:background .3s;display:inline-flex}.monitor .watch:hover{background:#fff}.tracks{scroll-snap-type:x proximity;scrollbar-width:none;gap:6px;margin-top:14px;padding-bottom:10px;display:flex;overflow-x:auto}.tracks::-webkit-scrollbar{display:none}.clip{scroll-snap-align:start;text-align:left;background:var(--grafite);border:1px solid #ffffff1a;border-radius:8px;flex:none;transition:border-color .3s,transform .3s;display:block;overflow:hidden}.clip:hover{transform:translateY(-3px)}.clip[aria-current=true]{border-color:#fff}.clip .th{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.clip .ct{flex-direction:column;gap:7px;padding:10px 12px 8px;display:flex}.clip .ct b{font:500 14px/1.15 var(--f-display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clip .wave{align-items:center;gap:2px;height:22px;display:flex}.clip .wave i{background:var(--prata);opacity:.35;height:var(--h);transform-origin:50%;border-radius:1px;flex:1}.clip[aria-current=true] .wave i{opacity:.9;animation:.8s ease-in-out infinite alternate wv;animation-delay:var(--d)}@keyframes wv{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.lanes{color:var(--aco);justify-content:space-between;margin-top:6px;display:flex}.tl{z-index:50;height:calc(60px + var(--safe-b));padding:0 var(--gutter) var(--safe-b);-webkit-backdrop-filter:blur(16px);background:#0a0a0be0;border-top:1px solid #ffffff14;align-items:center;gap:14px;display:flex;position:fixed;inset:auto 0 0}.tl-play{width:42px;height:42px;color:var(--nevoa);border:1px solid #ffffff40;border-radius:50%;flex:none;place-items:center;transition:background .3s,color .3s;display:grid}.tl-play:hover{background:var(--nevoa);color:var(--cinema)}.tl-play svg{fill:currentColor;width:14px;height:14px}.tl-tc{font:500 12px/1 var(--f-mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;min-width:92px}.tl-track{cursor:pointer;touch-action:none;background:repeating-linear-gradient(90deg,#ffffff38 0 1px,#0000 1px 10px) bottom/100% 7px no-repeat;flex:1;height:34px;position:relative}.tl-track:before{content:"";background:#fff3;height:1px;position:absolute;bottom:0;left:0;right:0}.tl-mk{color:var(--aco);white-space:nowrap;font:500 9px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;padding:4px 6px;position:absolute;bottom:8px;transform:translate(-50%)}.tl-mk:after{content:"";background:var(--prata);width:1px;height:8px;position:absolute;bottom:-8px;left:50%}.tl-mk[aria-current=true]{color:#fff}.tl-ph{pointer-events:none;background:#fff;width:1px;position:absolute;top:0;bottom:0;left:0}.tl-ph:before{content:"";border:5px solid #0000;border-top:8px solid #fff;border-bottom:0;position:absolute;top:-1px;left:-5px}@media (max-width:640px){.tl-mk{display:none}.tl-tc{min-width:84px;font-size:11px}}.wa-fab{z-index:55;background:var(--nevoa);border:2px solid var(--cinema);border-radius:50%;place-items:center;width:60px;height:60px;transition:transform .25s;animation:7s ease-in-out infinite wa-beat;display:grid;position:fixed;right:1.25rem;box-shadow:0 0 0 1px #ffffff24}@media (min-width:640px){.wa-fab{right:1.5rem}}.wa-fab:hover{animation-play-state:paused;transform:scale(1.08)}.wa-fab:active{transform:scale(.95)}.wa-glyph{width:30px;height:30px;fill:var(--cinema);transform-origin:50% 60%;animation:7s ease-in-out infinite wa-wiggle}.wa-ring{pointer-events:none;border:2px solid #c6c7cbbf;border-radius:50%;animation:2.6s ease-out infinite wa-ring;position:absolute;inset:-2px}.wa-ring--2{animation-delay:1.3s}@keyframes wa-ring{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes wa-wiggle{0%,84%,to{transform:rotate(0)}87%{transform:rotate(-16deg)}90%{transform:rotate(14deg)}93%{transform:rotate(-9deg)}96%{transform:rotate(5deg)}}@keyframes wa-beat{0%,84%,to{scale:1}90%{scale:1.12}}@media (prefers-reduced-motion:reduce){.wa-fab,.wa-glyph{animation:none}.wa-ring{opacity:0;animation:none}}.home-btn{width:44px;height:44px;color:var(--nevoa);border:1px solid #ffffff38;border-radius:50%;flex:none;place-items:center;transition:background .3s,color .3s,border-color .3s;display:grid}.home-btn:hover{background:var(--nevoa);color:var(--cinema);border-color:var(--nevoa)}.home-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@media (max-width:639px){.home-btn--on-home{display:none}}.portfolio-btn{animation:2.8s ease-out infinite pf-ring}.portfolio-btn:hover{animation-play-state:paused}.portfolio-btn__icon{animation:2.8s ease-in-out infinite pf-nudge}@keyframes pf-ring{0%{box-shadow:0 0 #f4f4f28c}70%,to{box-shadow:0 0 0 14px #f4f4f200}}@keyframes pf-nudge{0%,55%,to{transform:translate(0)}70%{transform:translate(3px)}85%{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.portfolio-btn,.portfolio-btn__icon{animation:none}}