/* Desktop story component: native scrolling, lazy photos and optional enhancement. */
.day-story[hidden]{display:none!important}
.day-story{display:none}
@media(min-width:1101px){.js-ready:not(.story-unavailable) .day-story{display:block}}
.day-story{--day-one:0;--day-two:0;--day-zero-copy:1;--day-one-copy:1;--day-scale-zero:1.045;--day-scale-one:1.045;--day-scale-two:1.045;background:var(--paper);overflow:clip}
.day-story-track{height:220svh;position:relative}
.day-story-stage{height:100svh;min-height:520px;position:sticky;top:0;isolation:isolate;background:#142128;color:#fff;overflow:hidden}
.day-story-scenes,.day-scene,.day-scene picture,.day-scene img{position:absolute;inset:0;width:100%;height:100%}
.day-scene{margin:0;pointer-events:none;will-change:opacity}
.day-scene picture{overflow:hidden}
.day-scene img{object-fit:cover;object-position:50% 50%;will-change:transform}
.day-scene[data-day-scene="0"] img{object-position:50% 40%;transform:scale(var(--day-scale-zero))}
.day-scene[data-day-scene="1"]{opacity:var(--day-one)}
.day-scene[data-day-scene="1"] img{object-position:50% 40%;transform:scale(var(--day-scale-one))}
.day-scene[data-day-scene="2"]{opacity:var(--day-two)}
.day-scene[data-day-scene="2"] img{object-position:50% 47%;transform:scale(var(--day-scale-two))}
.day-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,22,.67),rgba(6,17,22,.15) 62%,rgba(6,17,22,.06)),linear-gradient(0deg,rgba(6,17,22,.52),transparent 52%);pointer-events:none}
.day-scene figcaption{position:absolute;z-index:2;left:max(6vw,40px);bottom:20%;max-width:650px;padding-right:24px;color:#fff}
.day-scene[data-day-scene="0"] figcaption{opacity:var(--day-zero-copy)}
.day-scene[data-day-scene="1"] figcaption{opacity:var(--day-one-copy)}
.day-scene .day-scene-number{display:flex;align-items:center;gap:20px;font:12px/1.5 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.85);margin:0 0 24px}
.day-scene-number span{border-left:1px solid rgba(255,255,255,.4);padding-left:20px}
.day-scene h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,7.2vw,116px);font-weight:400;line-height:1;letter-spacing:-.055em;color:#fff;margin:0 0 24px}
.day-scene figcaption>p:last-child{font-size:clamp(16px,1.5vw,22px);line-height:1.6;color:rgba(255,255,255,.9);margin:0}
.day-story-credit{position:absolute;z-index:4;bottom:45px;left:max(6vw,40px);font:12px/1.5 Arial,sans-serif;letter-spacing:.06em;color:rgba(255,255,255,.8);margin:0}
.day-story-credit span{padding:0 10px}
.day-story-controls{position:absolute;z-index:5;right:max(6vw,40px);bottom:32px;display:flex;align-items:center;gap:8px}
.day-story-controls>[data-day-count]{font:11px/1 Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.1em;margin-right:18px;color:rgba(255,255,255,.85)}
.day-story-controls button{border:0;background:transparent;padding:18px 5px;min-width:48px;min-height:48px;cursor:pointer;border-radius:0;color:#fff}
.day-story-controls button span{display:block;height:2px;width:38px;background:rgba(255,255,255,.35);transition:background .2s}
.day-story-controls button[aria-current=step] span{background:#fff}
.day-story-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.day-story-scroll{position:absolute;z-index:4;top:18%;left:max(6vw,40px);font:11px/1.6 Arial,sans-serif;letter-spacing:.08em;color:rgba(255,255,255,.8);margin:0}
.day-story-scroll span{display:inline-block;margin-left:12px}
.day-story-grain{position:absolute;z-index:3;inset:0;pointer-events:none;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
/* Logo return: remove the long sticky runway while keeping one ordinary image. */
.day-story.is-returning .day-story-track{height:100svh;min-height:520px}
.day-story.is-returning .day-story-stage{position:relative}
/* All three moments remain available as ordinary photographs with reduced motion. */
.day-story.is-static .day-story-track{height:auto}
.day-story.is-static .day-story-stage{height:auto;position:relative;min-height:0}
.day-story.is-static .day-story-scenes{position:relative}
.day-story.is-static .day-scene{position:relative;height:80svh;min-height:520px;opacity:1}
.day-story.is-static .day-scene figcaption{opacity:1}
.day-story.is-static .day-scene img{transform:none;will-change:auto}
.day-story.is-static .day-story-controls,.day-story.is-static .day-story-scroll,.day-story.is-static .day-story-credit{display:none}
@media(max-width:1100px){.day-story{display:none!important}}

/* Stable crossfades and direct selection. */
.day-scene{transition:opacity 420ms cubic-bezier(.22,.61,.36,1)}
.day-scene figcaption{transition:opacity 260ms ease}
.day-story-controls>[data-day-count]{display:none}
.day-story-controls button{display:grid;justify-items:center;gap:10px;padding:10px 6px;min-width:56px;opacity:.65;transition:opacity .2s}
.day-story-controls button:hover,.day-story-controls button[aria-current=step],.day-story-controls button:focus-visible{opacity:1}
.day-story-controls button .day-control-number{width:auto;height:auto;background:transparent;font:12px/1.2 Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.1em}
.day-story-controls button[aria-current=step] .day-control-number{background:transparent}
.day-story-controls button .day-control-line{width:42px}
.day-story.is-returning .day-scene,.day-story.is-static .day-scene,.day-story.is-static .day-scene figcaption{transition:none}

@media(min-width:1101px) and (prefers-reduced-motion:reduce){
 .day-story-track{height:max(240svh,1560px)}
 .day-story.is-static .day-story-track{min-height:max(240svh,1560px)}
}