:root{--hero-font-heading: "Playfair Display", Georgia, serif;--hero-font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--hero-color-text: #ffffff;--hero-color-text-muted: rgba(255, 255, 255, .75);--hero-color-accent: #ffffff;--hero-transition-slide: .8s cubic-bezier(.4, 0, .2, 1);--hero-transition-content: .6s cubic-bezier(.4, 0, .2, 1)}.hero-carousel{position:relative;width:100%;height:100dvh;overflow:hidden;background-color:#0a0a0a;max-height:650px}.hero-carousel--small{height:60dvh}.hero-carousel--medium{height:80dvh}.hero-carousel--large{height:90dvh}.hero-carousel--fullscreen{height:100dvh}.hero-carousel__slides{position:relative;width:100%;height:100%}.hero-carousel__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--hero-transition-slide),visibility var(--hero-transition-slide)}.hero-carousel__slide.is-active{opacity:1;visibility:visible;z-index:1}.hero-carousel__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero-carousel__image{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transition:transform 8s ease-out}.hero-carousel__slide.is-active .hero-carousel__image{transform:scale(1.05)}.hero-carousel__image-wrapper--placeholder{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center}.hero-carousel__placeholder{width:40%;height:40%;opacity:.5}.hero-carousel__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0003,rgba(0,0,0,var(--overlay-opacity, .5)),#00000080);pointer-events:none}.hero-carousel__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;padding-bottom:120px;z-index:2}.hero-carousel__content>.page-width{width:100%}.hero-carousel__content-inner{max-width:600px;width:100%}.hero-carousel__content-inner[style*="text-align: left"],.hero-carousel__content-inner:not([style*=text-align]){margin-right:auto;margin-left:0}.hero-carousel__content-inner[style*="text-align: center"]{margin-left:auto;margin-right:auto}.hero-carousel__content-inner[style*="text-align: right"]{margin-left:auto;margin-right:0}.hero-carousel__tag{display:inline-block;padding:10px 20px;background-color:#323232cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--hero-color-text);font-family:var(--hero-font-body);font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;border-radius:2px;margin-bottom:24px;opacity:0;transform:translateY(20px);transition:opacity var(--hero-transition-content),transform var(--hero-transition-content);transition-delay:.1s}.hero-carousel__slide.is-active .hero-carousel__tag{opacity:1;transform:translateY(0)}.hero-carousel__heading{color:var(--hero-color-text);font-family:var(--hero-font-heading);font-weight:400;line-height:1.1;margin:0 0 28px;opacity:0;transform:translateY(30px);transition:opacity var(--hero-transition-content),transform var(--hero-transition-content);transition-delay:.2s}.hero-carousel__heading.heading--small{font-size:clamp(28px,4vw,42px)}.hero-carousel__heading.heading--medium{font-size:clamp(36px,5vw,56px)}.hero-carousel__heading.heading--large{font-size:clamp(42px,6vw,72px)}.hero-carousel__slide.is-active .hero-carousel__heading{opacity:1;transform:translateY(0)}.hero-carousel__meta{display:flex;align-items:flex-start;gap:20px;margin-bottom:32px;opacity:0;transform:translateY(20px);transition:opacity var(--hero-transition-content),transform var(--hero-transition-content);transition-delay:.35s}.hero-carousel__slide.is-active .hero-carousel__meta{opacity:1;transform:translateY(0)}.hero-carousel__date{color:var(--hero-color-text);font-family:var(--hero-font-body);font-size:14px;font-weight:400;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.hero-carousel__divider{display:block;width:60px;height:1px;background-color:#fff6;margin-top:10px;flex-shrink:0}.hero-carousel__subheading{color:var(--hero-color-text-muted);font-family:var(--hero-font-heading);font-size:20px;font-weight:400;font-style:italic;line-height:1.6;margin:0;max-width:480px}.hero-carousel__button{display:inline-block;padding:16px 36px;background-color:var(--hero-color-accent);color:#0a0a0a;font-family:var(--hero-font-body);font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid var(--hero-color-accent);border-radius:0;cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity var(--hero-transition-content),transform var(--hero-transition-content),background-color .3s ease,color .3s ease;transition-delay:.45s}.hero-carousel__slide.is-active .hero-carousel__button{opacity:1;transform:translateY(0)}.hero-carousel__button:hover,.hero-carousel__button--outline{background-color:transparent;color:var(--hero-color-accent)}.hero-carousel__button--outline:hover{background-color:var(--hero-color-accent);color:#0a0a0a}.hero-carousel__navigation{position:absolute;bottom:40px;left:0;right:0;z-index:10}.hero-carousel__navigation>.page-width{width:100%}.hero-carousel__navigation-inner{display:flex;align-items:center;justify-content:space-between}.hero-carousel__dots{display:flex;align-items:center;gap:12px}.hero-carousel__dot{position:relative;width:10px;height:10px;padding:0;background:none;border:none;cursor:pointer;outline:none}.hero-carousel__dot-inner{display:block;width:100%;height:100%;background-color:#ffffff59;border-radius:50%;transition:background-color .3s ease,transform .3s ease}.hero-carousel__dot:hover .hero-carousel__dot-inner{background-color:#fff9}.hero-carousel__dot.is-active .hero-carousel__dot-inner{background-color:var(--hero-color-text);transform:scale(1)}.hero-carousel__arrows{display:flex;gap:8px}.hero-carousel__arrow{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:0;color:var(--hero-color-text);cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.hero-carousel__arrow:hover{background-color:#fff3;border-color:#fff6}.hero-carousel__arrow svg{width:20px;height:20px}@media screen and (min-width:1920px){.hero-carousel{max-height:800px}}@media screen and (max-width:990px){.hero-carousel__content{padding-bottom:100px}.hero-carousel__navigation{bottom:30px}.hero-carousel__heading.heading--large{font-size:clamp(36px,6vw,52px)}.hero-carousel__meta{flex-direction:column;gap:12px}.hero-carousel__divider{display:none}}@media screen and (max-width:749px){.hero-carousel{height:100svh;max-height:500px}.hero-carousel__content{padding-bottom:100px;align-items:flex-end}.hero-carousel__content-inner{max-width:100%}.hero-carousel__tag{padding:8px 16px;font-size:10px;margin-bottom:20px}.hero-carousel__heading{margin-bottom:20px}.hero-carousel__heading.heading--small{font-size:26px}.hero-carousel__heading.heading--medium{font-size:32px}.hero-carousel__heading.heading--large{font-size:38px}.hero-carousel__meta{flex-direction:column;gap:8px;margin-bottom:24px}.hero-carousel__date{font-size:13px}.hero-carousel__subheading{font-size:16px;line-height:1.5}.hero-carousel__button{padding:14px 28px;font-size:12px}.hero-carousel__navigation{bottom:24px}.hero-carousel__dots{gap:10px}.hero-carousel__dot{width:8px;height:8px}.hero-carousel__arrows{display:flex}.hero-carousel__arrow{width:40px;height:40px}}@media screen and (max-width:375px){.hero-carousel__heading.heading--large{font-size:32px}}@media(prefers-reduced-motion:reduce){.hero-carousel__slide,.hero-carousel__image,.hero-carousel__tag,.hero-carousel__heading,.hero-carousel__meta,.hero-carousel__button{transition:none}.hero-carousel__slide.is-active .hero-carousel__image{transform:none}}.hero-carousel__dot:focus-visible,.hero-carousel__arrow:focus-visible,.hero-carousel__button:focus-visible{outline:2px solid var(--hero-color-accent);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-carousel.css.map */