.story{--s-top: var(--header-h, 56px);--s-stage: calc(100svh - var(--s-top));--pin: 105svh;--edge: max(var(--gutter, 48px), calc((100% - var(--container, 1600px)) / 2));--card-w: 420px;--pad: round(clamp(20px, 3vh, 32px), 1px);position:relative;color:var(--ink)}.story__stage{position:sticky;top:var(--s-top);z-index:0;height:var(--s-stage);overflow:hidden}.story__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .25s var(--ease-out)}.story.has-3d .story__canvas{opacity:1}.story__poster{position:absolute;left:0;top:0;width:0;height:auto;max-width:none;pointer-events:none}.story__poster:not(.is-ready){opacity:0}.story.has-3d .story__poster{visibility:hidden;transition:visibility 0s .25s}.story:has(.story__chapter--intro:not(.is-on)) .story__poster{opacity:0;transition:opacity .2s}.story.poster-off .story__poster{visibility:hidden;transition:none}@media(min-width:1180px){.story__poster{display:none}}@media(max-width:1179px){.story__canvas{transition:none}}.story.is-static .story__canvas,.story.is-static .story__callouts,.story.is-static .story__lines{display:none}.story__lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#1b1f1d29;stroke-width:1;opacity:0;transition:opacity .6s var(--ease-out)}.story.has-3d .story__lines{opacity:1}.story__index{position:absolute;z-index:2;right:var(--edge);bottom:var(--pad);display:grid;gap:0;margin:0;padding:0;list-style:none;font:500 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;font-variant-numeric:tabular-nums;pointer-events:none;transition:opacity .3s var(--ease-out)}.story__seg{display:flex;align-items:center;gap:12px;height:23px;color:#1b1f1da3;transition:color .25s var(--ease-out)}.story__seg span{min-width:2ch}.story__seg:before{content:"";flex:none;width:20px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s var(--ease-out)}.story__seg.is-done{color:var(--ink-2)}.story__seg.is-done:before{transform:scaleX(.4)}.story__seg.is-current{color:var(--ink)}.story__seg.is-current:before{transform:none}.story__stage.is-prelude .story__index{opacity:0}.story__callouts{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.story__callout{position:absolute;top:0;right:0;bottom:0;left:0}.story__callout-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;fill:none;stroke-linecap:butt}.story__callout-line path{stroke:#1b1f1db3;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .15s var(--ease-out)}.story__callout-line path.story__callout-halo{stroke:#f7f8f6b3;stroke-width:3}.story__callout-dot{position:absolute;left:-2.5px;top:-2.5px;width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 0 1.5px #f7f8f6e6;opacity:0;transition:opacity .15s}.story__callout-label{position:absolute;left:0;top:0;margin:0;display:flex;align-items:flex-start;gap:10px;width:max-content;max-width:250px;opacity:0;transition:opacity .15s}.story__callout-label[data-side=l]{flex-direction:row-reverse;text-align:right}.story__callout-num{flex:none;display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--red);border-radius:50%;background:var(--card);color:var(--red);font:500 10px/1 var(--f-mono);letter-spacing:0}.story__callout-txt{display:grid;gap:4px;padding-top:3px}.story__callout-txt strong{font:500 11px/1.25 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.story__callout-txt span{font:400 13px/1.4 var(--font);color:var(--ink-2);text-wrap:pretty}.story__callout.is-on .story__callout-dot{opacity:1;transition:opacity .2s}.story__callout.is-on .story__callout-line path{stroke-dashoffset:0;transition:stroke-dashoffset .35s var(--ease-out) .1s}.story__callout.is-on .story__callout-label{opacity:1;transition:opacity .3s var(--ease-out) .35s}.story__chapters{position:relative;z-index:3;margin-top:calc(-1 * var(--s-stage));pointer-events:none}.story__chapter{position:relative;height:calc(var(--s-stage) + var(--pin));margin-bottom:calc(-1 * var(--s-stage))}.story__chapter:last-child{margin-bottom:0}.story__chapter--intro{--pin: 230svh}.story__chapter--final{--pin: 130svh}.story__text{position:sticky;top:var(--s-top);height:var(--s-stage)}.story__panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.story__fade{opacity:0;transition:opacity .16s ease-out}.story__fade.is-on{opacity:1;transition:opacity .26s var(--ease-out) .16s}.story.is-jump .story__fade{transition:none}.story.is-live .story__card:not(.is-on){pointer-events:none}.story__cover{position:absolute;left:var(--edge);top:clamp(24px,5vh,48px);max-width:min(13.5em,calc(100% - 2 * var(--edge)));font:600 clamp(44px,min(4.7vw,9vh),88px)/.95 var(--f-title);letter-spacing:-.035em;text-wrap:balance}.story__card{position:absolute;left:var(--edge);bottom:var(--pad);width:min(var(--card-w),calc(100% - 2 * var(--edge)));display:flex;flex-direction:column;border:1px solid rgb(27 31 29 / .7);background:var(--card);pointer-events:auto}.story__card--chapter{min-height:var(--card-h, 0)}.story__body{flex:1 0 auto}.story__meta{display:flex;flex-wrap:wrap;gap:0 .6em;padding:11px 20px 10px;border-bottom:1px solid var(--hair);font:500 11px/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--ink)}.story__card--intro .story__meta{display:block}.story__body{padding:18px 20px}.story__title{font:600 clamp(30px,min(2.4vw,5vh),42px)/1.02 var(--f-title);letter-spacing:-.03em;text-wrap:balance}.story__lead{margin-top:10px;max-width:60ch;font:400 16px/1.5 var(--font);color:var(--ink-2);text-wrap:pretty}.story__body>.story__lead:first-child{margin-top:0;font-size:17px;color:var(--ink)}.story__stat{display:grid;gap:6px;margin:0;padding:14px 20px 16px;border-top:1px solid var(--hair)}.story__stat strong{font:600 clamp(32px,min(2.5vw,5.4vh),44px)/1 var(--f-title);letter-spacing:-.03em;color:var(--red);font-variant-numeric:lining-nums}.story__stat span{font:500 11px/1.35 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.story__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:16px 20px 18px;border-top:1px solid var(--hair)}.story__ctas .btn{min-height:48px}.story__fine{padding:0 20px 14px;font-size:12px;line-height:1.4;color:var(--ink-2)}.story__notes{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.story__cue{position:absolute;z-index:1;left:var(--edge);bottom:var(--pad);width:min(var(--card-w),calc(100% - 2 * var(--edge)));display:flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:6px 20px;border:1px solid var(--accent);border-radius:0;background:var(--accent);color:#fff;cursor:pointer;pointer-events:auto;font:600 15px/1.2 var(--font);letter-spacing:.01em;text-align:left;transform:translateY(calc(1px - var(--cue-chapter, 0px)));transition:transform .42s var(--ease-out),background-color .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out)}.story:has(.story__card--intro.is-on) .story__cue{transform:translateY(calc(1px - var(--cue-intro, 0px)))}.story:has(.story__card--final.is-on) .story__cue{transform:translateY(calc(1px - var(--cue-final, 0px)))}.story:has(.story__card--final.is-on) .story__cue{background:var(--card);color:var(--ink);border-color:#1b1f1db3}.story.is-jump .story__cue{transition:none}.story__cue:active{background:var(--accent-hover)}.story__cue:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.story__cue-ico{flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.story__cue-ico--touch{height:32px}.story__cue-txt{display:flex;flex-wrap:wrap;gap:0 .28em;min-width:0}.story__cue-ends{display:grid}.story__cue-end{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity .16s ease-out,visibility 0s .16s}.story__cue-end--chapter,.story:has(.story__card--intro.is-on) .story__cue-end--intro,.story:has(.story__card--final.is-on) .story__cue-end--final{opacity:1;visibility:visible;transition:opacity .26s var(--ease-out) .16s}.story:has(.story__card--intro.is-on,.story__card--final.is-on) .story__cue-end--chapter{opacity:0;visibility:hidden;transition:opacity .16s ease-out,visibility 0s .16s}.story.is-jump .story__cue .story__cue-end{transition:none}.story__cue-ico--mouse,.story__cue-verb--mouse{display:none}@media(hover:hover)and (pointer:fine){.story__cue-ico--touch,.story__cue-verb--touch{display:none}.story__cue-ico--mouse,.story__cue-verb--mouse{display:block}.story__cue:hover{background:var(--accent-hover)}}@media(prefers-reduced-motion:no-preference){.story__cue-ico--touch{animation:cue-swipe 2s var(--ease-out) .6s 2 both}.story__cue-ico--mouse path{animation:cue-wheel 1.6s var(--ease-out) .6s 3 both}.story__cue.is-again .story__cue-ico--touch{animation:cue-swipe 2s var(--ease-out) both}.story__cue.is-again .story__cue-ico--mouse path{animation:cue-wheel 1.6s var(--ease-out) both}.story__cue.is-quiet :is(.story__cue-ico--touch,.story__cue-ico--mouse path){animation:none}.story__cue.is-nudge svg.story__cue-ico{animation:cue-hop .7s var(--ease-out) 2}}@keyframes cue-swipe{0%,8%{opacity:1;transform:none}48%{opacity:1;transform:translateY(-8px)}60%{opacity:0;transform:translateY(-10px)}61%{opacity:0;transform:translateY(8px)}86%,to{opacity:1;transform:none}}@keyframes cue-wheel{0%,15%{opacity:1;transform:none}55%{opacity:1;transform:translateY(4px)}66%{opacity:0;transform:translateY(5px)}67%{opacity:0;transform:none}80%,to{opacity:1;transform:none}}@keyframes cue-hop{0%,to{transform:none}40%{transform:translateY(-7px)}}.story__ruler{position:absolute;z-index:4;left:calc(var(--edge) + 1px);bottom:calc(var(--pad) + 1px);width:calc(min(var(--card-w),100% - 2 * var(--edge)) - 2px);height:10px;overflow:hidden;pointer-events:none;background:linear-gradient(90deg,rgb(27 31 29 / .5) 1px,transparent 1px) 0 100% / calc((100% - 1px) / var(--n, 9)) 5px repeat-x}.story__ruler i{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--ink);transform:translate(-100%)}.story__ruler i:after{content:"";position:absolute;right:-2px;bottom:0;width:2px;height:10px;background:var(--red)}@media(min-width:1180px)and (max-height:760px){.story__body{padding:14px 20px}.story__stat{padding:10px 20px 12px}.story__ctas{padding:12px 20px 14px}}@media(max-width:1179px){.story{--edge: 16px;--pad: max(12px, env(safe-area-inset-bottom));--pin: 85svh}.story__index{display:none}.story__card,.story__cue{width:auto;right:var(--edge);max-width:600px}.story__cue{padding-inline:16px}.story__ruler{width:auto;right:calc(var(--edge) + 1px);max-width:598px}.story__cover{top:18px;font-size:clamp(30px,8.6vw,48px);letter-spacing:-.04em;max-width:calc(100% - 2 * var(--edge))}.story__meta{padding:9px 16px 8px}.story__body{padding:12px 16px}.story__title{font-size:clamp(26px,7vw,36px)}.story__lead{margin-top:6px;font-size:16px;line-height:1.45}.story__body>.story__lead:first-child{font-size:16px}.story__stat{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:10px 16px 12px}.story__stat span{flex:1 1 150px}.story__stat strong{font-size:clamp(24px,6.4vw,30px);white-space:nowrap}.story__ctas{flex-wrap:nowrap;gap:16px;padding:10px 16px 12px}.story__ctas .btn{flex:1 1 auto;min-height:46px;padding-inline:16px}.story__ctas .link{flex:none}.story__callout-label{max-width:190px}.story__callout-txt span{font-size:12px}.story__chapter--intro{--pin: 170svh}.story__callout.is-on .story__callout-line path{transition:stroke-dashoffset .25s var(--ease-out) .05s}.story__callout.is-on .story__callout-label{transition:opacity .2s var(--ease-out) .2s}}@media(min-width:1180px){.story__card:not(.story__card--intro) .story__of{display:none}}#contact:focus{outline:none}#contact{scroll-margin-top:calc(-16px - var(--header-h))}@media(max-width:699px),(max-width:1179px)and (max-height:499px)and (min-aspect-ratio:8/5){.story__callout-txt span{display:none}.story.is-live .story__notes{position:static;display:grid;gap:6px;width:auto;height:auto;margin:0;padding:10px 16px 12px;overflow:visible;clip:auto;border-top:1px solid var(--hair);white-space:normal;list-style:none;font:400 13px/1.4 var(--font);color:var(--ink-2);text-wrap:pretty}.story__notes li{position:relative;min-height:20px;padding-left:30px}.story__notes li:before{content:attr(data-k);position:absolute;left:0;top:-1px;display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--red);border-radius:50%;color:var(--red);font:500 11px/1 var(--f-mono)}.story__notes strong{font-weight:600;color:var(--ink)}}@media(max-width:699px){.story__meta,.story__stat span,.story__callout-txt strong{font-size:12px;letter-spacing:.06em}.story__callout-num{width:22px;height:22px;font-size:11px}.story__callout-label{max-width:170px}.story__callout-txt strong{text-wrap:balance}}@media(max-width:380px){.story__cue{gap:8px;padding-inline:12px;font-size:14px}}@media(max-width:1179px)and (max-height:499px)and (min-aspect-ratio:8/5){.story__card,.story__cue{right:auto;width:min(var(--card-w),46%)}.story__cue{gap:8px;min-height:40px;padding:4px 12px;font-size:13px}.story__ruler{right:auto;width:calc(min(var(--card-w),46%) - 2px)}.story__cover{font-size:clamp(26px,9vh,40px)}.story__title{font-size:clamp(22px,7vh,30px)}.story__meta{padding-block:6px 5px}.story__body{padding-block:10px}.story__stat{padding-block:8px 10px}.story__stat strong{font-size:clamp(22px,7vh,30px)}.story__stat span{flex-basis:120px}.story__ctas{padding-block:8px 10px}.story__ctas .btn{min-height:44px}.story__callout-txt span{display:block}.story.is-live .story__notes{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}@media(max-width:1179px)and (max-height:340px)and (min-aspect-ratio:8/5){.story.is-live .story__card--intro .story__body{display:none}}@media(max-width:1179px)and (max-height:700px){.story__lead{display:none}.story__body>.story__lead:first-child{display:block}}@media(prefers-reduced-motion:reduce){.story__canvas,.story__lines{transition:none}.story__callout .story__callout-line path{stroke-dashoffset:0;transition:none}.story__callout{opacity:0;transition:opacity .2s}.story__callout.is-on{opacity:1}.story__callout .story__callout-dot,.story__callout .story__callout-label{opacity:1;transition:none}}.story.no-3d .story__stage{display:none}.story.no-3d .story__chapters{margin-top:0;pointer-events:auto;padding:calc(var(--s-top) + 32px) 0 32px}.story.no-3d .story__chapter{height:auto;margin:0;padding:0 var(--edge) 24px}.story.no-3d .story__text{position:static;height:auto;display:grid;gap:24px}.story.no-3d :is(.story__cover,.story__card){position:static;opacity:1;transform:none;filter:none}.story.no-3d .story__card{max-width:640px}.story.no-3d .story__notes{position:static;width:auto;height:auto;margin:0;padding:0 20px 16px;clip:auto;overflow:visible;white-space:normal;list-style:none;color:var(--ink-2)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/story.css.map */