/* A continuous canvas behind the page; product artwork and UI stay untouched. */
body{isolation:isolate;background:#f6f4ee}
.site-ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict;background:radial-gradient(ellipse at 95% 35%,#dce4d455,transparent 65%),radial-gradient(ellipse at 5% 75%,#e6cfc344,transparent 60%),#f6f4ee}
.site-ambient canvas{display:block;width:100%;height:100%;pointer-events:none}
main{position:relative;z-index:1}
.footer{position:relative;z-index:1;flex-wrap:wrap}
.hero{background:transparent}
.features{background:rgba(240,239,233,.58)}
.chapter:nth-of-type(even){background:rgba(232,236,223,.65)}
.ambient-toggle{font:inherit;font-size:11px;line-height:1.4;color:var(--green);background:var(--paper);border:1px solid var(--line);border-radius:22px;min-height:44px;padding:8px 14px;cursor:pointer}
.ambient-toggle[aria-pressed=true]{background:var(--paper);color:var(--green)}
.ambient-toggle:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.ambient-toggle{display:none}}

/* Animated fallback remains visible if WebGL is unavailable or its context is lost. */
.site-ambient:not(.is-ready)::before,.site-ambient:not(.is-ready)::after{content:"";position:absolute;inset:-35%;background:radial-gradient(ellipse at 30% 50%,#b7c9a9a1,transparent 56%),radial-gradient(ellipse at 75% 65%,#e4c7b970,transparent 52%);animation:ambient-fallback-flow 30s ease-in-out infinite alternate;animation-play-state:paused;pointer-events:none}
.site-ambient:not(.is-ready)::after{background:radial-gradient(ellipse at 50% 40%,#fffdf3e0,transparent 45%);animation-duration:36s;animation-delay:-9s;animation-direction:alternate-reverse}
.site-ambient[data-ambient-active="true"]::before,.site-ambient[data-ambient-active="true"]::after{animation-play-state:running}
@keyframes ambient-fallback-flow{from{transform:translate3d(-7%,-5%,0) rotate(-9deg) scale(.95)}to{transform:translate3d(9%,7%,0) rotate(12deg) scale(1.15)}}
@media(prefers-reduced-motion:reduce){.site-ambient::before,.site-ambient::after{animation:none!important}}

.footer .ambient-toggle[aria-pressed="true"]{position:fixed;right:16px;bottom:16px;z-index:50;background:#fefcf7;border-color:#a9b79f;box-shadow:0 4px 18px #344a3318;max-width:calc(100vw - 32px)}