.hero{--hero-h: min(640px, 70vh)}.hero--h-sm{--hero-h: min(520px, 62vh)}.hero--h-lg{--hero-h: min(760px, 82vh)}.hero__carousel{--per-view: 1;--gap: 0px;--hero-edge: max(var(--gutter), calc((100vw - var(--page-width)) / 2));container-type:inline-size}@supports (width: 1cqw){.hero__carousel>*{--hero-edge: max(var(--gutter), calc((100cqw - var(--page-width)) / 2))}}.hero__track{align-items:stretch}.hero__slide{position:relative;display:grid;grid-template-rows:auto 1fr;background:var(--scheme-bg);color:var(--scheme-fg)}.hero__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--color-surface)}.hero__media picture{display:contents}.hero__img,.hero__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__img{object-position:var(--hero-fp-m, var(--hero-fp, 50% 50%))!important}.hero__panel{display:flex;align-items:center;min-width:0;padding:28px var(--gutter) 36px}.hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%;max-width:36rem}.hero__eyebrow{color:var(--scheme-fg);font-size:.8125rem}.hero__heading{font-size:clamp(2.25rem,1.25rem + 4.2vw,4.75rem);line-height:.96;letter-spacing:-.028em;text-wrap:balance}.hero__text{max-width:30rem;color:var(--scheme-muted);font-size:var(--fs-md);line-height:1.45;text-wrap:pretty}.hero__buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.hero__btn .icon{transition:transform var(--dur) var(--ease)}.hero__btn:hover .icon{transform:translate(3px)}.hero__watermark{right:-12%;bottom:-20%;width:min(74%,400px)}.scheme-dark .hero__watermark{opacity:.09}.hero__controls{position:absolute;z-index:3;top:calc(75vw - 58px);right:12px;gap:2px;margin:0;padding:4px 6px;border-radius:var(--radius-pill);background:#fffffff0;box-shadow:var(--shadow-md)}@supports (width: 1cqw){.hero__controls{top:calc(75cqw - 58px)}}.hero__controls .btn--outline{--btn-border: transparent}.hero__controls .btn:hover{background:var(--color-surface)}.hero__arrow,.no-js .hero__controls{display:none}.hero__dots{padding-inline:2px}@media(prefers-reduced-motion:no-preference){.hero__slide:first-child .hero__img{animation:hero-zoom 1.6s var(--ease) both}.hero__slide:first-child .hero__content>*{animation:hero-rise .7s var(--ease) both}.hero__slide:first-child .hero__content>:nth-child(2){animation-delay:80ms}.hero__slide:first-child .hero__content>:nth-child(3){animation-delay:.16s}.hero__slide:first-child .hero__content>:nth-child(4){animation-delay:.24s}}@keyframes hero-zoom{0%{transform:scale(1.06)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(16px)}}@media(min-width:750px){.hero__media{aspect-ratio:16 / 9}.hero__controls{top:calc(56.25vw - 58px);top:calc(56.25cqw - 58px)}.hero__panel{padding:36px var(--gutter) 44px}.hero__content{gap:16px}}@media(min-width:990px){.hero__slide{grid-template-rows:none;grid-template-columns:45fr 55fr;grid-template-areas:"panel media";min-height:var(--hero-h)}.hero__slide--img-left{grid-template-columns:55fr 45fr;grid-template-areas:"media panel"}.hero__media{grid-area:media;aspect-ratio:auto}.hero__img{object-position:var(--hero-fp, 50% 50%)!important}.hero__panel{grid-area:panel;padding:64px clamp(40px,4vw,72px) 80px var(--hero-edge)}.hero__slide--img-left .hero__panel{padding-inline:clamp(48px,5vw,88px) var(--hero-edge)}.hero__content{gap:20px}.hero__text{font-size:var(--fs-lg)}.hero__buttons{margin-top:10px}.hero__watermark{right:-10%;bottom:-24%;width:min(80%,540px)}.hero__slide--overlay{grid-template-columns:1fr;grid-template-areas:"stack"}.hero__slide--overlay .hero__media{grid-area:stack}.hero__slide--overlay .hero__panel{grid-area:stack;align-self:center;justify-self:start;width:min(560px,46%);margin:48px 0 48px var(--hero-edge);padding:48px 48px 56px;border-radius:var(--radius-lg);background:var(--scheme-bg);box-shadow:var(--shadow-lg)}.hero__slide--overlay.hero__slide--img-left .hero__panel{justify-self:end;margin-inline:0 var(--hero-edge)}.hero__controls{top:auto;right:var(--hero-edge);bottom:24px}.hero__arrow{display:inline-flex}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero.css.map */