/* Native document scrolling drives a centered, sticky story. No wheel interception. */
.landing-story{position:relative;isolation:isolate;--story-progress:0}.story-marker{position:absolute;width:1px;height:1px;pointer-events:none;scroll-margin-top:var(--landing-header-height,82px)}
.story-stage{padding:35px 24px;text-align:center;position:relative;background:radial-gradient(ellipse at 65% 48%,#e1f1ffbb,transparent 62%),radial-gradient(ellipse at 20% 80%,#eff8ff,transparent 55%),#fff}
.story-copy{position:relative;margin-inline:auto;width:min(750px,100%)}.story-chapter{padding:18px 0}.story-chapter h1,.story-chapter h2{font:550 clamp(34px,4.4vw,61px)/1.08 var(--font);letter-spacing:-.055em;margin:15px 0}.story-chapter h1 span,.story-chapter h2 span{background:linear-gradient(110deg,#112532,#428dc2);color:transparent;background-clip:text}.story-chapter p{font:13px/1.8 var(--font);color:var(--ink-2);max-width:490px;margin:auto}
.story-visual{position:relative;height:410px;max-width:880px;width:100%;margin:auto;isolation:isolate}.story-dey{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;width:auto;aspect-ratio:2/3;background:none;padding:0;border:0;z-index:5;border-radius:45%;cursor:pointer}.story-dey img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 24px #4289b512)}.story-dey:focus-visible{outline-offset:4px}
.story-halo{position:absolute;left:50%;top:50%;width:420px;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #bddcef55;border-radius:50%;z-index:-1;background:radial-gradient(circle,#d1eaff88,transparent 66%)}.story-halo i{position:absolute;inset:35px;border:1px solid #a3cce855;border-left-color:transparent;border-top-color:#72b8e077;border-radius:50%}.story-halo i:nth-child(2){inset:70px;border-right-color:transparent;border-top-color:#a3cce855;border-bottom-color:#72b8e077}.story-halo i:nth-child(3){inset:-35px;border-style:dashed;border-color:#c7e1f055}
.story-layer{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;z-index:6}.story-layer.active{opacity:1;visibility:visible}.story-welcome{position:absolute;top:42%;font:400 15px/1.7 var(--font);color:var(--ink-2);text-align:left}.story-welcome b{font-weight:550;color:var(--ink)}.welcome-left{left:13%}.welcome-right{right:10%;text-align:right}
.story-photo{position:absolute;width:155px;margin:0;padding:8px;background:#fff;border:1px solid #d6e4ee;border-radius:12px;box-shadow:0 12px 30px #266ca418;transform:rotate(-8deg);text-align:left}.story-photo img{width:100%;height:160px;object-fit:cover;border-radius:6px}.story-photo figcaption{font:500 10px var(--font);padding:12px 3px 5px;color:var(--ink-2)}.photo-one{left:11%;top:8%}.photo-two{right:10%;top:26%;transform:rotate(8deg)}
.story-fact{position:absolute;right:13%;bottom:4%;text-align:left;border:1px solid #c9e2f4;border-radius:14px;padding:14px 17px;background:#fffffff2;color:var(--accent);font-size:18px;box-shadow:0 8px 25px #266ca40d}.story-fact b{font:550 11px var(--font);color:var(--ink);margin-left:7px}.story-fact small{display:block;font:10px var(--font);color:var(--ink-2);margin:6px 0 0 27px}
.story-brand-card{position:absolute;left:9%;top:16%;text-align:left;border:1px solid #d6e5ef;border-radius:16px;background:linear-gradient(130deg,#fff,#eff8ff);padding:24px;width:200px;box-shadow:0 15px 30px #266ca415;transform:rotate(-5deg)}.story-brand-card small,.story-calendar>small{font:500 8px var(--font);letter-spacing:1.3px;color:var(--ink-2)}.story-brand-card strong,.story-calendar>strong{display:block;font:550 23px var(--font);letter-spacing:-.7px;margin:14px 0}.story-palette{display:flex;gap:8px;margin-bottom:16px}.story-palette i{width:34px;height:34px;border-radius:50%;border:1px solid #d7e7f1;background:#fff}.story-palette i:nth-child(2){background:#bbe3ff}.story-palette i:nth-child(3){background:#102432}.story-brand-card>span{font:10px var(--font);color:var(--ink-2)}.story-type{position:absolute;right:12%;top:25%;font:550 74px/1 var(--font);letter-spacing:-5px;color:#295b7b}.story-type>span{display:block;font:11px var(--font);letter-spacing:0;margin-top:12px;color:var(--ink-2)}
.story-review-card{position:absolute;right:8%;top:22%;background:#fff;border:1px solid #d4e7f4;border-radius:16px;padding:22px;width:210px;text-align:left;box-shadow:0 15px 35px #266ca415;transform:rotate(4deg)}.story-check{display:grid;place-items:center;width:32px;height:32px;background:#eaf6ff;color:#26688c;border-radius:50%;margin-bottom:13px}.story-review-card>strong{display:block;font:550 16px var(--font)}.story-review-card>small{display:block;font:10px var(--font);color:var(--ink-2);margin:9px 0 17px}.story-review-choice{display:block;padding:10px 12px;background:linear-gradient(100deg,#eef8ff,#bee4ff);border-radius:8px;font:550 11px var(--font)}.story-review-choice b{float:right}.story-review-alternative{display:block;font:9px var(--font);margin-top:10px;color:var(--ink-2)}
.story-calendar{position:absolute;left:7%;top:16%;padding:22px;border:1px solid #cde3f1;border-radius:16px;background:linear-gradient(130deg,#fff,#f4faff);width:250px;box-shadow:0 15px 30px #266ca414;text-align:left;transform:rotate(-5deg)}.story-calendar>strong{font-size:21px;margin:12px 0 17px}.story-calendar>div{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.story-calendar div>span{font:8px var(--font);text-align:center;color:var(--ink-3);margin-bottom:6px}.story-calendar b{font:500 9px var(--font);border-radius:6px;border:1px solid #dbe7f0;padding:8px 0;text-align:center}.story-calendar .planned{background:#d6eeff;border-color:#b6ddf5;color:#155981}
.story-footer{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:13px;margin-top:20px}.story-chapters{display:flex;gap:8px}.story-chapters button{width:37px;height:32px;border:1px solid transparent;border-radius:20px;background:none;color:var(--ink-3);font:500 9px var(--font)}.story-chapters button[aria-current]{background:#e9f6ff;border-color:#c5e2f5;color:#1b5c88}.story-actions{display:flex;gap:22px;align-items:center;justify-content:center}.story-continue{font:500 11px var(--font);background:none;border:0;color:var(--ink-2);padding:10px 0;min-height:44px}.story-continue span{margin-left:9px}.story-footer>small{font:8px/1.5 var(--font);color:var(--ink-3)}
/* Enhanced only after JS is ready. Without JS the text remains a readable document. */
.story-enhanced{height:450svh}.story-enhanced .story-stage{position:sticky;top:var(--landing-header-height,82px);height:calc(100svh - var(--landing-header-height,82px));display:grid;grid-template-rows:200px minmax(0,1fr) 120px;gap:10px;padding:24px 20px 16px;overflow:clip}
.story-enhanced .story-chapter{position:absolute;inset:0;opacity:0;transform:translateY(24px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.65,.3,1);pointer-events:none;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.story-enhanced .story-chapter.active{opacity:1;transform:none;pointer-events:auto}.story-enhanced .story-copy{height:100%}.story-enhanced .story-visual{height:100%;max-height:490px}.story-enhanced .story-dey{max-height:440px}.story-enhanced .story-footer{margin:0;justify-content:end}.story-enhanced .story-halo{width:min(460px,47vh);transform:translate(-50%,-50%) rotate(calc(var(--story-progress) * 100deg)) scale(calc(.95 + var(--story-progress) * .08))}.story-enhanced .story-layer{transition:opacity .5s,visibility .5s,transform .7s cubic-bezier(.2,.65,.3,1);transform:translateY(25px) scale(.9)}.story-enhanced .story-layer.active{transform:translateY(0) scale(1)}
.landing-story-visible .dey-companion:not(.dey-open){display:none}
@media(max-width:760px){
 .story-enhanced{height:330svh}.story-enhanced .story-stage{grid-template-rows:175px minmax(0,1fr) 105px;padding:15px 12px 12px;gap:8px}.story-chapter h1,.story-chapter h2{font-size:clamp(28px,7.9vw,36px);letter-spacing:-1.5px;margin:12px 0}.story-chapter p{font-size:11px;line-height:1.7;max-width:310px}.story-copy .landing-pill{font-size:9px;padding:7px 11px}.story-copy .landing-eyebrow{font-size:8px;letter-spacing:1px}.story-enhanced .story-visual{max-height:330px}.story-enhanced .story-dey{max-height:300px;width:auto;aspect-ratio:2/3}.story-enhanced .story-halo{width:min(280px,72vw)}.story-welcome{font-size:10px}.welcome-left{left:1%;top:20%}.welcome-right{right:1%;top:75%}.story-photo{width:94px;padding:5px;border-radius:9px}.story-photo img{height:91px}.story-photo figcaption{font-size:8px;padding:8px 1px 4px;line-height:1.4}.photo-one{left:0;top:6%}.photo-two{right:0;top:40%}.story-fact{right:1%;bottom:0;padding:10px 12px;font-size:13px;border-radius:11px}.story-fact b{font-size:9px;margin-left:4px}.story-fact small{font-size:8px;margin-left:19px}.story-brand-card{left:0;top:3%;width:126px;padding:14px;border-radius:12px}.story-brand-card small{font-size:6px;letter-spacing:1px}.story-brand-card strong{font-size:16px;margin:10px 0}.story-palette{gap:5px;margin-bottom:9px}.story-palette i{width:22px;height:22px}.story-brand-card>span{font-size:8px}.story-type{right:1%;top:40%;font-size:45px;letter-spacing:-3px}.story-type>span{font-size:8px;letter-spacing:0}.story-review-card{right:0;top:32%;padding:13px;width:127px;border-radius:12px}.story-check{width:25px;height:25px;font-size:11px;margin-bottom:10px}.story-review-card>strong{font-size:11px}.story-review-card>small{font-size:8px;line-height:1.5;margin:7px 0 10px}.story-review-choice{font-size:8px;padding:8px}.story-review-alternative{font-size:7px;line-height:1.4}.story-calendar{left:0;top:8%;width:157px;padding:13px;border-radius:12px}.story-calendar>small{font-size:6px}.story-calendar>strong{font-size:15px;margin:10px 0 13px}.story-calendar>div{gap:3px}.story-calendar div>span{font-size:6px}.story-calendar b{font-size:7px;padding:6px 0;border-radius:4px}.story-footer{gap:7px}.story-chapters{gap:4px}.story-chapters button{width:35px;height:32px}.story-actions{gap:15px}.story-actions .landing-button{font-size:10px;padding:12px 15px;min-height:42px}.story-continue{font-size:10px}.story-footer>small{font-size:7px}
}
@media(max-height:690px) and (min-width:761px){.story-enhanced .story-stage{grid-template-rows:165px minmax(0,1fr) 88px;padding:12px 20px;gap:6px}.story-chapter h1,.story-chapter h2{font-size:38px;margin:10px 0}.story-chapter p{font-size:11px}.story-visual{max-width:730px}.story-footer{gap:4px}.story-actions .landing-button{min-height:40px;padding:12px 18px}.story-photo{width:115px}.story-photo img{height:115px}.story-brand-card{width:165px;padding:16px}.story-review-card{width:170px;padding:15px}.story-calendar{width:190px;padding:15px}.story-welcome{font-size:12px}}
@media(max-height:720px) and (max-width:760px){.story-enhanced .story-stage{grid-template-rows:155px minmax(0,1fr) 94px;padding:10px 12px;gap:4px}.story-chapter h1,.story-chapter h2{font-size:28px;margin:9px 0}.story-chapter p{font-size:10px;max-width:290px}.story-footer{gap:4px}.story-photo{width:80px}.story-photo img{height:77px}.story-brand-card{width:110px;padding:11px}.story-review-card{width:112px;padding:10px}.story-calendar{width:138px;padding:10px}}
@media(prefers-reduced-motion:reduce){.story-stage{padding:20px 18px}.story-chapter{position:static;opacity:1;transform:none;transition:none;padding:25px 0}.story-visual{height:300px}.story-layer{transition:none}.story-marker{position:relative;display:block;top:auto!important}.story-chapters,.story-continue{display:none}.story-footer>small{font-size:9px}}

.story-chapters button{width:44px;height:44px}.story-footer{gap:7px}.story-actions .landing-button{min-height:44px}
@media(max-width:760px){.story-enhanced .story-stage{grid-template-rows:175px minmax(0,1fr) 116px}.story-chapters button{width:44px;height:44px}}
@media(max-height:690px) and (min-width:761px){.story-enhanced .story-stage{grid-template-rows:165px minmax(0,1fr) 108px}}
@media(max-height:720px) and (max-width:760px){.story-enhanced .story-stage{grid-template-rows:155px minmax(0,1fr) 112px}}
.story-enhanced .story-chapter:not(.active),.story-enhanced .story-layer:not(.active){transition:none;visibility:hidden}
.story-enhanced .story-chapter.active{visibility:visible}

/* A pearl-to-sky stage separates Dey's white silhouette from the white canvas.
   The light field follows the story progress, without an idle animation loop. */
.story-stage{background:radial-gradient(ellipse 58% 47% at 50% 64%,#9fcff5 0%,#c4e3fb 36%,#eaf6ff 68%,transparent 100%),radial-gradient(ellipse 48% 50% at 100% 88%,#aed9fc90,transparent 78%),linear-gradient(180deg,#fff 12%,#f5fbff 54%,#fff 100%)}
.story-visual:before{content:'';position:absolute;left:50%;top:50%;width:82%;height:118%;transform:translate(calc(-50% + var(--story-progress) * 3%),-50%);z-index:-2;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#7cbcf1a6 0%,#a5d4f775 38%,#e5f4ff00 73%)}
.story-visual:after{content:'';position:absolute;left:50%;top:94%;width:30%;height:5%;transform:translate(-50%,-50%);border-radius:50%;background:#438cc53b;filter:blur(12px);z-index:0;pointer-events:none}
.story-halo{background:radial-gradient(ellipse at 44% 42%,#d9efff22 20%,#77b9ed38 58%,#c9e8ff00 76%);border-color:#fff8;box-shadow:inset 0 0 65px #ffffff24}
.story-halo i{border-color:#ffffff55;border-top-color:#ffffffb3;border-left-color:transparent}.story-halo i:nth-child(2){border-color:#ffffff55;border-bottom-color:#ffffffb3;border-right-color:transparent}.story-halo i:nth-child(3){border-color:#b0d7f360}
.story-dey img{filter:drop-shadow(0 14px 15px #377aab2b)}
.story-copy .landing-pill{background:#ffffffd9;border-color:#dae7f0;box-shadow:0 4px 18px #3a7ba508}
.story-welcome{color:#3d5669}
@media(max-width:760px){
 .story-stage{background:radial-gradient(ellipse 100% 43% at 50% 61%,#9acbf3 0%,#c2e2fb 45%,#edf8ff 76%,transparent 100%),linear-gradient(180deg,#fff 13%,#f6fbff 72%,#fff 100%)}
 .story-visual:before{width:110%;height:112%}.story-visual:after{width:35%;height:4%;filter:blur(9px)}
}
@media(prefers-reduced-motion:reduce){.story-visual:before{transform:translate(-50%,-50%)}}