/* The supplied label collage fills the right half of the opening section. */
.hero.hero--collage{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero--collage .hero-art--collage{position:absolute;inset:0 0 0 auto;width:50%;height:100%;overflow:hidden;background:var(--purple)}
.hero--collage .hero-art--collage:before{content:none}
.hero-art--collage img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top}
@container page (max-width:899px){
  .hero.hero--collage{--hero-gutter:28px;grid-template-columns:minmax(0,1fr);padding-inline:var(--hero-gutter);padding-bottom:0;gap:32px}
  .hero--collage .hero-art--collage{position:relative;inset:auto;width:calc(100% + 2 * var(--hero-gutter));height:auto;aspect-ratio:5/4;justify-self:stretch;margin-inline:calc(-1 * var(--hero-gutter))}
}
@container page (max-width:600px){
  .hero.hero--collage{--hero-gutter:20px;gap:30px}
  .hero--collage .hero-art--collage{aspect-ratio:1}
}