.hero{position:relative;width:100%;height:clamp(520px,78vh,820px);overflow:hidden;background:var(--color-navy-ink);isolation:isolate}.hero__slides{position:absolute;top:0;right:0;bottom:0;left:0}.hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity var(--dur-slow) var(--ease-out),visibility 0s linear var(--dur-slow)}.hero__slide--active{opacity:1;visibility:visible;transition-delay:0s;z-index:1}.hero__image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.05);transition:transform 8s var(--ease-out)}.hero__slide--active .hero__image{transform:scale(1)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b112d1f,#0b112d59 55%,#0b112d8c)}.hero__content{position:relative;z-index:2;height:100%;display:grid;place-items:center;text-align:center;padding:0 var(--sp-5)}.hero__copy{max-width:1200px;transform:translateY(16px);opacity:0;transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out);transition-delay:.15s}.hero__slide--active .hero__copy{transform:translateY(0);opacity:1}.hero__eyebrow{font-family:var(--font-accent);color:var(--color-gold);font-size:.875rem;letter-spacing:.22em;text-transform:uppercase;margin:0 0 var(--sp-4)}.hero__title{font-family:var(--font-display);color:var(--color-white);font-size:clamp(2rem,6.5vw,5.25rem);line-height:.95;letter-spacing:.01em;text-transform:uppercase;margin:0 0 var(--sp-5);text-shadow:0 2px 20px rgba(0,0,0,.2);white-space:nowrap}.hero__subtitle{font-family:var(--font-body);color:#ffffffe6;font-size:clamp(1rem,1.4vw,1.15rem);max-width:52ch;margin:0 auto var(--sp-6);line-height:1.5}.hero__cta{display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;background:var(--color-red);color:var(--color-white);border:0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.hero__cta:hover{background:var(--color-red-deep);transform:translateY(-1px)}.hero__cta:active{transform:translateY(0)}.hero__arrows{position:static}.hero__arrow{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-white);color:var(--color-navy);border:0;cursor:pointer;border-radius:50%;box-shadow:var(--shadow-sm);z-index:3;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.hero__arrow--prev{left:clamp(var(--sp-4),3vw,var(--sp-6))}.hero__arrow--next{right:clamp(var(--sp-4),3vw,var(--sp-6))}.hero__arrow:hover{background:var(--color-navy);color:var(--color-white);transform:translateY(-50%) scale(1.05)}.hero__arrow svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero__dots{position:absolute;left:0;right:0;bottom:clamp(var(--sp-4),3vw,var(--sp-6));display:flex;justify-content:center;gap:2px;z-index:3}.hero__dot{width:44px;height:44px;padding:0;background:transparent;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative}.hero__dot:before{content:"";width:38px;height:3px;background:#fff6;border-radius:2px;transition:background var(--dur-fast) var(--ease-out)}.hero__dot:hover:before{background:#ffffffb3}.hero__dot--active:before{background:var(--color-white)}@media(max-width:720px){.hero{height:clamp(440px,70vh,620px)}.hero__content{padding:0 var(--sp-4)}.hero__arrow{width:44px;height:44px}.hero__arrow--prev{left:var(--sp-3)}.hero__arrow--next{right:var(--sp-3)}.hero__arrow svg{width:18px;height:18px}.hero__eyebrow{letter-spacing:.18em}}@media(max-height:560px)and (orientation:landscape){.hero{height:420px}}@media(prefers-reduced-motion:reduce){.hero__slide,.hero__image,.hero__copy{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hero.css.map */
