.hero-banners{grid-gap:12px;grid-template-columns:1fr 1fr;gap:12px;height:450px;display:grid}.hero-banners--count-1{grid-template-columns:1fr}.hero-banners--count-1 .hero-banners__main{grid-column:1}.hero-banners--count-2 .hero-banners__main{grid-area:1/1/auto/2}.hero-banners--count-2 .hero-banners__secondary{grid-area:1/2/auto/3}.hero-banners--count-3 .hero-banners__main,.hero-banners--count-4 .hero-banners__main,.hero-banners--count-5 .hero-banners__main{grid-area:1/1/3/2}.hero-banners--count-3 .hero-banners__secondary,.hero-banners--count-4 .hero-banners__secondary,.hero-banners--count-5 .hero-banners__secondary{grid-area:1/2/3/3}.hero-banners__main{display:flex}.hero-banners__secondary{flex-direction:column;gap:12px;display:flex}.hero-banner{cursor:pointer;border-radius:8px;flex:1;min-height:100px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.hero-banner:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hero-banner--main,.hero-banner--secondary{width:100%;height:100%}.hero-banner__image{width:100%;height:100%;min-height:100px;position:relative}.hero-banner__image img{transition:transform .3s}.hero-banner:hover .hero-banner__image img{transform:scale(1.05)}@media (max-width:767px){.hero-banners{grid-template-columns:1fr;gap:12px;height:auto}.hero-banners__main,.hero-banners__secondary,.hero-banners--count-2 .hero-banners__main,.hero-banners--count-2 .hero-banners__secondary,.hero-banners--count-3 .hero-banners__main,.hero-banners--count-3 .hero-banners__secondary,.hero-banners--count-4 .hero-banners__main,.hero-banners--count-4 .hero-banners__secondary,.hero-banners--count-5 .hero-banners__main,.hero-banners--count-5 .hero-banners__secondary{grid-area:auto/1}.hero-banner{min-height:180px}.hero-banner--main{min-height:200px}.hero-banner--secondary{min-height:160px}}@media (max-width:576px){.hero-banner{min-height:160px}.hero-banner--main{min-height:180px}.hero-banner--secondary{min-height:140px}}