.story-trail{--st-ink: var(--text-color, 25, 25, 35);--st-paper: var(--background, 240, 240, 240);--st-trail: var(--st-trail-color, 25 25 35);--st-ignite: var(--st-ignite-color, 25 25 35);--st-rhythm: 160px;--st-grain: .03;--st-content-width: 46%;--st-trail-x: 50%;position:relative;isolation:isolate;overflow:clip;color:rgb(var(--st-ink))}.story-trail__grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:var(--st-grain);mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.9 0'/></filter><rect width='240' height='240' filter='url(%23n)'/></svg>");background-size:240px 240px}.story-trail>*{position:relative;z-index:2}.story-trail__hero{padding:clamp(20px,3vh,48px) clamp(24px,4vw,80px) clamp(20px,3vh,40px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(16px,2.5vh,28px);max-width:1600px;margin:0 auto}.story-trail__hero-body{display:flex;align-items:center;justify-content:center;padding:clamp(8px,2vh,24px) 0;width:100%}.story-trail__eyebrow{font-family:inherit;font-weight:600;text-transform:uppercase;letter-spacing:.18em;font-size:12px;margin:0;display:inline-flex;align-items:center;gap:14px}.story-trail__eyebrow:before{content:"";display:inline-block;width:28px;height:1px;background:currentColor}.story-trail__tagline{font-weight:700;letter-spacing:-.03em;line-height:1;font-size:clamp(40px,8vw,120px);margin:0 auto;text-wrap:balance;word-spacing:.02em;max-width:18ch;text-align:center}.story-trail__tagline .word{display:inline-block;opacity:0;transform:translateY(.4em);transition:opacity .8s ease-out,transform .8s cubic-bezier(.2,.7,.2,1)}.story-trail.is-visible .story-trail__tagline .word{opacity:1;transform:none}.story-trail__tagline .word:nth-child(1){transition-delay:80ms}.story-trail__tagline .word:nth-child(2){transition-delay:.2s}.story-trail__tagline .word:nth-child(3){transition-delay:.32s}.story-trail__tagline .word:nth-child(4){transition-delay:.44s}.story-trail__tagline .word:nth-child(5){transition-delay:.56s}.story-trail__tagline .word:nth-child(6){transition-delay:.68s}.story-trail__scroll-cue{display:inline-flex;align-items:flex-end;gap:14px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.22em;align-self:end;justify-self:start}.story-trail__scroll-cue svg{width:18px;height:64px;overflow:visible}.story-trail__scroll-cue .cue-line{stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-dasharray:64;stroke-dashoffset:64;animation:cueDraw 2.4s .6s cubic-bezier(.2,.7,.2,1) infinite}@keyframes cueDraw{0%{stroke-dashoffset:64}60%{stroke-dashoffset:0}to{stroke-dashoffset:-64}}.story-trail__rail{position:relative;max-width:1600px;margin:0 auto;padding:clamp(40px,8vh,120px) clamp(24px,4vw,80px) clamp(24px,4vh,56px)}.story-trail__line{position:absolute;top:0;bottom:0;left:50%;width:120px;margin-left:-60px;pointer-events:none;z-index:0}.story-trail__line svg{display:block;width:100%;height:100%;overflow:visible}.story-trail__line .trail-base,.story-trail__line .trail-progress{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.story-trail__line .trail-base{stroke:rgb(var(--st-trail) / .18);stroke-width:4;transition:stroke .2s ease}.story-trail__line .trail-progress{stroke:rgb(var(--st-trail));stroke-width:4;transition:stroke .2s ease}.story-trail[data-trail-style=stitch] .trail-base,.story-trail[data-trail-style=stitch] .trail-progress{stroke-width:4;stroke-dasharray:12 8;stroke-linecap:butt}.story-trail[data-trail-style=ink] .trail-progress{stroke-width:5;filter:url(#st-ink-wobble)}.story-trail[data-trail-style=ink] .trail-base{stroke-width:5;filter:url(#st-ink-wobble)}.story-trail[data-trail-style=boot] .trail-base,.story-trail[data-trail-style=boot] .trail-progress{stroke-dasharray:14 18;stroke-width:7;stroke-linecap:round}.story-trail[data-trail-style=pennant] .trail-base,.story-trail[data-trail-style=pennant] .trail-progress{stroke-width:3}.story-trail__pennants{fill:rgb(var(--st-trail));opacity:1}.story-trail[data-trail-style=pennant] .story-trail__pennants .pennant:nth-child(3n){opacity:.8}.story-trail[data-trail-style=pennant] .story-trail__pennants .pennant:nth-child(3n+1){opacity:.55}.story-trail__line .trail-dot{fill:rgb(var(--st-paper));stroke:rgb(var(--st-trail));stroke-width:2.5;opacity:0;transition:opacity .4s ease}.story-trail__line .trail-dot.is-active{opacity:1}.story-trail__stops{display:grid;gap:var(--st-rhythm);position:relative;z-index:1}.story-trail__stop{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);grid-template-areas:"left marker right";align-items:center;gap:clamp(24px,3vw,56px)}.story-trail__stop[data-side=right] .story-trail__stop-photo{grid-area:right;justify-self:end}.story-trail__stop[data-side=right] .story-trail__stop-copy{grid-area:left;text-align:right;justify-self:end}.story-trail__stop[data-side=left] .story-trail__stop-photo{grid-area:left;justify-self:start}.story-trail__stop[data-side=left] .story-trail__stop-copy{grid-area:right;text-align:left;justify-self:start}.story-trail__stop-marker{grid-area:marker;display:grid;place-items:center;position:relative;align-self:center;z-index:2}.story-trail__stop-number{font-weight:700;font-size:clamp(72px,9vw,132px);line-height:.85;letter-spacing:-.06em;margin:0;-webkit-text-stroke:2px rgb(var(--st-ink));color:transparent;transform:rotate(var(--num-tilt, -3deg));white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;transition:-webkit-text-stroke-color .4s ease;position:relative;z-index:1;background:rgb(var(--st-paper));padding:0 12px}.story-trail__stop[data-accent-on=true] .story-trail__stop-number{-webkit-text-stroke-color:var(--stop-accent, rgb(var(--st-ink)))}.story-trail__stop-eyebrow{font-family:inherit;font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:12px;margin:0 0 18px;display:inline-block;padding:6px 12px;border:1px solid rgb(var(--st-ink) / .5);border-radius:999px}.story-trail__stop[data-accent-on=true] .story-trail__stop-eyebrow{background:var(--stop-accent);border-color:var(--stop-accent);color:var(--stop-accent-fg, rgb(var(--st-paper)))}.story-trail__stop-copy{max-width:560px;width:100%}.story-trail__stop-headline{font-weight:700;letter-spacing:-.03em;line-height:.95;font-size:clamp(32px,3.6vw,52px);margin:0 0 20px;text-wrap:balance}.story-trail__stop-headline .line{display:block;overflow:hidden}.story-trail__stop-headline .line>span{display:inline-block;transform:translateY(105%);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.story-trail__stop.is-revealed .story-trail__stop-headline .line:nth-child(1)>span{transition-delay:80ms;transform:none}.story-trail__stop.is-revealed .story-trail__stop-headline .line:nth-child(2)>span{transition-delay:.18s;transform:none}.story-trail__stop.is-revealed .story-trail__stop-headline .line:nth-child(3)>span{transition-delay:.28s;transform:none}.story-trail__stop-body{font-size:clamp(15px,1.1vw,17px);line-height:1.55;max-width:50ch;margin:0;opacity:0;transform:translateY(12px);transition:opacity .7s ease .22s,transform .7s cubic-bezier(.2,.7,.2,1) .22s}.story-trail__stop[data-side=right] .story-trail__stop-body{margin-left:auto}.story-trail__stop.is-revealed .story-trail__stop-body{opacity:1;transform:none}.story-trail__stop-headline+.story-trail__stop-body{padding-top:4px}.story-trail__stop-headline span[data-accent=true]{background:var(--stop-accent, transparent);box-shadow:0 .05em 0 var(--stop-accent, transparent),0 -.05em 0 var(--stop-accent, transparent);padding:0 .18em}.story-trail__stop-photo{position:relative;align-self:center;width:100%;max-width:460px}.story-trail__stop-photo-natural{position:relative;width:100%;background:transparent;opacity:0;transform:scale(.96);transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .7s ease;will-change:transform,opacity}.story-trail__stop.is-revealed .story-trail__stop-photo-natural{opacity:1;transform:scale(1)}.story-trail__stop-photo-natural img{display:block;width:100%;height:auto;background:transparent}.story-trail__stop-photo-frame{position:relative;width:100%;aspect-ratio:var(--shape-ratio, 4 / 5);overflow:hidden;background:rgb(var(--st-ink) / .06);transform:rotate(var(--photo-tilt, 0deg)) scale(.96);opacity:0;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .7s ease;will-change:transform,opacity}.story-trail__stop.is-revealed .story-trail__stop-photo-frame{opacity:1;transform:rotate(var(--photo-tilt, 0deg)) scale(1)}.story-trail__stop-photo-frame img{width:100%;height:100%;object-fit:cover;display:block}.shape--lid{--shape-ratio: 5 / 4;clip-path:path("M 20 130 C 20 50, 100 10, 250 10 C 400 10, 480 50, 480 130 L 500 200 C 500 220, 490 230, 470 230 L 30 230 C 10 230, 0 220, 0 200 Z")}.shape--pennant{--shape-ratio: 4 / 5;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.shape--torn{--shape-ratio: 4 / 5;clip-path:polygon(2% 1%,12% 0,25% 2%,38% .5%,51% 1.5%,64% 0%,77% 1%,90% .5%,100% 2%,99% 18%,100% 35%,99% 52%,100% 68%,98% 85%,100% 100%,86% 99%,72% 100%,58% 98%,44% 100%,30% 99%,16% 100%,0 98%,1% 82%,0 65%,1% 48%,0 32%,2% 16%)}.shape--hex{--shape-ratio: 1 / 1;clip-path:polygon(25% 4%,75% 4%,96% 50%,75% 96%,25% 96%,4% 50%);border-radius:24px}.shape--paral{--shape-ratio: 5 / 4;--photo-tilt: 0deg;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.shape--circle{--shape-ratio: 1 / 1;border-radius:999px;clip-path:circle(50% at 50% 50%)}.shape--ticket{--shape-ratio: 5 / 3;clip-path:polygon(0 8%,4% 8%,4% 0,100% 0,100% 35%,96% 50%,100% 65%,100% 100%,4% 100%,4% 92%,0 92%)}.story-trail__map{position:relative;width:100%;aspect-ratio:14 / 10;background:transparent;overflow:visible;color:#191923;isolation:isolate}.story-trail__map svg{display:block;width:100%;height:100%;position:relative;z-index:1}.story-trail__map .map-stars{opacity:0;transition:opacity 1s ease}.story-trail__map .map-shape{fill:#191923;fill-opacity:0;stroke:#191923;stroke-width:4;stroke-opacity:1;stroke-dasharray:6000;stroke-dashoffset:6000;transition:stroke-dashoffset 2.2s cubic-bezier(.2,.7,.2,1),fill-opacity 1s ease 1.4s}.story-trail__map .map-seam{stroke-dashoffset:380;transition:stroke-dashoffset 1.8s cubic-bezier(.4,.1,.5,.9) 1.4s}.story-trail__stop.is-revealed .story-trail__map .map-seam{stroke-dashoffset:0}.story-trail__map .map-needle{offset-path:path("M 700 540 Q 960 280, 1230 240");offset-distance:0%;offset-rotate:0deg;opacity:0;transition:opacity .5s ease 3s}.story-trail__stop.is-revealed .story-trail__map .map-needle{opacity:1;animation:mapNeedleTravel 4.6s cubic-bezier(.45,.05,.55,.95) 3s infinite}@keyframes mapNeedleTravel{0%{offset-distance:0%}45%{offset-distance:100%}55%{offset-distance:100%}to{offset-distance:0%}}.story-trail__map .map-anchor-ring{fill:none;stroke:#f0f0f0;stroke-width:2;stroke-opacity:.85;opacity:0;transform-origin:center;transform-box:fill-box;transition:opacity .5s ease}.story-trail__map .map-anchor-dot{fill:#f0f0f0;stroke:#191923;stroke-width:2;opacity:0;transform-origin:center;transform-box:fill-box;transition:opacity .5s ease}.story-trail__map g.map-anchor:nth-of-type(1) .map-anchor-ring,.story-trail__map g.map-anchor:nth-of-type(1) .map-anchor-dot{transition-delay:1.9s}.story-trail__map g.map-anchor:nth-of-type(2) .map-anchor-ring,.story-trail__map g.map-anchor:nth-of-type(2) .map-anchor-dot{transition-delay:2.1s}.story-trail__map .map-est{font-family:inherit;font-size:30px;font-weight:700;letter-spacing:.22em;fill:#191923;opacity:0;transition:opacity .8s ease 2.5s}.story-trail__map .map-name{font-family:inherit;font-size:20px;font-weight:700;letter-spacing:.28em;fill:#191923;fill-opacity:.85;opacity:0;transition:opacity .8s ease 2.7s}.story-trail__stop.is-revealed .story-trail__map .map-stars{opacity:1}.story-trail__stop.is-revealed .story-trail__map .map-shape{stroke-dashoffset:0;fill-opacity:1}.story-trail__stop.is-revealed .story-trail__map .map-anchor-ring,.story-trail__stop.is-revealed .story-trail__map .map-anchor-dot{opacity:1}.story-trail__stop.is-revealed .story-trail__map g.map-anchor:nth-of-type(1) .map-anchor-ring{animation:mapAnchorPulse 2.6s ease-in-out 2.4s infinite}.story-trail__stop.is-revealed .story-trail__map g.map-anchor:nth-of-type(2) .map-anchor-ring{animation:mapAnchorPulse 2.6s ease-in-out 2.7s infinite}.story-trail__stop.is-revealed .story-trail__map .map-est,.story-trail__stop.is-revealed .story-trail__map .map-name{opacity:1}@keyframes mapAnchorPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.4}}@media(max-width:1024px){.story-trail__map .map-est{font-size:28px}.story-trail__map .map-name{font-size:22px}}@media(prefers-reduced-motion:reduce){.story-trail__map .map-stars,.story-trail__map .map-shape,.story-trail__map .map-seam,.story-trail__map .map-needle,.story-trail__map .map-anchor-ring,.story-trail__map .map-anchor-dot,.story-trail__map .map-est,.story-trail__map .map-name{transition:none!important;animation:none!important;opacity:1!important;stroke-dashoffset:0!important;fill-opacity:1!important;stroke-opacity:1!important}.story-trail__map .map-name{fill-opacity:.85!important}.story-trail__map .map-needle{offset-distance:50%!important}}.story-trail__stop-tape{position:absolute;top:-18px;left:12%;width:96px;height:26px;background:var(--tape-color, rgb(240 196 23 / .85));transform:rotate(-6deg);z-index:3;box-shadow:0 2px 8px #00000014;pointer-events:none}.story-trail__stop-tape:before,.story-trail__stop-tape:after{content:"";position:absolute;top:0;bottom:0;width:6px;background-image:linear-gradient(135deg,transparent 30%,rgb(0 0 0 / .04) 30%)}.story-trail__stop-tape:before{left:0}.story-trail__stop-tape:after{right:0}.story-trail__outro{position:relative;padding:0 clamp(24px,4vw,80px) clamp(80px,12vh,140px);max-width:1100px;margin:0 auto;text-align:center}.story-trail__manifesto{font-weight:700;letter-spacing:-.035em;line-height:.95;font-size:clamp(40px,6.5vw,88px);margin:0 0 clamp(28px,4vh,48px);text-wrap:balance;max-width:16ch;margin-left:auto;margin-right:auto}.story-trail__manifesto-line{display:block;overflow:hidden}.story-trail__manifesto-line>span{display:inline-block;transform:translateY(110%);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.story-trail__manifesto-line:nth-child(1)>span{transition-delay:80ms}.story-trail__manifesto-line:nth-child(2)>span{transition-delay:.22s}.story-trail__outro.is-revealed .story-trail__manifesto-line>span{transform:none}.story-trail__cta{display:inline-flex;align-items:center;gap:14px;padding:20px 40px;background:rgb(var(--st-ink));color:rgb(var(--st-paper));border-radius:999px;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;opacity:0;transform:translateY(12px);transition:opacity .7s ease .48s,transform .7s cubic-bezier(.2,.7,.2,1) .48s,background .22s ease}.story-trail__outro.is-revealed .story-trail__cta{opacity:1;transform:translateY(0)}.story-trail__cta:hover{background:rgb(var(--st-ink) / .9)}.story-trail__cta:hover .story-trail__cta-arrow{transform:translate(4px)}.story-trail__cta-arrow{width:22px;height:12px;display:inline-block;transition:transform .22s cubic-bezier(.2,.7,.2,1)}.story-trail__bridge{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;margin:0 auto clamp(40px,6vh,72px)}.story-trail__bridge-line{width:4px;height:0;background-image:linear-gradient(to bottom,rgb(var(--st-ink)) 60%,transparent 60%);background-size:4px 20px;background-repeat:repeat-y;transition:height 1.4s cubic-bezier(.2,.7,.2,1)}.story-trail__outro.is-revealed .story-trail__bridge-line{height:200px}.story-trail__bridge-node{position:relative;width:22px;height:22px;display:grid;place-items:center;opacity:0;transform:scale(.4);transition:opacity .5s ease 1.2s,transform .6s cubic-bezier(.2,.7,.2,1) 1.2s}.story-trail__outro.is-revealed .story-trail__bridge-node{opacity:1;transform:scale(1)}.story-trail__bridge-node-dot{width:14px;height:14px;border-radius:50%;background:rgb(var(--st-ink));position:relative;z-index:2}.story-trail__bridge-node-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgb(var(--st-ink) / .25);z-index:1}.story-trail__outro.is-revealed .story-trail__bridge-node-pulse{animation:bridgePulse 2.8s ease-in-out 1.9s infinite}@keyframes bridgePulse{0%{transform:scale(1);opacity:.55}to{transform:scale(3.6);opacity:0}}.story-trail__bridge-tag{font-size:10px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:rgb(var(--st-ink) / .55);opacity:0;transform:translateY(6px);transition:opacity .6s ease 1.5s,transform .6s cubic-bezier(.2,.7,.2,1) 1.5s}.story-trail__outro.is-revealed .story-trail__bridge-tag{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.story-trail__bridge-line{height:140px!important;transition:none!important}.story-trail__bridge-node,.story-trail__bridge-tag{opacity:1!important;transform:none!important;transition:none!important}.story-trail__bridge-node-pulse{animation:none!important;opacity:0!important}}.story-trail__marquee{position:relative;padding:clamp(40px,6vh,80px) 0 clamp(40px,6vh,80px);border-top:1px solid rgb(var(--st-ink) / .12);overflow:hidden}.story-trail__marquee-label{text-align:center;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.22em;margin:0 0 28px;opacity:.6}.story-trail__marquee-track{display:flex;gap:24px;width:max-content;animation:marqueeScroll 60s linear infinite}.story-trail__marquee-track img{height:220px;width:auto;border-radius:16px;object-fit:cover}@keyframes marqueeScroll{to{transform:translate(-50%)}}@media(max-width:1024px){.story-trail__rail{padding-left:64px;padding-right:clamp(20px,5vw,32px);padding-top:clamp(24px,4vh,48px);padding-bottom:clamp(48px,8vh,96px)}.story-trail__line{left:24px;margin-left:0;width:28px}.story-trail__stop{grid-template-columns:1fr;grid-template-areas:"marker" "photo" "copy";gap:16px}.story-trail__stop[data-side=right] .story-trail__stop-photo,.story-trail__stop[data-side=left] .story-trail__stop-photo{grid-area:photo;justify-self:stretch;max-width:100%;width:100%}.story-trail__stop[data-side=right] .story-trail__stop-copy,.story-trail__stop[data-side=left] .story-trail__stop-copy{grid-area:copy;text-align:left;justify-self:start;max-width:100%}.story-trail__stop-marker{grid-area:marker;justify-self:start;align-self:start;margin-left:-10px}.story-trail__stop-number{font-size:clamp(48px,12vw,72px);-webkit-text-stroke-width:1.5px;padding:0 8px;background:rgb(var(--st-paper));transform:rotate(var(--num-tilt, -3deg))}.story-trail__stops{gap:clamp(56px,10vh,96px)}.story-trail__hero{padding-top:16px;padding-bottom:16px;gap:14px}.story-trail__hero-body{padding:0;align-items:center;justify-content:center}.story-trail__stop-headline{font-size:clamp(28px,7vw,40px)}.story-trail__tagline{font-size:clamp(36px,10vw,64px);max-width:14ch}.story-trail__scroll-cue svg{height:48px}}@media(prefers-reduced-motion:reduce){.story-trail__tagline .word,.story-trail__stop-headline .line>span,.story-trail__stop-body,.story-trail__stop-photo-frame{transition:none!important;transform:none!important;opacity:1!important}.story-trail__line .trail-progress{stroke-dashoffset:0!important;transition:none!important}.story-trail__scroll-cue .cue-line{animation:none;stroke-dashoffset:0}.story-trail__marquee-track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/327/assets/story-trail.css.map */