/* The moving art lives in image regions. Reading surfaces stay opaque paper. */
.hero:has(.scene-atmosphere),.record-masthead:has(.scene-atmosphere){isolation:isolate;position:relative;overflow:hidden}
.scene-atmosphere{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;contain:strict}
.scene-atmosphere canvas{display:block;width:100%;height:100%;pointer-events:none}
.hero:has(.scene-atmosphere) .hero-content,.hero:has(.scene-atmosphere) .hero-bottom{z-index:2}
.hero .scene-atmosphere{left:24%;opacity:.95;mask-image:linear-gradient(90deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%)}
.record-masthead .scene-atmosphere{left:52.38%}
.record-masthead:has(.scene-atmosphere) .record-heading{position:relative;z-index:2;background:var(--paper,#f5f5f2)}
.scene-atmosphere[data-scene=home]{background:radial-gradient(ellipse at 67% 47%,rgba(245,191,83,.12),transparent 62%)}
.scene-atmosphere[data-scene=chrono]{background:linear-gradient(130deg,rgba(255,207,99,.15),transparent 60%)}
.scene-atmosphere[data-scene=outant]{background:radial-gradient(ellipse at 40% 108%,rgba(127,235,107,.28),transparent 59%),radial-gradient(ellipse at 100% 90%,rgba(160,94,237,.23),transparent 48%)}
.atmosphere-toggle{position:absolute;right:24px;bottom:23px;z-index:25;display:flex;align-items:center;gap:9px;min-height:40px;border:1px solid #bbc2b5;border-radius:3px;padding:9px 13px;background:rgba(245,245,242,.96);box-shadow:0 3px 18px #17201716;color:#263124;font:550 11px/1.4 var(--font,sans-serif);letter-spacing:.02em}
.atmosphere-toggle:not([data-atmosphere-ready]){display:none}
.atmosphere-toggle::before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#6c853f;box-shadow:0 0 0 3px #6c853f1c}
.atmosphere-toggle[data-paused=true]::before{background:#8e9488;box-shadow:none}
.atmosphere-toggle:hover{background:#fff;border-color:#6a755e}
.atmosphere-toggle:focus-visible{outline:3px solid var(--red,#d93c24);outline-offset:4px}
.atmosphere-toggle:disabled{cursor:default;color:#687063;opacity:1}
@media(max-width:800px){.record-masthead .scene-atmosphere{left:0;top:auto;height:230px}.hero .scene-atmosphere{left:10%;opacity:.75}.atmosphere-toggle{right:14px;bottom:14px;padding:8px 10px;font-size:10px;min-height:36px}}
@media(prefers-reduced-motion:reduce){.scene-atmosphere{opacity:.75}}