.bc-mosaic2{padding:90px 20px}.bc-mosaic2__container{max-width:1280px;margin:0 auto}.bc-mosaic2__heading{font-family:Montserrat,sans-serif;font-weight:900;font-size:40px;color:#1a365d;text-align:center;margin:0 0 12px}.bc-mosaic2__subheading{font-family:Open Sans,sans-serif;font-size:18px;color:#334155;text-align:center;max-width:600px;margin:0 auto 56px}.bc-mosaic2__columns{display:flex;width:100%}.bc-mosaic2__column{flex-basis:0;display:flex;flex-direction:column;min-width:0}.bc-mosaic2-tile{position:relative;display:block;overflow:hidden;text-decoration:none;background:linear-gradient(135deg,#1a365d,#0f172a);min-height:0}.bc-mosaic2-tile__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.bc-mosaic2-tile:hover .bc-mosaic2-tile__bg{transform:scale(1.06)}.bc-mosaic2-tile__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;z-index:2}.bc-mosaic2-tile__textbox{position:relative;display:flex;flex-direction:column}.bc-mosaic2-tile__textbox:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--ov-color, transparent);opacity:var(--ov-opacity, 0);z-index:0}.bc-mosaic2-tile__textbox>*{position:relative;z-index:1}.bc-mosaic2-tile__title{font-family:Montserrat,sans-serif;font-weight:800;font-size:21px;margin:0 0 6px;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.4)}.bc-mosaic2-tile__text{font-family:Open Sans,sans-serif;font-size:13px;line-height:1.5;margin:0 0 10px}.bc-mosaic2-tile__cta{font-family:Open Sans,sans-serif;font-weight:700;font-size:13px;color:#f97316}.bc-mosaic2-tile__button{display:inline-block;font-family:Montserrat,sans-serif;font-weight:700;font-size:13px;padding:10px 18px;width:fit-content;transition:transform .2s ease,opacity .2s ease}.bc-mosaic2-tile:hover .bc-mosaic2-tile__button{transform:translateY(-2px);opacity:.92}@media screen and (max-width:989px){.bc-mosaic2__columns{height:auto!important;flex-direction:column}.bc-mosaic2-tile{height:var(--mobile-h, 220px)!important;flex-grow:0!important;flex-shrink:0!important}}@media screen and (max-width:599px){.bc-mosaic2{padding:56px 16px}.bc-mosaic2__heading{font-size:28px}.bc-mosaic2-tile__title{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/brandcomp-mosaic-v2.css.map */