.brand-banner{--bb-color-gold: #BC9E6F;--bb-color-dark: #18171C;--bb-color-white: #FFFFFF;--bb-color-light: #F8F6F2;--bb-color-beige: #E9E3D9;--bb-card-radius-desktop: 16px;--bb-card-radius-mobile: 8px}.brand-banner{margin:0;padding:0;position:relative;background-color:var(--bb-color-beige);display:flex;flex-direction:column}.brand-banner__bg{width:100%;aspect-ratio:328 / 246;overflow:hidden;position:relative;flex-shrink:0}.brand-banner__bg-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.brand-banner__bg-placeholder{width:100%;height:100%;background-color:color-mix(in srgb,var(--bb-color-dark) 20%,var(--bb-color-beige))}@media(min-width:750px){.brand-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:unset;width:100%;height:100%;z-index:0}.brand-banner__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#18171c40;pointer-events:none}}.brand-banner__inner{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;padding-inline:var(--oc-margin-mobile, 16px);margin-block-start:-120px;padding-block-end:32px}@media(min-width:750px){.brand-banner__inner{padding:96px var(--oc-margin-desktop, 48px);margin-block-start:0;padding-block-end:96px}}.brand-banner__card{background-color:var(--bb-color-light);border-radius:var(--bb-card-radius-mobile);padding:32px 24px;display:flex;flex-direction:column;gap:24px;align-items:center;width:100%}@media(min-width:750px){.brand-banner__card{border-radius:var(--bb-card-radius-desktop);padding:72px;gap:40px;max-width:856px}}.brand-banner__text-group{display:flex;flex-direction:column;gap:12px;width:100%;align-items:flex-start}@media(min-width:750px){.brand-banner__text-group{gap:24px;align-items:center}}.brand-banner__eyebrow{margin:0;font-family:var(--font-body--family, "Inter", sans-serif);font-size:.875rem;font-weight:600;line-height:1.5;color:var(--bb-color-gold);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.brand-banner__heading{margin:0;font-family:var(--font-heading--family, "Gilda Display", serif);font-size:2.1875rem;font-weight:400;line-height:1.2;color:#18171c;text-align:start;width:100%}@media(min-width:750px){.brand-banner__heading{font-size:3.4375rem;line-height:1.1;text-align:center}}.brand-banner__body{margin:0;font-family:var(--font-body--family, "Inter", sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:var(--color-foreground, var(--bb-color-dark));opacity:.65;text-align:start;width:100%}@media(min-width:750px){.brand-banner__body{font-size:1.125rem;opacity:.6;text-align:center;padding:0 6px}}.brand-banner__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding-inline:24px;background-color:var(--bb-color-gold);color:var(--bb-color-white);border-radius:var(--oc-radius-pill, 999px);font-family:var(--font-body--family, "Inter", sans-serif);font-size:1.125rem;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;width:100%;align-self:stretch;transition:opacity var(--oc-transition-base, .25s ease-out)}.brand-banner__cta:hover{opacity:.8}@media(min-width:750px){.brand-banner__cta{width:auto;align-self:center}}@media(prefers-reduced-motion:reduce){.brand-banner__cta{transition:none}}@media(max-width:749px){.brand-banner__bg,.brand-banner__inner{display:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-brand-banner.css.map */