.hero-banner-section{position:relative;width:100%;overflow:hidden;padding:var(--pt) 0 var(--pb)}.hero-banner-section .hero-container{position:relative;z-index:2;width:92%;max-width:1400px;margin:0 auto;padding:40px 0;border-radius:10px;background:var(--container-bg);text-align:center;overflow:hidden;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black)}.hero-banner-section .hero-container>*{position:relative;z-index:3}.hero-banner-section .hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--section-bg-color)}.hero-banner-section .hero-bg-image{width:100%;height:100%;object-fit:cover}.hero-banner-section .hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--section-overlay-color);opacity:var(--section-overlay-opacity)}.hero-banner-section .decoration-image{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover;object-position:left bottom;pointer-events:none}.hero-banner-section .decoration-image--glow{opacity:.4;mix-blend-mode:screen}.hero-banner-section .hero-logo{margin-bottom:25px}.hero-banner-section .logo-image{width:auto;height:55px;max-width:100%;margin:0 auto}.hero-banner-section .logo-text{display:inline-flex;align-items:center;gap:10px;color:var(--logo-color);font-size:var(--logo-font-size);font-weight:400;letter-spacing:3px;text-transform:uppercase}.hero-banner-section .logo-icon{display:flex;align-items:center;justify-content:center}.hero-banner-section .logo-icon svg{width:18px;height:14px}.hero-banner-section .rings-showcase{margin-bottom:30px}.hero-banner-section .rings-track{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hero-banner-section .ring-item{flex-shrink:0;width:auto;height:var(--ring-image-size);border-radius:var(--ring-border-radius);overflow:hidden;transition:transform .3s ease}.hero-banner-section .ring-item:hover{transform:scale(1.08)}.hero-banner-section .ring-image{width:100%;height:100%;object-fit:cover}.hero-banner-section .ring-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#333}.hero-banner-section .ring-placeholder .placeholder-svg{width:50%;height:50%;opacity:.5}.hero-banner-section .hero-heading{margin-bottom:20px}.hero-banner-section .hero-title{max-width:70%;margin:0 auto;font-size:var(--heading-font-size);font-weight:600;line-height:1.15;color:var(--heading-color)}.hero-banner-section .hero-title .highlight{color:var(--heading-highlight-color)}.hero-banner-section .hero-subtext{margin-bottom:30px}.hero-banner-section .subtext-line{max-width:75%;margin:0 auto 8px;font-size:var(--subtext-font-size);line-height:1.6;color:var(--subtext-color)}.hero-banner-section .tagline{margin:0;font-size:var(--tagline-font-size);line-height:1.5;color:var(--tagline-color)}.hero-banner-section .hero-cta{margin-bottom:0}.hero-banner-section .hero-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 40px;border:0;border-radius:var(--button-border-radius);background:var(--button-bg-color);color:var(--button-text-color);font-size:20px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.hero-banner-section .hero-button svg{width:30px;height:30px;transition:transform .3s ease}.hero-banner-section .hero-button:hover{background:var(--button-hover-bg-color);transform:translateY(-2px);box-shadow:0 8px 25px #e5393566}.hero-banner-section .hero-button:hover svg{transform:translate(4px)}.hero-banner-section .trust-badges{max-width:78%;margin:0 auto;padding-top:10px}.hero-banner-section .badges-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 15px;max-width:42%;margin:0 auto}.hero-banner-section .badge-item{display:inline-flex;align-items:center;gap:8px}.hero-banner-section .badge-icon{display:flex;align-items:center;justify-content:center;color:var(--badge-icon-color)}.hero-banner-section .badge-icon svg{width:14px;height:14px}.hero-banner-section .badge-text{font-size:var(--badge-font-size);font-weight:400;color:var(--badge-text-color)}@media(min-width:750px)and (max-width:989px){.hero-banner-section{padding:var(--pt-tablet) 0 var(--pb-tablet)}}@media(max-width:989px){.hero-banner-section .hero-title{font-size:calc(var(--heading-font-size) * .8)}.hero-banner-section .rings-track{gap:10px}.hero-banner-section .ring-item{width:calc(var(--ring-image-size) * .85);height:calc(var(--ring-image-size) * .85)}}@media(max-width:749px){.hero-banner-section{padding:var(--pt-mobile) 0 var(--pb-mobile)}.hero-banner-section .hero-container{margin:20px 15px;padding:30px 15px;border-radius:12px;width:auto}.hero-banner-section .logo-text{font-size:var(--logo-font-size-mobile);letter-spacing:2px}.hero-banner-section .logo-icon svg{width:14px;height:11px}.hero-banner-section .rings-showcase{margin-bottom:25px}.hero-banner-section .rings-track{gap:8px}.hero-banner-section .ring-item{width:31%;height:auto}.hero-banner-section .hero-logo{padding-top:30px}.hero-banner-section .hero-title{max-width:88%;font-size:var(--heading-font-size-mobile)}.hero-banner-section .subtext-line{font-size:var(--subtext-font-size-mobile)}.hero-banner-section .tagline{font-size:var(--tagline-font-size-mobile)}.hero-banner-section .hero-button{width:100%;max-width:320px;padding:14px 15px;font-size:20px}.hero-banner-section .badges-grid{gap:12px 25px}.hero-banner-section .badge-text{font-size:var(--badge-font-size-mobile)}.hero-banner-section .badge-icon svg{width:12px;height:12px}}@media(max-width:480px){.hero-banner-section .badges-grid{gap:10px;max-width:100%}.hero-banner-section .trust-badges{max-width:80%;padding:20px 0 25px}.hero-banner-section .badge-item{justify-content:center}.hero-banner-section .ring-item{width:31%;height:99px}.hero-banner-section .hero-button{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/section-hero-banner.css.map */