.hero{position:relative;overflow:hidden;padding-block:var(--pad-top, var(--space-5)) var(--pad-bottom, var(--space-6))}.hero__inner{position:relative;display:grid;gap:var(--space-6);align-items:center}.hero__content{position:relative;z-index:2;display:grid;justify-items:start;gap:var(--space-3)}.hero__eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-badge);background:var(--color-brand);color:var(--color-on-brand);font-size:.6875rem;font-weight:var(--font-body-weight-bold);letter-spacing:.08em;text-transform:uppercase}[dir=rtl] .hero__eyebrow{letter-spacing:0}.hero__eyebrow .icon{inline-size:14px;block-size:14px}.hero__rating .rating{font-size:var(--fs-sm)}.hero__heading{max-inline-size:16ch}.hero__heading.h2{max-inline-size:20ch}.hero__text{max-inline-size:52ch;color:var(--color-fg);font-size:var(--fs-lg);line-height:1.5}.price--hero{font-size:var(--fs-h4);align-items:center}.price--hero .price__badge{font-size:var(--fs-sm)}.hero__buttons{margin-block-start:var(--space-2)}@media(max-width:749px){.hero__buttons{inline-size:100%}.hero__buttons .button{flex:1 1 100%}}.hero__points{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding:0;list-style:none;color:var(--color-heading);font-size:var(--fs-sm);font-weight:var(--font-body-weight-semibold)}.hero__points li{display:inline-flex;align-items:center;gap:var(--space-2)}.hero__points .icon{inline-size:18px;block-size:18px;color:var(--color-link)}@media(max-width:989px){.hero--mobile-media-first .hero__visual{order:-1}.hero--mobile-media-first.hero--split{padding-block-start:var(--space-4)}}.hero__visual{position:relative}.hero__shape{display:none}@media(prefers-reduced-motion:no-preference){.motion .hero__chip{animation:hero-float 6s ease-in-out infinite alternate}.motion .hero__chip--2{animation-delay:-3s}.motion .hero__chip--3{animation-delay:-1.5s}}@keyframes hero-blob{to{border-radius:56% 44% 52% 48%/44% 56% 46% 54%;transform:rotate(6deg) scale(1.03)}}@keyframes hero-float{to{transform:translateY(-8px)}}.hero__media{position:relative;overflow:hidden;aspect-ratio:var(--ratio, 1/1);border-radius:var(--radius-image);background:var(--color-surface)}.hero__media img,.hero__media svg{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:var(--fit, cover)}.hero__img--mobile+.hero__img{display:none}@media(min-width:750px){.hero__img--mobile{display:none}.hero__img--mobile+.hero__img{display:block}}.hero__collage{position:relative;display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:var(--space-3);aspect-ratio:1}.hero__collage-item{position:relative;overflow:hidden;border-radius:var(--radius-image);background:var(--color-surface)}.hero__collage-item--1{grid-row:span 2}.hero__collage-item img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.hero__collage-item:hover img{transform:scale(1.04)}.hero__chip{position:absolute;z-index:3;display:flex;align-items:center;gap:var(--space-2);max-inline-size:220px;padding-block:var(--space-2);padding-inline:var(--space-2) var(--space-3);border-radius:var(--radius-card);background:var(--color-bg);color:var(--color-fg);box-shadow:var(--shadow-raised);font-size:var(--fs-xs);line-height:1.3}.hero__chip--1{inset-block-start:var(--space-3);inset-inline-start:var(--space-3)}.hero__chip--2{inset-block-end:var(--space-3);inset-inline-end:var(--space-3)}.hero__chip--3{inset-block-start:46%;inset-inline-end:-2%}.hero__chip-icon{display:grid;place-items:center;inline-size:32px;block-size:32px;flex:none;border-radius:var(--radius-icon);background:var(--color-tint);color:var(--color-link-on-tint)}.hero__chip-icon .icon{inline-size:18px;block-size:18px}.hero__chip-text{display:grid}.hero__chip-text strong{font-size:var(--fs-sm)}.hero__chip-text strong{color:var(--color-heading)}.hero__chip-text span{color:var(--color-fg)}@media(min-width:990px){.hero{padding-block:var(--pad-top, var(--space-7)) var(--pad-bottom, var(--space-7))}.hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px)}.hero--media-start .hero__visual{order:-1}.hero__chip{font-size:var(--fs-sm);max-inline-size:260px}}.hero--overlay{display:grid;min-block-size:min(88svh,760px);align-items:end;padding-block:var(--space-8) var(--space-7);color:var(--color-on-scrim)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-scrim)}.hero__bg img,.hero__bg svg{inline-size:100%;block-size:100%;object-fit:cover}.hero__bg-img--mobile+.hero__bg-img{display:none}@media(min-width:750px){.hero__bg-img--mobile{display:none}.hero__bg-img--mobile+.hero__bg-img{display:block}.hero--overlay{align-items:center}}.hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--color-scrim),transparent 75%),var(--color-scrim);opacity:var(--hero-overlay, .45)}@media(min-width:750px){.hero__bg:after{background:linear-gradient(to right,var(--color-scrim),transparent 80%),var(--color-scrim)}[dir=rtl] .hero__bg:after{background:linear-gradient(to left,var(--color-scrim),transparent 80%),var(--color-scrim)}}.hero--overlay .hero__text{color:inherit;opacity:.9}.hero--overlay .hero__heading{color:inherit}.hero--overlay .hero__eyebrow{background:var(--color-bg);color:var(--color-fg)}.hero--overlay .hero__points .icon,.hero--overlay .rating,.hero--overlay .rating__value,.hero--overlay .price__compare{color:inherit}.hero--overlay .button--secondary{--button-fg: var(--color-on-scrim);--button-border: var(--color-on-scrim);--button-hover: transparent}.hero--overlay .hero__inner{grid-template-columns:minmax(0,640px)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero.css.map */