.bento-hero{--split-hero-background: var(--bento-background);--split-hero-text: var(--bento-text);--split-hero-accent: var(--bento-accent);--split-hero-button-text: var(--bento-button-text);display:flex;flex-direction:column;justify-content:center;min-height:50vh;min-height:50svh;padding-block:var(--bento-padding-mobile);overflow:hidden;background:var(--bento-background);color:var(--bento-text)}.bento-hero .container{display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;width:100%;max-width:100%}.bento-hero__grid,.bento-hero__companions{display:grid;gap:var(--bento-gap)}.bento-hero__campaign{position:relative;min-height:clamp(42rem,110vw,58rem);overflow:hidden;border-radius:var(--bento-radius);background:var(--bento-campaign-background, transparent)}.bento-hero__campaign-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:end;justify-items:start;visibility:hidden;opacity:0;pointer-events:none}.bento-hero:not(.is-ready) .bento-hero__campaign-slide:first-child,.bento-hero__campaign-slide.is-active{visibility:visible;opacity:1;pointer-events:auto}.bento-hero[data-animate] .bento-hero__campaign-slide{transition:opacity .22s ease-out}.bento-hero__campaign-image,.bento-hero__campaign-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bento-hero__campaign-image{object-position:var(--bento-image-position-mobile, center)}.bento-hero__campaign-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 20%,color-mix(in srgb,var(--bento-overlay) 78%,transparent))}.bento-hero__dots{position:absolute;inset-inline:0;bottom:clamp(1.6rem,4vw,2.4rem);z-index:2;display:flex;justify-content:center;pointer-events:none}.bento-hero__dots .slider-dots{position:static;width:auto;pointer-events:auto}.bento-hero__dots .slider-dots li button:focus-visible{outline:2px solid var(--bento-accent);outline-offset:3px}.bento-hero[tabindex]:focus-visible{outline:2px solid var(--bento-accent);outline-offset:-4px}.bento-hero__campaign-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;max-width:64rem;padding:clamp(2rem,6vw,3.2rem);padding-block-end:clamp(2.4rem,5vw,3.2rem);color:var(--bento-campaign-text)}.bento-hero__eyebrow,.bento-hero__promotion-eyebrow{margin:0 0 1rem;color:var(--bento-campaign-text);font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.bento-hero__heading{margin:0;max-width:15ch;color:var(--bento-campaign-text);font-size:clamp(3.4rem,8vw,7rem);line-height:.98;text-wrap:balance}.bento-hero__text{margin-top:1.6rem;max-width:52ch;color:var(--bento-campaign-text);font-size:clamp(1.5rem,2vw,1.9rem)}.bento-hero__button{margin-top:2rem;border-color:var(--bento-accent);background:var(--bento-accent);color:var(--bento-button-text)}.bento-hero__companions{display:none;grid-auto-flow:column;grid-auto-columns:min(var(--bento-mobile-card-width),86vw);margin-top:var(--bento-gap);overflow-x:auto;scroll-snap-type:inline mandatory}.bento-hero__tile{min-width:0;overflow:hidden;border-radius:var(--bento-radius);background:var(--bento-tile-background, #ffffff)}.bento-hero__companions .bento-hero__tile{scroll-snap-align:start}.bento-hero__promotion{position:relative;display:grid;min-height:30rem}.bento-hero__promotion-image,.bento-hero__promotion-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bento-hero__promotion-content{position:relative;z-index:1;align-self:end;padding:2.4rem;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bento-overlay) 72%,transparent));color:var(--bento-campaign-text)}.bento-hero__promotion-heading{margin:0;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.05}.bento-hero__promotion-link{display:inline-block;margin-top:1.4rem;color:inherit}.bento-hero__products{display:none;grid-auto-flow:column;grid-auto-columns:min(var(--bento-mobile-card-width),86vw);gap:var(--bento-gap);margin-top:var(--bento-gap);overflow-x:auto;scroll-snap-type:inline mandatory;scrollbar-width:thin}.bento-hero__products .bento-hero__tile{scroll-snap-align:start}.bento-hero__products .split-hero-product{grid-template-columns:1fr}.bento-hero__products .split-hero-product__media{aspect-ratio:1 / 1}.bento-hero__tile .split-hero-product__image,.bento-hero__tile .split-hero-product__placeholder{object-fit:contain;padding:1.2rem}.bento-hero__button:hover,.bento-hero__button:focus-visible{border-color:var(--bento-accent);background:color-mix(in srgb,var(--bento-accent) 88%,#000000);color:var(--bento-button-text)}.bento-hero__button:focus-visible,.bento-hero__promotion-link:focus-visible{outline:2px solid var(--bento-accent);outline-offset:3px}@media(min-width:768px){.bento-hero{min-height:100vh;min-height:100svh;padding-block:var(--bento-padding)}.bento-hero__campaign-content{padding:clamp(2.4rem,7vw,5.6rem);padding-block-end:clamp(8rem,12vw,10rem)}.bento-hero--story .bento-hero__grid{grid-template-columns:minmax(0,1.75fr) minmax(30rem,1fr)}.bento-hero--story .bento-hero__campaign{min-height:68rem}.bento-hero--story .bento-hero__companions{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-rows:repeat(2,minmax(0,1fr));margin-top:0;overflow:visible}.bento-hero--story .bento-hero__companions>:only-child{grid-row:1 / -1}.bento-hero--story .bento-hero__promotion{min-height:0;height:100%}.bento-hero--story .split-hero-product{grid-template-columns:minmax(12rem,.8fr) minmax(0,1.2fr)}.bento-hero--story .split-hero-product__details{gap:.7rem;padding:2rem}.bento-hero--story .split-hero-product__title{font-size:clamp(1.8rem,2vw,2.6rem)}.bento-hero--commerce .bento-hero__campaign{min-height:clamp(38rem,38vw,52rem)}.bento-hero--commerce .split-hero-product{grid-template-columns:1fr}.bento-hero__campaign-image{object-position:var(--bento-image-position, center)}.bento-hero__products{display:grid;grid-auto-flow:row;grid-auto-columns:auto;overflow:visible}.bento-hero__products--2{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-hero__products--3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.bento-hero[data-animate] .bento-hero__campaign-slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-bento-hero.css.map */