.hero{position:relative;overflow:hidden;background:var(--color-secondary)}.hero__slides{position:relative;min-height:clamp(320px,55vw,560px)}.hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}.hero__slide.is-active{opacity:1;visibility:visible;position:relative}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero__image,.hero__placeholder{width:100%;height:100%;object-fit:cover}.hero__placeholder{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 55%,#111) 0%,var(--color-secondary) 100%)}.hero__collage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;height:100%;gap:2px;background:#111}.hero__collage:has(.hero__collage-cell:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.hero__collage:has(.hero__collage-cell:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.hero__collage-cell{position:relative;min-height:100%;overflow:hidden;background:#1c1917}.hero__collage-image{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}@media(max-width:749px){.hero__collage{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.hero__collage:has(.hero__collage-cell:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(28,25,23,var(--hero-overlay, .45))}.hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:clamp(320px,55vw,560px);padding-top:3rem;padding-bottom:4rem;color:var(--color-white);max-width:640px}.hero__eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.75rem}.hero__heading{font-size:clamp(2rem,5vw,3.25rem);color:var(--color-white);margin-bottom:.75rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.hero__subheading{font-size:1.125rem;line-height:1.5;margin:0 0 1.5rem;opacity:.95;max-width:28rem}.hero__btn{margin-top:.5rem}.hero__dots{position:absolute;bottom:1.5rem;left:0;right:0;display:flex;gap:.5rem;z-index:2}.hero__dot{width:2.5rem;height:4px;padding:0;border:none;border-radius:2px;background:#ffffff59;cursor:pointer;transition:background .2s,width .2s}.hero__dot.is-active{background:var(--color-white);width:3.5rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-hero.css.map */