/* Stillwater isolated day-to-night preview. The photograph remains a fallback. */
body.retreat.day-cycle .retreat-journey{height:300svh}
body.retreat.day-cycle .retreat-stage{position:sticky;top:0;height:100svh;min-height:0;background:#163b46}
body.retreat.day-cycle .landscape{inset:0;transform:none;transition:none;background:url('../assets/stillwater-day-v1.webp') 55% center/cover}
.stillwater-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
body.retreat.day-cycle .retreat-title{top:12%;left:7%;right:7%;pointer-events:none;opacity:var(--copy-opacity,1);text-shadow:0 2px 28px #10252b66}
body.retreat.day-cycle h1{font-size:clamp(58px,6.4vw,102px);margin:36px 0 18px;max-width:760px}
body.retreat.day-cycle .retreat-title p{font-size:18px}
body.retreat.day-cycle .retreat-title a{pointer-events:auto;margin-top:12px}
body.retreat.day-cycle .journey-note{right:7%;bottom:32px;font-size:11px;letter-spacing:.08em;border:0;opacity:1;max-width:42%;text-align:right}
.cycle-status{position:absolute;left:7%;bottom:32px;color:#fff;font:11px/1.5 Arial,sans-serif;letter-spacing:.18em;text-shadow:0 1px 8px #0008}
.cycle-clock{display:block;font:italic 36px/1.3 Georgia,serif;letter-spacing:-.02em;margin-bottom:8px}
.cycle-track{width:160px;height:1px;background:#ffffff55;margin-top:12px}
.cycle-track i{display:block;height:100%;background:#fff;transform:scaleX(var(--day-progress,0));transform-origin:left}
.cycle-pause{position:absolute;right:7%;top:30px;min-height:44px;padding:10px 15px;border:1px solid #ffffff80;color:#fff;background:#152a3033;backdrop-filter:blur(6px);font:11px Arial;letter-spacing:.04em;border-radius:40px}
@media(max-width:700px){body.retreat.day-cycle h1{font-size:60px;margin-top:38px}body.retreat.day-cycle .retreat-title{top:15%}.cycle-clock{font-size:28px}.cycle-track{width:110px}body.retreat.day-cycle .journey-note{bottom:34px;font-size:10px}.cycle-pause{top:20px}}
@media(prefers-reduced-motion:reduce){body.retreat.day-cycle .retreat-journey{height:100svh}body.retreat.day-cycle .retreat-stage{position:relative}.cycle-pause{display:none}}
/* Separate the scene's time caption from its scroll instruction on phones. */
@media(max-width:700px){.cycle-status{bottom:70px;right:7%;font-size:10px;letter-spacing:.13em}body.retreat.day-cycle .journey-note{left:7%;right:auto;bottom:24px;max-width:86%;text-align:left}.cycle-track{margin-top:10px}}
/* Short phone windows and dashboard frames need room for both copy and clock. */
@media(max-width:700px) and (max-height:740px){
 body.retreat.day-cycle .retreat-title{top:12%}
 body.retreat.day-cycle h1{font-size:clamp(42px,7.5svh,54px);margin:24px 0 12px}
 body.retreat.day-cycle .retreat-title p{font-size:16px;margin-block:12px}
 body.retreat.day-cycle .retreat-title a{margin-top:8px}
}