/* One physical coast, four changes of light. No graphic sun, clock or player UI. */
.dayline{padding:0;min-height:0;background:#041f33;--day-accent:#f7c985}
.day-stage{padding:3.1rem var(--gutter) 1.7rem;gap:1.7rem;background:#041f33;min-height:calc(100svh - var(--header-h))}
.dayline.is-pinned{height:calc(270svh - var(--header-h))}
.day-atmosphere{position:absolute;inset:0;z-index:-2;overflow:hidden}
.day-visual{position:absolute;inset:-2%;height:auto;background:none;transform-origin:55% 60%;transition:none}
.day-plate,.day-plate img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 52%;background:none}
.day-plate{opacity:0}
.day-morning{opacity:1}
.day-stage:after{background:linear-gradient(180deg,#041f33e8 0%,#041f33ad 19%,#041f3340 40%,transparent 52%,#041f3380 70%,#041f33f2 100%),linear-gradient(90deg,#041f3330,transparent 60%)}
.day-intro{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));align-items:start;gap:2rem 4rem;max-width:none;width:100%}
.day-intro .eyebrow{font-size:1rem;letter-spacing:.035em;margin-bottom:1.3rem;display:flex;gap:1rem;align-items:center;color:#f7f4ee}
.day-intro .route-dash{background:linear-gradient(90deg,var(--gold),var(--teal))}
.day-intro h2{font-size:clamp(3.7rem,6.5vw,7rem);line-height:1.03;letter-spacing:-.065em;color:#fff}
.day-intro h2 em{color:var(--day-accent)}
.day-intro .body-copy{font-size:1.125rem;line-height:1.6;color:#fff;max-width:23rem;margin:3.1rem 0 0 auto;padding:0;border:0;background:none}
.day-breath{flex:1;min-height:8rem}
.day-caption{align-self:flex-end;text-align:right;margin:0;max-width:100%;padding:0;color:#fff}
#time-output{font-size:clamp(3.3rem,7vw,7.5rem);font-weight:550;line-height:1.02;letter-spacing:-.06em;white-space:normal}
#day-mood{font-size:1.125rem;line-height:1.6;color:#fff;margin-top:.7rem;min-height:1.6em;max-width:33rem}
.day-bottom{align-items:end;gap:2rem;padding-top:1.3rem;border-top:1px solid #aec5c95c;font-size:1rem;color:#f7f4ee}
.day-note{font-size:1rem;line-height:1.5;color:#e2ebed;max-width:31rem;margin:0;text-align:right}
.day-note span{display:block;color:#f7f4ee;margin-bottom:.2rem}
.static-motion .day-visual{transform:none!important}
.dayline.is-flowing .day-stage:after{background:linear-gradient(180deg,#041f33ee,#041f33bf 48%,#041f3380 72%,#041f33f5)}
@media(max-width:1000px){
 .day-intro{gap:2rem}
 .day-intro h2{font-size:clamp(3.1rem,6.5vw,5.2rem)}
 .day-intro .body-copy{margin:1rem 0 0;max-width:29rem}
 .day-bottom{gap:1.2rem}.day-note{max-width:26rem}
 .day-stage:after{background:linear-gradient(180deg,#041f33ee 0%,#041f33c7 40%,#041f3355 55%,#041f3399 68%,#041f33f2 100%)}
}
@media(max-width:700px){
 .dayline.is-pinned{height:calc(250svh - var(--header-h))}
 .day-stage{padding:1.7rem var(--gutter) 1.25rem;gap:1.2rem}
 .day-intro{display:block}
 .day-intro .eyebrow{margin-bottom:.85rem;letter-spacing:0}
 .day-intro h2{font-size:clamp(3rem,12vw,4.5rem)}
 .day-intro .body-copy{font-size:1.125rem;line-height:1.5;margin-top:1.1rem;max-width:27rem}
 .day-intro .body-copy br{display:none}
 .day-breath{min-height:7rem}
 .day-plate,.day-plate img{object-position:40% 50%}
 .day-caption{align-self:flex-start;text-align:left;margin:0}
 #time-output{font-size:clamp(2.8rem,11.5vw,4.8rem)}
 #day-mood{font-size:1.125rem;min-height:3.2em;max-width:23rem;margin-top:.5rem}
 .day-bottom{display:block;padding-top:1rem}
 .day-bottom>p:first-child{display:none}
 .day-note{font-size:1rem;text-align:left;max-width:none}
 .day-stage:after{background:linear-gradient(180deg,#041f33f2 0%,#041f33dc 17%,#041f3370 38%,#041f3308 51%,#041f3399 66%,#041f33f5 100%)}
}
@media(max-height:760px) and (min-width:701px){
 .day-stage{padding-block:2rem 1.4rem;gap:1rem}
 .day-intro h2{font-size:clamp(3.1rem,6vw,4.8rem)}
 .day-breath{min-height:5rem}
 #time-output{font-size:clamp(3rem,6vw,5rem)}
}
@media(prefers-reduced-motion:reduce){.day-visual{transform:none!important}}