/* Maestro Geek: images and titles occupy separate areas at every breakpoint. */
.card,.card-body,.hero,.hero-side{min-width:0}
.card h3{overflow-wrap:anywhere}
.card img{height:auto}
.hero-main{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0}
.hero-main>img{position:static;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.hero-main::after{display:none}
.hero-main .card-body{position:static;z-index:auto;padding:24px 28px 28px}
.hero-main h3{font-size:29px;line-height:1.2;max-width:none}
.hero-main p{max-width:none}
.hero-side .card>img{height:100%;min-height:0}
@media(max-width:620px){.hero-main{min-height:0}.hero-main .card-body{padding:20px}.hero-main h3{font-size:25px;line-height:1.2}.hero-side .card>img{height:auto;aspect-ratio:16/10}.ai-block .card>img{height:100%}}