.banner__heading{color:#fff}.banner__text{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-scale) * .06rem);line-height:1.1;word-break:break-word;margin-top:0;margin-bottom:20px;font-size:1.6rem;color:#fff}@media (min-width: 1024px){.banner__text{font-size:2rem;margin-bottom:30px}}.banner__image{width:100%;border-radius:8px;overflow:hidden}.banner__image:after{content:"";display:block;width:100%;height:100%;background:linear-gradient(0,#0000004d 0,#fff0);position:absolute;left:0;bottom:0;pointer-events:none;border-radius:8px}.banner__image img{min-width:100%;height:100%!important;border-radius:8px;object-fit:cover}.banner__content{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;padding:20px;justify-content:flex-end;align-items:flex-start;border-radius:8px}@media (min-width: 1250px){.banner__content{padding:40px}}.banner{position:relative;width:100%}@media (min-width: 1024px){.bannerGroup .banner:not(:first-child) .banner__image{position:relative;width:100%}.bannerGroup .banner:not(:first-child) .banner__image img{position:absolute;left:0;top:0;width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover}}@media (max-width: 767px){.bannerGroup .banner:nth-child(2) .banner__image,.bannerGroup .banner:nth-child(3) .banner__image{aspect-ratio:16/9}}.bannerGroup .banner:first-child{grid-area:banner1}.bannerGroup .banner:nth-child(2){grid-area:banner2}.bannerGroup .banner:nth-child(3){grid-area:banner3}.bannerGroup .banner{display:flex;margin-bottom:20px}@media (min-width: 768px){.bannerGroup .banner{margin-bottom:0}}@media (min-width: 768px){.bannerGroup{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,280px);gap:20px;grid-template-areas:"banner1 banner1 banner1 banner1 banner1 banner1" "banner2 banner2 banner2 banner3 banner3 banner3"}}@media (min-width: 1024px){.bannerGroup{grid-template-areas:"banner1 banner1 banner1 banner1 banner2 banner2" "banner1 banner1 banner1 banner1 banner3 banner3";grid-template-rows:repeat(2,auto)}}.three-banners .container{max-width:1560px;padding-left:1.5rem;padding-right:1.5rem;margin-left:auto;margin-right:auto;width:100%}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-three-banners.css.map */