.hero-banner{position:relative;width:100%;max-width:100%;overflow:hidden}.hero-banner__wrapper{position:relative;width:100%;overflow:hidden}.hero-banner__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-banner__placeholder{width:100%;aspect-ratio:2.6;background:#ececec}.hero-banner__placeholder-svg{width:100%;height:100%}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--overlay-opacity, .25));pointer-events:none}.hero-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(6px,1.2vw,14px);padding:6%;z-index:2}.hero-banner__content--left{align-items:flex-start;text-align:left}.hero-banner__content--center{align-items:center;text-align:center}.hero-banner__content--right{align-items:flex-end;text-align:right}.hero-banner__subtitle,.hero-banner__heading,.hero-banner__button-text{font-family:Poppins,sans-serif;font-weight:400;color:#fff;margin:0}.hero-banner__subtitle{font-size:15px;letter-spacing:3px;text-transform:uppercase}.hero-banner__heading{font-size:48px;line-height:56px;max-width:22ch}.hero-banner__button{position:relative;display:inline-flex;align-items:center;gap:10px;margin-top:clamp(8px,1.5vw,18px);padding:0 0 6px;font-family:Poppins,sans-serif;font-weight:400;color:#fff;text-decoration:none;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.hero-banner__button-text{font-size:16px;letter-spacing:.03em;line-height:21px}.hero-banner__button:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#fff;transform-origin:left;transition:transform .35s ease}.hero-banner__button-arrow{display:inline-flex;transition:transform .35s ease}.hero-banner__button-arrow svg{width:clamp(14px,1vw,18px);height:clamp(14px,1vw,18px)}.hero-banner__button:hover .hero-banner__button-arrow,.hero-banner__button:focus-visible .hero-banner__button-arrow{transform:translate(6px)}@media(prefers-reduced-motion:reduce){.hero-banner__button:after,.hero-banner__button-arrow{transition:none}}@media screen and (max-width:568px){.hero-banner__content{padding:8% 7%}.hero-banner__heading{font-size:32px;line-height:42px;max-width:18ch}.hero-banner__button-text{font-size:13px;letter-spacing:.03em;line-height:19px}.hero-banner__subtitle{font-size:11px;letter-spacing:2px;text-transform:uppercase}.hero-banner__content{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:clamp(6px,1.2vw,14px);padding:6%;z-index:2}}@media screen and (min-width:750px)and (max-width:989px){.hero-banner__content{padding:6%}.hero-banner__heading{font-size:40px}}@media screen and (min-width:990px)and (max-width:1439px){.hero-banner__content{padding:5% 6%}}@media screen and (min-width:1440px){.hero-banner__content{padding:4% 7%}.hero-banner__heading{max-width:24ch}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-hero-banner.css.map */