.story-hero{padding-top:35px;font-family:Manrope,Arial,sans-serif}.story-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:70px;margin-bottom:35px}.story-heading p{margin:0}.story-eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em}.story-eyebrow::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#2458e8;margin-right:9px}.story-heading h1{font:700 clamp(58px,7.5vw,96px)/.99 Manrope,Arial,sans-serif;letter-spacing:-.075em;margin:23px 0 0;text-transform:none}.story-heading h1 em{font-style:normal;color:#2458e8}.story-intro{max-width:330px;padding-bottom:3px}.story-intro p{font-size:15px;line-height:1.8;color:#626777}.story-intro a{display:inline-flex;gap:22px;align-items:center;min-height:48px;margin-top:17px;padding:12px 19px;background:#2458e8;border-radius:100px;color:white;text-decoration:none;font-size:13px;font-weight:700}
.story-screen{position:relative;isolation:isolate;height:610px;border-radius:27px;background:#f3f2ed;overflow:hidden;outline:none;touch-action:pan-y}.story-screen:focus-visible{outline:3px solid #2458e8;outline-offset:4px}.story-canvas{position:absolute;inset:0}.story-canvas canvas{display:block;width:100%;height:100%}.story-loading{position:absolute;inset:0;display:grid;place-content:center;gap:20px;text-align:center;font-size:13px;letter-spacing:.02em;color:#626777}.story-loading span{display:block;height:2px;width:190px;background:#dfe5f4;overflow:hidden}.story-loading span::after{content:'';display:block;width:50%;height:100%;background:#2458e8;animation:story-loading 1.2s ease-in-out infinite alternate}.story-canvas[data-renderer=ready] .story-loading{display:none}
.story-caption{position:absolute;left:32px;top:34px;max-width:285px;z-index:3;pointer-events:none;transition:opacity .3s}.story-caption::before{content:'';position:absolute;inset:-35px -55px -45px -35px;background:radial-gradient(ellipse at 15% 20%,#f3f2ed 0%,#f3f2ede6 45%,#f3f2ed00 73%);z-index:-1;pointer-events:none}.story-chapter{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.07em;line-height:1.4}.story-chapter i{height:6px;width:6px;border-radius:50%;background:#2458e8}.story-caption h2{font:700 40px/1.07 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:21px 0 15px;white-space:pre-line;text-transform:none}.story-caption p{font-size:13px;line-height:1.8;max-width:235px;color:#5f6673;margin:0}.story-screen-foot{position:absolute;bottom:0;left:0;right:0;background:#f3f2eddc;border-top:1px solid #dddedc;display:flex;justify-content:space-between;gap:20px;padding:13px 24px;z-index:4;color:#626777;font-size:11px;line-height:1.5}.story-screen-foot [data-view]{margin-left:auto}.story-screen-foot .story-hold-hint{color:#2458e8;margin-left:15px}
.story-floating-card{position:absolute;right:28px;bottom:75px;z-index:3;max-width:240px;padding:20px 23px;background:#ffffffed;border:1px solid #e1e4eb;border-radius:17px;box-shadow:0 12px 35px #25293609;pointer-events:none;transition:opacity .5s,transform .5s}.story-floating-card>span{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.045em;color:#626777}.story-floating-card strong{display:block;font:700 24px/1.15 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:12px 0 15px;white-space:pre-line}.story-card-rule{height:3px;background:#2458e8;width:46px;margin-bottom:13px;border-radius:9px}.story-floating-card small{font-size:11px;line-height:1.7;white-space:pre-line;color:#626777}.story-screen[data-phase="0"] .story-floating-card,.story-screen[data-phase="1"] .story-floating-card,.story-screen[data-phase="4"] .story-floating-card{visibility:hidden;opacity:0;transform:translateY(7px)}.story-screen[data-checked=true] .story-card-rule{background:#3b8861}
.story-wash{position:absolute;inset:0;background:#f3f2ed;opacity:0;z-index:5;pointer-events:none}.story-chapters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 60px;padding:23px 0 28px;border-bottom:1px solid #dddedc}.story-chapters button{position:relative;display:flex;align-items:center;gap:10px;padding:10px 2px 17px;background:none;border:none;color:#626777;font:500 12px/1.4 Manrope,Arial,sans-serif;min-height:48px;text-align:left;cursor:pointer}.story-chapters button>span{font-size:11px;color:#9097a5}.story-chapters button::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#e3e5eb}.story-chapters button i{position:absolute;bottom:0;left:0;right:0;height:2px;background:#2458e8;transform:scaleX(0);transform-origin:left;z-index:1}.story-chapters button[aria-pressed=true]{color:#2458e8;font-weight:700}.story-chapters button[aria-pressed=true]>span{color:#2458e8}.story-chapters button[aria-pressed=true] i{transform:scaleX(var(--story-progress,0))}.story-chapters button:focus-visible{outline:3px solid #2458e8;outline-offset:4px;border-radius:3px}
@keyframes story-loading{to{transform:translateX(100%)}}
@media(max-width:1000px){.story-heading{gap:35px;grid-template-columns:1.1fr .8fr}.story-caption{left:25px;max-width:235px}.story-caption h2{font-size:32px}.story-caption p{max-width:200px}.story-screen{height:570px}.story-floating-card{right:20px;max-width:220px}.story-chapters{gap:8px}.story-chapters button{font-size:11px;gap:7px}}
@media(max-width:650px){.story-hero{padding-top:25px}.story-heading{display:block;margin-bottom:27px}.story-heading h1{font-size:clamp(53px,13vw,76px);margin:20px 0 24px}.story-intro{max-width:100%}.story-intro p{font-size:15px}.story-intro a{margin-top:17px}.story-screen{height:650px;border-radius:22px}.story-canvas{bottom:190px}.story-caption{top:auto;bottom:51px;left:19px;right:19px;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;padding-top:19px;border-top:1px solid #dddedc}.story-caption::before{display:none}.story-chapter{grid-column:1/-1;font-size:11px}.story-caption h2{font-size:27px;line-height:1.12;margin:8px 0 2px}.story-caption p{font-size:11px;line-height:1.75;margin-top:9px;max-width:none}.story-floating-card{display:none}.story-screen-foot{padding:10px 18px;font-size:11px;gap:8px}.story-screen-foot .story-hold-hint{display:none}.story-chapters{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;padding-top:17px}.story-chapters button{font-size:11px;min-height:48px;gap:6px}.story-chapters button span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.story-caption,.story-floating-card{transition:none}.story-loading span::after{animation:none}}

.story-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.22}.story-canvas[data-renderer=ready] .story-fallback{display:none}

#story-scene{scroll-margin-top:0}

.story-screen{height:570px}.story-floating-card{display:none}.story-caption{max-width:275px}.story-caption h2{font-size:37px;max-width:265px}.story-caption::before{background:radial-gradient(ellipse at 15% 20%,#f3f2ed 0%,#f3f2edef 43%,#f3f2ed00 72%)}.story-screen[data-phase="0"] .story-caption::before,.story-screen[data-phase="1"] .story-caption::before{background:none}.story-heading{margin-bottom:32px}.story-intro{max-width:350px}.story-chapters button{font-size:12px}.story-screen .story-wash{background:#f3f2ed}
@media(max-width:1000px){.story-screen{height:550px}.story-caption h2{font-size:31px}.story-caption{max-width:230px}}
@media(max-width:650px){.story-screen{height:640px}.story-canvas{bottom:185px}.story-caption{max-width:none;bottom:48px}.story-caption h2{font-size:26px;max-width:none}.story-caption::before{display:none}.story-chapters button{font-size:11px}.story-intro p{font-size:14px;max-width:35ch}.story-heading h1{margin-bottom:20px}.story-heading{margin-bottom:24px}.story-heading h1{letter-spacing:-.07em}}

@media(min-width:651px){.story-screen[data-phase="2"] .story-caption::before,.story-screen[data-phase="3"] .story-caption::before,.story-screen[data-phase="4"] .story-caption::before,.story-screen[data-phase="5"] .story-caption::before{background:#f3f2ed;opacity:.97;inset:-35px -24px -24px -35px;border-radius:0 0 25px 0}}

@media(min-width:1100px){.story-screen[data-phase="5"] .story-floating-card{display:block;opacity:1;visibility:visible;transform:none;background:#fff;box-shadow:none;right:28px;bottom:75px;border-color:#252936}.story-screen[data-phase="5"] .story-floating-card strong{font-size:25px}.story-screen[data-phase="5"] .story-floating-card small{font-size:13px;line-height:2}.story-screen[data-phase="5"] .story-card-rule{background:#2458e8}}

/* Tablet: give the illustration its own row so copy cannot cover a face. */
@media(min-width:651px) and (max-width:1000px){.story-screen{height:700px}.story-canvas{bottom:170px}.story-caption{top:auto;bottom:51px;left:24px;right:24px;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 32px;padding-top:19px;border-top:1px solid #dddedc}.story-caption::before{display:none}.story-chapter{grid-column:1/-1}.story-caption h2{font-size:30px;line-height:1.12;max-width:none;margin:8px 0 2px}.story-caption p{font-size:13px;line-height:1.75;margin-top:9px;max-width:none}}

.story-canvas[data-renderer=fallback] .story-fallback{opacity:1}.story-canvas[data-renderer=fallback] .story-loading{display:none}