:root{color-scheme:dark;--ink:#151617;--white:#f5f3ef;--position:center}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink)}body{font-family:"Avenir Next",Avenir,"Century Gothic",Futura,system-ui,sans-serif;color:var(--white);-webkit-font-smoothing:antialiased}.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:var(--ink)}.room,.neon-breath,.shade{position:absolute;inset:0}.room,.neon-breath{background:url('assets/room.png') var(--position)/cover no-repeat}.neon-breath{filter:brightness(.12);opacity:0;mask-image:url('assets/neon-mask.svg');mask-size:cover;mask-position:var(--position);mask-repeat:no-repeat;-webkit-mask-image:url('assets/neon-mask.svg');-webkit-mask-size:cover;-webkit-mask-position:var(--position);-webkit-mask-repeat:no-repeat;animation:neon-dim 10s ease-in-out infinite}.shade{background:linear-gradient(90deg,rgba(7,9,10,.2),transparent 75%),radial-gradient(ellipse at 48% 36%,rgba(8,10,11,.3),transparent 55%)}.fog-video{position:absolute;left:-8%;bottom:2%;width:116%;height:72%;object-fit:cover;mix-blend-mode:screen;opacity:0;mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 78%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 78%,transparent);transition:opacity 2s ease}.fog-video.is-playing{opacity:.34}main{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:32px 20px;pointer-events:none}h1{margin:0;padding-left:.2em;font-size:clamp(22px,2.2vw,32px);font-weight:400;line-height:1.5;letter-spacing:.2em;text-align:center;text-shadow:0 2px 20px #000,0 1px 4px #000}.motion-control{position:fixed;bottom:20px;right:24px;border:0;background:#15161790;color:#b9babc;padding:10px 12px;font-family:inherit;font-size:12px;line-height:1.5;cursor:pointer}.motion-control:focus-visible{outline:2px solid #b9d104;outline-offset:3px}.paused .neon-breath{animation-play-state:paused}@keyframes neon-dim{0%,100%{opacity:0}50%{opacity:1}}@media(max-aspect-ratio:1/1){:root{--position:right center}.room,.neon-breath{top:-20%}.fog-video{height:64%;width:180%;left:-40%;bottom:8%}.fog-video.is-playing{opacity:.27}.shade{background:linear-gradient(180deg,#0c0e1010,#0c0e1020 58%,#0c0e1010)}h1{font-size:22px;letter-spacing:.16em}}@media(prefers-reduced-motion:reduce){.neon-breath{animation:none;opacity:0}.fog-video,.motion-control{display:none}}