.hero-banner{position:relative;width:100%;height:var(--hero-height-desktop, 100vh);min-height:500px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__placeholder{width:100%;height:100%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.hero-banner__placeholder svg{width:100%;height:100%;fill:#ccc}.hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.hero-banner__content-wrapper{position:relative;z-index:3;width:100%;max-width:1200px;padding:0 20px;display:flex;align-items:center;justify-content:center;margin-top:auto;bottom:100px}.hero-banner__content{text-align:center;color:var(--hero-text-color, #ffffff);max-width:800px}.hero-banner__content--left{text-align:left;margin-right:auto}.hero-banner__content--right{text-align:right;margin-left:auto}.hero-banner__subheading{margin:0 0 15px;font-weight:400;letter-spacing:normal;text-transform:uppercase;line-height:1.4;opacity:.95;font-family:Cormorant,serif}.hero-banner__heading{margin:0 0 30px;font-weight:500;letter-spacing:normal;text-transform:uppercase;line-height:1.2;font-family:Figtree,sans-serif}.hero-banner__button{display:inline-block;padding:10px 35px;background-color:var(--hero-button-bg, transparent);color:var(--hero-button-text, #ffffff);border:1px solid var(--hero-button-border, #ffffff);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:500;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;font-family:Figtree,sans-serif}.hero-banner__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;color:var(--hero-button-bg, #000000)!important;background-color:var(--hero-button-text, #ffffff);transition:left .3s ease;z-index:-1}.hero-banner__button:hover:before{left:0}.hero-banner__button:hover{color:#000!important;border-color:var(--hero-button-text, #ffffff)}.hero-banner__scroll-arrow{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:4;background:none;border:none;cursor:pointer;padding:10px;color:var(--hero-text-color, #ffffff);transition:transform .3s ease,opacity .3s ease;animation:bounce 2s infinite}.hero-banner__scroll-arrow:hover{opacity:.7;transform:translate(-50%) translateY(5px)}.hero-banner__arrow-icon{width:30px;height:30px;stroke-width:1.5}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.hero-banner__scroll-target{scroll-margin-top:100px}@media screen and (max-width:989px){.hero-banner{height:85vh;min-height:400px}.hero-banner__subheading{font-size:30px!important}.hero-banner__heading{font-size:clamp(12px,3vw,14px)!important}.hero-banner__content-wrapper{padding:0 15px}.hero-banner__button{padding:12px 28px;font-size:12px}}@media screen and (max-width:749px){.hero-banner{min-height:350px}.hero-banner__subheading{margin-bottom:20px}.hero-banner__heading{margin-bottom:25px}.hero-banner__scroll-arrow{bottom:20px}.hero-banner__arrow-icon{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.hero-banner__scroll-arrow{animation:none}.hero-banner__button:before{transition:none}}@media(prefers-contrast:high){.hero-banner__button{border-width:2px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero-banner.css.map */