.commerce-hero{width:100%;max-width:100%;min-width:0;padding-block:clamp(var(--space-6),5vw,var(--space-9));overflow:hidden}.commerce-hero__layout{display:grid;grid-template-columns:minmax(18rem,.88fr) minmax(30rem,1.12fr);align-items:center;gap:clamp(var(--space-6),5vw,var(--space-9));width:100%;min-width:0}.commerce-hero__copy,.commerce-hero__rotation{width:100%;max-width:100%;min-width:0}.commerce-hero__copy{position:relative;z-index:5;max-width:38rem}.commerce-hero__title{margin:var(--space-3) 0;font-size:clamp(2.5rem,1.55rem + 4vw,4.4rem);line-height:1.01}.commerce-hero__lead{max-width:35rem;margin:0 0 var(--space-5);color:var(--color-fg-muted);font-size:clamp(1.05rem,.98rem + .35vw,1.25rem);line-height:1.55}.commerce-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);min-width:0}.commerce-hero__actions .btn{max-width:100%;box-sizing:border-box}.commerce-hero__visual{display:grid;min-height:31rem;place-items:center;padding:1rem clamp(2.25rem,4vw,3rem) 1.5rem}.commerce-hero__fan{position:relative;width:min(100%,35rem);aspect-ratio:1.12 / 1;isolation:isolate}.commerce-hero__fan-card{position:absolute;top:7%;display:none;width:57%;aspect-ratio:1;overflow:hidden;border:0;border-radius:var(--radius-md);background:var(--color-surface-alt);box-shadow:0 16px 36px #26181129;color:#fff;text-decoration:none;transform-origin:50% 72%;transition:transform .44s var(--ease-out),box-shadow .3s var(--ease);animation:commerce-hero-deal-in .58s var(--ease-out) both;will-change:transform}.commerce-hero__fan-card.is-selected{display:block}.commerce-hero__fan-card--1{left:0;z-index:2;transform:rotate(-9deg) translateY(1.2rem);animation-delay:.05s}.commerce-hero__fan-card--2{left:50%;z-index:4;transform:translate(-50%) scale(1.07);animation-delay:.13s}.commerce-hero__fan-card--3{right:0;z-index:2;transform:rotate(9deg) translateY(1.2rem);animation-delay:.21s}.commerce-hero__fan-image{display:block;width:100%;height:100%;object-fit:cover}.commerce-hero__fan-card:hover{z-index:8;box-shadow:0 20px 42px #26181133}.commerce-hero__fan-card:focus-visible{outline:2px solid var(--color-fg);outline-offset:4px}.commerce-hero__fan:has(.commerce-hero__fan-card--1:is(:hover,:focus-visible)) .commerce-hero__fan-card--1{transform:rotate(-2deg) translate(-.25rem,-.85rem) scale(1.09)}.commerce-hero__fan:has(.commerce-hero__fan-card--1:is(:hover,:focus-visible)) .commerce-hero__fan-card--2{transform:translate(-39%) translateY(.6rem) scale(.98)}.commerce-hero__fan:has(.commerce-hero__fan-card--1:is(:hover,:focus-visible)) .commerce-hero__fan-card--3{transform:rotate(13deg) translate(1rem,1.5rem) scale(.96)}.commerce-hero__fan:has(.commerce-hero__fan-card--2:is(:hover,:focus-visible)) .commerce-hero__fan-card--1{transform:rotate(-13deg) translate(-1rem,1.45rem) scale(.96)}.commerce-hero__fan:has(.commerce-hero__fan-card--2:is(:hover,:focus-visible)) .commerce-hero__fan-card--2{transform:translate(-50%) translateY(-.85rem) scale(1.14)}.commerce-hero__fan:has(.commerce-hero__fan-card--2:is(:hover,:focus-visible)) .commerce-hero__fan-card--3{transform:rotate(13deg) translate(1rem,1.45rem) scale(.96)}.commerce-hero__fan:has(.commerce-hero__fan-card--3:is(:hover,:focus-visible)) .commerce-hero__fan-card--1{transform:rotate(-13deg) translate(-1rem,1.5rem) scale(.96)}.commerce-hero__fan:has(.commerce-hero__fan-card--3:is(:hover,:focus-visible)) .commerce-hero__fan-card--2{transform:translate(-61%) translateY(.6rem) scale(.98)}.commerce-hero__fan:has(.commerce-hero__fan-card--3:is(:hover,:focus-visible)) .commerce-hero__fan-card--3{transform:rotate(2deg) translate(.25rem,-.85rem) scale(1.09)}.commerce-hero__fan-card[hidden]{display:none!important}@keyframes commerce-hero-deal-in{0%{opacity:0;translate:0 1.6rem}to{opacity:1;translate:0 0}}@media(max-width:961px){.commerce-hero{padding-block:clamp(var(--space-5),7vw,var(--space-8)) var(--space-4)}.commerce-hero__layout{grid-template-columns:minmax(0,1fr);gap:clamp(var(--space-5),7vw,var(--space-7))}.commerce-hero__copy{max-width:42rem;margin-inline:auto;text-align:center}.commerce-hero__eyebrow{justify-content:center}.commerce-hero__lead{margin-inline:auto}.commerce-hero__actions{justify-content:center}.commerce-hero__rotation{min-width:0;overflow:hidden}.commerce-hero__visual{min-height:0;padding:.5rem 1rem}.commerce-hero__fan{width:min(72%,24rem);margin-inline:auto;aspect-ratio:1.12 / .94}}@media(max-width:620px){.commerce-hero{padding-block:var(--space-5) var(--space-4)}.commerce-hero__layout{gap:var(--space-5)}.commerce-hero__copy{text-align:left}.commerce-hero__eyebrow{justify-content:flex-start;max-width:100%}.commerce-hero__title{margin-top:var(--space-2);font-size:clamp(2.15rem,10vw,2.85rem);line-height:1.04;overflow-wrap:anywhere}.commerce-hero__lead{margin:0 0 var(--space-4);font-size:1rem;line-height:1.5}.commerce-hero__actions{width:100%}.commerce-hero__actions .btn{width:100%;min-height:3.25rem;justify-content:center;white-space:normal;text-align:center}.commerce-hero__visual{padding:.5rem .75rem 1rem}.commerce-hero__fan{width:min(86%,19rem)}}@media(prefers-reduced-motion:reduce){.commerce-hero__fan-card{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/hero-commerce-carousel.css.map */