.hero{--gap: 28px;position:relative;overflow-x:clip;overflow-x:hidden}.hero__wrapper{position:relative}.hero__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(20px,4vw,60px);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.hero__track:focus{outline:none}.hero__track::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important;display:none}.hero__track{overscroll-behavior-x:contain}.hero__slide{position:relative;scroll-snap-align:start;display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,60px);align-items:center;min-height:clamp(340px,52vw,560px);background:var(--color-background);padding-block:clamp(14px,2vw,24px);border-radius:0}.hero__media{position:relative;aspect-ratio:1 / 1}.hero__img{width:100%;height:100%;display:block;border-radius:var(--radius-l);object-fit:cover}.hero__panel{display:grid;gap:12px}.hero__title{font-family:var(--font-heading-family);font-weight:400;font-size:clamp(22px,3.4vw,40px);line-height:1.15;text-transform:uppercase;margin:0}.hero__title p{margin:0}.hero__text{max-width:58ch;margin:30px 0}.hero__actions{display:flex;gap:14px;align-items:center}.hero__controls{pointer-events:none}.hero__dots{position:absolute;left:0;bottom:clamp(12px,2.2vw,24px);display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0;pointer-events:auto}.hero__dot{flex:0 0 auto;width:8px;height:7px;border:0;padding:0;border-radius:10px;background:rgb(var(--palette-main));opacity:.4;cursor:pointer;transition:width .25s ease,opacity .2s ease}.hero__dot[aria-selected=true]{width:20px;opacity:1}.hero__dot:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media (max-width: 989px){.hero__slide{grid-template-columns:1fr;min-height:auto;padding-block:16px 56px}.hero__panel[data-align=right]{order:2}.hero__media{order:-1}.hero__dots{right:0;justify-content:center}.hero__actions{flex-direction:column;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/hero-carousel.css.map */