.scroll-story{height:360vh;position:relative;background:var(--ink);border-radius:14px;color:white;--personal:0;--inbox:0;--spread:0;--finish:0}.story-sticky{position:sticky;top:0;height:100svh;min-height:620px;max-height:1100px;overflow:hidden;display:flex;flex-direction:column;padding:30px 38px}.story-top,.story-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;letter-spacing:1.3px}.story-top>a{font-size:12px;letter-spacing:0;color:var(--mint)}.story-copy{text-align:center;margin:26px auto 12px;max-width:750px;min-height:145px}.story-kicker{color:var(--mint);font-size:11px;letter-spacing:1.5px}.story-copy h3{font-size:clamp(28px,3.4vw,48px);margin:12px 0;letter-spacing:-1.7px;line-height:1.12}.story-copy>p:last-child{font-size:15px;color:#e3dce8;margin:12px 0;line-height:1.5}.story-scene{position:relative;flex:1;min-height:300px;display:grid;place-items:center;perspective:1200px}.mail-card{width:min(490px,65%);background:white;color:var(--ink);border-radius:12px;overflow:hidden;box-shadow:0 30px 70px #11081a50}.main-card{position:relative;z-index:2;transform:translateY(calc(var(--finish) * -10px)) scale(calc(1.08 - var(--inbox) * .15 - var(--spread) * .13));transform-origin:center}.mail-chrome{display:flex;align-items:center;gap:5px;padding:17px;font-size:10px;letter-spacing:1px;opacity:var(--inbox);height:calc(var(--inbox) * 48px);padding-top:calc(var(--inbox) * 17px);padding-bottom:calc(var(--inbox) * 17px)}.mail-chrome>span:last-child{margin-left:auto;color:var(--ink)}.story-image{position:relative}.mail-card img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.story-personal{position:absolute;inset:0;opacity:var(--personal)}.mail-body{display:flex;flex-direction:column;gap:10px;padding:calc(var(--inbox) * 22px);height:calc(var(--inbox) * 95px);overflow:hidden;opacity:var(--inbox)}.mail-body strong{font-size:16px}.mail-body>span{font-size:12px}.side-card{position:absolute;opacity:var(--spread);width:min(370px,47%);z-index:1}.left-card{transform:translateX(calc(var(--spread) * -79%)) translateY(22px) rotate(calc(var(--spread) * -9deg)) scale(.78)}.right-card{transform:translateX(calc(var(--spread) * 79%)) translateY(22px) rotate(calc(var(--spread) * 9deg)) scale(.78)}.story-bottom{margin-top:25px;padding-top:18px;padding-bottom:10px}.story-track{height:2px;background:#ffffff35;flex:1}.story-track>div{height:100%;background:var(--mint);transform-origin:left;transform:scaleX(0)}#after-story{scroll-margin-top:30px}@media(max-width:680px){.scroll-story{height:300vh;margin-left:-3%;margin-right:-3%}.story-sticky{padding:22px 18px;min-height:580px}.story-top{font-size:9px;letter-spacing:.6px}.story-copy{margin-top:30px;min-height:180px}.story-copy h3{font-size:31px;letter-spacing:-1px}.story-copy>p:last-child{font-size:14px}.mail-card{width:88%}.side-card{width:73%}.left-card{transform:translateX(calc(var(--spread) * -34%)) translateY(55px) rotate(calc(var(--spread) * -12deg)) scale(.72)}.right-card{transform:translateX(calc(var(--spread) * 34%)) translateY(55px) rotate(calc(var(--spread) * 12deg)) scale(.72)}.main-card{transform:translateY(calc(var(--spread) * -30px)) scale(calc(1 - var(--spread) * .22))}.story-bottom{font-size:9px;letter-spacing:.3px;gap:10px}.story-bottom>span:last-child{max-width:95px;line-height:1.5}.mail-body strong{font-size:14px}.mail-chrome{font-size:9px}}@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.story-sticky{position:relative;height:auto;min-height:700px}.story-scene{min-height:360px}.story-bottom>span:last-child{display:none}}
/* One continuous story: lemon campaign, then a new fortune-cookie occasion. */
.scroll-story{height:440vh;--cookie:0}.story-copy{min-height:160px}.story-copy h3{letter-spacing:-.03em}.story-top,.story-bottom{font-size:12px;letter-spacing:.7px}.story-kicker{font-size:12px}.story-top>a{font-size:14px}.side-images{position:relative}.cookie-layer{position:absolute;inset:0;opacity:var(--cookie);pointer-events:none}.story-scene{isolation:isolate}.story-personal{opacity:var(--personal)}
@media(max-width:680px){.scroll-story{height:410vh}.story-sticky{min-height:560px;padding:20px 16px}.story-copy{min-height:175px;margin-top:20px}.story-copy h3{font-size:29px}.story-top,.story-bottom{font-size:12px}.story-bottom>span:last-child{max-width:110px}.story-scene{min-height:240px}.mail-chrome{font-size:10px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.story-sticky{position:relative;height:auto;min-height:760px}.story-scene{min-height:370px}}

.story-copy h3{letter-spacing:-.01em}

/* Light turquoise labels on dark purple; key result words remain pink. */
.scroll-story{--story-accent:var(--mint)}.story-top>span{color:var(--mint)}.story-kicker,.story-top>a{color:var(--story-accent);transition:color .2s ease}.story-track>div{background:var(--story-accent);transition:background-color .2s ease}@media(prefers-reduced-motion:reduce){.story-kicker,.story-top>a,.story-track>div{transition:none}}

/* Same size and light cut as the main section headings. */
.story-copy{max-width:1100px;flex-shrink:0}
.story-copy h3{font-family:'Manrope',sans-serif;font-weight:300;font-size:var(--section-heading-size);line-height:var(--section-heading-leading);letter-spacing:var(--section-heading-tracking)}
.story-sticky{min-height:740px}
@media(max-width:680px){.story-sticky{min-height:780px}.story-scene{min-height:180px}}

/* Match the label-to-heading and heading-to-copy spacing of the sections. */
.story-copy{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}
.story-copy .story-kicker{margin:0 0 32px;line-height:1.6}
.story-copy h3{margin:0}
.story-copy>p:last-child{margin:28px 0 0}