.story-stage{position:relative;color:var(--white-soft)}.story-scene{position:relative;display:grid;grid-template-columns:1fr;gap:1.5rem;padding:var(--section-gap-tight) var(--pad-x) var(--section-gap-tight) calc(var(--pad-x) + 2.5rem);border-left:3px dashed color-mix(in srgb,var(--cream) 70%,transparent);margin-left:1.25rem}@media (min-width:810px){.story-scene{grid-template-columns:1fr 1fr;column-gap:3rem;align-items:center;margin-left:0;padding-left:var(--pad-x);border-left:none}.story-scene:before{content:"";position:absolute;inset:0 auto 0 50%;border-left:3px dashed color-mix(in srgb,var(--cream) 70%,transparent);pointer-events:none}.story-scene--panel-left .story-panel{order:1}.story-scene--panel-left .story-photo,.story-scene--panel-left .story-strip,.story-scene--panel-right .story-panel{order:2}.story-scene--panel-right .story-photo,.story-scene--panel-right .story-strip{order:1}}.story-panel{position:relative;padding:2rem 1.75rem 2.25rem;clip-path:url(#panel-edge-b)}.story-panel>:is(h2,.story-copy){position:relative;z-index:1}.story-panel .story-icons{display:flex;gap:.75rem;align-items:flex-end;margin-top:1rem}.story-panel .story-icon{height:2.75rem;width:auto}.story-photo{position:relative;width:min(72%,22rem);justify-self:center;transform:rotate(var(--tilt,0deg))}.story-photo>img:first-child{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 14px rgb(0 0 0/.32))}.story-photo .story-tape{position:absolute;top:-6%;right:-8%;width:34%;height:auto;rotate:35deg}.story-photo .story-photo2{position:absolute;right:-14%;bottom:-8%;width:46%;height:auto;rotate:6deg;filter:drop-shadow(0 8px 14px rgb(0 0 0/.32))}.story-sticker{position:absolute;width:clamp(90px,11vw,160px);height:auto}.story-sticker-1{left:0;bottom:6%;rotate:-8deg}.story-sticker-2{left:4%;top:12%;width:clamp(70px,8vw,120px)}.story-scene--panel-left .story-sticker-1{left:auto;right:2%;bottom:8%;rotate:6deg}.story-strip{position:relative;border:6px solid var(--cream);border-inline:0}.story-strip>img:first-child{display:block;width:100%;height:auto}.story-strip .story-packs{position:absolute;left:50%;bottom:12%;width:78%;height:auto;translate:-50% 0}.story-fold,.story-road{display:none}@media (prefers-reduced-motion:no-preference){.story-track[data-ready]{height:900vh;background:var(--teal)}.story-track[data-ready] .story-stage{position:sticky;top:0;height:100vh;overflow:hidden}@supports (height:1dvh){.story-track[data-ready] .story-stage{height:100dvh}}.story-track[data-ready] .story-scene{position:absolute;inset:0;display:block;margin:0;padding:0;border:0;pointer-events:none}.story-track[data-ready] .story-scene:before{content:none}.story-track[data-ready] .story-panel{position:absolute;left:0;right:0;top:max(23%,calc(var(--header-h) + var(--wave-h) + 1rem));height:60%;padding:clamp(1.5rem,3vw,3rem) clamp(1.5rem,3.5vw,3.5rem);display:flex;flex-direction:column;justify-content:safe center;z-index:1;clip-path:var(--clip-road);--road-gap:14px;animation:story-unfold 1s linear both paused;animation-delay:calc(-1s * ((var(--p, 0) - var(--start)) / var(--len)))}.story-track[data-ready] .story-fold{display:block;position:absolute;left:0;right:0;overflow:hidden;pointer-events:none;z-index:1}.story-track[data-ready] .story-fold-shade{position:absolute;top:-40%;bottom:-40%;left:0;width:40%;margin-left:-20%;transform-origin:50% 50%}.story-track[data-ready] .story-fold-shade:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:7px;margin-left:-6px;background:linear-gradient(90deg,color-mix(in srgb,var(--teal-lt) 65%,var(--cream)),color-mix(in srgb,var(--teal-lt) 85%,var(--slate-3)));box-shadow:0 0 10px 2px rgb(0 0 0/.16)}.story-track[data-ready] .story-scene--panel-left .story-fold-shade:before{background:linear-gradient(90deg,color-mix(in srgb,var(--blush) 70%,var(--cream)),color-mix(in srgb,var(--blush) 85%,var(--slate)))}.story-track[data-ready] .story-panel h2{font-size:clamp(1.6rem,min(5.3vh,3.6vw),3.8rem);margin-bottom:.3em}.story-track[data-ready] .story-panel h2 .script{font-size:1.8em}.story-track[data-ready] .story-panel .story-copy{font-size:clamp(1rem,min(2.5vh,1.35vw),1.5rem);line-height:1.45;margin-top:.9em}@supports (height:1dvh){.story-track[data-ready] .story-panel h2{font-size:clamp(1.6rem,min(5.3dvh,3.6vw),3.8rem)}.story-track[data-ready] .story-panel .story-copy{font-size:clamp(1rem,min(2.5dvh,1.35vw),1.5rem)}}.story-track[data-ready] .story-scene--panel-right .story-panel{padding-left:calc(48% + 9vh + var(--road-gap) + 2rem)}.story-track[data-ready] .story-scene--panel-left .story-panel{padding-right:calc(52% + 9vh + var(--road-gap) + 2rem)}@supports (height:1dvh){.story-track[data-ready] .story-scene--panel-right .story-panel{padding-left:calc(48% + 9dvh + var(--road-gap) + 2rem)}.story-track[data-ready] .story-scene--panel-left .story-panel{padding-right:calc(52% + 9dvh + var(--road-gap) + 2rem)}.story-track[data-ready] .story-strip{left:calc(48% - 9dvh - 2rem)}}.story-track[data-ready] .story-scene{--photo-top:max(12%,calc(var(--header-h) + var(--wave-h) + 5rem));--photo-w:clamp(200px,30vw,440px);--photo-left:8%}.story-track[data-ready] .story-photo{position:absolute;top:var(--photo-top);width:var(--photo-w)}.story-track[data-ready] .story-scene--panel-right .story-photo{left:var(--photo-left)}.story-track[data-ready] .story-scene--panel-left .story-photo{right:6%}.story-track[data-ready] .story-strip{position:absolute;top:max(23%,calc(var(--header-h) + var(--wave-h) + 1rem));left:calc(48% - 9vh - 2rem);right:0;height:60%;clip-path:var(--clip-road);--road-gap:14px}.story-track[data-ready] .story-strip>img:first-child{height:100%;object-fit:cover}.story-track[data-ready] .story-strip .story-packs{left:auto;right:5%;width:68%;translate:0 0}.story-track[data-ready] .story-road{z-index:2}.story-track[data-ready]+.story-close:before{background-position:0 -100vh}@supports (height:1dvh){.story-track[data-ready]+.story-close:before{background-position:0 -100dvh}}.story-track[data-ready] .story-sticker-1{left:3%;top:calc(var(--photo-top) + var(--photo-w) * 1.23 - 4rem);bottom:auto}.story-track[data-ready] .story-sticker-2{left:calc(var(--photo-left) + var(--photo-w) * .6);top:calc(var(--photo-top) + var(--photo-w) * .47)}.story-track[data-ready] .story-scene--panel-left .story-sticker-1{left:auto;right:4%;top:calc(var(--photo-top) + var(--photo-w) * 1.23 - 4rem);bottom:auto}.story-track[data-ready] .story-panel .story-icons{position:absolute;right:1.5rem;bottom:1.25rem;margin:0}@media (min-width:810px) and (max-width:1199px){.story-track[data-ready] .story-scene{--photo-w:clamp(220px,28vw,320px);--photo-left:3%;--photo-top:max(calc(var(--header-h) + var(--wave-h) + 3rem),calc(53% - var(--photo-w) * 0.64))}.story-track[data-ready] .story-scene--panel-left .story-photo{right:3%}.story-track[data-ready] .story-photo .story-photo2{right:-6%}.story-track[data-ready] .story-strip .story-packs{width:62%;right:2%;bottom:20%}}@media (max-height:720px) and (min-width:810px){.story-track[data-ready] .story-panel,.story-track[data-ready] .story-strip{top:max(18%,calc(var(--header-h) + var(--wave-h) + .75rem))}.story-track[data-ready] .story-panel{padding-block:clamp(1rem,2.5vh,2rem)}.story-track[data-ready] .story-panel h2{font-size:clamp(1.3rem,2.6vw,2rem)}.story-track[data-ready] .story-panel .story-copy{font-size:.9rem;margin-top:.5rem}.story-track[data-ready] .story-scene{--photo-w:clamp(160px,22vw,300px)}.story-track[data-ready] .story-scene--panel-left .story-sticker-1,.story-track[data-ready] .story-sticker-1{top:calc(var(--photo-top) + var(--photo-w) * 1.23 - 9rem)}}.story-track[data-ready] .story-road{display:block;position:absolute;left:48%;top:0;height:100vh;width:100vh;translate:-50% 0;overflow:visible;pointer-events:none;--road-d:var(--road-d-desktop)}@supports (height:1dvh){.story-track[data-ready] .story-road{height:100dvh;width:100dvh}}.story-road-line--phone{display:none}.story-road-line{fill:none;stroke:var(--cream);stroke-width:2px;stroke-linecap:round;stroke-dasharray:12 8;vector-effect:non-scaling-stroke;opacity:.9}.story-bike{display:none}@supports (offset-path:path("M0 0 L1 1")){.story-bike{display:block;offset-path:var(--road-d);offset-rotate:auto -90deg;animation:story-ride 1s linear both paused;animation-delay:calc(-1s * (var(--p, 0) - var(--ride-lag, 0)))}.story-bike-2{--ride-lag:0.0074;translate:6px 0}}.story-track[data-ready] .story-fold-shade,.story-track[data-ready] .story-panel .story-copy,.story-track[data-ready] .story-panel .story-icon,.story-track[data-ready] .story-panel h2,.story-track[data-ready] .story-photo,.story-track[data-ready] .story-photo .story-photo2,.story-track[data-ready] .story-photo .story-tape,.story-track[data-ready] .story-sticker,.story-track[data-ready] .story-strip,.story-track[data-ready] .story-strip .story-packs{animation-duration:calc(1s * (1 - var(--lag, 0)));animation-timing-function:linear;animation-fill-mode:both;animation-play-state:paused;animation-delay:calc(-1s * ((var(--p, 0) - var(--start)) / var(--len) - var(--lag, 0)))}.story-track[data-ready] .story-panel,.story-track[data-ready] .story-photo,.story-track[data-ready] .story-strip{will-change:transform,opacity}.story-track[data-ready] .story-strip{--lag:0.1}.story-track[data-ready] .story-panel h2{--lag:0.17}.story-track[data-ready] .story-photo{--lag:0.2}.story-track[data-ready] .story-sticker-1{--lag:0.23}.story-track[data-ready] .story-photo .story-photo2{--lag:0.26}.story-track[data-ready] .story-panel .story-copy:first-of-type{--lag:0.28}.story-track[data-ready] .story-photo .story-tape{--lag:0.3}.story-track[data-ready] .story-panel .story-copy:nth-of-type(2){--lag:0.35}.story-track[data-ready] .story-sticker-2,.story-track[data-ready] .story-strip .story-packs{--lag:0.4}.story-track[data-ready] .story-panel .story-icon:first-child{--lag:0.43}.story-track[data-ready] .story-panel .story-icon:nth-child(2){--lag:0.46}.story-track[data-ready] .story-panel .story-icon:nth-child(3){--lag:0.49}.story-track[data-ready] .story-fold-shade{animation-name:story-fold}.story-track[data-ready] .story-strip{animation-name:story-unfold}.story-track[data-ready] .story-panel .story-copy,.story-track[data-ready] .story-panel h2{animation-name:story-rise}.story-track[data-ready] .story-panel .story-icon,.story-track[data-ready] .story-photo,.story-track[data-ready] .story-photo .story-photo2,.story-track[data-ready] .story-photo .story-tape,.story-track[data-ready] .story-sticker{animation-name:story-pop}.story-track[data-ready] .story-strip .story-packs{animation-name:story-fade}.story-track[data-ready] .story-scene--panel-right :is(.story-photo,.story-sticker){--exit-x:-60%}.story-track[data-ready] .story-scene--panel-left :is(.story-photo,.story-sticker){--exit-x:60%}.story-track[data-ready] .story-photo :is(.story-tape,.story-photo2){--exit-x:0px;--exit-y:0px;--tilt:0deg}@media (max-width:809px){.story-track[data-ready] .story-road{left:12%;--road-d:var(--road-d-phone)}.story-track[data-ready] .story-road-line{display:none}.story-track[data-ready] .story-road-line--phone{display:block}.story-track[data-ready] .story-bike-2{translate:0 0}.story-track[data-ready] .story-bike{--ride-end:65%}.story-track[data-ready] .story-panel,.story-track[data-ready] .story-scene--panel-left .story-panel,.story-track[data-ready] .story-scene--panel-right .story-panel{top:max(6%,calc(var(--header-h) + var(--wave-h) + .75rem));left:0;right:0;height:auto;--road-side:right;--road-gap:32px;padding:1.5rem 1.25rem 2.75rem calc(12% + 4vh + var(--road-gap) + 1rem)}@supports (height:1dvh){.story-track[data-ready] .story-panel,.story-track[data-ready] .story-scene--panel-left .story-panel,.story-track[data-ready] .story-scene--panel-right .story-panel{padding-left:calc(12% + 4dvh + var(--road-gap) + 1rem)}}.story-track[data-ready] .story-scene :is(.story-photo,.story-sticker){--exit-x:60%}.story-track[data-ready] .story-panel h2{font-size:clamp(1.4rem,6.5vw,1.9rem)}.story-track[data-ready] .story-panel .story-copy{font-size:.92rem;line-height:1.45}.story-track[data-ready] .story-panel .story-icons{display:none}.story-track[data-ready] .story-scene{--photo-top:51%}.story-track[data-ready] .story-photo,.story-track[data-ready] .story-scene--panel-left .story-photo,.story-track[data-ready] .story-scene--panel-right .story-photo{top:var(--photo-top);left:auto;right:6%;width:44%}.story-track[data-ready] .story-photo .story-photo2{right:auto;left:-45%;bottom:22%;width:55%}.story-track[data-ready] .story-scene--panel-left .story-sticker-1,.story-track[data-ready] .story-sticker-1{left:auto;right:37%;top:calc(var(--photo-top) + 170px);bottom:auto;width:28vw}.story-track[data-ready] .story-sticker-2{left:auto;right:40%;top:calc(var(--photo-top) - 39px);width:20vw}.story-track[data-ready] .story-strip{top:auto;left:0;right:0;bottom:6%;width:auto;height:min(24%,180px);overflow:hidden;border-inline:0;--road-gap:32px}.story-track[data-ready] .story-strip>img:first-child{height:100%;object-fit:cover}.story-track[data-ready] .story-strip .story-packs{left:auto;right:4%;width:56%;bottom:6%;translate:0 0}}@media (min-width:640px) and (max-width:809px){.story-track[data-ready] .story-strip{height:min(34%,340px)}.story-track[data-ready] .story-strip .story-packs{width:70%;right:3%;bottom:8%}}@media (max-width:809px) and (max-height:760px){.story-track[data-ready] .story-panel,.story-track[data-ready] .story-scene--panel-left .story-panel,.story-track[data-ready] .story-scene--panel-right .story-panel{padding-block:1rem 2.25rem;padding-right:1rem}.story-track[data-ready] .story-panel h2{font-size:clamp(1.2rem,5.6vw,1.6rem)}.story-track[data-ready] .story-panel .story-copy{font-size:.85rem;line-height:1.35}.story-track[data-ready] .story-panel .story-copy:first-of-type{margin-top:.5rem}.story-track[data-ready] .story-scene{--photo-top:calc(18% + 220px)}.story-track[data-ready] .story-photo,.story-track[data-ready] .story-scene--panel-left .story-photo,.story-track[data-ready] .story-scene--panel-right .story-photo{width:40%}}}@keyframes story-ride{0%{offset-distance:0}28%{offset-distance:100%;animation-timing-function:step-end}29%{offset-distance:0}52%{offset-distance:100%;animation-timing-function:step-end}53%{offset-distance:0}76%{offset-distance:100%;animation-timing-function:step-end}77%{offset-distance:0}to{offset-distance:var(--ride-end,84%)}}@keyframes story-unfold{0%{clip-path:var(--clip-start);animation-timing-function:cubic-bezier(.45,0,.55,1)}9.6%{clip-path:var(--clip-flat-slant)}12%{clip-path:var(--clip-flat)}16%,86%{clip-path:var(--clip-road)}89.5%{clip-path:var(--clip-flat)}91.6%{clip-path:var(--clip-flat-slant);animation-timing-function:cubic-bezier(.45,0,.55,1)}to{clip-path:var(--clip-start)}}@keyframes story-fold{0%{transform:translateX(calc(var(--fold-x0) + var(--fold-mid))) rotate(calc(10deg * var(--fold-side, 1))) scaleX(var(--fold-side,1));opacity:0;animation-timing-function:cubic-bezier(.45,0,.55,1)}0.1%{opacity:1}9.6%{transform:translateX(calc(var(--fold-x1) + var(--fold-mid))) rotate(calc(10deg * var(--fold-side, 1))) scaleX(var(--fold-side,1));opacity:1}12%{transform:translateX(var(--fold-x1)) rotate(0deg) scaleX(var(--fold-side,1));opacity:.25}12.8%,88.8%{transform:translateX(var(--fold-x1)) rotate(0deg) scaleX(var(--fold-side,1));opacity:0}89.5%{transform:translateX(var(--fold-x1)) rotate(0deg) scaleX(var(--fold-side,1));opacity:.25}91.6%{transform:translateX(calc(var(--fold-x1) + var(--fold-mid))) rotate(calc(10deg * var(--fold-side, 1))) scaleX(var(--fold-side,1));opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1)}99.9%{opacity:1}to{transform:translateX(calc(var(--fold-x0) + var(--fold-mid))) rotate(calc(10deg * var(--fold-side, 1))) scaleX(var(--fold-side,1));opacity:0}}@keyframes story-rise{0%{transform:translateY(.6rem);opacity:0;animation-timing-function:cubic-bezier(.2,.7,.2,1)}7%{transform:none;opacity:1}92%{transform:none;opacity:1;animation-timing-function:ease-in}to{transform:none;opacity:0}}@keyframes story-fade{0%{transform:translate(0);opacity:0;animation-timing-function:ease-out}10%{opacity:1}84%{transform:translate(0);opacity:1;animation-timing-function:cubic-bezier(.6,0,.8,.4)}to{transform:translate(var(--exit-x,0),var(--exit-y,-25%));opacity:0}}@keyframes story-pop{0%{transform:translate(0) rotate(var(--tilt,0deg)) scale(.05);opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}1.5%{opacity:1}6%{transform:translate(0) rotate(var(--tilt,0deg)) scale(1)}84%{transform:translate(0) rotate(var(--tilt,0deg)) scale(1);opacity:1;animation-timing-function:cubic-bezier(.6,0,.8,.4)}to{transform:translate(var(--exit-x,0),var(--exit-y,-25%)) rotate(var(--tilt,0deg)) scale(1);opacity:0}}