/* Opt-in layouts; existing tenant banners keep their original styling until configured. */
.home-page main [data-home-banners][data-banner-layout="featured"][data-banner-count="2"]>.container{grid-template-columns:minmax(0,1fr)}
.home-page main [data-home-banners][data-banner-layout]>.container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;align-items:start;gap:24px}
.home-page main [data-home-banners][data-banner-layout][data-banner-count="1"]>.container,.home-page main [data-home-banners][data-banner-layout="rows"]>.container{grid-template-columns:minmax(0,1fr)}
.home-page main [data-home-banners][data-banner-layout="grid"][data-banner-count="3"]>.container{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-page main [data-home-banners][data-banner-layout="featured"]>.container>:first-child{grid-column:1/-1}
.home-page main [data-home-banners][data-banner-layout="featured"][data-banner-count="4"]>.container{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-page main [data-home-banners][data-banner-layout]>.container>:is(a,div){display:block;width:100%;max-width:none;margin:0;padding:0;min-width:0;aspect-ratio:var(--home-banner-ratio,var(--banner-ratio));height:auto}
.home-page main [data-home-banners][data-banner-layout]>.container>:is(a,div) :is(img,picture){display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%;max-height:none}
@media(max-width:900px){.home-page main [data-home-banners][data-banner-layout="grid"][data-banner-count="3"]>.container{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page main [data-home-banners][data-banner-layout="grid"][data-banner-count="3"]>.container>:last-child{grid-column:1/-1}.home-page main [data-home-banners][data-banner-layout="featured"][data-banner-count="4"]>.container{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.home-page main [data-home-banners][data-banner-layout]>.container{grid-template-columns:minmax(0,1fr)!important;gap:18px}.home-page main [data-home-banners][data-banner-layout]>.container>:is(a,div){grid-column:1/-1;aspect-ratio:var(--home-banner-ratio,var(--banner-mobile-ratio))}}