header{position:sticky;top:0;z-index:20}.milestones{padding:35px 4% 80px}.milestone-grid{max-width:1120px;gap:22px}.milestone{max-width:290px;border-radius:32px;padding:23px 18px 19px}.card-number{font-size:50px}.milestone:first-child .card-number{font-size:39px}.milestone h2{font-size:24px}.milestone p{font-size:13px;min-height:72px;padding-top:17px}.life-story{position:relative;background:#000;isolation:isolate;padding:70px 4% 90px;overflow:clip}.story-cloud{position:absolute;z-index:-1;inset:-80px -8% -180px 43%;background:linear-gradient(100deg,#001f48b0,#007cacbb),url('assets/17.webp') center/cover;mask-image:radial-gradient(ellipse at 55% 48%,#000 20%,#000b 42%,transparent 71%);transform:translateY(var(--cloud-shift,0px));will-change:transform}.story-layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start}.story-writing p{font-size:clamp(18px,1.8vw,26px);line-height:1.5;margin:0 0 36px}.story-writing .story-lead{font-size:clamp(27px,2.65vw,39px);line-height:1.23;letter-spacing:-.025em;margin-bottom:38px}.story-lead strong{font-weight:750}.story-lead span{color:#459cff}.recovery-visual{position:sticky;top:140px;margin-top:90px;height:540px;background:#071320;overflow:hidden}.recovery-visual img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;transition:opacity 1.8s ease}.recovery-two{opacity:0}.recovery-visual.second .recovery-one{opacity:0}.recovery-visual.second .recovery-two{opacity:1}.beyond-section{position:relative;background:#000;overflow:hidden;padding-top:30px}.beyond-title{position:relative;z-index:2;text-align:center;padding:45px 24px 0}.beyond-title p{font-size:clamp(25px,3vw,45px);margin:0 0 15px;letter-spacing:-.025em}.beyond-title h2{font-size:clamp(70px,11.7vw,180px);line-height:1;letter-spacing:-.035em;margin:0;font-weight:750}.olympic-scene{position:relative;margin-top:-20px;height:clamp(550px,62vw,940px);overflow:hidden}.olympic-scene>img{width:100%;height:100%;object-fit:cover;object-position:center 60%;mask-image:linear-gradient(transparent,#000 15%,#000 94%,#000d);transform:scale(1.035) translateY(var(--race-shift,0px));will-change:transform}.race-marker{position:absolute;bottom:10%;right:5%;display:flex;gap:17px;align-items:center;color:#080b10;background:#ffffffd9;padding:0 22px 0 10px}.race-marker>span{color:#e72032;font-size:130px;font-family:Arial,sans-serif;font-weight:900;line-height:1}.race-marker strong{font-size:clamp(19px,2.7vw,40px);letter-spacing:-.035em}.animated .story-reveal{opacity:0;translate:0 24px;transition:opacity 1.8s ease,translate 1.8s ease}.animated .story-reveal.shown{opacity:1;translate:0 0}@media(max-width:900px){.recovery-visual{height:450px}.story-layout{gap:4%}.milestone{max-width:270px}.story-writing .story-lead{font-size:29px}.story-writing p{font-size:20px}}@media(max-width:700px){.milestones{padding:20px 22px 50px}.milestone{max-width:285px;flex-basis:100%;padding:23px 18px}.milestone h2{font-size:24px}.milestone p{font-size:13px}.life-story{padding:35px 22px 35px}.story-layout{grid-template-columns:1fr;gap:20px}.story-writing .story-lead{font-size:28px}.story-writing p{font-size:18px}.story-cloud{inset:20% -40% -120px -20%}.recovery-visual{position:relative;top:auto;margin-top:0;height:450px}.beyond-title{padding:45px 22px 0}.beyond-title p{font-size:24px}.beyond-title h2{font-size:clamp(48px,12vw,84px)}.olympic-scene{height:590px;margin-top:5px}.olympic-scene>img{object-position:64% center}.race-marker{right:14px;left:14px;bottom:7%;gap:12px;padding:0 10px}.race-marker>span{font-size:80px}.race-marker strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.animated .story-reveal{opacity:1;translate:none;transition:none}.recovery-visual img{transition:none}.olympic-scene>img,.story-cloud{transform:none}}
/* Continuous cloud, unboxed photographs and a layered Olympic reveal. */
.story-cloud{inset:-100px -12% -180px 38%;background:url('assets/story-cloud.png') center/100% 100% no-repeat;mask-image:radial-gradient(ellipse,#000 35%,transparent 74%);opacity:.8}
.recovery-visual{background:none;overflow:visible}
.recovery-visual img{opacity:0;filter:drop-shadow(0 16px 28px #0005)}
.recovery-visual img.active{opacity:1}
.beyond-section:before{content:"";position:absolute;inset:0 -10% 0 45%;background:url('assets/story-cloud.png') center/cover;opacity:.6;mask-image:radial-gradient(ellipse,#000 20%,transparent 70%);transform:translateY(var(--beyond-cloud-shift,0px))}
.beyond-title{padding-top:50px}
.beyond-title p{font-weight:650}
.beyond-title p:after{content:"";display:block;width:190px;height:5px;border-radius:50%;background:#ee2236;margin:12px auto 20px;transform:rotate(-2deg)}
.olympic-scene{margin-top:-70px;height:auto;aspect-ratio:1.5;overflow:visible}
.olympic-scene>img{display:block;width:100%;height:auto;object-fit:initial;mask-image:linear-gradient(#000 85%,transparent 100%);clip-path:polygon(0 25%,4% 23%,8% 22%,12% 18%,16% 16%,20% 17%,25% 14%,29% 11%,33% 9%,37% 7%,40% 5%,43% 7%,46% 6%,50% 6%,55% 6%,59% 8%,63% 7%,67% 9%,71% 11%,76% 13%,80% 15%,85% 17%,90% 20%,95% 22%,100% 25%,100% 100%,0 100%);transform:none}
.race-marker{background:none;bottom:7%;right:5%;padding:0;text-shadow:0 1px 12px #fff9}
.race-marker>span{font-size:clamp(75px,10vw,145px)}
.animated .beyond-title p,.animated .beyond-title h2{opacity:0;transform:translateY(18px);transition:opacity 1.9s ease,transform 1.9s ease}
.animated .beyond-section.revealed .beyond-title p,.animated .beyond-section.revealed .beyond-title h2{opacity:1;transform:none}
.animated .beyond-title h2{transition-delay:1.1s}
.animated .olympic-scene{opacity:0;transform:translateY(42px);transition:opacity 2.2s ease 1.1s,transform 2.6s cubic-bezier(.2,.65,.3,1) 1.1s}
.animated .beyond-section.revealed .olympic-scene{opacity:1;transform:translateY(0)}
@media(max-width:700px){.story-cloud{inset:25% -35% -100px -25%}.olympic-scene{width:155%;margin-left:-40%;margin-top:-5px;aspect-ratio:1.5}.race-marker{left:auto;right:3%;bottom:8%;gap:5px}.race-marker strong{font-size:18px}.race-marker>span{font-size:60px}.beyond-title p:after{width:135px}.beyond-section:before{inset:0 -35% 0 10%}}
@media(prefers-reduced-motion:reduce){.animated .beyond-title p,.animated .beyond-title h2,.animated .olympic-scene{opacity:1;transform:none;transition:none}.story-cloud,.beyond-section:before{transform:none}}
.olympic-scene>img{clip-path:polygon(0 28%,4% 26%,8% 25%,12% 21%,16% 19%,20% 20%,25% 17%,29% 14%,33% 12%,37% 10%,40% 8%,43% 10%,46% 9%,50% 9%,55% 9%,59% 11%,63% 10%,67% 12%,71% 14%,76% 16%,80% 18%,85% 20%,90% 23%,95% 25%,100% 28%,100% 100%,0 100%)}
@media(max-width:700px){.race-marker{right:12%;gap:4px}.race-marker strong{font-size:16px;white-space:nowrap}.race-marker>span{font-size:48px}}
/* Keep the complete closing composition inside the usable viewport. */
.beyond-section{height:calc(100svh - var(--site-header-height,94px));min-height:0;padding:12px 0;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
.beyond-title{flex:none;padding:0 20px 8px}
.beyond-title p{font-size:clamp(18px,3.8vh,38px);line-height:1.15;margin:0}
.beyond-title p:after{height:4px;margin:8px auto 10px}
.beyond-title h2{font-size:clamp(36px,min(10vw,11vh),112px);line-height:1}
.olympic-scene{flex:none;width:min(100%,calc(var(--scene-max-height,450px)*1.5));height:auto;aspect-ratio:1.5;margin:0 auto;max-width:100%;overflow:visible}
.olympic-scene>img{width:100%;height:auto;object-position:center;object-fit:contain}
.race-marker{left:auto;right:4%;bottom:6%;gap:8px}
.race-marker strong{font-size:clamp(12px,2vw,26px);white-space:nowrap}
.race-marker>span{font-size:clamp(35px,6vh,72px)}
@media(max-width:700px){.beyond-title p{font-size:clamp(18px,5vw,25px)}.beyond-title h2{font-size:clamp(36px,11vw,72px)}.race-marker strong{font-size:clamp(11px,3.2vw,18px)}}
.beyond-section{scroll-margin-top:var(--site-header-height,94px)}
/* Softer, wider race composition and offset heading. */
.beyond-title{width:min(100%,1000px);margin:0 auto;text-align:left;box-sizing:border-box;padding-inline:5%}
.beyond-title p{font-size:clamp(18px,2.5vw,32px)}
.beyond-title p:after{display:none}
.beyond-title h2{margin-left:22%;font-size:clamp(34px,min(8vw,10vh),100px);white-space:nowrap;position:relative;width:max-content;max-width:78%}
.beyond-title h2:after{content:"";position:absolute;width:clamp(35px,7vw,95px);height:5px;background:#ed233e;left:calc(100% + 14px);top:65%;border-radius:50%;transform:rotate(-7deg)}
.olympic-scene{width:min(100%,calc(var(--scene-max-height,450px)*1.9));aspect-ratio:1.9;overflow:hidden}
.olympic-scene>img{height:100%;width:100%;object-fit:cover;object-position:center 65%;clip-path:none;mask-image:linear-gradient(transparent 0%,#000 19%,#000 86%,transparent 100%);transform:none}
.olympic-scene{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
@media(max-width:700px){.beyond-title{padding-inline:18px}.beyond-title p{font-size:17px}.beyond-title h2{margin-left:15%;font-size:clamp(32px,9vw,60px)}.beyond-title h2:after{width:28px;left:calc(100% + 8px);height:3px}}
