/* 365 dots / native scroll story. All dimensions belong to the hero only. */
.hero-story{height:calc(100svh + 3500px);min-height:0;position:relative;isolation:isolate;background:#fff}
.hero-stage{position:sticky;top:76px;width:100%;height:calc(100svh - 96px);min-height:560px;overflow:hidden;background:#fff;color:#1e3660;isolation:isolate}
#hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero-meta{position:absolute;top:28px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;letter-spacing:.065em;z-index:4}
.hero-meta>span:first-child{display:flex;align-items:center;gap:9px}.hero-meta i{width:8px;height:8px;background:#fcd83c;border-radius:50%}.hero-year{display:flex;gap:14px;align-items:center}.hero-year>b{font-size:22px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.hero-year>span{font-weight:400;letter-spacing:-.02em}
.hero-intro{position:absolute;left:50%;top:10%;width:calc(100% - 40px);text-align:center;transform:translateX(-50%);z-index:2;will-change:transform,opacity;pointer-events:none}
.hero-intro h1{font-size:clamp(48px,4.6vw,72px);letter-spacing:-.06em;line-height:1.2}.hero-intro h1>span{position:relative;isolation:isolate;white-space:nowrap}.hero-intro h1>span:after{content:'';position:absolute;left:-5px;right:-5px;bottom:3px;height:24%;background:#fcd83c;z-index:-1;transform:rotate(-2deg)}.hero-intro p{font-size:17px;margin-top:17px;line-height:1.7;color:#596576}
.hero-side-note{position:absolute;left:5%;top:58%;display:flex;flex-direction:column;gap:16px;font-size:14px;line-height:1.8;z-index:2;pointer-events:none}.hero-note-line{width:36px;height:2px;background:#1e3660}
.hero-calendar-copy{position:absolute;left:0;right:0;top:12%;text-align:center;opacity:0;pointer-events:none;z-index:2;will-change:transform,opacity}.hero-calendar-copy>span{font-size:18px}.hero-calendar-copy h2{font-size:clamp(38px,4vw,58px);margin-top:10px;letter-spacing:-.05em}
.hero-focus{position:absolute;top:26%;left:7%;z-index:3;pointer-events:none;opacity:0;will-change:transform,opacity;max-width:62%;color:#1e3660}.hero-focus-kicker{font-size:15px;font-weight:bold;letter-spacing:.1em}.hero-focus-date{font-family:Arial,sans-serif;font-weight:900;font-size:clamp(130px,18vw,270px);letter-spacing:-.075em;font-variant-numeric:tabular-nums;line-height:1.1;margin-top:16px;white-space:nowrap}.hero-focus h2{font-size:clamp(32px,3.5vw,52px);line-height:1.4;margin-top:5px;letter-spacing:-.04em}.hero-focus-line{position:absolute;left:7%;bottom:22%;max-width:54%;z-index:3;font-size:22px;line-height:1.8;font-weight:700;opacity:0;pointer-events:none;will-change:transform,opacity;text-wrap:balance}
.hero-cast{position:absolute;inset:0;pointer-events:none;z-index:2}.hero-person{position:absolute;left:0;top:0;width:130px;height:145px;transform-origin:center;will-change:transform,opacity}.hero-person:before{content:'';position:absolute;inset:17% 3% 1%;background:white;border-radius:50%;opacity:var(--halo,0);transform:scale(1.25)}.hero-person img{position:relative;width:100%;height:100%;object-fit:contain}.hero-person .cast-date{position:absolute;left:50%;top:100%;transform:translateX(-50%);font-size:16px;white-space:nowrap;font-weight:bold;line-height:1.5;opacity:var(--date-opacity,0)}
.hero-today{position:absolute;bottom:155px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;white-space:nowrap;opacity:0;pointer-events:none}.hero-today i{width:8px;height:8px;border-radius:50%;background:#fcd83c;box-shadow:0 0 0 4px #fcd83c30}.hero-today span{margin-left:15px;font-size:15px}
.hero-controls{position:absolute;bottom:0;left:4%;right:4%;z-index:5;padding-bottom:20px}.hero-scene-nav{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #1e36604d;border-bottom:1px solid #1e366026;gap:0}.hero-scene-link{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;min-height:64px;padding:10px 15px;transition:background .2s,color .2s}.hero-scene-link+.hero-scene-link{border-left:1px solid #1e366026}.hero-scene-link:before{content:'';width:8px;height:8px;background:var(--day-color);flex-shrink:0;border:1px solid #1e366030;border-radius:50%}.hero-scene-link strong{font-family:Arial,sans-serif;font-size:26px;letter-spacing:-.065em;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}.hero-scene-link>span{font-size:14px;white-space:nowrap}.hero-scene-link:hover,.hero-scene-link[aria-current="step"]{background:#fff;color:#1e3660}.hero-scene-link[aria-current="step"]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#1e3660}.hero-scene-link:focus-visible{outline-offset:-4px}
.hero-scroll-cue{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding-top:18px;gap:20px;min-height:60px}.hero-scroll-cue>span:first-child{display:flex;align-items:center;gap:12px}.hero-scroll-cue i{font-size:22px;font-style:normal}.hero-scroll-cue a{min-height:48px;display:flex;align-items:center;gap:14px;font-size:14px}.hero-counter{font-family:Arial,sans-serif;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.03em}.hero-counter b{font-size:20px;font-weight:bold}.hero-reading-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#e3e7ed}.hero-reading-track>i{display:block;width:100%;height:100%;background:#1e3660;transform:scaleX(0);transform-origin:left;will-change:transform}
@media(max-width:1100px){.hero-scene-link{padding:10px 9px;gap:9px}.hero-scene-link strong{font-size:24px}.hero-side-note{left:4%;max-width:145px}.hero-meta{left:4%;right:4%}.hero-focus-date{font-size:18vw}.hero-person{width:115px;height:135px}.hero-focus-line{font-size:20px}.hero-scene-link:before{display:none}}
@media(max-height:780px) and (min-width:721px){.hero-stage{min-height:560px}.hero-meta{top:18px}.hero-intro{top:11%}.hero-intro h1{font-size:48px}.hero-intro p{font-size:16px;margin-top:10px}.hero-person{width:105px;height:115px}.hero-side-note{top:51%;font-size:14px}.hero-controls{padding-bottom:9px}.hero-scene-link{min-height:52px}.hero-scroll-cue{padding-top:6px;min-height:48px}.hero-focus{top:22%}.hero-focus-date{font-size:170px;margin-top:8px}.hero-focus h2{font-size:38px}.hero-focus-line{bottom:22%;font-size:19px}.hero-today{bottom:121px}.hero-calendar-copy{top:10%}.hero-calendar-copy h2{font-size:41px}.hero-calendar-copy>span{font-size:16px}}
@media(max-width:720px){.hero-story{height:calc(100svh + 2400px)}.hero-stage{top:72px;height:calc(100svh - 72px);min-height:640px}.hero-meta{top:22px;left:20px;right:20px;font-size:14px;letter-spacing:0}.hero-meta>span:first-child{font-size:14px;letter-spacing:.02em}.hero-year>span{display:none}.hero-year>b{font-size:19px}.hero-intro{top:13%;width:calc(100% - 32px)}.hero-intro h1{font-size:clamp(33px,9.6vw,48px);line-height:1.25;letter-spacing:-.06em}.hero-intro p{font-size:16px;margin-top:16px}.hero-side-note{display:none}.hero-person{width:75px;height:88px}.hero-person .cast-date{font-size:14px}.hero-calendar-copy{top:14%;padding:0 20px}.hero-calendar-copy>span{font-size:17px}.hero-calendar-copy h2{font-size:30px;line-height:1.4;margin-top:10px}.hero-focus{top:17%;left:20px;right:20px;max-width:none;text-align:center}.hero-focus-kicker{font-size:14px}.hero-focus-date{font-size:clamp(85px,27vw,130px);margin-top:10px;line-height:1.15}.hero-focus h2{font-size:29px;line-height:1.4;margin-top:5px}.hero-focus-line{left:28px;right:28px;bottom:23%;max-width:none;text-align:center;font-size:16px;line-height:1.8;min-height:30px}.hero-today{bottom:174px;gap:8px;flex-wrap:wrap;white-space:normal;width:calc(100% - 40px)}.hero-today span{width:100%;text-align:center;font-size:15px;margin-left:0}.hero-controls{left:20px;right:20px;padding-bottom:13px}.hero-scene-link{display:flex;flex-direction:column;gap:6px;justify-content:flex-start;min-height:88px;padding:12px 4px 9px}.hero-scene-link strong{font-size:22px;letter-spacing:-.08em}.hero-scene-link>span{font-size:14px;line-height:1.4;white-space:normal;text-align:center}.hero-scene-link:before{display:none}.hero-scroll-cue{gap:6px;min-height:55px;padding-top:5px}.hero-scroll-cue>span:first-child{gap:6px}.hero-scroll-cue>span:first-child>span{font-size:14px;max-width:215px}.hero-scroll-cue i{font-size:20px}.hero-scroll-cue a{display:none}.hero-counter{font-size:14px;white-space:nowrap}.hero-counter b{font-size:18px}}
.hero-focus{top:22%}.hero-focus-date{line-height:1}.hero-focus-line{top:calc(22% + clamp(130px,18vw,270px) + 125px);bottom:auto}
@media(max-height:780px) and (min-width:721px){.hero-focus-line{top:calc(22% + 274px)}}
@media(max-width:720px){.hero-focus{top:17%}.hero-focus-date{line-height:1.15}.hero-focus-line{top:auto;bottom:23%}}
@media(prefers-reduced-motion:reduce){.hero-story{height:auto!important}.hero-stage{position:relative;top:0;min-height:700px}.hero-scroll-cue>span:first-child{visibility:hidden}.hero-reading-track{display:none}.hero-person{will-change:auto}.hero-focus,.hero-focus-line{display:none}.hero-intro{opacity:1!important;transform:translateX(-50%)!important}}