/* Every slide shares one media frame and one caption footprint. */
.foyer-carousel-shell .smithsonian-hero-stage{height:clamp(330px,42svh,440px);aspect-ratio:auto}
.foyer-carousel-shell .smithsonian-hero-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:1.5rem;row-gap:0}
.smithsonian-hero-caption .carousel-caption-text,.smithsonian-hero-caption .carousel-caption-sizer{grid-column:1;grid-row:1;display:flex;flex-direction:column;min-width:0}
/* Hidden copies size the grid to its tallest caption at every width and text size. */
.smithsonian-hero-caption .carousel-caption-sizer{visibility:hidden;pointer-events:none;user-select:none}
.smithsonian-hero-caption .smithsonian-hero-controls{grid-column:2;grid-row:1;align-self:end}
@media(max-width:760px){
  .foyer-carousel-shell .smithsonian-hero-stage{height:clamp(300px,48svh,390px)}
  .foyer-carousel-shell .smithsonian-hero-caption{grid-template-columns:minmax(0,1fr);row-gap:.7rem}
  .smithsonian-hero-caption .smithsonian-hero-controls{grid-column:1;grid-row:2;width:100%}
  .smithsonian-hero-stage>.smithsonian-hero-open{left:10px;bottom:8px}
}
@media(max-width:430px){.foyer-carousel-shell .smithsonian-hero-stage{height:340px}}