.night-entry{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-bottom:1px solid #ffffff24;background:none;color:#aab4be;padding:13px 2px;margin-top:22px;font:10px "BPG ExtraSquare",Michroma,sans-serif;letter-spacing:.05em;cursor:pointer;transition:color .3s,border-color .3s}.night-entry:hover{color:#fff;border-color:#ffffff80}.night-entry svg{width:17px;height:17px}.hero-content>.night-entry{display:flex;margin:23px auto 0}.opening-bottom .night-entry{margin:0;white-space:nowrap}main>.night-entry{margin:25px 0}html[lang=en] .night-entry{font-family:Michroma,sans-serif;font-size:9px}.night-mode-open{overflow:hidden}
.night-scene{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#030405;color:#cbd2da;overflow:clip;opacity:0;transition:opacity .55s ease;isolation:isolate}.night-scene[open]{display:block}.night-scene.is-visible{opacity:1}.night-scene::backdrop{background:#030405}
.night-emblem{position:absolute;z-index:2;left:50%;top:46%;width:min(76vw,880px);transform:translate(calc(-50% + var(--night-x,0px)),calc(-50% + var(--night-y,0px))) scale(.96);transition:transform 1.5s cubic-bezier(.2,.7,.2,1);pointer-events:none;mix-blend-mode:screen}.is-visible .night-emblem{transform:translate(calc(-50% + var(--night-x,0px)),calc(-50% + var(--night-y,0px))) scale(1)}.night-logo{display:block;width:100%;max-height:53svh;object-fit:contain;filter:drop-shadow(0 10px 40px #c9d6e512)}.night-reflection{position:absolute;left:0;top:100%;width:100%;height:100%;object-fit:contain;transform:scaleY(-.3);transform-origin:50% 0;opacity:.13;filter:blur(3px);mask-image:linear-gradient(to top,#000,transparent 65%)}
.night-glow{position:absolute;inset:-20%;z-index:0;background:radial-gradient(ellipse at 50% 47%,#d7e3f212,transparent 36%),radial-gradient(ellipse at 12% 55%,#dbe6f20c,transparent 42%),radial-gradient(ellipse at 88% 35%,#ffffff0a,transparent 40%);opacity:calc(.5 + var(--ambient-beat,0)*.5);animation:night-drift 19s ease-in-out infinite alternate;pointer-events:none}.night-beams{position:absolute;inset:-40%;z-index:0;background:conic-gradient(from 195deg at 50% 0%,transparent 0deg,#e9f1fa0a 5deg,transparent 12deg,transparent 34deg,#e9f1fa08 39deg,transparent 47deg);filter:blur(14px);opacity:calc(.35 + var(--ambient-beat,0)*.5);animation:night-beams 24s ease-in-out infinite alternate;pointer-events:none}.night-horizon{position:absolute;z-index:1;left:8%;right:8%;top:68%;height:1px;background:linear-gradient(90deg,transparent,#e1ebf62b,transparent);box-shadow:0 0 55px 9px #e1ebf608;opacity:calc(.3 + var(--ambient-beat,0)*.5);pointer-events:none}
.night-orbit{position:absolute;left:50%;top:48%;width:94vw;height:47vw;max-height:65vh;border:1px solid #e4edf918;border-radius:50%;pointer-events:none;opacity:calc(.3 + var(--ambient-beat,0)*.45);mask-image:linear-gradient(100deg,transparent 3%,#000 24%,#000 70%,transparent 98%)}.night-orbit-one{transform:translate(-50%,-50%) rotate(-22deg);animation:night-orbit-one 26s ease-in-out infinite alternate}.night-orbit-two{transform:translate(-50%,-50%) rotate(24deg);width:86vw;height:36vw;animation:night-orbit-two 29s ease-in-out infinite alternate}.night-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,transparent 25%,#0008 100%)}
.night-close{position:fixed;top:max(26px,env(safe-area-inset-top));right:max(26px,env(safe-area-inset-right));width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:50%;background:#ffffff04;color:#a8b2bd;cursor:pointer;z-index:3;transition:opacity .9s,background .3s,border-color .3s}.night-close svg{width:19px;height:19px}.night-close:hover{background:#ffffff0b;border-color:#ffffff50}.night-controls{position:fixed;bottom:max(38px,env(safe-area-inset-bottom));left:20px;right:20px;z-index:3;text-align:center;transition:opacity .9s,transform .9s}.night-sound{min-height:46px;padding:13px 25px;border:1px solid #ffffff28;border-radius:30px;background:#ffffff05;backdrop-filter:blur(10px);color:#cbd3dd;font:10px "BPG ExtraSquare",Michroma,sans-serif;cursor:pointer;transition:background .3s,border-color .3s}.night-sound[aria-pressed=true]{border-color:#ffffff50;background:#ffffff0a}.night-sound:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#73808c;margin-right:10px;vertical-align:middle;transition:background .4s,box-shadow .4s}.night-sound[aria-pressed=true]:before{background:#eaf2fb;box-shadow:0 0 9px #d7e6f680}.night-hint{margin:17px 0 0;color:#69727d;font:9px/1.8 "BPG ExtraSquare",Arial,sans-serif;letter-spacing:.03em}.night-scene.is-idle .night-controls{opacity:.12;transform:translateY(5px)}.night-scene.is-idle .night-close{opacity:.18}.night-scene .night-controls:focus-within,.night-scene .night-controls:hover,.night-scene .night-close:focus-visible,.night-scene .night-close:hover{opacity:1;transform:none}.night-entry:focus-visible,.night-close:focus-visible,.night-sound:focus-visible{outline:2px solid #cbd5df;outline-offset:5px}
@keyframes night-drift{to{transform:translate(3%,-2%) scale(1.12)}}@keyframes night-beams{from{transform:rotate(-6deg)}to{transform:rotate(7deg)}}@keyframes night-orbit-one{to{transform:translate(-50%,-50%) rotate(-12deg) scale(1.05)}}@keyframes night-orbit-two{to{transform:translate(-50%,-50%) rotate(14deg) scale(.95)}}
@media(max-width:600px){.night-emblem{width:90vw;top:45%}.night-logo{max-height:48svh}.night-orbit{width:145vw;height:100vw}.night-orbit-two{width:135vw;height:75vw}.night-horizon{top:61%;left:4%;right:4%}.night-close{top:max(18px,env(safe-area-inset-top));right:18px}.night-controls{bottom:max(32px,env(safe-area-inset-bottom))}.night-beams{filter:blur(8px)}.opening-bottom{flex-wrap:wrap;gap:18px}.night-hint{font-size:8px}}
@media(prefers-reduced-motion:reduce){.night-scene,.night-emblem,.night-entry,.night-controls,.night-close{transition:none}.night-glow,.night-orbit,.night-beams{animation:none}.night-emblem,.is-visible .night-emblem{transform:translate(-50%,-50%)}}
.night-logo{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}.night-reflection{transform:translateY(30%) scaleY(-.3);mask-image:linear-gradient(to top,#000,transparent 75%)}
/* Light arrives first; the original chrome mark follows in one slow reveal. */
.night-air{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease .12s;pointer-events:none}.is-visible .night-air{opacity:1}.night-emblem{opacity:0;transition:opacity 1.65s ease .48s,transform 2.2s cubic-bezier(.2,.7,.2,1) .3s}.is-visible .night-emblem{opacity:1}.night-scene:not(.is-visible) .night-emblem,.night-scene:not(.is-visible) .night-air{transition-delay:0s}.night-controls{opacity:0;transition:opacity 1s ease,transform .9s}.is-visible .night-controls{opacity:1}.night-controls:focus-within{transition-delay:0s}.night-scene.is-idle .night-controls{opacity:.18}.night-scene.is-idle .night-close{opacity:.3}
.night-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 43%,#f5faff14 46%,#fff9 49%,#fff3 51%,transparent 55%);background-size:320% 100%;background-position:150% 0;mask-image:url('/assets/mirage-chrome.png');mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat;opacity:.65;animation:night-metal-shine 15s ease-in-out infinite;animation-play-state:paused}.is-visible .night-shine{animation-play-state:running}.night-sweep{position:absolute;inset:-20% -10%;background:linear-gradient(90deg,transparent 26%,#dae5f614 43%,#eff6ff2e 49%,#dae5f614 55%,transparent 72%);filter:blur(24px);transform:translateX(-110%) rotate(-18deg);opacity:0;pointer-events:none}.night-scene[open] .night-logo{filter:drop-shadow(0 10px 40px #c9d6e51a) brightness(calc(1 + var(--ambient-beat,0)*.07));transition:filter .25s ease}.night-sound[aria-busy=true]:before{animation:night-loading 1.4s ease-in-out infinite}.night-scene:not([open]) .night-glow,.night-scene:not([open]) .night-beams,.night-scene:not([open]) .night-orbit,.night-scene:not([open]) .night-shine,.night-scene.effects-paused *{animation-play-state:paused!important}
@keyframes night-metal-shine{0%,8%{background-position:150% 0;opacity:0}12%{opacity:.65}32%{background-position:-50% 0;opacity:.65}36%,100%{background-position:-50% 0;opacity:0}}@keyframes night-loading{50%{opacity:.25}}
@media(max-width:600px){.night-sweep{filter:blur(14px)}.night-shine{opacity:.5}}
@media(prefers-reduced-motion:reduce){.night-air,.night-emblem,.night-controls,.night-scene[open] .night-logo{transition:none}.night-shine,.night-sound[aria-busy=true]:before{animation:none}.night-shine,.night-sweep{display:none}.night-scene[open] .night-logo{filter:none}}
/* A live perspective light installation, behind the unchanged brand mark. */
.night-cosmos{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.95}.has-cosmos .night-orbit{display:none}.has-cosmos .night-glow{opacity:calc(.35 + var(--ambient-beat,0)*.3)}.has-cosmos .night-emblem{width:min(68vw,790px)}.has-cosmos .night-vignette{background:radial-gradient(ellipse at 50% 46%,transparent 32%,#0007 100%)}.has-cosmos .night-horizon{opacity:.18}.has-cosmos .night-reflection{opacity:.08}.night-sound{box-shadow:inset 0 1px 0 #ffffff08,0 8px 30px #0005}.night-scene.is-idle .night-close{opacity:.4}.night-close:focus-visible{opacity:1}
@media(max-width:600px){.has-cosmos .night-emblem{width:88vw}.night-cosmos{opacity:.85}.has-cosmos .night-emblem{top:46%}}
.night-world{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-left:10px;padding:13px 22px;border:1px solid #ffffff25;border-radius:30px;background:#ffffff04;color:#aebccc;font:9px "BPG ExtraSquare",Michroma,sans-serif;cursor:pointer;backdrop-filter:blur(10px);transition:background .3s,border-color .3s}.night-world:hover{background:#ffffff10;border-color:#ffffff60}.night-world:focus-visible{outline:2px solid #cbd5df;outline-offset:5px}.night-world-name{position:fixed;top:max(43px,env(safe-area-inset-top));left:35px;color:#788594;font:9px "BPG ExtraSquare",Michroma,sans-serif;letter-spacing:.12em;z-index:3;pointer-events:none;transition:opacity 1s}.is-idle .night-world-name{opacity:.18}.night-scene[data-world="1"] .night-glow{background:radial-gradient(ellipse at 50% 46%,#d7e3f21a,transparent 55%)}.night-scene[data-world="2"] .night-beams{opacity:calc(.5 + var(--ambient-beat,0)*.5)}.night-scene .night-emblem{transition:opacity 1.65s ease .48s,transform 2.2s cubic-bezier(.2,.7,.2,1) .3s}.night-cosmos{opacity:1}
@media(max-width:600px){.night-world{font-size:8px;padding:12px 17px;margin-left:6px}.night-world-name{top:36px;left:22px;font-size:8px}.night-hint{letter-spacing:0}}@media(prefers-reduced-motion:reduce){.night-world-name,.night-world{transition:none}}
.night-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:13px 8px}.night-world{margin-left:0}.night-hint{flex-basis:100%;margin:0}.night-controls .night-sound,.night-controls .night-world{vertical-align:middle}@media(max-width:360px){.night-sound{padding-inline:16px;font-size:9px}.night-world{padding-inline:13px}}@media(prefers-reduced-motion:reduce){.night-scene .night-emblem{transition:none}}

.night-entry{width:44px;height:44px;min-height:44px;padding:0;gap:0;border:1px solid #ffffff24;border-radius:50%;background:#ffffff03}.night-entry:hover{background:#ffffff08}.night-entry svg{width:18px;height:18px}