@media screen and (min-width:1000px){html{scroll-snap-type:y mandatory;scroll-padding-block-start:var(--c-sticky-height);scroll-behavior:auto}}.c-story{background-color:rgb(var(--c-story-background));color:rgb(var(--c-story-text));--c-story-stage: calc(100dvh - var(--c-sticky-height));--c-story-step: min(400px, calc(var(--c-story-stage) * .8));--c-story-send-duration: var(--motion-duration-dissolve);--c-story-send-lag: .18s}.c-story__layout{max-width:var(--c-container-max);margin-inline:auto;padding-inline:var(--c-gutter)}@media screen and (min-width:1000px){.c-story__layout{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:var(--sp-48);align-items:start}}.c-story__aside{padding-block:var(--sp-32)}@media screen and (min-width:1000px){.c-story__aside{position:sticky;top:var(--c-sticky-height);display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(100dvh - var(--c-sticky-height));padding-block:var(--sp-64)}}.c-story__title{margin:0;font-family:var(--c-font-heading);font-size:var(--fs-heading);font-weight:var(--heading-font-weight);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);text-transform:uppercase}.c-story__sku{margin:var(--sp-8) 0 0;font-size:var(--fs-meta);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);text-transform:uppercase;opacity:.7}.c-story__description{max-width:var(--c-measure);margin-block-start:var(--sp-24);font-size:var(--fs-body);line-height:var(--lh-body)}.c-story__nav{display:grid;grid-template-columns:repeat(2,max-content);gap:var(--sp-8) var(--sp-24);margin-block-start:var(--sp-32)}.c-story__nav-item[aria-current=true]{opacity:1}.c-story__nav-item{opacity:.55;color:inherit;text-decoration:none;font-family:var(--c-font-heading);font-size:var(--fs-meta);font-weight:var(--heading-font-weight);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);text-transform:uppercase;cursor:pointer;transition:opacity var(--motion-duration-ui) var(--motion-ease-ui),translate var(--motion-duration-ui) var(--motion-ease-ui)}.c-story__scene{padding-block:var(--sp-48);scroll-snap-align:start}@media screen and (max-width:999px){html{scroll-snap-type:y proximity;scroll-padding-block-start:var(--c-sticky-height)}}@media screen and (min-width:1000px){.c-story__scene{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - var(--c-sticky-height));padding-block:var(--sp-64);scroll-snap-stop:always}.c-reveal-ready .c-story__scene{opacity:1;transform:none;transition:none}}.c-story__scene--images{--motion-distance: 0px}@supports (animation-timeline: view()){@media screen and (max-width:999px){.c-reveal-ready .c-story__scene{opacity:1;transform:none;transition:none;animation:c-story-enter linear both;animation-timeline:view();animation-range:entry 0% entry 70%}}}@keyframes c-story-enter{0%{opacity:0;transform:translateY(calc(var(--motion-distance, 24px) * -1))}}@media(prefers-reduced-motion:reduce){.c-reveal-ready .c-story__scene{animation:none;opacity:1;transform:none}}.c-story__exit{display:block;scroll-snap-align:start}@media screen and (min-width:1000px){.c-footer{scroll-snap-align:end}}@media screen and (min-width:1000px){.c-band{scroll-snap-align:start}}.c-story__heading{margin:0 0 var(--sp-24);font-family:var(--c-font-heading);font-size:var(--fs-heading);font-weight:var(--heading-font-weight);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);text-transform:uppercase}.c-story__gallery{position:relative}.c-story__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:0}@media screen and (min-width:1000px){.c-story__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.c-story__frame{margin:0}.c-story .c-story__layer--spare,.c-story .c-story__steps,.c-story .c-story__lens,.c-story .c-story__zoom-image{display:none}@media screen and (min-width:1000px){.c-story--live .c-story__scene--images{display:block;min-height:0;padding-block:0;scroll-snap-align:none}.c-story--live .c-story__aside{min-height:0;height:var(--c-story-stage);padding-block:var(--sp-48)}.c-story--live .c-story__stage{position:sticky;inset-block-start:var(--c-sticky-height);display:flex;align-items:center;height:var(--c-story-stage)}.c-story--live .c-story__grid{width:min(100%,calc((var(--c-story-stage) - var(--sp-48)) * 1070 / 714));margin-inline-end:auto}.c-story--live .c-story__grid .c-story__frame:not(.c-story__pane){display:none}.c-story--live .c-story__pane{position:relative;isolation:isolate;aspect-ratio:535 / 714;background-color:rgb(var(--c-story-background))}.c-story--live .c-story__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:opacity var(--c-story-send-duration) var(--motion-ease);will-change:opacity}.c-story--live .c-story__layer--spare{opacity:0}.c-story--live .c-story__layer--spare,.c-story--live .c-story__lens,.c-story--live .c-story__zoom-image{display:block}.c-story--live [data-story-pane="1"] .c-story__layer{transition-delay:var(--c-story-send-lag)}.c-story--live .c-story__steps{display:block;margin-block-start:calc(var(--c-story-stage) * -1);pointer-events:none}.c-story--live .c-story__step{height:var(--c-story-step);scroll-snap-align:start;scroll-snap-stop:always}.c-story--live .c-story__step:last-child{height:var(--c-story-stage)}.c-story--live .c-story__meter-rail{padding-block-start:var(--sp-24)}.c-story--live .c-story__meter{position:static}.c-story--live .c-story__more{display:none}}@media(prefers-reduced-motion:reduce){.c-story--live .c-story__layer{transition:none}}.c-story__rail{display:flex;gap:var(--sp-16);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.c-story__rail::-webkit-scrollbar{display:none}.c-story__rail .c-story__frame{flex:0 0 auto}.c-story__rail .c-story__image{width:auto;max-width:100%;max-height:70dvh;height:auto;aspect-ratio:auto;object-fit:contain}.c-story__image{display:block;width:100%;aspect-ratio:535 / 714;height:auto;object-fit:cover}.c-story__more{display:flex;width:fit-content;margin-block-start:var(--sp-32);margin-inline-start:auto;padding:0;border:0;background:none;cursor:pointer}.c-story__more[hidden]{display:none}.c-story__zoom{position:absolute;z-index:2;display:block;overflow:hidden;width:calc(535 * var(--c-story-unit, 0px));height:calc(535 * var(--c-story-unit, 0px));background-color:rgb(var(--c-story-background));opacity:0;pointer-events:none;transition:opacity var(--motion-duration-ui) var(--motion-ease-ui)}.c-story__zoom[data-on]{opacity:1}.c-story__zoom-image{position:absolute;inset-block-start:0;inset-inline-start:0;max-width:none;width:calc(535 * var(--c-story-unit, 0px) * 554 / 180);height:calc(714 * var(--c-story-unit, 0px) * 554 / 180);object-fit:cover}.c-story__lens{position:absolute;z-index:3;display:block;width:calc(535 * var(--c-story-unit, 0px) * 180 / 554);height:calc(535 * var(--c-story-unit, 0px) * 180 / 554);border:1px solid currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-ui) var(--motion-ease-ui)}.c-story__lens[data-on]{opacity:1}@media(prefers-reduced-motion:reduce){.c-story__zoom,.c-story__lens{transition:none}}.c-story__meter-rail{position:absolute;inset-block:0;inset-inline-end:var(--sp-16);z-index:1;display:block;width:max-content;pointer-events:none}.c-story__meter{--c-story-meter: var(--c-white);position:sticky;inset-block-start:calc(var(--c-sticky-height) + var(--sp-24));display:flex;flex-direction:column;align-items:center;gap:var(--sp-12);margin:0;color:rgb(var(--c-story-meter));transition:color var(--motion-duration-ui) var(--motion-ease-ui)}.c-story__meter[data-tone=light]{--c-story-meter: var(--c-navy)}.c-story__counter{font-family:var(--c-font-heading);font-size:var(--fs-counter);font-weight:var(--c-weight-label);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);white-space:nowrap}.c-story__track{--c-story-track: 80px;position:relative;display:block;width:2px;height:var(--c-story-track);background-color:rgb(var(--c-story-meter, var(--c-white)) / .4);transition:background-color var(--motion-duration-ui) var(--motion-ease-ui)}.c-story__thumb{position:absolute;inset-inline:0;inset-block-start:0;display:block;height:var(--c-story-thumb-size, 12px);translate:0 var(--c-story-thumb-offset, 0px);background-color:rgb(var(--c-story-meter, var(--c-white)));transition:translate var(--motion-duration-ui) var(--motion-ease-ui),background-color var(--motion-duration-ui) var(--motion-ease-ui)}@media(prefers-reduced-motion:reduce){.c-story__thumb{transition:none}}.c-story__spec{display:grid;gap:var(--sp-16);margin:0}@media screen and (min-width:1000px){.c-story__spec{grid-template-columns:max-content minmax(0,1fr);gap:var(--sp-12) var(--sp-40)}}.c-story__spec-term{margin:0;font-family:var(--c-font-heading);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--c-tracking);text-transform:uppercase}.c-story__spec-value{max-width:var(--c-measure);margin:0;font-family:var(--c-font-heading);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--c-tracking);text-transform:uppercase}@media screen and (max-width:999px){.c-story__spec{display:block}.c-story__spec-term{opacity:.6}.c-story__spec-term+.c-story__spec-value{margin-block-start:var(--sp-4)}.c-story__spec-value+.c-story__spec-term{margin-block-start:var(--sp-24)}}.c-story__tech-list{display:flex;flex-wrap:wrap;gap:var(--sp-8) var(--sp-24);margin:0 0 var(--sp-24);padding:0;list-style:none}.c-story__tech{font-size:var(--fs-body);letter-spacing:var(--c-tracking);line-height:var(--lh-heading)}.c-story__colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-16);margin:0;padding:0;list-style:none}@media screen and (min-width:1000px){.c-story__colors{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.c-story__color{display:grid;gap:var(--sp-8);align-content:start;margin:0}.c-story__color-frame{display:grid;aspect-ratio:535 / 714}.c-story__color-frame>*{grid-area:1 / 1}.c-story__color-code{font-family:var(--c-font-heading);font-size:var(--fs-label);font-weight:var(--c-weight-label);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);text-transform:uppercase}.c-story__color-image{display:block;width:100%;height:100%;object-fit:cover}.c-story__color-frame .c-swatch{width:auto;height:auto}.c-story__sizes{display:flex;flex-wrap:wrap;gap:var(--sp-12) var(--sp-24);margin:0 0 var(--sp-24);padding:0;list-style:none}.c-story__size{font-family:var(--c-font-heading);font-size:var(--fs-ui);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);text-transform:uppercase}.c-story__size-info{margin:0 0 var(--sp-24);font-size:var(--fs-body);line-height:var(--lh-body)}.c-story__chart{font-size:var(--fs-body);line-height:var(--lh-body)}@media screen and (pointer:fine){.c-story__nav-item:hover{opacity:.6;translate:0 calc(var(--c-lift) * -1)}}.c-story__guide{margin:var(--sp-24) 0 0}.c-story__dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background-color:rgb(var(--c-bg));color:rgb(var(--c-navy));overflow-y:auto;overscroll-behavior:contain}@media screen and (min-width:1000px){.c-story__dialog{width:min(100% - var(--sp-96),72rem);height:auto;max-height:calc(100dvh - var(--sp-96));margin:auto}}.c-story__dialog::backdrop{background-color:rgb(var(--c-navy) / var(--c-scrim-caption))}.c-story__dialog-close{position:sticky;top:0;z-index:1;display:block;width:var(--sp-48);height:var(--sp-48);margin:var(--sp-8) var(--sp-8) calc(var(--sp-48) * -1) auto;padding:0;border:0;background:rgb(var(--c-bg));color:inherit;cursor:pointer}.c-story__dialog-close:before,.c-story__dialog-close:after{content:"";position:absolute;top:50%;left:50%;width:var(--sp-24);height:1px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}.c-story__dialog-close:after{transform:translate(-50%,-50%) rotate(-45deg)}@media screen and (pointer:fine){.c-story__dialog-close:hover{opacity:.6}}.c-story__dialog-body .c-band{padding-block:var(--sp-32) var(--sp-64)}.c-story__dialog-body[aria-busy=true]{min-height:50vh}html.is-dialog-open{overflow:hidden}@supports (animation-timeline: view()){@media screen and (min-width:1000px)and (prefers-reduced-motion:no-preference){.c-rail-band{overflow-x:clip}.c-rail-band .c-card{--c-drift: 12vw;animation:c-story-topics-drift linear both;animation-timeline:view();animation-range:entry 0% entry 100%}.c-rail-band .c-card:nth-child(2){--c-drift: 20vw}.c-rail-band .c-card:nth-child(n+3){--c-drift: 28vw}}}@keyframes c-story-topics-drift{0%{transform:translate(var(--c-drift))}to{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-product-story.css.map */