.product-scroll-story{--product-scroll-story-landing-shift-x: -.024;--product-scroll-story-landing-shift-y: -.055;--product-scroll-story-lift: 80px;position:relative;isolation:isolate;overflow:clip;color:var(--product-scroll-story-color, var(--color-1));background:var(--product-scroll-story-background, var(--color-4))}.product-scroll-story-background{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(ellipse 85% 42% at 50% 0%,color-mix(in srgb,var(--color-6) 50%,transparent) 0%,transparent 100%),radial-gradient(ellipse 85% 42% at 50% 100%,color-mix(in srgb,var(--color-5) 50%,transparent) 0%,transparent 100%)}.product-scroll-story-stage{display:grid;grid-template-columns:minmax(0,1fr)}.product-scroll-story-visual,.product-scroll-story-panels{grid-area:1 / 1}.product-scroll-story-visual{position:sticky;z-index:3;top:calc(var(--fixed-header-height) - var(--product-scroll-story-lift));align-self:start;width:var(--product-scroll-story-visual-width, 400px);height:calc(100svh - var(--fixed-header-height));margin-right:auto;margin-left:auto;pointer-events:none}.product-scroll-story-canvas,.product-scroll-story-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.product-scroll-story-canvas{display:block;opacity:0;pointer-events:none}.product-scroll-story .state--docked{position:relative}.state--docked>.product-scroll-story-canvas{z-index:3}.product-scroll-story-fallback{transition:opacity 125ms ease-in-out}.product-scroll-story[data-ready=true] .product-scroll-story-canvas{opacity:1}.product-scroll-story[data-ready=true] .product-scroll-story-fallback{opacity:0}.product-scroll-story-panels{position:relative}.product-scroll-story .product-card-media img{z-index:-1}.product-scroll-story .product-card-media--cutout img{z-index:auto}.product-scroll-story .product-card-hover{z-index:4}.product-scroll-story-featured-collection-media.state--handed-over>img{visibility:hidden}@media(scripting:enabled){.product-scroll-story[data-settled=false] .product-card.state--landing .product-card-media{visibility:hidden}}.product-card-media.state--plate:before{position:absolute;z-index:-1;border-radius:inherit;background-image:var(--product-card-plate);background-position:center;background-size:cover;content:"";top:0;right:0;bottom:0;left:0}.product-card-media.state--plate img{opacity:0}.product-scroll-story-panel{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:var(--panel-scroll-length, 0px);padding-block:var(--block-space-top, 0px) var(--block-space-bottom, 0px)}.product-scroll-story-featured-collection-grid{--product-scroll-story-card-width: min(427px, calc((100cqi - (var(--s1) * 4)) / 3));width:100%;grid-template-columns:repeat(3,var(--product-scroll-story-card-width));justify-content:center}.product-scroll-story-panel--featured-collections{--container-gutter: var(--s1);container:featured-collections / inline-size}@media(pointer:fine){.product-scroll-story-panel--featured-collections component-scroll .scroll-track{padding-inline:0;margin-inline:0}}.product-scroll-story-featured-collection{--glass-rim: 1px;--glass-converge: 10px;--glass-depth: 28px;--glass-lit: 255, 255, 255;--glass-shade: 31, 57, 95;width:100%;grid-template-rows:auto minmax(0,1fr) auto;justify-self:center;padding:var(--s1);background-color:#ffffff0f;box-shadow:inset 0 0 0 var(--glass-rim) rgba(var(--glass-lit),.7),inset calc(var(--glass-converge) * -1) calc(var(--glass-converge) * -1) calc(var(--glass-converge) * 1.4) calc(var(--glass-converge) * -.8) rgba(var(--glass-lit),.36),inset calc(var(--glass-depth) * -1) calc(var(--glass-depth) * -1) calc(var(--glass-depth) * 1.2) calc(var(--glass-depth) * -.95) rgba(var(--glass-lit),.24),inset var(--glass-depth) var(--glass-depth) calc(var(--glass-depth) * 1.5) calc(var(--glass-depth) * -.95) rgba(var(--glass-shade),.11);backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15)}.product-scroll-story-featured-collection>.object-contain{min-height:0}.product-scroll-story-featured-collection-media>img{scale:min(.9,.855 * sqrt(.515 / var(--cutout-aspect, .515)))}.product-scroll-story-featured-collection-tagline{display:grid;width:var(--tagline-width, fit-content);transition:width .46s cubic-bezier(.4,0,.2,1)}.product-scroll-story-featured-collection-tagline>*{grid-area:1 / 1;overflow:hidden;white-space:nowrap;transition:opacity .4s ease}.product-scroll-story-featured-collection-tagline-default{padding:12px 14px;border-radius:999px;background:var(--color-5);font-weight:700}.product-scroll-story-featured-collection-tagline-shop.button{display:flex;height:auto;padding:12px 14px;opacity:0;font-size:var(--t0);font-weight:700;line-height:1.3;letter-spacing:.05em}.product-scroll-story-featured-collection:focus-visible .product-scroll-story-featured-collection-tagline,.product-scroll-story-featured-collection:hover .product-scroll-story-featured-collection-tagline{width:var(--tagline-width-hover, fit-content)}.product-scroll-story-featured-collection:focus-visible .product-scroll-story-featured-collection-tagline-default,.product-scroll-story-featured-collection:hover .product-scroll-story-featured-collection-tagline-default{opacity:0}.product-scroll-story-featured-collection:focus-visible .product-scroll-story-featured-collection-tagline-shop,.product-scroll-story-featured-collection:hover .product-scroll-story-featured-collection-tagline-shop{opacity:1}@media(max-width:767px),(pointer:coarse){.product-scroll-story-featured-collection:hover .product-scroll-story-featured-collection-tagline{width:var(--tagline-width, fit-content)}.product-scroll-story-featured-collection:hover .product-scroll-story-featured-collection-tagline-default{opacity:1}.product-scroll-story-featured-collection:hover .product-scroll-story-featured-collection-tagline-shop{opacity:0}}@media(prefers-reduced-motion:reduce){.product-scroll-story-featured-collection-tagline,.product-scroll-story-featured-collection-tagline>*{transition:none}}.product-scroll-story-featured-collection-footer{min-height:73px;align-items:end;justify-content:space-between}.product-scroll-story-featured-collection-description{width:198px;max-width:100%;line-height:1.2;letter-spacing:-.02em}.product-scroll-story-featured-collection-benefit-icon{font-size:38px;line-height:1}.product-scroll-story .text-upper{letter-spacing:.05em}.product-scroll-story ul{padding:0}.product-scroll-story-why{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--product-scroll-story-visual-width, 400px) minmax(0,1fr);padding-inline:calc(112px + var(--s1));column-gap:var(--s1);row-gap:17px;align-items:center}.product-scroll-story-why>p{padding-bottom:13px}.product-scroll-story-why>*,.product-scroll-story-reason-trigger{grid-column:1}.product-scroll-story-reason{display:contents}.product-scroll-story-reason-trigger{padding:0;border:0;opacity:.3;color:inherit;background:transparent;font:inherit;letter-spacing:-.02em;text-align:left;cursor:pointer;transition:opacity .3s ease-out}.product-scroll-story-reason-copy{position:absolute;z-index:1;top:50%;right:calc(112px + var(--s1));left:calc(50% + (var(--product-scroll-story-visual-width, 400px) / 2) + var(--s1));translate:0 -50%;opacity:0;visibility:hidden;letter-spacing:-.02em;transition:opacity .3s ease-out,visibility .3s}.product-scroll-story-reason.state--active .product-scroll-story-reason-trigger,.product-scroll-story-why:not(:has(.state--active)) .product-scroll-story-reason:not(.product-scroll-story-reason~.product-scroll-story-reason) .product-scroll-story-reason-trigger{opacity:1}.product-scroll-story-reason.state--active .product-scroll-story-reason-copy,.product-scroll-story-why:not(:has(.state--active)) .product-scroll-story-reason:not(.product-scroll-story-reason~.product-scroll-story-reason) .product-scroll-story-reason-copy{opacity:1;visibility:visible}.product-scroll-story-reason-icon{display:grid;width:2rem;height:2rem;flex:0 0 2rem;place-items:center}.product-scroll-story-collection-tabs-group{display:block}.product-scroll-story-collection-tabs-group:not(:first-child){margin-top:70px}.product-scroll-story-collection-tabs{overflow-x:auto;scrollbar-width:none}.product-scroll-story-collection-tabs::-webkit-scrollbar{display:none}.product-scroll-story-collection-tab{padding:0 0 6px;border:0;border-bottom:1px solid transparent;opacity:.3;color:inherit;background:transparent;font-family:var(--font-1);font-size:var(--t1);font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:opacity .3s ease-out}.product-scroll-story-collection-tab:hover,.product-scroll-story-collection-tab:focus-visible{opacity:1}.product-scroll-story-collection-tab[aria-selected=true]{border-bottom-color:currentColor;opacity:1}.product-scroll-story-product-track{--product-scroll-story-track-lead: var(--s1);--product-scroll-story-product-width: clamp(315px, 22vw, 380px);width:100%;grid-auto-flow:column;grid-auto-columns:var(--product-scroll-story-product-width, var(--product-scroll-story-card-width))}@media(pointer:fine){.product-scroll-story-panel component-scroll .product-scroll-story-product-track{padding-left:calc(50vw - 50% + var(--product-scroll-story-track-lead));scroll-padding-inline-start:var(--product-scroll-story-track-lead)}}@media(min-width:768px)and (max-width:1023px),(min-width:768px)and (pointer:coarse){.product-scroll-story-why{--product-scroll-story-why-center: min(var(--product-scroll-story-visual-width, 400px), 32vw);grid-template-columns:minmax(0,1fr) var(--product-scroll-story-why-center) minmax(0,1fr);padding-inline:var(--s1)}.product-scroll-story-reason-trigger .size-3,.product-scroll-story-reason .product-scroll-story-reason-copy{font-size:clamp(var(--t2),2.9vw,var(--t3))}.product-scroll-story-reason-copy{right:var(--s1);left:calc(50% + (var(--product-scroll-story-why-center) / 2) + var(--s1))}}@container featured-collections (width < 1340px){.product-scroll-story-featured-collection-grid{--product-scroll-story-card-width: clamp(280px, calc((100cqi - (var(--s1) * 2) - 24px) / 3), 427px);column-gap:12px;justify-content:start;justify-content:safe center}.product-scroll-story-featured-collection-grid>.product-scroll-story-featured-collection{border-radius:11px;aspect-ratio:278 / 433;background-color:rgba(var(--glass-lit),.3);box-shadow:0 0 16px 8px rgba(var(--glass-lit),.22),inset 0 0 0 var(--glass-rim) rgba(var(--glass-lit),.55),inset -14px -14px 24px -14px rgba(var(--glass-lit),.5),inset 16px 16px 30px -16px rgba(var(--glass-lit),.28);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.product-scroll-story-featured-collection{row-gap:0;text-align:center}.product-scroll-story-featured-collection-footer{flex-direction:column;align-items:center;gap:var(--s1)}.product-scroll-story-featured-collection-footer ul{gap:var(--s0)}.product-scroll-story-featured-collection-footer li>*+*{margin-top:var(--s-1)}.product-scroll-story-featured-collection-description{width:203px}.product-scroll-story-featured-collection-benefit-icon{font-size:28px}.product-scroll-story-featured-collection-tagline-default,.product-scroll-story-featured-collection-tagline-shop.button{padding:5px 9px;line-height:1}.product-scroll-story-featured-collection-tagline-default{font-size:var(--t-1)}.product-scroll-story-featured-collection-tagline-shop.button{font-size:var(--t-2)}}@media(max-width:767px){.product-scroll-story{color:var(--product-scroll-story-color-mobile, var(--product-scroll-story-color, var(--color-1)));background:var(--product-scroll-story-background-mobile, var(--product-scroll-story-background, var(--color-4)))}.product-scroll-story-visual{--product-scroll-story-visual-height: min(60svh, 32rem);top:calc(50svh - (var(--product-scroll-story-visual-height) / 2));width:var(--product-scroll-story-visual-width-mobile, 240px);height:var(--product-scroll-story-visual-height)}.product-scroll-story[data-mobile-animation=false] .product-scroll-story-canvas{display:none}.product-scroll-story-panel{min-height:calc(var(--panel-scroll-length-mobile, 0px) + var(--block-space-top-mobile, 0px) + var(--block-space-bottom-mobile, 0px));padding-block:var(--block-space-top-mobile, 0px) var(--block-space-bottom-mobile, 0px)}.product-scroll-story-why{width:100%;grid-template-columns:minmax(0,1fr);padding-inline:0;row-gap:15px;align-self:stretch;align-content:start;justify-items:center}.product-scroll-story-why>p{padding-bottom:15px;font-size:var(--t-1)}.product-scroll-story-reason-copy{top:auto;right:0;bottom:0;left:0;display:none;width:100%;max-width:280px;translate:none;margin-inline:auto;grid-column:1}.product-scroll-story-reason .product-scroll-story-reason-copy{line-height:1.3;letter-spacing:normal}.product-scroll-story-reason.state--active .product-scroll-story-reason-copy,.product-scroll-story-why:not(:has(.state--active)) .product-scroll-story-reason:not(.product-scroll-story-reason~.product-scroll-story-reason) .product-scroll-story-reason-copy{display:block}.product-scroll-story-collection-tabs-group:not(:first-child){margin-top:var(--s3)}.product-scroll-story-collection-tabs-group>*+*{margin-top:24px}.product-scroll-story-collection-tabs{gap:var(--s2)}.product-scroll-story-collection-tab{font-size:var(--t0)}.product-scroll-story-product-track{--product-scroll-story-product-width: 228px;column-gap:12px}.product-scroll-story .product-card>*+*{margin-top:15px}.product-scroll-story .product-card-media{border-radius:8px}.product-scroll-story .product-card-subhead,.product-scroll-story .product-reviews-badge,.product-scroll-story .product-price{font-size:var(--t-1)}.product-scroll-story .product-price{line-height:1.1}.product-scroll-story .product-card-heading{font-size:var(--t0);line-height:1.1}.product-scroll-story .product-reviews-badge{gap:var(--s-4)}.product-scroll-story .product-reviews-badge-star{width:11px}}@media(prefers-reduced-motion:reduce){.product-scroll-story-canvas{display:none}.product-scroll-story-fallback{opacity:1}}.product-scroll-story-collection-tablist{display:contents}@media(pointer:coarse){.product-scroll-story-collection-tabs{padding-block:9px;margin-block:-9px}.product-scroll-story-collection-tab{position:relative}.product-scroll-story-collection-tab:after{content:"";position:absolute;top:-9px;right:-8px;bottom:-9px;left:-8px}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-product-scroll-story.css.map */
