/* Flux Singularity — self-contained opening, above the existing archive. */
html.entrance-loading body>:not(#flux-gate){visibility:hidden}
#flux-gate{--ivory:#f1eadb;--gold:#ecb970;--ice:#9ac4d7;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0!important;border-radius:0;background:#020409;color:var(--ivory);overflow:hidden;isolation:isolate;box-shadow:none!important;animation:none!important;font-family:var(--sans)}
#flux-gate:not([open]){display:none}#flux-gate[open]{display:block}#flux-gate::backdrop{background:transparent}body:has(#flux-gate[open]){overflow:hidden}
#flux-gate button,#flux-gate select{font-family:var(--sans)}
.gate-viewport,.gate-canvas,.gate-fallback-art,.gate-vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.gate-canvas{display:block}.gate-fallback-art{background:#020409 url('/assets/flux-cosmos.webp') 50% 38%/min(1500px,135vw) auto no-repeat;display:none}
.gate-fallback .gate-fallback-art{display:block}.gate-fallback .gate-canvas{display:none}
.gate-fallback-art img{position:absolute;width:120vw;max-width:none;height:auto;left:-10vw;top:8%;opacity:.2;transform:rotate(-16deg)}.gate-fallback-art img+img{top:36%;transform:rotate(15deg)}
.gate-fallback[data-intro-stage='0'] .gate-fallback-art img{opacity:0}.gate-fallback[data-intro-stage='2'] .gate-fallback-art{filter:brightness(1.15)}.gate-fallback[data-intro-stage='3'] .gate-fallback-art{filter:brightness(1.35)}
.gate-vignette{background:linear-gradient(0deg,#020409 0%,#020409ce 9%,transparent 34%,transparent 74%,#020409bc),radial-gradient(ellipse at 50% 42%,transparent 28%,#02040966 72%,#020409d9)}
.gate-header{position:absolute;top:max(28px,env(safe-area-inset-top));left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;gap:22px;z-index:12}
.gate-brand{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.24em;font-weight:600;line-height:1.7;white-space:nowrap}.gate-brand b{font:italic 600 32px/1 Georgia,serif;color:var(--gold);border-right:1px solid #d0ad6850;padding-right:17px}.gate-brand span{max-width:160px}.gate-brand small{display:block;font-size:12px;color:#8999a9;letter-spacing:.17em;font-weight:400}
.gate-controls{display:flex;align-items:center;gap:8px}.gate-controls[hidden]{display:none}
#flux-gate .gate-controls button,#flux-gate .gate-controls select{min-height:42px;background:#070c1380;border:1px solid #b6c1d72b;border-radius:0;padding:9px 12px;color:#c7d0dc;font-size:12px;letter-spacing:.03em;cursor:pointer;transition:background .2s,border-color .2s}
#flux-gate .gate-controls button:hover,#flux-gate .gate-controls select:hover{border-color:#e4c19090;background:#151a20}.gate-controls label{display:flex}.gate-controls select{max-width:130px;color-scheme:dark}
#flux-gate button:focus-visible,#flux-gate select:focus-visible{outline:2px solid #f2c17d;outline-offset:5px}
.gate-edge{position:absolute;left:4vw;right:4vw;top:112px;bottom:88px;pointer-events:none;border-top:1px solid #c7cddd20;border-bottom:1px solid #c7cddd20;z-index:4}
.gate-edge:before,.gate-edge:after{content:'';position:absolute;width:35px;height:9px;border-left:2px solid var(--gold);border-top:2px solid var(--gold);top:-1px;left:0}.gate-edge:after{left:auto;right:0;transform:scaleX(-1)}
.gate-side{position:absolute;top:45%;left:4vw;display:flex;gap:14px;align-items:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;letter-spacing:.25em;color:#81909e;z-index:4}.gate-side:before{content:'';height:52px;width:1px;background:linear-gradient(transparent,#c0a176)}
.gate-phase{position:absolute;right:4vw;top:39%;display:grid;gap:12px;text-align:right;z-index:4}.gate-phase small{font-size:12px;letter-spacing:.18em;color:#8e9daa}.gate-phase strong{font-size:12px;font-weight:500;letter-spacing:.23em;color:var(--gold)}.gate-phase b{font:italic 400 clamp(44px,5vw,70px)/1 Georgia,serif;color:#e9e3d5}.gate-phase b span{font:12px var(--sans);color:#7c8b9c;letter-spacing:.12em;margin-left:9px}
.gate-copy{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);width:min(700px,calc(100% - 48px));text-align:center;z-index:8}
.gate-kicker{font-size:12px;letter-spacing:.34em;font-weight:500;color:var(--gold);text-transform:uppercase;margin:0 0 16px}
#gate-line{font:400 clamp(27px,3vw,44px)/1.15 var(--serif);color:var(--ivory);letter-spacing:-.025em;margin:0 0 25px;text-shadow:0 3px 15px #000}
#flux-gate .gate-enter{position:relative;display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 auto;min-height:58px;min-width:310px;padding:18px 24px;background:#e6c087;color:#15130f;border:1px solid #ffe1ad;border-radius:0;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:background .25s,box-shadow .25s;box-shadow:0 0 35px #e7ae6620}
#flux-gate .gate-enter:hover{background:#ffe2b0;box-shadow:0 0 50px #e7ae6650}#flux-gate .gate-enter[aria-disabled="true"]{cursor:wait;background:#bda47d;color:#242323}
.gate-enter .gate-key{font-size:18px;font-weight:400;border-left:1px solid #28201a50;padding-left:19px}
#gate-description{font-size:12px;color:#8997a7;letter-spacing:.035em;line-height:1.6;margin:14px 0 17px;min-height:20px}
.gate-progress{display:flex;gap:6px;justify-content:center}.gate-progress i{width:33px;height:2px;background:#c6cddd25;transform:skew(-30deg);transition:background .5s,box-shadow .5s}.gate-progress i.active{background:#e4b573;box-shadow:0 0 10px #daaa6850}
.gate-footer{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:4vw;right:4vw;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;font-size:12px;line-height:1.65;letter-spacing:.06em;z-index:12;color:#8b98a7}.gate-footer p{margin:0}.gate-footer strong{display:block;color:#cfcbc1;letter-spacing:.14em;font-size:12px;font-weight:500}.gate-track{text-align:right;max-width:340px}.gate-track span{display:block;letter-spacing:.03em;color:#718192;font-size:12px}.gate-audio-icon{display:inline-flex!important;gap:3px;vertical-align:middle;margin-right:10px;align-items:center;height:14px}.gate-audio-icon i{width:2px;height:4px;background:#b1c0cb}.gate-audio-icon i:nth-child(2){height:10px}.gate-audio-icon i:nth-child(3){height:14px}.gate-audio-icon i:nth-child(4){height:7px}
.gate-cut{position:absolute;inset:35% -30%;background:#ddb57425;transform:rotate(-14deg);z-index:5;pointer-events:none;opacity:0;clip-path:polygon(0 40%,100% 15%,100% 29%,0 54%)}
.gate-impact{position:absolute;inset:0;z-index:9;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 44%,#fff4d2 0%,#ecc28b 7%,#377993c4 22%,transparent 58%)}
.gate-iris{position:absolute;inset:0;z-index:10;background:linear-gradient(155deg,#172332,#04070d 38%,#090e14 72%,#392715);clip-path:polygon(0 52%,100% 48%,100% 48%,0 52%);pointer-events:none}
.gate-reveal{position:absolute;inset:0;z-index:11;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;pointer-events:none;padding:80px 24px;background:radial-gradient(ellipse at 50% 55%,#19232a66,transparent 60%)}
.gate-reveal p{font-size:12px;text-transform:uppercase;letter-spacing:.5em;color:#bdcbd2;margin:0 0 26px}.gate-reveal h2{font:600 clamp(65px,10.5vw,155px)/.84 var(--serif);letter-spacing:-.035em;margin:0;color:#f0ede4;text-transform:uppercase}.gate-reveal h2 em{display:block;font-style:italic;font-weight:500;color:#efc18a;margin-top:13px}.gate-reveal>span{display:flex;align-items:center;gap:22px;margin-top:36px;text-transform:uppercase;font-size:12px;letter-spacing:.28em;color:#b8c4ce}.gate-reveal>span:before,.gate-reveal>span:after{content:'';width:35px;height:1px;background:#b7a589}
#flux-gate[data-intro-stage='4'] .gate-phase,#flux-gate[data-intro-stage='4'] .gate-side,#flux-gate[data-intro-stage='4'] .gate-edge{opacity:0;transition:opacity .4s}
#flux-gate[data-quiet='true'] .gate-cut,#flux-gate[data-quiet='true'] .gate-impact{display:none}
@media(min-width:1600px){.gate-copy{bottom:14%}.gate-header{top:38px}}
@media(max-width:760px){.gate-header{top:max(18px,env(safe-area-inset-top));left:22px;right:22px;align-items:flex-start;flex-wrap:wrap;gap:17px}.gate-brand{font-size:12px;gap:11px;letter-spacing:.17em}.gate-brand b{font-size:27px}.gate-brand small{font-size:12px}.gate-controls{gap:6px;width:100%;justify-content:flex-end}.gate-controls label{margin-right:auto}#flux-gate .gate-controls button,#flux-gate .gate-controls select{min-height:39px;font-size:12px;padding:8px 10px}.gate-edge{top:149px;bottom:109px;left:22px;right:22px}.gate-side{display:none}.gate-phase{top:174px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;text-align:left}.gate-phase small{display:none}.gate-phase b{font-size:24px}.gate-phase strong{font-size:12px;letter-spacing:.15em}.gate-copy{bottom:20%;width:calc(100% - 44px)}.gate-kicker{font-size:12px;letter-spacing:.25em;margin-bottom:12px}#gate-line{font-size:27px;margin-bottom:23px}#flux-gate .gate-enter{min-width:0;width:min(330px,100%);min-height:56px;font-size:12px;padding:17px 18px;letter-spacing:.08em}#gate-description{font-size:12px;margin-bottom:15px}.gate-footer{left:22px;right:22px;bottom:max(21px,env(safe-area-inset-bottom));gap:12px;align-items:flex-end;font-size:12px}.gate-footer strong{font-size:12px;letter-spacing:.05em}.gate-footer .gate-location{display:none}.gate-track{max-width:210px}.gate-track span{font-size:12px}.gate-track .gate-track-label{display:none}.gate-reveal h2{font-size:clamp(56px,14vw,105px)}.gate-reveal p{font-size:12px;letter-spacing:.3em}.gate-reveal>span{font-size:12px;letter-spacing:.14em;gap:10px}.gate-reveal>span:before,.gate-reveal>span:after{width:20px}.gate-fallback-art{background-size:auto 66%;background-position:50% 33%}.gate-vignette{background:linear-gradient(0deg,#020409 4%,#020409cc 22%,transparent 46%,transparent 72%,#020409d0)}}
@media(max-height:640px) and (min-width:761px){.gate-header{top:13px}.gate-edge{top:78px;bottom:65px}.gate-copy{bottom:15%}.gate-kicker{display:none}#gate-line{font-size:27px;margin-bottom:14px}#gate-description{margin:10px 0}.gate-footer{bottom:14px}.gate-reveal h2{font-size:clamp(60px,17vh,95px)}.gate-phase{top:29%}.gate-reveal p{margin-bottom:18px}.gate-reveal>span{margin-top:25px}}
@media(max-height:620px) and (max-width:760px){.gate-header{top:10px;gap:9px}.gate-brand small{display:none}.gate-controls{width:auto;margin-left:auto}.gate-controls #gate-calm{display:none}.gate-edge{top:65px;bottom:64px}.gate-phase{top:80px}.gate-copy{bottom:16%}.gate-kicker{display:none}#gate-line{font-size:23px;margin-bottom:13px}#flux-gate .gate-enter{min-height:46px;padding:12px 18px}#gate-description{margin:9px 0}.gate-footer{bottom:10px}.gate-reveal h2{font-size:16vh}.gate-reveal p{margin-bottom:17px}.gate-reveal>span{margin-top:23px}}
@media(prefers-reduced-motion:reduce){#flux-gate *{scroll-behavior:auto!important}.gate-cut,.gate-impact{display:none}}

#gate-step{font:inherit;color:inherit;margin:0;letter-spacing:inherit}
.gate-fallback[data-quiet='false'] .gate-fallback-art{animation:gate-fallback-breathe 9s ease-in-out infinite}
.gate-fallback[data-quiet='false'] .gate-fallback-art img{animation:gate-chain-drift 7s ease-in-out infinite alternate}
.gate-fallback[data-quiet='false'] .gate-fallback-art img+img{animation-delay:-3s;animation-direction:alternate-reverse}
@keyframes gate-fallback-breathe{50%{transform:scale(1.035);filter:brightness(1.12)}}
@keyframes gate-chain-drift{to{translate:0 12px}}
@media(prefers-reduced-motion:reduce){.gate-fallback-art,.gate-fallback-art img{animation:none!important}}

.gate-track #gate-track-title{display:inline;color:inherit;font:inherit;letter-spacing:inherit}