.gate{z-index:var(--z-overlay);position:fixed;inset:0;overflow:hidden}.gate__frame{z-index:var(--z-hud);grid-template-rows:auto 1fr auto;height:100%;padding:clamp(1rem,3vw,2.75rem);display:grid;position:relative}.gate__frame:before{content:"";border:1px solid color-mix(in oklab, var(--trace-deep), transparent 55%);pointer-events:none;position:absolute;inset:clamp(.5rem,1.4vw,1.1rem)}.gate__head{justify-content:space-between;align-items:flex-start;gap:var(--rhythm);display:flex}.gate__id{flex-direction:column;gap:.45rem;display:flex}.gate__badge,.gate__level{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-wide);text-transform:uppercase}.gate__badge{color:var(--signal);align-items:center;gap:.6em;display:inline-flex}.gate__badge:before{content:"";background:var(--alert);width:5px;height:5px;animation:gate-pulse 2.6s var(--ease-in-out) infinite;border-radius:50%}.gate__level{color:var(--signal-dim)}.gate__level[data-expired]{color:var(--deny)}@keyframes gate-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.gate__badge:before{opacity:.8;animation:none}}.gate__meters{align-items:flex-start;gap:clamp(1rem,3vw,2.5rem);display:flex}.countdown{justify-items:end;gap:.4rem;min-width:11ch;display:grid}.countdown__label{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--signal-dim)}.countdown__digits{font-family:var(--font-mono);font-size:var(--t-lead);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:color-mix(in oklab, var(--signal), var(--alert) calc(var(--progress) * 85%));text-shadow:0 0 calc(var(--progress) * 14px) color-mix(in oklab, transparent, var(--alert) calc(var(--progress) * 100%));font-weight:300}.countdown__rail{background:var(--trace-deep);width:100%;height:1px;position:relative}.countdown__rail:after{content:"";background:color-mix(in oklab, var(--trace), var(--alert) calc(var(--progress) * 100%));transform-origin:100%;transform:scaleX(calc(1 - var(--progress)));position:absolute;inset:0}.countdown[data-expired] .countdown__digits{color:var(--deny)}.audio-toggle{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mid);text-transform:uppercase;color:var(--signal-dim);transition:color var(--dur-fast) var(--ease-out);align-items:center;gap:.6rem;padding:.35rem 0;display:inline-flex}.audio-toggle:hover{color:var(--signal)}.audio-toggle__bars{align-items:flex-end;gap:2px;height:11px;display:flex}.audio-toggle__bars i{width:2px;height:3px;transition:height var(--dur-mid) var(--ease-out);background:currentColor}.audio-toggle__bars[data-on=true] i{animation:gate-eq 1.1s var(--ease-in-out) infinite alternate}.audio-toggle__bars[data-on=true] i:nth-child(2){animation-delay:.18s}.audio-toggle__bars[data-on=true] i:nth-child(3){animation-delay:.36s}.audio-toggle__bars[data-on=true] i:nth-child(4){animation-delay:.54s}@keyframes gate-eq{0%{height:2px}to{height:11px}}@media (prefers-reduced-motion:reduce){.audio-toggle__bars[data-on=true] i{height:7px;animation:none}}.gate__stage{min-height:0;padding:var(--rhythm) 0;place-items:center;display:grid;position:relative}.gate__panel{text-align:center;opacity:0;visibility:hidden;filter:blur(6px);width:min(100%,46rem);transition:opacity var(--dur-mid) var(--ease-out), transform var(--dur-slow) var(--ease-out), filter var(--dur-mid) var(--ease-out), visibility 0s linear var(--dur-mid);align-content:center;justify-items:center;gap:clamp(.75rem,2vw,1.5rem);margin-inline:auto;display:grid;position:absolute;inset:0;transform:scale(.985)}.gate__panel[data-active=true]{opacity:1;visibility:visible;filter:blur();transition-delay:0s,0s,0s,0s;transform:scale(1)}.gate[data-phase=boot] .gate__panel[data-active=true]{opacity:.25}.gate__panel--granted{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){.gate__panel{filter:none;transition:opacity 1ms linear,visibility 0s linear 1ms;transform:none}.gate__panel--granted{transform:none}}.gate__form{justify-items:center;gap:clamp(1rem,2.5vw,2rem);width:100%;display:grid}.gate__prompt{font-family:var(--font-mono);font-size:var(--t-fine);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--signal-dim)}.gate__field{width:min(100%,34rem);position:relative}.gate__input{width:100%;font-family:var(--font-mono);font-size:var(--t-title);letter-spacing:.04em;text-align:center;text-transform:uppercase;color:var(--signal);caret-color:var(--alert);background:0 0;padding:.25em 0 .35em;font-weight:300;line-height:1.1}.gate__input::placeholder{color:var(--trace-deep)}.gate__input:focus{outline:none}.gate__underline{inset-inline:0;background:var(--trace);height:1px;position:absolute;bottom:0}.gate__underline:after{content:"";background:linear-gradient(90deg, transparent, var(--signal), transparent);opacity:0;transition:transform var(--dur-slow) var(--ease-out), opacity var(--dur-mid) var(--ease-out);position:absolute;inset:0;transform:scaleX(.12)}.gate__input:focus~.gate__underline:after{opacity:1;transform:scaleX(1)}.gate__field[data-rejected=true] .gate__underline{background:var(--deny)}.gate__field[data-rejected=true]{animation:gate-shake .42s var(--ease-mech)}@keyframes gate-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}45%{transform:translate(5px)}70%{transform:translate(-2px)}}@media (prefers-reduced-motion:reduce){.gate__field[data-rejected=true]{animation:none}}.gate__verify{font-family:var(--font-mono);font-size:var(--t-fine);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--signal-dim);border:1px solid var(--trace-deep);transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;align-items:center;gap:.9em;padding:.85em 1.9em;display:inline-flex;position:relative;overflow:hidden}.gate__verify:before{content:"";background:var(--trace-deep);transform-origin:0;transition:transform var(--dur-mid) var(--ease-mech);z-index:-1;position:absolute;inset:0;transform:scaleX(0)}.gate__verify:hover:not(:disabled){color:var(--signal);border-color:var(--trace)}.gate__verify:hover:not(:disabled):before{transform:scaleX(1)}.gate__verify:disabled{opacity:.3;cursor:default}.gate__verify em{opacity:.6;font-style:normal}.gate__reject{min-height:1.4em;font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mid);text-transform:uppercase;color:var(--deny)}.gate__analyze-label,.gate__granted-label{font-family:var(--font-mono);font-size:var(--t-fine);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--signal-dim)}.gate__granted-label{color:var(--signal)}.gate__name{font-family:var(--font-mono);font-size:var(--t-sub);letter-spacing:var(--track-mid);text-transform:uppercase;color:var(--signal);overflow-wrap:anywhere;font-weight:300}.gate__panel--granted .gate__name{font-size:var(--t-title)}.gate__panel--analyze [data-scramble]{animation:.14s steps(2,end) infinite gate-flicker}@keyframes gate-flicker{0%{opacity:1}50%{opacity:.72}to{opacity:1}}@media (prefers-reduced-motion:reduce){.gate__panel--analyze [data-scramble]{animation:none}}.gate__foot{justify-content:space-between;align-items:flex-end;gap:var(--rhythm);min-height:7.5rem;display:flex}.gate__log{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-mid);text-transform:uppercase;flex-direction:column;gap:.3rem;display:flex}.gate__log li{color:var(--trace);animation:gate-line-in var(--dur-mid) var(--ease-out) both}.gate__log li:last-child{color:var(--signal)}.gate__log li:nth-last-child(2){opacity:.72}.gate__log li:nth-last-child(3){opacity:.5}.gate__log li:nth-last-child(n+4){opacity:.28}.gate__log li[data-tone=alert]{color:var(--alert)}.gate__log li[data-tone=deny]{color:var(--deny)}.gate__log li[data-tone=signal]{color:var(--signal)}@keyframes gate-line-in{0%{opacity:0;transform:translate(-8px)}}.gate__bypass{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--alert);border:1px solid color-mix(in oklab, var(--alert), transparent 65%);opacity:0;visibility:hidden;transition:opacity var(--dur-mid) var(--ease-out), transform var(--dur-mid) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), visibility 0s linear var(--dur-mid);flex:none;padding:.75em 1.4em;transform:translateY(10px)}.gate__bypass[data-active=true]{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(0)}.gate__bypass:hover{color:var(--signal);border-color:var(--signal)}@media (prefers-reduced-motion:reduce){.gate__bypass{transform:none}}@media (max-width:640px){.gate__frame:before,.gate__frame:after{display:none}.gate__head{flex-direction:column;gap:1rem}.gate__meters{justify-content:space-between;align-items:flex-end;width:100%}.countdown{justify-items:start}.gate__foot{flex-direction:column;align-items:stretch;min-height:0}.gate__log li:nth-last-child(n+4){display:none}.gate__bypass{text-align:center}}.transition{z-index:var(--z-transition);pointer-events:none;position:fixed;inset:0}.transition__skip{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-wide);text-transform:uppercase;color:color-mix(in oklab, var(--signal), transparent 35%);border:1px solid color-mix(in oklab, var(--signal), transparent 78%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-mid) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), visibility 0s linear var(--dur-mid);align-items:center;gap:.75em;padding:.7em 1.3em;display:inline-flex;position:absolute;bottom:clamp(1rem,3vw,2.75rem);right:clamp(1rem,3vw,2.75rem)}.transition__skip[data-active=true]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.transition__skip:hover{color:var(--signal);border-color:color-mix(in oklab, var(--signal), transparent 40%)}.transition__skip em{opacity:.55;border:1px solid;padding:.15em .45em;font-style:normal}.cursor{z-index:var(--z-cursor);pointer-events:none;display:none;position:fixed;inset:0}@media (hover:hover) and (pointer:fine){.cursor{display:block}}.cursor{opacity:0;transition:opacity var(--dur-mid) var(--ease-out)}.cursor[data-ready]{opacity:1}.cursor__dot,.cursor__ring{will-change:transform;border-radius:50%;position:absolute;top:0;left:0}.cursor__dot{background:var(--signal);width:4px;height:4px;margin:-2px 0 0 -2px}.cursor__ring{border:1px solid color-mix(in oklab, var(--signal), transparent 55%);width:30px;height:30px;transition:width var(--dur-mid) var(--ease-out), height var(--dur-mid) var(--ease-out), margin var(--dur-mid) var(--ease-out), border-color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) linear;margin:-15px 0 0 -15px}.cursor__ring[data-mode=active]{border-color:var(--signal);width:48px;height:48px;margin:-24px 0 0 -24px}.cursor__ring[data-down]{border-color:var(--alert);width:20px;height:20px;margin:-10px 0 0 -10px}.cursor__ring[data-off],.cursor__ring[data-off]+.cursor__dot{opacity:0}body[data-act=sanctuary] .cursor__dot{background:var(--obsidian)}body[data-act=sanctuary] .cursor__ring{border-color:color-mix(in oklab, var(--champagne-deep), transparent 45%)}body[data-act=sanctuary] .cursor__ring[data-mode=active]{border-color:var(--champagne-deep)}@media (prefers-reduced-motion:reduce){.cursor__ring{transition:none}}.sanctuary{width:100%;position:relative}.sanctuary__hud{z-index:var(--z-hud);justify-content:space-between;align-items:center;gap:var(--rhythm);pointer-events:none;display:flex;position:fixed;inset:clamp(1rem,3vw,2.5rem) clamp(1rem,3vw,2.5rem) auto}.sanctuary__hud>*{pointer-events:auto}.sanctuary__mark{font-family:var(--font-display);font-size:var(--t-lead);letter-spacing:var(--track-tight);color:var(--obsidian)}.sanctuary .audio-toggle{color:var(--obsidian-soft)}.sanctuary .audio-toggle:hover{color:var(--obsidian)}.sanctuary__room{height:100vh;padding-inline:var(--gutter);pointer-events:none;align-content:center;justify-items:start;gap:clamp(.5rem,1.5vw,1rem);display:grid;position:absolute;inset-inline:0}.sanctuary__index{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--champagne-deep)}.sanctuary__title{font-family:var(--font-display);font-size:var(--t-title);letter-spacing:var(--track-tight);text-transform:lowercase;color:var(--obsidian);max-width:18ch;font-weight:400;line-height:.95}@media (max-width:640px){.sanctuary__hud{inset:1rem 1rem auto}.sanctuary__room{align-content:end;padding-bottom:18vh}}:root{--void:#050506;--carbon:#0b0b0d;--interference:#16161a;--carbon-edge:#24242a;--signal:#d8e3e6;--signal-dim:#8b9ca0;--trace:#4a6b74;--trace-deep:#2a3d42;--alert:#c4663a;--deny:#8f2f2f;--marble:#f4f1ec;--marble-lit:#fdfcfa;--ivory:#e8e2d8;--plaster:#d9d2c6;--plaster-deep:#bdb4a5;--champagne:#c9a86a;--champagne-lit:#e3cb9a;--champagne-deep:#8f7340;--obsidian:#14151a;--obsidian-soft:#2b2d35;--glass:#b9c6c92e;--glass-edge:#f4f1ec6b;--neural:#5f8f92;--neural-lit:#8fbcbd;--font-display:"Instrument Serif", "Didot", "Times New Roman", serif;--font-sans:"Inter", -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Consolas", monospace;--t-micro:clamp(.5625rem, .52rem + .2vw, .6875rem);--t-fine:clamp(.6875rem, .65rem + .22vw, .8125rem);--t-body:clamp(.875rem, .83rem + .28vw, 1.0625rem);--t-lead:clamp(1.0625rem, .95rem + .6vw, 1.375rem);--t-sub:clamp(1.375rem, 1.1rem + 1.4vw, 2.25rem);--t-title:clamp(2rem, 1.2rem + 4vw, 4.5rem);--t-cinema:clamp(2.75rem, .6rem + 10.5vw, 11rem);--track-wide:.42em;--track-mid:.18em;--track-tight:-.015em;--gutter:clamp(1.25rem, 4vw, 5rem);--rhythm:clamp(1rem, 2.5vw, 2rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--ease-mech:cubic-bezier(.3, 0, 0, 1);--dur-fast:.18s;--dur-mid:.46s;--dur-slow:1.1s;--z-scene:0;--z-overlay:10;--z-hud:20;--z-transition:40;--z-cursor:90}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur-mid:1ms;--dur-slow:1ms}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:auto}body{background:var(--void);min-height:100dvh;color:var(--signal);font-family:var(--font-sans);font-size:var(--t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:300;line-height:1.55;overflow:hidden}body[data-act=sanctuary]{background:var(--marble);overflow:visible}img,canvas,svg,video{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.experience-canvas{z-index:var(--z-scene);pointer-events:none;position:fixed;inset:0}.experience-canvas canvas{animation:surface-in 1.5s var(--ease-out) both}@keyframes surface-in{0%{opacity:0}}.experience-canvas--flat{background:radial-gradient(ellipse at 50% 45%, var(--interference) 0%, var(--void) 70%), repeating-linear-gradient(0deg, #d8e3e606 0px, #d8e3e606 1px, transparent 1px, transparent 3px)}@media (prefers-reduced-motion:reduce){.experience-canvas canvas{animation-duration:1ms}}:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:1px}body[data-act=sanctuary] :focus-visible{outline-color:var(--champagne-deep)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;font-family:var(--font-mono);font-size:var(--t-fine);letter-spacing:var(--track-mid);text-transform:uppercase;background:var(--signal);color:var(--void);transition:translate var(--dur-fast) var(--ease-out);padding:.75rem 1.5rem;position:fixed;top:0;left:50%;translate:-50% -140%}.skip-link:focus-visible{translate:-50%}#seo-shell{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){body[data-custom-cursor=on],body[data-custom-cursor=on] *{cursor:none}}::selection{background:var(--trace);color:var(--signal)}body[data-act=sanctuary] ::selection{background:var(--champagne);color:var(--obsidian)}@supports selector(::-webkit-scrollbar){::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--plaster-deep);background-clip:content-box;border:3px solid #0000;border-radius:99px}}
