/* One compact, stationary phone. Three opaque screen chapters replace the old device parade. */
.product-story{position:relative;isolation:isolate;background:var(--ink);color:var(--paper);height:calc(100svh + 1000px)}
.product-story-stage{position:sticky;top:0;min-height:620px;height:100svh;max-height:840px;overflow:hidden;background:var(--ink)}
.story-heading{position:absolute;top:24px;left:var(--gutter);right:var(--gutter);text-align:center;z-index:3}
.story-heading>p:first-child{font-size:9px;letter-spacing:.12em;color:var(--lime);margin:0 0 12px}
.story-heading h3{font:800 clamp(27px,3.8vw,48px)/1.04 var(--display);white-space:pre-line;margin:0 0 12px}
.story-heading>p:last-child{font-size:12px;line-height:1.6;color:#b8bdb2;max-width:460px;margin:0 auto}
.story-art{position:absolute;top:175px;left:0;right:0;height:var(--story-phone-h,320px);isolation:isolate}
.story-art:after{content:'';position:absolute;bottom:-15px;left:20%;right:20%;height:20px;background:radial-gradient(ellipse,#cce4ad16,transparent 65%);z-index:-1}
.story-phone{width:144px;height:302px;position:absolute;left:50%;top:0;transform:translateX(-50%);aspect-ratio:3/6.3;background:linear-gradient(115deg,#ccd2c4,#59604f 1.5%,#070b06 3%,#020401 94%,#707c61);border:1px solid #758268;border-radius:15%/7.1%;padding:7px;box-shadow:inset 0 0 0 1px #15200f,0 15px 32px #0009;z-index:2}
.story-display{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12%/5.7%;background:#f5f3eb}
.story-island{position:absolute;z-index:5;top:10px;left:35%;width:30%;height:8px;border-radius:10px;background:#080c05;pointer-events:none}
.story-screen{position:absolute;inset:0;overflow:hidden;background:#f5f3eb;color:#203b2b;container-type:inline-size}
.story-screen[hidden]{display:none!important}.story-screen>img{display:block;width:100%;height:auto;max-width:none;will-change:transform}
.mini-status{font:500 4.5cqw/1.4 var(--body);padding:8% 9% 11%;color:#203b2b}
.mini-app{padding:0 8%;font:400 5.8cqw/1.5 var(--body)}.mini-app .mini-eyebrow{font-size:4.5cqw;color:#72816c;margin:0 0 3%}.mini-app h4{font:500 11.8cqw/1.06 Georgia,serif;margin:0 0 7%;letter-spacing:-.03em}.mini-app .mini-description{font-size:5cqw;color:#76816e;margin:0 0 10%}.mini-filter{display:flex;gap:7%;font-size:4.5cqw;border-bottom:1px solid #d7dcd0;padding-bottom:7%;margin-bottom:8%}.mini-filter span:first-child{color:#fff;background:#285c40;padding:3% 5%;border-radius:3px}.mini-filter span:last-child{padding:3% 0}
.mini-business{background:#fff;border:1px solid #dce1d6;border-radius:5px;padding:8%;margin-bottom:7%;font-size:5.5cqw}.mini-business strong{display:block;font-weight:600;margin:0 0 4%}.mini-business p{font-size:4.5cqw;color:#7b8477;margin:0 0 7%}.mini-business .mini-button{display:inline-block;background:#285c40;color:white;padding:5% 8%;border-radius:3px;font-size:4.5cqw}.mini-note{font-size:4cqw;color:#8c9585;margin-top:12%}
.story-voucher-page{transform:translateY(0);will-change:transform}
.mini-stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:5%;margin:14% 0 12%}.mini-stamps span{aspect-ratio:1;border:1px solid #cad2bf;border-radius:50%;display:grid;place-items:center;color:#c2cbb7;font-size:9cqw}.mini-stamps span[data-filled=true]{background:#285c40;color:#fff;border-color:#285c40}.mini-card-button{background:#285c40;color:white;border-radius:3px;padding:8%;font-size:5cqw;margin-top:25%}
.story-partner{position:absolute;width:105px;max-width:28%;padding:13px 10px;background:#192018;border:1px solid #4c6140;border-radius:9px;color:#d8dfcf;text-align:center;font-size:9px;line-height:1.4;z-index:0;transition:opacity .5s,transform .65s;box-shadow:0 12px 24px #0004}.story-partner strong{display:block;font:500 25px/1.2 Georgia,serif;color:var(--lime);margin-bottom:7px}.story-partner-left{left:calc(50% - 230px);top:35px;transform:translateY(12px)}.story-partner-right{right:calc(50% - 230px);bottom:30px;transform:translateY(12px)}.story-connections{position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(94%,580px);height:100%;stroke:#9cbe6d;fill:none;stroke-width:1;opacity:.55;transition:opacity .5s}.product-story:not([data-product-chapter="0"]) .story-partner{opacity:0;transform:translateY(24px);pointer-events:none}.product-story:not([data-product-chapter="0"]) .story-connections{opacity:0}.product-story[data-product-chapter="0"] .story-partner{transform:translateY(0)}
.story-controls{position:absolute;bottom:24px;left:var(--gutter);right:var(--gutter);z-index:4;text-align:center}.story-controls .scene-step-nav{justify-content:center;gap:24px;margin:0 0 18px}.story-controls .scene-step-nav button{cursor:pointer}.story-controls .product-conversion{border-top:1px solid #ffffff20;padding-top:13px;display:flex;justify-content:center;align-items:center;gap:35px}.story-controls .product-conversion p{font-size:10px;line-height:1.6;color:#afb7a4;margin:0;text-align:left}.story-controls .product-conversion .text-link{font-size:12px;margin:0;gap:20px;min-height:42px;padding:7px 0}
.product-story[data-scene-motion=still]{height:auto}.product-story[data-scene-motion=still] .product-story-stage{position:relative}
@media(min-width:900px){.story-heading{top:48px;left:8%;right:auto;width:39%;text-align:left}.story-heading>p:last-child{margin-left:0;font-size:15px}.story-heading h3{margin-bottom:20px}.story-art{top:70px;left:45%;right:3%}.story-controls{bottom:40px;left:8%;right:8%}.product-story-stage{min-height:600px;height:80svh}}
@media(max-width:540px){.story-partner{width:80px;padding:11px 7px;font-size:7px}.story-partner strong{font-size:21px}.story-partner-left{left:3.5%;top:26px}.story-partner-right{right:3.5%;bottom:28px}.story-heading>p:last-child{max-width:310px;font-size:11px}.story-art{top:171px}.story-controls .scene-step-nav{gap:18px;margin-bottom:13px}.story-controls .scene-step-nav button{font-size:9px}.story-controls .product-conversion{gap:23px}.story-controls .product-conversion .text-link{font-size:11px}.story-controls .product-conversion p{font-size:9px}}
@media(max-height:700px){.product-story-stage{min-height:650px}.story-art{top:175px}.story-controls{bottom:18px}}
@media(prefers-reduced-motion:reduce){.product-story{height:auto}.product-story-stage{position:relative}.story-partner,.story-connections{transition:none}.story-voucher-page{will-change:auto}}
@media print{.product-story{height:auto}.product-story-stage{position:relative;height:700px}.story-controls{position:absolute}}

.product-story:not([data-scene-ready]){height:auto}