.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.coldlife-scene { position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity 900ms ease; }
.coldlife-scene.is-current { opacity:1; }
.coldlife-scene > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:68% center; transform:scale(1.025); transition:transform 2900ms cubic-bezier(.2,.6,.3,1),filter 900ms; filter:blur(5px); }
.coldlife-scene.is-current > img { transform:scale(1); filter:blur(0); }
.coldlife-scene::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#071a24d6, #071a2490 32%,transparent 68%),linear-gradient(180deg,#071a2445,transparent 28% 62%,#071a24d9); }
.coldlife-scene-copy { position:absolute; z-index:1; left:8.4vw; top:29vh; width:40vw; transform:translateY(12px); opacity:0; transition:opacity 600ms ease,transform 900ms ease; }
.coldlife-scene.is-current .coldlife-scene-copy { transform:none; opacity:1; }
.coldlife-scene-copy h3 { margin:0; font:400 clamp(36px,3.8vw,65px)/1.55 "Moments Serif",var(--serif); letter-spacing:.045em; color:#f0f3ef; }
.coldlife-scene-copy > p:last-child { margin-top:3vh; font-size:clamp(13px,1.1vw,18px); line-height:2; color:#d0dfe2; letter-spacing:.02em; }
.coldlife-controls { position:absolute; z-index:2; left:8.4vw; bottom:13vh; display:flex; gap:1.5vw; }
.coldlife-controls button { position:relative; display:flex; align-items:center; width:clamp(150px,15.5vw,265px); padding:0 0 1.5vh; gap:1vw; background:none; border:0; border-bottom:1px solid #d2e0e44a; text-align:left; color:#d2e0e4a6; font:14px "Moments Sans",var(--sans); cursor:pointer; }
.coldlife-controls button > img { width:clamp(52px,5.3vw,85px); height:clamp(40px,4vw,60px); object-fit:cover; object-position:72% center; border:1px solid #d2e0e430; opacity:.6; transition:opacity 400ms; }
.coldlife-controls button span { display:flex; flex-direction:column; gap:6px; white-space:nowrap; }
.coldlife-controls small { font:10px Georgia,serif; letter-spacing:.15em; opacity:.65; }
.coldlife-controls button[aria-pressed=true] { color:#f1f7f6; border-bottom-color:#c0e0e6; }
.coldlife-controls button[aria-pressed=true] img,.coldlife-controls button:hover img { opacity:1; }
.coldlife-controls button i { position:absolute; bottom:-1px; left:0; height:2px; width:0; background:#d2edf2; }
.coldlife-chapter[data-playing=true] .coldlife-controls button[aria-pressed=true] i { animation:coldlife-progress 2900ms linear; }
@keyframes coldlife-progress { to { width:100%; } }
.coldlife-controls button:focus-visible,.coldlife-playback:focus-visible { outline:1px solid #d2edf2; outline-offset:6px; }
.coldlife-playback { position:absolute; z-index:2; right:6vw; bottom:14.5vh; border:1px solid #c9e0e24d; border-radius:24px; padding:10px 16px; background:#10242b55; color:#d6e4e5; font:11px "Moments Sans",var(--sans); cursor:pointer; }
.coldlife-playback:disabled { opacity:.5; cursor:default; }
.motion-enabled .coldlife-chapter { z-index:11; opacity:var(--coldlife-opacity,0); }
.motion-enabled .coldlife-scene-copy,.motion-enabled .coldlife-controls,.motion-enabled .coldlife-playback,.motion-enabled .coldlife-chapter .chapter-foot { opacity:var(--coldlife-copy-opacity,0); }
@media(max-aspect-ratio:4/3) {
  .coldlife-scene-copy { top:28vh; width:44vw; }
  .coldlife-controls { left:6vw; gap:2vw; }
  .coldlife-controls button { width:20vw; }
}
@media(prefers-reduced-motion:reduce) {
  .coldlife-scene,.coldlife-scene > img,.coldlife-scene-copy { transition:none; }
  .coldlife-scene > img { transform:none; }
  .coldlife-controls button i { animation:none !important; }
}