.reusable-hero{position:relative;width:100%;display:flex;align-items:center;overflow:hidden;background-color:var(--bg-color);padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile);margin-top:var(--margin-top-mobile);margin-bottom:var(--margin-bottom-mobile);min-height:var(--hero-height-mobile)}.hero-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-bg-image{position:relative;width:100%;height:100%;object-fit:cover;opacity:var(--image-opacity)!important;z-index:0}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-container{position:relative;z-index:2;display:flex;width:100%}.hero-content{max-width:800px;color:var(--text-color);display:flex;flex-direction:column}.hero-badge{display:inline-flex;align-self:inherit;justify-content:center}.hero-badge span{background-color:var(--badge-bg);color:var(--badge-text);padding:2px 10px;border-radius:50px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;letter-spacing:3px;text-transform:uppercase;border:1px solid var(--badge-border);-webkit-backdrop-filter:blur(var(--badge-blur));backdrop-filter:blur(var(--badge-blur));margin:0 0 24px}.hero-title{font-family:Bodoni Moda,serif;color:var(--title-color);font-size:clamp(34px,10vw,var(--title-size));line-height:1.1;margin:0;font-weight:400;-webkit-font-smoothing:antialiased}.hero-description{font-family:DM Sans,sans-serif;font-size:18px;line-height:1.5;margin:24px 0 0;opacity:.85}.hero-description p{margin:0 100px}.hero-btn-wrapper{margin-top:32px}.hero-btn{display:inline-block;background-color:#fff;color:#121212;padding:16px 36px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.hero-btn:hover{background-color:#d4af37;color:#fff}@media screen and (min-width: 750px){.reusable-hero{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop);margin-top:var(--margin-top-desktop);margin-bottom:var(--margin-bottom-desktop);min-height:var(--hero-height-desktop)}}@media screen and (max-width: 750px){.hero-description p{margin:0}.hero-badge span{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/reusable-hero.css.map */