.hero-accessories{position:relative;width:100%;min-height:var(--mobile-height, 460px);overflow:hidden;display:flex;align-items:center;background:#f6f4f1}@media screen and (min-width:750px){.hero-accessories{min-height:var(--desktop-height, 460px)}}.hero-accessories__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.hero-accessories__bg--placeholder{background:#e9e5df}.hero-accessories__card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--card-gap, 16px);margin:0 auto;width:100%;max-width:var(--card-max-width, 640px);height:auto;padding:var(--card-padding, 32px);border-radius:var(--card-radius, 16px);text-align:center;background:var(--overlay-color, rgba(214, 224, 237, .702));color:var(--text-color, #1B2A4A);backdrop-filter:blur(var(--card-blur, 8px));-webkit-backdrop-filter:blur(var(--card-blur, 8px));box-shadow:var(--shadow-x, 0px) var(--shadow-y, 10px) var(--shadow-blur, 24px) var(--shadow-spread, -8px) var(--shadow-color, #00000014)}.hero-accessories__card--left{margin-left:6%;margin-right:auto}.hero-accessories__card--right{margin-right:6%;margin-left:auto}.hero-accessories__eyebrow{margin:0;font-family:Geist,sans-serif;font-weight:700;font-size:12px;line-height:1;letter-spacing:.3em;text-transform:uppercase}.hero-accessories__heading{margin:0;font-family:Cormorant Garamond,serif;font-weight:400;font-size:clamp(24px,3vw,38px);line-height:1;letter-spacing:0;text-align:center;text-transform:uppercase}.hero-accessories__body{margin:0;font-family:Geist,sans-serif;font-weight:400;font-size:14px;line-height:1;text-align:center}.hero-accessories__body p{margin:0}.hero-accessories__button{display:inline-block;padding:14px 32px;background:var(--accent-color, #1B2A4A);color:#fff;font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;text-decoration:none;transition:opacity .2s ease}.hero-accessories__button:hover{opacity:.85}@media screen and (max-width:749px){.hero-accessories__card,.hero-accessories__card--left,.hero-accessories__card--right{width:88%;margin-left:auto;margin-right:auto;padding:24px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-hero-accessories-banner.css.map */