@keyframes sys-pulse{0%,to{opacity:1}50%{opacity:.35}}.sys{--void:#06080F;--ink:#E8ECF4;--dust:#8A94A8;--hairline:rgba(232, 236, 244, 0.14);--solar:#F2A93B;--copper:#E8A15A;--hot:#FF5A1F;--glass:rgba(14, 16, 24, 0.66);--display:"Space Grotesk", sans-serif;--body:"IBM Plex Sans", sans-serif;--mono:"IBM Plex Mono", monospace;color-scheme:dark;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;position:fixed;inset:0;overflow:hidden;background:var(--void)}.sys *,.sys ::after,.sys ::before{box-sizing:border-box}.sys a{color:inherit}body.sys-page{margin:0;background:#06080f;min-height:100%}html.sys-page{height:100%}.room{position:relative;height:440vh;background:#06080f}.room .sys{position:sticky;inset:auto;top:0;height:100vh}.room .sys-in{transition:opacity .2s linear}.room .sys-in,.sys-room,.sys-room::after,.sys-vig{position:absolute;inset:0}.sys-room{z-index:0;background:var(--bg) center/cover no-repeat var(--void)}.sys-room::after{content:"";background:radial-gradient(ellipse at 52% 70%,var(--wash, transparent) 0%,transparent 42%,rgba(4,5,9,.5) 100%)}.sys-vig{z-index:1;pointer-events:none;background:radial-gradient(ellipse at 52% 60%,transparent 45%,rgba(5,6,8,.55) 100%)}.sys-space{width:100%;height:100%;display:block}.sys-labels,.sys-space{position:absolute;inset:0;z-index:2;pointer-events:none}.sys-labels span,.sys-tag{position:absolute;top:0;left:0}.sys-labels span{transform:translate(-50%,0);font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--ink);text-shadow:0 1px 8px rgba(0,0,0,.9);white-space:nowrap;transition:opacity .3s}.sys-labels span.lt{color:var(--dust);font-size:9px}.sys-tag{right:0;padding:calc(14px + env(safe-area-inset-top,0)) 20px 0;display:flex;justify-content:space-between;align-items:baseline;z-index:4;pointer-events:none}.sys-tag b{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.01em}.sys-back,.sys-tag span{font-family:var(--mono);font-size:11px}.sys-tag span{letter-spacing:.16em;text-transform:uppercase;color:var(--dust)}.sys-back{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom,0));left:20px;z-index:4;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--hairline);color:var(--ink);letter-spacing:.12em;padding:9px 14px;border-radius:999px;cursor:pointer;text-decoration:none}.sys-back:focus-visible,.sys-back:hover{border-color:var(--ink);outline:0}.sys-credit,.sys-rail{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom,0));letter-spacing:.14em;text-transform:uppercase;z-index:4;margin:0}.sys-rail{left:50%;transform:translateX(-50%);display:flex;gap:14px;font-family:var(--mono);font-size:10px;color:var(--dust);padding:0}.sys-rail button{background:0 0;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 2px}.sys-rail i{width:7px;height:7px;border-radius:50%;border:1px solid var(--dust);display:inline-block}.sys-rail button.on{color:var(--ink)}.sys-rail button.on i{background:var(--copper);border-color:var(--copper)}.sys-credit{right:24px;font-size:9px;opacity:.8;pointer-events:none}.sys .screen .links a,.sys .screen .pull cite,.sys-credit,.sys-cue{font-family:var(--mono);color:var(--dust)}.sys .screen,.sys-cue{position:absolute;margin:0}.sys-cue{right:24px;bottom:calc(40px + env(safe-area-inset-bottom,0));text-align:right;font-size:10px;letter-spacing:.16em;text-transform:uppercase;z-index:4;pointer-events:none;transition:opacity .4s}.sys .screen.swap .content,.sys.scrolled .sys-cue{opacity:0}.sys-stage{position:absolute;inset:0;z-index:1;perspective:1400px;perspective-origin:50% 50%;pointer-events:none}.sys .screen{top:0;left:0;width:var(--sw, 360px);height:var(--sh, 60vh);overflow:hidden;padding:26px 30px;background:var(--glass);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--hairline);border-radius:22px;box-shadow:0 40px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);pointer-events:auto;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.sys .screen-l{transform:translate(var(--sx, 0px),var(--sy, 0px)) rotateY(12deg);transform-origin:0 50%}.sys .screen-r{transform:translate(var(--sx, 0px),var(--sy, 0px)) rotateY(-12deg);transform-origin:100% 50%}.sys .screen .bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sys .screen .bar b,.sys .screen .tile span{font-family:var(--mono);color:var(--dust);text-transform:uppercase}.sys .screen .bar b{font-size:10px;letter-spacing:.18em;font-weight:500}.sys .screen .bar i{width:28px;height:4px;border-radius:2px;background:rgba(255,255,255,.25)}.sys .screen .content{max-width:58ch;transition:opacity .35s}.sys .screen .tile b,.sys .screen h2{font-family:var(--display);color:var(--ink)}.sys .screen h2{font-weight:700;font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:-.015em;line-height:1.12;margin:0 0 10px;text-wrap:balance}.sys .screen p{margin:0 0 10px;font-size:14px;line-height:1.55;color:var(--dust);max-width:none}.sys .screen p b,.sys .screen ul.ds b{color:var(--ink);font-weight:500}.sys .screen .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 12px}.sys .screen .tile{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 10px 8px;min-width:0}.sys .screen .tile b{display:block;font-size:1.35rem;letter-spacing:-.02em}.sys .screen .tile span{font-size:9px;letter-spacing:.08em}.sys .screen .chips,.sys .screen .links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sys .screen .links a{font-size:10.5px;letter-spacing:.08em;color:var(--ink);text-decoration:none;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 11px}.sys .screen .links a:hover{border-color:var(--ink)}.sys .screen .chips{gap:6px;margin-top:8px}.sys .screen .chip,.sys .screen p.lt{font-family:var(--mono);font-size:10px}.sys .screen .chip{display:inline-flex;align-items:center;gap:6px;letter-spacing:.06em;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:var(--ink)}.sys .screen .chip i{width:8px;height:8px;border-radius:50%;display:inline-block}.sys .screen .chip img{width:16px;height:16px;border-radius:50%;display:block;object-fit:cover}.sys .screen figure{margin:4px 0 10px}.sys .screen .crop{position:relative;width:min(100%,36vh);aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:50%;background:#000;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 60px rgba(255,150,60,.25)}.sys .screen .crop img{position:absolute;width:131.6%;max-width:none;left:-15.8%;top:-23.7%;display:block}.sys .screen figure>img,.sys .screen figure>video{display:block;width:100%;max-height:32vh;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#000}.sys .screen p.lt{letter-spacing:.04em;line-height:1.5;opacity:.8}.sys .screen .status,.sys .screen figcaption{font-family:var(--mono);font-size:10px;text-transform:uppercase}.sys .screen .status{display:inline-flex;align-items:center;gap:8px;letter-spacing:.14em;color:var(--copper)}.sys .screen .status .dot{width:7px;height:7px;border-radius:50%;background:var(--copper);box-shadow:0 0 10px var(--copper);animation:sys-pulse 2s ease-in-out infinite}.sys .screen figcaption{margin-top:6px;letter-spacing:.08em;color:var(--dust)}.sys .screen ul.ds{list-style:none;margin:8px 0 0;padding:0}.sys .screen ul.ds li{position:relative;padding-left:16px;font-size:13.5px;line-height:1.5;color:var(--dust);margin-bottom:6px}.sys .screen ul.ds li::before{content:"—";position:absolute;left:0;color:var(--copper)}.sys .screen .pull{margin:10px 0 0;padding:10px 0 0 14px;border-left:2px solid var(--copper)}.sys .screen .pull p{margin:0 0 4px;color:var(--ink);font-size:14px}.sys .screen .pull cite{font-style:normal;font-size:10.5px}.sys-track{position:relative;z-index:2;pointer-events:none}.sys-track .scene{height:100vh}.sys-track .scene:last-child{height:120vh}@media (max-width:880px){.sys-stage{perspective:none;z-index:3}.sys .screen{width:calc(100vw - 24px)!important;height:auto!important;max-height:38vh;top:auto!important;left:12px!important;transform:none!important;padding:16px 16px 14px;overflow-y:auto;border-radius:18px}.sys .screen-l{bottom:calc(62px + env(safe-area-inset-bottom,0))}.sys .screen-r{display:none}.sys .screen h2{font-size:1.25rem}.sys .screen .content{max-width:none}.sys .screen .crop{width:min(100%,22vh)}.sys-tag{padding-left:14px;padding-right:14px}.sys-tag b{font-size:15px}.sys-tag span{font-size:9px}.sys-back{left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0));font-size:10px;padding:8px 12px}.sys-rail{left:auto;right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0));transform:none;gap:4px}.sys-rail button{font-size:0;padding:8px 5px}.sys-rail i{width:8px;height:8px}.sys-credit,.sys-cue,.sys-labels{display:none}}@media (prefers-reduced-motion:reduce){.sys .screen,.sys .screen .content{transition:none}}