.hero-banner{position:relative;width:100%;overflow:hidden;background:#f4f4f4}.hero-banner__placeholder{display:flex;align-items:center;justify-content:center;min-height:40vh;background:#f0f0f0;color:#666;text-align:center;padding:2rem}.hero-banner__viewport{position:relative;width:100%;height:75vh;overflow:hidden;outline:none;touch-action:pan-y}.hero-banner__viewport:focus-visible{outline:3px solid #005fcc;outline-offset:-3px}.hero-banner__track{display:flex;height:100%;width:100%;will-change:transform;transition:transform var(--hero-transition-speed, .5s) ease-in-out}.hero-banner[data-dragging=true] .hero-banner__track{transition:none}.hero-banner__slide{position:relative;flex:0 0 100%;width:100%;height:100%;overflow:hidden}.hero-banner__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1}.hero-banner__picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.hero-banner__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;padding:5vw;pointer-events:none}.hero-banner__content-inner{max-width:640px;pointer-events:auto}.hero-banner__content--left{justify-content:flex-start;text-align:left}.hero-banner__content--center{justify-content:center;text-align:center}.hero-banner__content--center .hero-banner__content-inner{margin:0 auto}.hero-banner__content--right{justify-content:flex-end;text-align:right}.hero-banner__heading{font-size:clamp(1.75rem,4vw,3.25rem);line-height:1.15;margin:0 0 1rem;font-weight:700;text-wrap:balance}.hero-banner__subheading{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.5;margin:0 0 1.5rem}.hero-banner__subheading p{margin:0}.hero-banner__button{display:inline-block;padding:.9em 2em;border:2px solid currentColor;border-radius:2px;font-size:1rem;font-weight:600;letter-spacing:.02em;text-decoration:none;transition:background-color .2s ease,color .2s ease;background:transparent;color:inherit}.hero-banner__link:hover .hero-banner__button,.hero-banner__link:focus .hero-banner__button{background-color:currentColor}.hero-banner__link:hover .hero-banner__button span,.hero-banner__button{mix-blend-mode:normal}.hero-banner__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:#ffffffd9;color:#111;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.hero-banner__arrow:hover{background:#fff}.hero-banner__arrow:focus-visible{outline:3px solid #005fcc;outline-offset:2px}.hero-banner__arrow--prev{left:16px}.hero-banner__arrow--next{right:16px}.hero-banner__dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:10px;padding:6px 10px}.hero-banner__dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:#ffffff59;padding:0;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.hero-banner__dot:hover{transform:scale(1.15)}.hero-banner__dot.is-active{background:#fff}.hero-banner__dot:focus-visible{outline:3px solid #005fcc;outline-offset:2px}@media screen and (max-width:768px){.hero-banner__viewport{height:72vh}.hero-banner__content{padding:8vw 6vw}.hero-banner__arrow{width:36px;height:36px}.hero-banner__arrow--prev{left:8px}.hero-banner__arrow--next{right:8px}.hero-banner__dots{bottom:12px}}@media screen and (max-width:480px){.hero-banner__viewport{height:70vh}}@media(prefers-reduced-motion:reduce){.hero-banner__track,.hero-banner__button{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-banner.css.map */