.hero-banner{position:relative;display:flex;align-items:center;min-height:var(--hero-min-height, 460px);overflow:hidden;isolation:isolate;color:#fff}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-banner__image--placeholder{background:#e7e2da}.hero-banner__image--placeholder svg{width:100%;height:100%;object-fit:cover}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#14141259,#1414121f 45%,#14141200 70%);opacity:var(--overlay-opacity, .15)}.hero-banner__container{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:48px 40px}.hero-banner__content{max-width:500px}.hero-banner__badge{display:inline-flex;align-items:center;gap:8px;background:#e9dccc;color:#2b2b26;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;letter-spacing:.02em;margin-bottom:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-banner__stars{display:inline-flex;gap:1px;color:#c9a24b}.hero-banner__heading{font-size:clamp(28px,4vw,44px);line-height:1.15;font-weight:700;margin:0 0 16px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.15)}.hero-banner__text{font-size:15px;line-height:1.6;color:#ffffffeb;margin-bottom:28px;max-width:470px}.hero-banner__text p{margin:0}.hero-banner__buttons{display:flex;flex-wrap:wrap;gap:12px}.hero-banner__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s ease,background-color .15s ease,color .15s ease;white-space:nowrap}.hero-banner__btn--solid{background:#4b5047;color:#fff;border:1px solid #4b5047}.hero-banner__btn--solid:hover{background:#23302f;transform:translateY(-1px)}.hero-banner__btn--outline{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.6);font-family:Montserrat}.hero-banner__btn--outline:hover{background:#ffffff47;transform:translateY(-1px)}@media screen and (max-width:749px){.hero-banner{min-height:420px}.hero-banner__container{padding:32px 20px}.hero-banner__content{max-width:100%}.hero-banner__overlay{background:linear-gradient(180deg,#1414121a,#14141273)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-banner.css.map */