@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.hero-carousel{position:relative;width:100%;overflow:hidden;color:#f6f3ec;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.hero-carousel .cap{text-transform:uppercase;letter-spacing:.14em}.hero-carousel--height-small{height:400px}.hero-carousel--height-medium{height:550px}.hero-carousel--height-large{height:700px}.hero-carousel--height-full-screen{height:100vh;height:calc(100vh - var(--hero-viewport-offset, 0px))}.hero-carousel--height-custom{height:var(--hero-height, 700px)}.hero-carousel--height-auto{height:auto;aspect-ratio:var(--hero-aspect-ratio, 2.5)}@supports not (aspect-ratio: 1){.hero-carousel--height-auto{height:550px}}@media screen and (max-width:1024px){.hero-carousel--height-large{height:620px}}@media screen and (max-width:640px){.hero-carousel--height-small{height:320px}.hero-carousel--height-medium{height:400px}.hero-carousel--height-large{height:560px}.hero-carousel--height-full-screen{height:100svh;height:calc(100svh - var(--hero-viewport-offset, 0px))}}.hero-carousel__track{position:absolute;top:0;right:0;bottom:0;left:0}.hero-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.2s ease;z-index:0}.hero-carousel__slide.is-active{opacity:1;z-index:1}.hero-carousel__image,.hero-carousel__video{width:100%;height:100%;object-fit:cover;display:block}.hero-carousel__placeholder{width:100%;height:100%;background:#ddd;display:flex;align-items:center;justify-content:center}.hero-carousel__placeholder-svg{width:60%;height:60%;opacity:.5}.hero-carousel__overlays{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:var(--hero-overlay-strength, 1)}.hero-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.hero-carousel__overlays--directional .hero-carousel__overlay--horizontal{background:linear-gradient(90deg,color-mix(in srgb,var(--hero-overlay-color, #141310) 55%,transparent) 0%,color-mix(in srgb,var(--hero-overlay-color, #141310) 15%,transparent) 45%,transparent 65%)}.hero-carousel__overlays--directional .hero-carousel__overlay--vertical{background:linear-gradient(180deg,color-mix(in srgb,var(--hero-overlay-color, #141310) 35%,transparent) 0%,transparent 22%)}.hero-carousel__overlays--even .hero-carousel__overlay--horizontal{background:color-mix(in srgb,var(--hero-overlay-color, #141310) 40%,transparent)}.hero-carousel__overlays--even .hero-carousel__overlay--vertical,.hero-carousel__overlays--bottom .hero-carousel__overlay--horizontal{background:none}.hero-carousel__overlays--bottom .hero-carousel__overlay--vertical{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--hero-overlay-color, #141310) 20%,transparent) 45%,color-mix(in srgb,var(--hero-overlay-color, #141310) 65%,transparent) 100%)}.hero-carousel__content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:48px 64px;max-width:620px}.hero-carousel__content--left{align-items:flex-start;text-align:left}.hero-carousel__content--center{align-items:center;text-align:center;margin-left:auto;margin-right:auto}.hero-carousel__content--right{align-items:flex-end;text-align:right;margin-left:auto}.hero-carousel__heading{font-family:var(--hero-heading-font, "League Spartan", sans-serif);font-style:normal;font-weight:700;font-size:var(--hero-heading-size, 100px);line-height:1.04;margin:0 0 -4px;color:var(--hero-heading-color, #f6f3ec)}.hero-carousel__eyebrow{font-family:var(--hero-eyebrow-font, "Inter", sans-serif);font-size:var(--hero-eyebrow-size, 13px);font-weight:500;color:var(--hero-eyebrow-color, #f6f3ec);margin:0;line-height:1.6}.hero-carousel__paragraph{font-family:var(--hero-paragraph-font, "Inter", sans-serif);font-size:var(--hero-paragraph-size, 14px);font-weight:400;color:var(--hero-paragraph-color, #f6f3ec);margin:0;line-height:1.6;opacity:.85}.hero-carousel__cta-button{display:inline-block;margin-top:8px;padding:16px 34px;background:var(--hero-cta-bg, #ece6da);color:var(--hero-cta-color, #1b1a17);font-size:var(--hero-cta-size, 13px);font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.hero-carousel__cta-button:hover{transform:translateY(-2px);opacity:.92}.hero-carousel__agreement{display:flex;align-items:center;gap:8px;opacity:.7;margin-top:10px;color:#f6f3ec}.hero-carousel__agreement svg{flex:none}.hero-carousel__agreement p{font-size:11.5px;font-weight:600;color:#f6f3ec;margin:0}.hero-carousel__popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s ease}.hero-carousel__popup-overlay[hidden]{display:none}.hero-carousel__popup-overlay.is-visible{opacity:1}.hero-carousel__popup{position:relative;background:#1b1a17;color:#f6f3ec;width:100%;max-width:420px;padding:40px 32px;border-radius:12px;transform:translateY(12px);transition:transform .2s ease}.hero-carousel__popup-overlay.is-visible .hero-carousel__popup{transform:translateY(0)}.hero-carousel__popup-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#f6f3ec;cursor:pointer;padding:4px;opacity:.7}.hero-carousel__popup-close:hover{opacity:1}.hero-carousel__popup-title{font-family:Inter,sans-serif;font-size:24px;font-weight:600;margin:0 0 10px}.hero-carousel__popup-description{font-size:14px;line-height:1.5;opacity:.8;margin:0 0 22px}.hero-carousel__popup-field{margin-bottom:12px}.hero-carousel__popup-field input{width:100%;box-sizing:border-box;padding:14px 16px;background:#ffffff0f;border:1px solid rgba(246,243,236,.3);border-radius:6px;color:#f6f3ec;font-size:14px;font-family:inherit}.hero-carousel__popup-field input::placeholder{color:#f6f3ec8c}.hero-carousel__popup-submit{width:100%;margin-top:8px;padding:16px;background:#ece6da;color:#1b1a17;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.hero-carousel__popup-submit:hover{opacity:.9}.hero-carousel__popup-error{font-size:12px;color:#e6b8b8;margin:0 0 12px}.hero-carousel__popup-success{font-size:16px;text-align:center;padding:20px 0;margin:0}.hero-carousel__float-card{position:absolute;right:48px;bottom:40px;z-index:3;display:flex;gap:22px;align-items:center;background:#1413108c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:26px 24px;border-radius:16px;color:#f6f3ec;width:261px;height:126px}.hero-carousel__float-image-wrap{width:52px;height:110px;flex:none;overflow:visible;position:relative}.hero-carousel__float-image{position:absolute;left:0;right:0;top:-16px;bottom:-16px;width:100%;height:calc(100% + 32px);object-fit:contain;object-position:center bottom;display:block;transform:scale(2);transform-origin:center bottom;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.hero-carousel__float-text{max-width:140px;display:flex;flex-direction:column;gap:10px}.hero-carousel__float-eyebrow{font-size:11px;font-weight:500;color:#f6f3ec}.hero-carousel__float-description{font-size:14px;line-height:1.3;white-space:pre-line}.hero-carousel__float-link{font-size:8px;color:#f6f3ec;border-bottom:1px solid rgba(246,243,236,.5);width:fit-content;text-decoration:none}.hero-carousel__dots{position:absolute;z-index:3;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.hero-carousel__dot{width:9px;height:9px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}.hero-carousel__dot.is-active{background:#fff;transform:scale(1.2)}.hero-carousel__arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);background:#00000059;color:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.hero-carousel__arrow:hover{background:#0000008c}.hero-carousel__arrow--prev{left:1rem}.hero-carousel__arrow--next{right:1rem}@media screen and (max-width:1024px){.hero-carousel__content{padding:40px 28px}.hero-carousel__heading{font-size:calc(var(--hero-heading-size, 100px) * .8)}.hero-carousel__float-card{right:24px;bottom:24px;width:220px;height:auto}}@media screen and (max-width:640px){.hero-carousel__content{padding:32px 20px}.hero-carousel__heading{font-size:var(--hero-heading-size-mobile, 40px)}.hero-carousel__eyebrow{font-size:var(--hero-eyebrow-size-mobile, 12px)}.hero-carousel__paragraph{font-size:var(--hero-paragraph-size-mobile, 13px)}.hero-carousel__float-card{display:none}.hero-carousel__arrow{width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-hero-carousel.css.map */