.hbg-section{width:100%;background:#fff}.hbg-banner{position:relative;width:100%;min-height:var(--hbg-height-desktop, 700px);background-color:#000;display:flex;align-items:center;overflow:hidden}.hbg-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:0}.hbg-banner__bg--mobile,.hbg-banner__overlay{display:none}.hbg-banner__content{position:relative;z-index:2;padding:0 5%;max-width:560px}.hbg-banner__eyebrow{color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;opacity:.85}.hbg-banner__heading{color:#fff;font-size:34px;line-height:1.2;font-weight:600;margin:0 0 24px;letter-spacing:.01em}.hbg-btn{display:inline-block;padding:14px 28px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:all .25s ease;border:1px solid #ffffff}.hbg-btn--solid{background:#fff;color:#000}.hbg-btn--solid:hover{background:transparent;color:#fff}.hbg-btn--fixed{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:999;background:#fff;color:#000}.hbg-btn--fixed:hover{background:transparent;color:#fff;border:1px solid #ffffff}@media screen and (max-width:749px){.hbg-btn--fixed{bottom:16px;padding:12px 24px}}.hbg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.hbg-card{position:relative;display:block;aspect-ratio:1 / 1.05;background-color:#f2f2f2;background-size:cover;background-position:center;text-decoration:none;overflow:hidden}.hbg-card__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-color:#ececec;transition:transform .4s ease}.hbg-card:hover .hbg-card__image-wrap{transform:scale(1.04)}.hbg-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#999}.hbg-card__placeholder span{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.hbg-card__label{position:absolute;left:50%;bottom:28px;transform:translate(-50%);z-index:2;padding:12px 22px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:transparent;border:1px solid #ffffff;white-space:nowrap}@media screen and (max-width:989px){.hbg-banner__heading{font-size:26px}}@media screen and (max-width:749px){.hbg-grid{grid-template-columns:1fr}.hbg-banner{min-height:var(--hbg-height-mobile, 650px)}.hbg-banner__bg--desktop{display:none}.hbg-banner__bg--mobile{display:block}.hbg-banner__content{max-width:100%;padding:0 24px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/hero-banner-grid.css.map */