.b2h-scene-motion{--b2h-depth-progress: 0}.b2h-scene-motion .b2h-brand-home__hero{--b2h-hero-frame-progress: clamp(0, calc(var(--b2h-depth-progress) * 2), 1);--b2h-hero-frame-edge: max(0px, calc(var(--b2h-brand-gutter) - var(--b2h-space-xs)));--b2h-hero-frame-base: var(--b2h-space-xl);--b2h-hero-frame-radius: var(--b2h-radius-card);--b2h-hero-photo-depth: .035;overflow:clip}.b2h-scene-motion__hero-control{position:absolute;inset-block-start:var(--b2h-space-lg);inset-inline-end:var(--b2h-brand-gutter);z-index:1}@supports (clip-path: inset(0 round 1px)){.b2h-scene-motion[data-material-state=ready] .b2h-brand-home__hero{background:var(--b2h-color-surface)}.b2h-scene-motion[data-material-state=ready] .b2h-brand-home__hero-media{background:var(--b2h-color-ink);clip-path:inset(0 calc(var(--b2h-hero-frame-edge) * var(--b2h-hero-frame-progress)) calc(var(--b2h-hero-frame-base) * var(--b2h-hero-frame-progress)) round calc(var(--b2h-hero-frame-radius) * var(--b2h-hero-frame-progress)))}}.b2h-scene-motion[data-material-state=ready] .b2h-brand-home__hero-media img{transform:scale(calc(1 + var(--b2h-depth-progress) * var(--b2h-hero-photo-depth)))}.b2h-scene-motion .b2h-brand-paths{--b2h-path-image-scale: 1.045;--b2h-path-arrow-travel: calc(var(--b2h-space-xs) / 2)}.b2h-scene-motion .b2h-brand-paths__media>img{transition:transform var(--b2h-motion-base) var(--b2h-ease-out)}.b2h-scene-motion .b2h-brand-paths__arrow{transform:none;transition:background-color var(--b2h-motion-fast),color var(--b2h-motion-fast)}.b2h-scene-motion .b2h-brand-paths__arrow svg{transition:transform var(--b2h-motion-base) var(--b2h-ease-out)}.b2h-scene-motion .b2h-brand-paths__link:is(:focus-visible,:active,[data-b2h-press=true]) .b2h-brand-paths__arrow{color:var(--b2h-color-surface);background:var(--b2h-color-action)}.b2h-scene-motion .b2h-brand-paths__link:is(:focus-visible,:active,[data-b2h-press=true]) .b2h-brand-paths__label{text-decoration:underline;text-underline-offset:.2em}.b2h-scene-motion:where([data-material-state=ready]) .b2h-brand-paths__link:focus-visible .b2h-brand-paths__media>img{transform:scale(var(--b2h-path-image-scale))}@media(hover:hover)and (pointer:fine){.b2h-scene-motion .b2h-brand-paths__link:hover .b2h-brand-paths__arrow{color:var(--b2h-color-surface);background:var(--b2h-color-action)}.b2h-scene-motion .b2h-brand-paths__link:hover .b2h-brand-paths__label{text-decoration:underline;text-underline-offset:.2em}.b2h-scene-motion:where([data-material-state=ready]) .b2h-brand-paths__link:hover .b2h-brand-paths__media>img{transform:scale(var(--b2h-path-image-scale))}.b2h-scene-motion:where([data-material-state=ready]) .b2h-brand-paths__link:hover .b2h-brand-paths__arrow svg{transform:translate(var(--b2h-path-arrow-travel))}}.b2h-scene-motion .b2h-brand-home__guide-list{--b2h-guide-arrow-travel: calc(var(--b2h-space-xs) / 2)}.b2h-scene-motion .b2h-brand-home__guide-link{padding-inline:var(--b2h-space-md);border-radius:var(--b2h-radius-control);transition:background-color var(--b2h-motion-fast)}.b2h-scene-motion .b2h-brand-home__guide-link>div{min-inline-size:0}.b2h-scene-motion .b2h-brand-home__guide-link>svg{transform:none;transition:none}.b2h-scene-motion:where([data-material-state=ready]) .b2h-brand-home__guide-link>svg{transition:transform var(--b2h-motion-base) var(--b2h-ease-out)}.b2h-scene-motion .b2h-brand-home__guide-link:is(:focus-visible,:active,[data-b2h-press=true]){background:var(--b2h-color-sage-soft)}.b2h-scene-motion .b2h-brand-home__guide-link:is(:focus-visible,:active,[data-b2h-press=true]) .b2h-brand-home__guide-title{text-decoration:underline;text-underline-offset:.2em}.b2h-scene-motion:where([data-material-state=ready]) .b2h-brand-home__guide-link:focus-visible>svg{transform:translate(var(--b2h-guide-arrow-travel))}@media(hover:hover)and (pointer:fine){.b2h-scene-motion .b2h-brand-home__guide-link:hover{background:var(--b2h-color-sage-soft)}.b2h-scene-motion:where([data-material-state=ready]) .b2h-brand-home__guide-link:hover>svg{transform:translate(var(--b2h-guide-arrow-travel))}}.b2h-scene-motion__story-control{display:flex;justify-content:end;min-block-size:var(--b2h-control-height);margin-block:calc(-1 * var(--b2h-space-md)) var(--b2h-space-lg)}.b2h-story-scroll--spatial{--b2h-scene-arrival: 0;--b2h-scene-radius: var(--b2h-radius-control)}.b2h-story-scroll--spatial .b2h-story-scroll__scene{isolation:isolate}.b2h-story-scroll__frame{inline-size:100%;aspect-ratio:16 / 10;max-block-size:min(var(--b2h-scene-frame-max),calc(100svh - var(--b2h-story-top) - var(--b2h-space-xl)));overflow:clip;border-radius:var(--b2h-scene-radius);transform-origin:center top}.b2h-story-scroll__frame>img{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:center 46%}.b2h-story-scroll--spatial .b2h-story-scroll__continuation{position:relative;z-index:2;display:block;margin-block-start:calc(-1 * var(--b2h-scene-panel-overlap));padding:var(--b2h-space-2xl);border:var(--b2h-control-border-width) solid var(--b2h-color-line);border-radius:var(--b2h-scene-radius);background:var(--b2h-color-surface);box-shadow:var(--b2h-shadow-low)}.b2h-story-scroll--spatial .b2h-story-moment__next{display:block;max-inline-size:10ch;margin-block-end:var(--b2h-space-lg);font-size:clamp(var(--b2h-text-title),5vw,var(--b2h-text-display-lg));line-height:1.08;text-wrap:balance}.b2h-story-scroll--spatial .b2h-story-moment__body{display:block;max-inline-size:28ch}.b2h-story-scroll--spatial .b2h-home-moments__product{inline-size:100%}.b2h-mega-product--story .b2h-mega-product__link{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:var(--b2h-space-2xl);row-gap:var(--b2h-space-lg);padding:0;border:0;border-radius:var(--b2h-radius-card);background:transparent}.b2h-mega-product--story .b2h-mega-product__link:is(:hover,:focus-visible,:active,[data-b2h-press=true]){box-shadow:none;transform:none}.b2h-mega-product--story .b2h-mega-product__link:is(:hover,:focus-visible) .b2h-mega-product__image{transform:none}.b2h-mega-product--story .b2h-mega-product__intro{grid-column:1;grid-row:1;align-self:end}.b2h-mega-product--story .b2h-mega-product__media{grid-column:2;grid-row:1 / span 2;transform-origin:center bottom}.b2h-mega-product--story .b2h-mega-product__body{grid-column:1;grid-row:2;align-self:start;gap:var(--b2h-space-sm)}.b2h-mega-product--story :is(h3,h4){font-size:var(--b2h-text-title)}.b2h-mega-product--story .b2h-mega-product__action{color:var(--b2h-color-action);font-size:var(--b2h-text-body);font-weight:600;text-decoration:underline;text-underline-offset:.2em}.b2h-scene-motion[data-material-state=ready] .b2h-story-scroll--spatial .b2h-story-scroll__frame{transform:scale(calc(1 - var(--b2h-scene-arrival) * var(--b2h-scene-frame-recede)))}.b2h-scene-motion[data-material-state=ready] .b2h-story-scroll--spatial .b2h-mega-product__media{transform:scale(calc(1 - (1 - var(--b2h-scene-arrival)) * var(--b2h-scene-product-reveal)))}.b2h-scene-motion[data-material-state=ready] .b2h-story-scroll--spatial[data-story-scroll-state=active] :is(.b2h-story-scroll__frame,.b2h-mega-product__media){will-change:transform}.b2h-scene-motion[data-material-state=ready] .b2h-story-scroll--spatial .b2h-home-moments__product:focus-within .b2h-mega-product__media{transform:none}@media(prefers-reduced-motion:no-preference){.b2h-story-scroll--spatial[data-story-pinned]>.b2h-story-scroll__scene{position:sticky;inset-block-start:var(--b2h-story-top)}}@media(max-width:989px){.b2h-scene-motion{--b2h-scene-hero-travel: var(--b2h-space-lg);--b2h-scene-story-travel: var(--b2h-space-lg)}.b2h-story-scroll--spatial{--b2h-scene-panel-overlap: var(--b2h-space-xl)}.b2h-story-scroll__frame{aspect-ratio:4 / 5;max-block-size:65svh}.b2h-story-scroll--spatial .b2h-story-scroll__continuation{padding:var(--b2h-space-lg)}.b2h-story-scroll--spatial .b2h-story-moment__next{max-inline-size:none;font-size:var(--b2h-brand-title-size);margin-block-end:var(--b2h-space-sm)}.b2h-story-scroll--spatial .b2h-story-moment__body{max-inline-size:40ch}.b2h-mega-product--story .b2h-mega-product__link{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:var(--b2h-space-lg)}.b2h-mega-product--story :is(.b2h-mega-product__intro,.b2h-mega-product__media,.b2h-mega-product__body){grid-column:auto;grid-row:auto}}@media(prefers-reduced-motion:reduce),(prefers-contrast:more),(forced-colors:active){.b2h-scene-motion[data-material-state=ready] .b2h-brand-home__hero{background:var(--b2h-color-ink)}.b2h-scene-motion[data-material-state=ready] .b2h-brand-home__hero-media{clip-path:none}.b2h-scene-motion .b2h-brand-home__guide-link{transition:none}.b2h-scene-motion:where([data-material-state=ready]) .b2h-brand-home__guide-link>svg{transform:none;transition:none}.b2h-scene-motion[data-material-state=ready] .b2h-brand-home__hero-media img,.b2h-scene-motion:where([data-material-state=ready]) .b2h-brand-paths__link:is(:hover,:focus-visible) :is(.b2h-brand-paths__media>img,.b2h-brand-paths__arrow svg){transform:none;transition:none}.b2h-story-scroll--spatial[data-story-pinned]>.b2h-story-scroll__scene{position:relative;inset-block-start:auto}.b2h-scene-motion[data-material-state=ready] :is(.b2h-brand-home__hero-media,.b2h-brand-home__headline){transform:none}.b2h-scene-motion[data-material-state=ready] .b2h-story-scroll--spatial :is(.b2h-story-scroll__frame,.b2h-mega-product__media){transform:none}}@media(min-width:600px)and (max-width:989px){.b2h-story-scroll__frame{aspect-ratio:3 / 2}}@media(max-height:599px){.b2h-story-scroll__frame{max-block-size:none;aspect-ratio:16 / 10}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/b2h-home-scene-motion.css.map */