.masks{position:absolute;pointer-events:none}:root{color-scheme:dark;--acid:#d7ff00}*{box-sizing:border-box}body{margin:0;background:#030403;color:#e5e7df;font:16px/1.5 Arial,Helvetica,sans-serif}main{position:relative;min-height:calc(100svh - 80px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.scene{position:relative;width:min(100%,calc((100svh - 80px)*1.777));aspect-ratio:1672/941;margin:auto;isolation:isolate}.scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.room{filter:brightness(.045);transition:filter 2.4s ease 2s}.logo{clip-path:url(#logo-mask);opacity:0;filter:brightness(1.12);transition:opacity 1.2s ease .45s}.running .room{filter:brightness(.7)}.running .logo{opacity:1;animation:logo-breathe 5s ease-in-out 4.8s infinite}.beam{position:absolute;inset:0;opacity:0;mix-blend-mode:screen;filter:blur(9px);transition:opacity 2s ease 2s;pointer-events:none}.beam-left{clip-path:polygon(25% 9%,19% 72%,47% 72%);background:radial-gradient(ellipse at 25% 12%,#d7ff0050,transparent 63%)}.beam-right{clip-path:polygon(74% 9%,53% 72%,82% 72%);background:radial-gradient(ellipse at 74% 12%,#d7ff0040,transparent 63%)}.running .beam{opacity:.16}.floor{position:absolute;inset:74% 0 0;background:linear-gradient(transparent,#030403 25%,#030403)}.caption{position:absolute;bottom:7%;left:16px;right:16px;text-align:center;opacity:0;transition:opacity 1.6s ease 3.2s}.running .caption{opacity:1}h1{font-stretch:condensed;font-size:clamp(21px,2.5vw,40px);line-height:1.15;letter-spacing:.09em;margin:0 0 16px;font-weight:800}.caption p{color:var(--acid);font-size:14px;line-height:1.5;letter-spacing:.2em;margin:0}.running .caption p{animation:text-breathe 5s ease-in-out 4.8s infinite}.caption span{display:block;margin:24px auto 0;width:40px;height:1px;background:var(--acid)}nav{min-height:80px;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #ffffff10;color:#a5ad9a;font-size:14px;line-height:1.5;letter-spacing:.04em}nav div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}button,a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;font:inherit;color:#c6cabb;letter-spacing:.02em;text-decoration:none}button{border:1px solid #444938;padding:10px 14px;background:#0b0d09;cursor:pointer;border-radius:12px}a{padding:10px 0}[hidden]{display:none!important}button:hover,a:hover{color:var(--acid)}:focus-visible{outline:2px solid var(--acid);outline-offset:4px}@keyframes logo-breathe{0%,100%{opacity:.78;filter:brightness(.95)}50%{opacity:1;filter:brightness(1.3)}}@keyframes text-breathe{0%,100%{opacity:.65;text-shadow:0 0 4px #d7ff001a}50%{opacity:1;text-shadow:0 0 16px #d7ff0077}}.paused *{animation-play-state:paused!important}@media(max-width:650px){main{min-height:calc(100svh - 128px);justify-content:center}.scene{width:115%;max-width:none;margin:0 0 0 -7.5%;flex-shrink:0}.caption{position:relative;bottom:auto;margin-top:-8%;padding-bottom:24px}h1{font-size:23px}.caption p{font-size:14px;letter-spacing:.12em}nav{min-height:128px;flex-direction:column;justify-content:center;padding:16px;gap:16px}nav div{justify-content:center;gap:10px}}@media(prefers-reduced-motion:reduce){.room{filter:brightness(.7)!important}.logo{opacity:1!important}.caption{opacity:1!important}.beam{opacity:.16!important}*{animation:none!important;transition:none!important}}

.resetting .room,.resetting .logo,.resetting .beam,.resetting .caption{transition:none!important;animation:none!important}