:root{--sc-sky-day:linear-gradient(180deg,color-mix(in oklab,var(--indigo) 34%,var(--bg-2)) 0%,color-mix(in oklab,var(--indigo) 13%,var(--bg-2)) 44%,color-mix(in oklab,var(--mint) 11%,var(--bg-1)) 100%);--sc-sky-sunset:linear-gradient(180deg,color-mix(in oklab,var(--indigo) 28%,var(--bg-0)) 0%,color-mix(in oklab,var(--gold) 30%,var(--bg-2)) 56%,color-mix(in oklab,var(--gold-deep) 24%,var(--bg-1)) 100%);--sc-sky-night:linear-gradient(180deg,var(--bg-0) 0%,color-mix(in oklab,var(--indigo) 14%,var(--bg-0)) 48%,color-mix(in oklab,var(--bg-2) 66%,var(--bg-0)) 100%);--sc-far:radial-gradient(124% 60% at 50% 118%,color-mix(in oklab,var(--bg-0) 76%,var(--indigo)) 0%,color-mix(in oklab,var(--bg-0) 82%,var(--indigo)) 38%,transparent 68%);--sc-island:radial-gradient(78% 50% at 44% 114%,color-mix(in oklab,var(--bg-0) 88%,var(--mint)) 0%,color-mix(in oklab,var(--bg-0) 92%,var(--mint)) 34%,transparent 64%);--sc-near:linear-gradient(0deg,var(--bg-0) 0%,color-mix(in oklab,var(--bg-0) 72%,transparent) 20%,transparent 46%);--sc-strength:.72;--sc-e-in:cubic-bezier(.16,1,.3,1)}:is([data-theme="white"],[data-theme="sage"],[data-theme="cream"],[data-theme="sky"],[data-theme="lavender"]){--sc-strength:.38}@media (prefers-color-scheme:light){html:not([data-theme]){--sc-strength:.38}}.scene{position:absolute;inset:0;z-index:0;overflow:clip;pointer-events:none;contain:paint;border-radius:inherit;opacity:var(--sc-strength)}:where(:has(>.scene)){position:relative}:where(.scene~*){position:relative;z-index:1}.scene-l{position:absolute;left:-2%;right:-2%;top:calc(var(--sc-shift,0%) * -1 - 2%);bottom:calc(var(--sc-shift,0%) * -1 - 2%);transform:translate3d(0,0,0)}.scene-l[data-layer="sky"]{--sc-shift:0%;z-index:0}.scene-l[data-layer="far"]{--sc-shift:2%;z-index:1}.scene-l[data-layer="island"]{--sc-shift:4%;z-index:2}.scene-l[data-layer="near"]{--sc-shift:6%;z-index:3}.scene-f{position:absolute;inset:0;background-image:var(--sc-stub,none);background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.scene-f[data-tod="sunset"],.scene-f[data-tod="night"]{opacity:0}.scene-f::before{content:"";position:absolute;inset:0;background-image:var(--sc-lqip,none);background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.scene-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;transition:opacity 420ms var(--sc-e-in)}.scene-f.is-ready .scene-img{opacity:1}.scene{--sc-r-sunset-a:14%;--sc-r-sunset-b:46%;--sc-r-night-a:54%;--sc-r-night-b:88%}html[data-scene-preview] .hero-scene{opacity:0}html[data-scene-preview] .scene{opacity:1}@supports (animation-timeline:scroll()){@media not (prefers-reduced-motion:reduce){@keyframes sc-in{from{opacity:0}to{opacity:1}}@keyframes sc-par{from{transform:translate3d(0,calc(var(--sc-shift,0%) * -1),0)}to{transform:translate3d(0,var(--sc-shift,0%),0)}}html:not([data-scene-engine="js"]):not([data-scene-engine="static"]) .scene-f[data-tod="sunset"]{animation:sc-in linear both;animation-timeline:scroll(root block);animation-range:var(--sc-r-sunset-a) var(--sc-r-sunset-b)}html:not([data-scene-engine="js"]):not([data-scene-engine="static"]) .scene-f[data-tod="night"]{animation:sc-in linear both;animation-timeline:scroll(root block);animation-range:var(--sc-r-night-a) var(--sc-r-night-b)}html:not([data-scene-engine="js"]):not([data-scene-engine="static"]) .scene-l[data-layer="far"],html:not([data-scene-engine="js"]):not([data-scene-engine="static"]) .scene-l[data-layer="island"],html:not([data-scene-engine="js"]):not([data-scene-engine="static"]) .scene-l[data-layer="near"]{animation:sc-par linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}/* ═══ 4. СТАТИКА ═══════════════════════════════════════════════ Сокращённое движение это не «помедленнее»,а именно одна неподвижная сцена. То же самое ставит scene.js на слабой машине через data-scene-engine="static". */ @media (prefers-reduced-motion:reduce){.scene-l{transform:none}.scene-f[data-tod="day"],.scene-f[data-tod="any"]{opacity:1}.scene-f[data-tod="sunset"],.scene-f[data-tod="night"]{opacity:0}.scene-img{transition:none}}html[data-scene-engine="static"] .scene-l{transform:none}html[data-scene-engine="static"] .scene-f[data-tod="day"],html[data-scene-engine="static"] .scene-f[data-tod="any"]{opacity:1}html[data-scene-engine="static"] .scene-f[data-tod="sunset"],html[data-scene-engine="static"] .scene-f[data-tod="night"]{opacity:0}@media print{.scene{display:none}}