:root{color:#eee6da;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111b25;font-family:Arial,Helvetica,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:7px;outline:2px solid #f4d2a7}button svg{width:22px;height:22px}a{color:inherit;text-decoration:none}button{color:inherit}::selection{color:#fff;background:#ac755a}.omarchy-piece{fill:#a9da91;animation:28s linear infinite omarchy-text-cycle}.omarchy-beam{opacity:0;animation:28s linear infinite omarchy-column-beam}.omarchy-beam-horizontal{opacity:0;animation:28s linear infinite omarchy-row-beam}@keyframes omarchy-text-cycle{0%{transform:translate(var(--scatter-x), var(--scatter-y));fill:#78cdd8;opacity:.6}12%,23%{fill:#b9e68f;opacity:1;transform:translate(0)}32%{transform:translate(var(--scatter-x), var(--scatter-y));fill:#bda1ed;opacity:.8}43%,49%{fill:#bda1ed;opacity:1;transform:translate(0)}50%{transform:translate(0, var(--rain-y));opacity:0}53%{opacity:.8}64%,72%{fill:#ebcc8e;opacity:1;transform:translate(0)}78%{fill:#70b9b4;opacity:.65;transform:translate(0)}90%,94%{fill:#d1f7d3;opacity:1;transform:translate(0)}to{transform:translate(var(--scatter-x), var(--scatter-y));fill:#78cdd8;opacity:.6}}@keyframes omarchy-column-beam{0%,73%{opacity:0;transform:translate(-4px)}75%{opacity:.5;transform:translate(-4px)}90%{opacity:.5;transform:translate(104px)}92%,to{opacity:0;transform:translate(104px)}}@keyframes omarchy-row-beam{0%,77%{opacity:0;transform:translateY(-2px)}79%{opacity:.5;transform:translateY(-2px)}94%{opacity:.5;transform:translateY(62px)}96%,to{opacity:0;transform:translateY(62px)}}.scene{container-type:size}.scene-canvas{width:100%;height:100%;width:max(100cqw, var(--canvas-width));height:max(100cqh, var(--canvas-height));position:absolute;top:50%;left:60%;transform:translate(-60%,-50%)}@supports not (width:1cqw){.scene-motion{display:none}}.scene-flat{position:absolute;inset:0}.scene-motion{pointer-events:none;shape-rendering:crispedges;width:100%;height:100%;position:absolute;inset:0}.pixel-rain{animation:1.25s steps(36,end) infinite pixel-rain-fall}.crt-scan{animation:9s linear infinite crt-scan-travel}.crt-glow{opacity:.025;animation:7s ease-in-out infinite alternate crt-breathe}.network-led{opacity:.2;animation:5s ease-in-out infinite alternate led-breathe}.record-motion,.cassette-reel{transform-origin:0 0;animation:2.6s linear infinite room-detail-turn}.record-motion{opacity:.82}.cassette-reel{opacity:.88;animation-duration:3s;animation-timing-function:steps(36,end)}.steam-wisp{opacity:0;animation:5s steps(24,end) infinite steam-rise}.screen-activity{overflow:hidden}.screen-equalizer{opacity:.78;transform-box:fill-box;transform-origin:bottom;animation:1.8s steps(8,end) infinite alternate equalizer-level}.screen-pixel{opacity:.48;animation:5s steps(24,end) infinite alternate screen-pixel-drift}.screen-telemetry-trace{opacity:.52;animation:8s linear infinite telemetry-travel;animation-delay:var(--screen-delay,0s)}.screen-status{opacity:.4;animation:3s ease-in-out infinite alternate status-breathe}.city-light{opacity:0;animation:19s linear infinite city-light-travel}.sunlit-dust{animation:7s linear infinite sunlit-drift}.satellite-flyby{animation:16s linear infinite satellite-pass}@keyframes sunlit-drift{0%{opacity:.15;transform:translateY(12px)}25%,70%{opacity:.65}to{opacity:.15;transform:translate(32px,-40px)}}@keyframes satellite-pass{0%{opacity:.35;transform:translate(0)}10%,90%{opacity:.95}to{transform:translate(var(--satellite-travel), 20px);opacity:.35}}@keyframes room-detail-turn{to{transform:rotate(360deg)}}@keyframes steam-rise{0%{opacity:0;transform:translateY(3px)}25%,65%{opacity:.44}to{opacity:0;transform:translate(8px,-24px)}}@keyframes equalizer-level{0%,to{transform:scaleY(.22)}35%{transform:scaleY(1)}70%{transform:scaleY(.48)}}@keyframes screen-pixel-drift{0%{opacity:.4;transform:translate(0)}60%{opacity:.62}to{opacity:.45;transform:translate(12px,-6px)}}@keyframes telemetry-travel{to{transform:translate(-100px)}}@keyframes status-breathe{to{opacity:.8}}@keyframes city-light-travel{0%{opacity:0;transform:translate(0)}15%,85%{opacity:.6}to{transform:translateX(var(--city-travel));opacity:0}}@keyframes pixel-rain-fall{to{transform:translateY(157px)}}@keyframes crt-scan-travel{to{transform:translateY(140px)}}@keyframes crt-breathe{to{opacity:.1}}@keyframes led-breathe{to{opacity:.75}}.room-effects{pointer-events:none;shape-rendering:crispedges;--room-screen-base:#091b1b;--room-screen-light:#cef4ca;--room-screen-ground:#12312e;--room-screen-sun:#95d7a2;--room-screen-line:#62b59a;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.room-effects[data-era=amber]{--room-screen-base:#211b10;--room-screen-light:#ffdf94;--room-screen-ground:#372915;--room-screen-sun:#edb967;--room-screen-line:#b98447}.room-effects[data-era=dusk]{--room-screen-base:#16172d;--room-screen-light:#d4d8ff;--room-screen-ground:#28203b;--room-screen-sun:#edb18f;--room-screen-line:#b08cce}.room-effects[data-era=orbit]{--room-screen-base:#0c1b2b;--room-screen-light:#d8eff5;--room-screen-ground:#152c3c;--room-screen-sun:#9ac9d5;--room-screen-line:#70aebd}.room-star-layer{animation:12s ease-in-out infinite alternate room-stars-drift}.room-screen-sun{animation:9s ease-in-out infinite alternate room-sun-float}.room-screen-orbit{transform-origin:50px 20px;animation:24s linear infinite room-orbit-turn}.room-screen-horizon{animation:5s linear infinite room-horizon-travel}.room-steam-burst{opacity:0;animation:2.6s ease-out both room-steam-release}.room-satellite-train{opacity:0;animation:8s linear both room-satellite-crossing}.room-effects[data-motion=off] *{animation:none}.room-effects[data-motion=off] .room-steam-burst{opacity:.58;transform:translateY(-8px)}.room-effects[data-motion=off] .room-satellite-train{opacity:.95;transform:translate(var(--room-satellite-static), 10px)}@keyframes room-stars-drift{0%{transform:translate(-4px,-2px)}to{transform:translate(5px,3px)}}@keyframes room-sun-float{to{transform:translateY(3px)}}@keyframes room-orbit-turn{to{transform:rotate(360deg)}}@keyframes room-horizon-travel{0%{opacity:.25;transform:translateY(-3px)}50%{opacity:.8}to{opacity:.25;transform:translateY(7px)}}@keyframes room-steam-release{0%{opacity:0;transform:translateY(3px)}15%,45%{opacity:.72}to{transform:translate(var(--room-steam-shift), -32px);opacity:0}}@keyframes room-satellite-crossing{0%{opacity:0;transform:translate(0)}8%,90%{opacity:1}to{transform:translate(var(--room-satellite-travel), 20px);opacity:0}}.scene img,.scene video,.scene-motion,.room-effects{transition:filter .65s}.scene[data-lighting=dim] img,.scene[data-lighting=dim] video{filter:brightness(.64)saturate(.9)}.scene[data-lighting=dim] .scene-motion,.scene[data-lighting=dim] .room-effects{filter:brightness(.72)}.room-hotspots{pointer-events:none;position:absolute;inset:0}.moment{pointer-events:none}.moment>*{pointer-events:auto}.moment h1{width:fit-content}.room-hotspot{color:#f9e7ce;pointer-events:auto;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:5px;min-width:44px;min-height:44px;padding:0;position:absolute;transform:translate(-50%,-50%)}.room-hotspot-dot{opacity:.6;background:#f9e7ce;width:6px;height:6px;transition:opacity .2s;position:absolute;top:5px;right:5px;box-shadow:0 0 0 3px #111d2d88,0 0 12px #f7d7a888}.room-hotspot-label{white-space:nowrap;color:#f1dfc6;opacity:0;pointer-events:none;background:#101923ed;border-radius:4px;padding:7px 10px;font-size:11px;transition:opacity .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.room-hotspot:hover,.room-hotspot:focus-visible,.room-hotspots[data-revealed=true] .room-hotspot{background:#efd5b00c;border-color:#f2d8ae88}.room-hotspot:hover .room-hotspot-label,.room-hotspot:focus-visible .room-hotspot-label,.room-hotspots[data-revealed=true] .room-hotspot-label,.room-hotspots[data-revealed=true] .room-hotspot-dot{opacity:1}.room-explorer{z-index:3;flex-direction:column;align-items:flex-end;max-width:calc(100% - 40px);display:flex;position:absolute;top:116px;right:4.4%}.room-explore-trigger{color:#e2d4c1;background:#101923cc;border:1px solid #d5c8b438;border-radius:6px;align-items:center;gap:9px;min-height:44px;padding:10px 13px;font-size:11px;display:flex}.room-explore-trigger svg{width:17px;height:17px}.room-explore-trigger:hover,.room-explore-trigger[aria-expanded=true]{border-color:var(--accent)}.room-explore-panel{background:#101923f5;border:1px solid #d5c8b438;border-radius:8px;width:260px;max-width:100%;margin-top:10px;padding:17px;box-shadow:0 14px 35px #0005}.room-explore-panel p{color:#bbb9b5;margin:0 0 13px;font-size:11px}.room-explore-panel button{text-align:left;color:#efe0ca;background:#d5c8b406;border:1px solid #d5c8b41c;border-radius:4px;flex-direction:column;gap:5px;width:100%;min-height:54px;margin:4px 0;padding:11px 10px;font-size:12px;display:flex}.room-explore-panel button:hover,.room-explore-panel button:focus-visible{background:#d5c8b415}.room-explore-panel button[aria-disabled=true],.room-hotspot[aria-disabled=true]{opacity:.65;cursor:wait}.room-explore-panel small,.room-explore-hint{color:#b5b8c2;font-size:10px;line-height:1.6}.room-explore-hint{margin-top:13px;display:block}.room-notice{pointer-events:none;text-align:right;max-width:260px;font-size:11px;line-height:1.6}.room-notice span{color:#ecd9bd;background:#101923e6;border-radius:4px;margin-top:10px;padding:8px 11px;animation:5s both room-notice-fade;display:block}@keyframes room-notice-fade{0%,85%{opacity:1}to{opacity:0}}@media (width<=1300px){.room-explorer{top:175px}}@media (width<=700px){.room-explorer{top:146px;right:6%}.room-explore-trigger{padding:10px}.room-explore-trigger span{font-size:10px}}@media (height<=650px) and (width>=701px){.room-explorer{top:78px}}@media (height<=650px) and (width>=701px) and (width<=1300px){.room-explorer{top:136px}}.presence-counter{color:#c1c6c3;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14202bc9;border:1px solid #d5c5ac2e;border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:34px;margin:-10px 0 26px;padding:8px 12px;font-size:11px;line-height:1.5;display:flex}.presence-counter>span{white-space:nowrap}.presence-counter strong{color:#eee6da;font-weight:400}.presence-dot{background:#7f8887;border-radius:50%;flex:0 0 5px;width:5px;height:5px}.presence-online .presence-dot{background:#9cc7ab;box-shadow:0 0 7px #9cc7ab80}.presence-separator{color:#818c8e}@media (width<=700px){.presence-counter{gap:6px;margin-bottom:22px;padding:8px 10px;font-size:10px}}.support-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10151edb;border:1px solid #c4b8c329;border-radius:15px;grid-area:1/3;justify-self:end;align-items:center;gap:4px;padding:4px 6px;display:flex;box-shadow:0 3px 16px #00000018}.support-links a{color:#bfc3d1;border-radius:9px;justify-content:center;align-items:center;min-height:36px;text-decoration:none;transition:color .2s,background .2s;display:inline-flex}.support-links a:hover{color:#f0dfc9;background:#ffffff0a}.coffee-link{letter-spacing:.02em;white-space:nowrap;gap:9px;padding:0 9px;font-size:12px}.support-links .coffee-icon{color:#e3b17b;shape-rendering:crispedges;width:20px;height:20px}.support-divider{background:#c4b8c326;width:1px;height:17px;margin:0 2px}.social-link{width:36px}.social-link svg{width:17px;height:17px}@media (width<=1300px){.support-links{grid-column:2}}@media (width<=600px){.support-links{gap:2px;padding:3px 4px}.coffee-link{width:36px;padding:0}.coffee-link span{display:none}}.experience{isolation:isolate;background:var(--scene-bg);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.scene{z-index:-2;position:absolute;inset:0;overflow:hidden}.scene img,.scene video{object-fit:cover;object-position:60% center;width:100%;height:100%}.scene-shade{pointer-events:none;background:linear-gradient(90deg,#080f17db,#080f174d 47%,#080f170a 75%),linear-gradient(#070d1440,#0000 60%,#070d14f2);position:absolute;inset:0}.masthead{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:38px 4.4%;display:grid}.wordmark{letter-spacing:3px;flex-shrink:0;align-items:center;gap:13px;font-size:12px;font-weight:700;display:flex}.brand-symbol{letter-spacing:-4px;text-align:center;width:40px;height:40px;color:var(--accent);border:1px solid #c6b29c55;border-radius:50%;padding-right:4px;font-family:Georgia,serif;font-size:30px;line-height:31px}.edition{letter-spacing:2.5px;color:#d2c6b3;font-size:9px}.year-nav{grid-area:1/2;justify-self:center;align-items:center;gap:28px;min-width:0;display:flex}.year-options{gap:8px;display:flex}.year-options button{color:#bbb8bd;letter-spacing:1px;background:#10182380;border:1px solid #0000;border-radius:4px;min-height:40px;padding:9px 12px;font-size:12px;transition:color .2s,border-color .2s,background .2s;position:relative}.year-options button:hover{color:#fff;background:#202633b3}.year-options button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}@media (width<=1650px){.year-nav .edition{display:none}}@media (width<=1300px){.masthead{grid-template-columns:minmax(0,1fr) auto;row-gap:18px}.year-nav{grid-area:2/1/auto/-1;justify-content:flex-end;width:100%}.year-options{grid-template-columns:repeat(var(--year-count), minmax(0, 1fr));gap:4px;width:100%;max-width:640px;display:grid}.year-options button{min-width:0;padding:9px 2px}}@media (width<=380px){.year-nav{gap:0}.year-options{gap:3px}.year-options button{letter-spacing:0;padding:8px 0;font-size:10px}.wordmark{letter-spacing:2px;gap:8px;font-size:10px}}.moment{max-width:700px;margin:auto 0;padding:45px 7% 75px}.eyebrow{letter-spacing:3px;color:var(--accent);align-items:center;gap:13px;font-size:9px;display:flex}.small-line{background:var(--accent);width:29px;height:1px}h1{margin:12px 0 0;font-weight:400}.year{letter-spacing:-5px;color:#f0dfc9;font-family:Georgia,Times New Roman,serif;font-size:clamp(80px,9.5vw,144px);line-height:1.1;display:block}.scene-title{letter-spacing:.2px;margin-top:10px;font-size:clamp(20px,2.1vw,29px);font-weight:400;display:block}.moment p{color:#bdb9b2;margin:18px 0 30px;font-size:13px;line-height:1.8}.enter-button{color:#24272a;background:#edc59b;border:0;border-radius:4px;align-items:center;gap:14px;padding:17px 23px;font-size:12px;transition:background .2s,transform .2s;display:flex;box-shadow:0 3px 35px #0003}.enter-button:hover{background:#f8d8b8;transform:translateY(-2px)}.enter-button svg{width:15px;height:15px}.listening-status{height:50px;color:var(--accent);align-items:center;gap:14px;font-size:12px;display:flex}.equalizer{align-items:center;gap:3px;height:20px;display:flex}.equalizer i{background:var(--accent);width:2px;height:6px}.equalizer.active i{animation:1.4s ease-in-out infinite alternate breathe}.equalizer i:nth-child(2){animation-delay:-.4s}.equalizer i:nth-child(3){animation-delay:-.9s}.equalizer i:nth-child(4){animation-delay:-.2s}.footer{padding:0 4.4% 26px}.scene-note{text-transform:uppercase;letter-spacing:2.1px;align-items:center;gap:9px;margin:0 0 20px;font-size:8px;display:flex}.live-dot{background:#b1c5ba;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #b1c5ba50}.player{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#14202bb8;border:1px solid #d5c5ac22;border-radius:8px;align-items:center;gap:22px;max-width:890px;margin:0 auto;padding:20px 24px;display:flex}.transport{width:42px;height:42px;color:var(--accent);background:0 0;border:1px solid #c7b59c60;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.transport:hover,.motion-toggle:hover,.fullscreen:hover{background:#ffffff0c}.transport svg{width:17px;height:17px}.track-info{flex-direction:column;flex:1;gap:6px;display:flex}.track-info strong{letter-spacing:2px;font-family:Georgia,serif;font-size:17px;font-weight:400}.track-info span{color:#b6b9b9;font-size:10px}.sliders{gap:27px;display:flex}.sliders label{color:#ddd6c9;width:124px;font-size:10px}.sliders label>span{justify-content:space-between;margin-bottom:8px;display:flex}.sliders output{color:#b8b6b0;font-variant-numeric:tabular-nums;font-size:9px}input[type=range]{accent-color:#e3bd94;cursor:pointer;width:100%;height:14px;margin:0;display:block}.view-controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.motion-toggle{color:#c9c2b6;white-space:nowrap;background:0 0;border:1px solid #c7b59c40;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 10px;font-size:10px;display:inline-flex}.motion-toggle[aria-pressed=true]{color:var(--accent);border-color:#c7b59c70}.motion-toggle svg{width:15px;height:15px}.fullscreen{color:#c9c2b6;background:0 0;border:0;border-left:1px solid #c7b59c30;margin-left:0;padding:10px 0 10px 12px}.fullscreen svg{width:18px;height:18px;display:block}.footer-caption{letter-spacing:1.9px;color:#a4a6a5;justify-content:space-between;align-items:center;margin-top:24px;font-size:8px;display:flex}.moment .error{color:#ffd1b6;max-width:360px;font-size:12px}@keyframes breathe{to{height:18px}}@media (width>=1600px){.moment{max-width:850px;padding-left:9%}.player{max-width:960px}}@media (width<=700px){.masthead{padding:25px 6% 12px}.edition{display:none}.scene img,.scene video{object-position:61% center}.scene-shade{background:linear-gradient(90deg,#081019bb,#08101933),linear-gradient(#0000 35%,#080f17)}.moment{padding:32px 7% 38px}.year{letter-spacing:-4px;font-size:92px}.scene-title{font-size:22px}.moment p{max-width:235px;font-size:12px}.footer{padding:0 6% 22px}.scene-note{letter-spacing:1.3px;font-size:7px}.player{flex-wrap:wrap;gap:15px;padding:16px}.track-info{flex-basis:calc(100% - 57px);min-width:0}.view-controls{justify-content:space-between;width:100%}.sliders{border-top:1px solid #c7b59c20;order:4;gap:25px;width:100%;padding-top:15px}.sliders label{width:50%}.fullscreen{margin-left:auto;padding-left:15px}.footer-caption{letter-spacing:1.3px;gap:25px;font-size:7px;line-height:1.6}.footer-caption span{max-width:135px}}@media (height<=650px) and (width>=701px){.masthead{padding-top:20px;padding-bottom:10px}.moment{padding-top:15px;padding-bottom:25px}.year{font-size:80px}.scene-note{display:none}.footer-caption{margin-top:14px}.moment p{margin:10px 0 15px}}.experience[data-motion=off] *,.experience[data-motion=off] :before,.experience[data-motion=off] :after{transition:none!important;animation:none!important}
