.banner-asymmetrics{display:flex;gap:16px;margin:24px 0 44px}@media(max-width:990px){.banner-asymmetrics{flex-direction:column;align-items:center}}.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}@media(max-width:990px){.banner-asymmetrics .banner-asymmetric-main .banner-content{width:360px;height:240px;margin:0 auto}}.banner-asymmetrics .banner-asymmetric-main .banner-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1}.banner-asymmetrics .banner-asymmetric-main .banner-content__image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;object-position:center 20%}.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;z-index:2}.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:Poppins,sans-serif;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:Poppins,sans-serif;font-size:24px;font-style:normal;font-weight:500;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;justify-content:center;gap:4px;border-radius:4px;border:1px solid #fff;background:transparent;color:#fff;text-align:center;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;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 svg{flex-shrink:0}.banner-asymmetrics .banner-asymmetric-main .banner-content__caption .content .btn-cta:hover{background:#fff;color:#010102}@media(max-width:990px){.banner-asymmetrics .banner-asymmetric-main .banner-content__caption .content .btn-cta{padding:10px 16px 8px;font-size:14px;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%;flex-direction:column}}.banner-asymmetrics .banner-asymmetric-double .banner-content{flex:1;position:relative;margin:0}@media(max-width:990px){.banner-asymmetrics .banner-asymmetric-double .banner-content{width:360px;height:240px;flex:none;margin:0 auto}}.banner-asymmetrics .banner-asymmetric-double .banner-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1}.banner-asymmetrics .banner-asymmetric-double .banner-content__image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;object-position:center 20%}.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;z-index:2}@media(max-width:990px){.banner-asymmetrics .banner-asymmetric-double .banner-content__caption{padding:16px}}.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:Poppins,sans-serif;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-double .banner-content__caption .content .hgroup .title{font-size:32px;line-height:1}}.banner-asymmetrics .banner-asymmetric-double .banner-content__caption .content .hgroup .subtitle{color:var(--base-colors-high-contrast-white, #fff);font-family:Poppins,sans-serif;font-size:24px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:1px;text-transform:uppercase;margin:0}@media(max-width:990px){.banner-asymmetrics .banner-asymmetric-double .banner-content__caption .content .hgroup .subtitle{font-size:16px;line-height:1}}.banner-asymmetrics .banner-asymmetric-double .banner-content__caption .content .btn-cta{display:inline-flex;padding:16px 32px 12px;align-items:center;justify-content:center;gap:4px;border-radius:4px;border:1px solid #fff;background:transparent;color:#fff;text-align:center;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;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 svg{flex-shrink:0}.banner-asymmetrics .banner-asymmetric-double .banner-content__caption .content .btn-cta:hover{background:#fff;color:#010102}@media(max-width:990px){.banner-asymmetrics .banner-asymmetric-double .banner-content__caption .content .btn-cta{padding:10px 16px 8px;font-size:14px;line-height:1}}
/*# sourceMappingURL=/cdn/shop/t/127/assets/bf-banner-asymmetrics.css.map */