.banner-asymmetrics{display:flex;gap:16px;margin:24px 0 44px}@media (max-width: 990px){.banner-asymmetrics{flex-direction:column}}.banner-asymmetrics .banner-asymmetric-main{width:50%}@media (max-width: 990px){.banner-asymmetrics .banner-asymmetric-main{width:100%}}.banner-asymmetrics .banner-asymmetric-main .banner-content{position:relative;margin:0}.banner-asymmetrics .banner-asymmetric-main .banner-content__image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner-asymmetrics .banner-asymmetric-main .banner-content__caption{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;padding:24px;display:flex;align-items:center;justify-content:center}.banner-asymmetrics .banner-asymmetric-main .banner-content__caption .content{display:flex;flex-direction:column;align-items:center}.banner-asymmetrics .banner-asymmetric-main .banner-content__caption .content .hgroup{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.banner-asymmetrics .banner-asymmetric-main .banner-content__caption .content .hgroup .title{color:var(--base-colors-high-contrast-white, #fff);font-family:Teko;font-size:48px;font-style:normal;font-weight:500;line-height:40px;text-transform:uppercase;margin:0}@media (max-width: 990px){.banner-asymmetrics .banner-asymmetric-main .banner-content__caption .content .hgroup .title{font-size:32px;line-height:1}}.banner-asymmetrics .banner-asymmetric-main .banner-content__caption .content .hgroup .subtitle{color:var(--base-colors-high-contrast-white, #fff);font-family:Teko;font-size:24px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:1px;text-transform:uppercase;margin:0}@media (max-width: 990px){.banner-asymmetrics .banner-asymmetric-main .banner-content__caption .content .hgroup .subtitle{font-size:16px;line-height:1}}.banner-asymmetrics .banner-asymmetric-main .banner-content__caption .content .btn-cta{display:inline-flex;padding:16px 32px 12px;align-items:center;gap:4px;border-radius:4px;background:var(--base-brand, #fe8a34);color:var(--text-text-primary, #1b1b1b);text-align:center;font-family:Teko;font-size:22px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;margin-top:12px;transition:all .3s ease}.banner-asymmetrics .banner-asymmetric-main .banner-content__caption .content .btn-cta:hover{filter:brightness(.8)}@media (max-width: 990px){.banner-asymmetrics .banner-asymmetric-main .banner-content__caption .content .btn-cta{padding:10px 16px 8px;font-size:18px;line-height:1}}.banner-asymmetrics .banner-asymmetric-double{width:50%;display:flex;gap:16px}@media (max-width: 990px){.banner-asymmetrics .banner-asymmetric-double{width:100%}}.banner-asymmetrics .banner-asymmetric-double .banner-content{flex:1;position:relative;margin:0}.banner-asymmetrics .banner-asymmetric-double .banner-content__image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner-asymmetrics .banner-asymmetric-double .banner-content__caption{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;padding:24px;display:flex;align-items:center;justify-content:center}.banner-asymmetrics .banner-asymmetric-double .banner-content__caption .content{display:flex;flex-direction:column;align-items:center}.banner-asymmetrics .banner-asymmetric-double .banner-content__caption .content .hgroup{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.banner-asymmetrics .banner-asymmetric-double .banner-content__caption .content .hgroup .title{color:var(--base-colors-high-contrast-white, #fff);font-family:Teko;font-size:48px;font-style:normal;font-weight:500;line-height:40px;text-transform:uppercase;margin:0}.banner-asymmetrics .banner-asymmetric-double .banner-content__caption .content .hgroup .subtitle{color:var(--base-colors-high-contrast-white, #fff);font-family:Teko;font-size:24px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:1px;text-transform:uppercase;margin:0}.banner-asymmetrics .banner-asymmetric-double .banner-content__caption .content .btn-cta{display:inline-flex;padding:16px 32px 12px;align-items:center;gap:4px;border-radius:4px;background:var(--base-brand, #fe8a34);color:var(--text-text-primary, #1b1b1b);text-align:center;font-family:Teko;font-size:22px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;margin-top:12px;transition:all .3s ease}.banner-asymmetrics .banner-asymmetric-double .banner-content__caption .content .btn-cta:hover{filter:brightness(.8)}@media (max-width: 990px){.banner-asymmetrics .banner-asymmetric-double .banner-content__caption .content .btn-cta{padding:10px 16px 8px;font-size:18px;line-height:1}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/bf-banner-asymmetrics.css.map */