/* Preserve complete photo subjects in desktop frames and keep insets off the main image. */
@media (min-width: 761px) {
  html body:is(.cinematic-interior, .sample-cinematic):is([data-page-type], .journal-cinematic, .journal-category-cinematic, .article-cinematic) main
  :is(.hero-visual, .sample-journeys-hero-visual, .growth-hero-visual) {
    display: grid !important;
    grid-template-columns: 170px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body:is(.cinematic-interior, .sample-cinematic):is([data-page-type], .journal-cinematic, .journal-category-cinematic, .article-cinematic) main
  :is(.hero-visual, .sample-journeys-hero-visual, .growth-hero-visual)
  :is(.hero-card.hero-card-large, .hero-card.hero-card-small) {
    display: contents !important;
  }

  html body:is(.cinematic-interior, .sample-cinematic):is([data-page-type], .journal-cinematic, .journal-category-cinematic, .article-cinematic) main
  :is(.hero-visual, .sample-journeys-hero-visual, .growth-hero-visual)
  :is(.hero-card.hero-card-large, .hero-card.hero-card-small) > img {
    position: static !important;
    inset: auto !important;
    display: block !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 430px !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    background: #19211b;
    border: 1px solid #46503b !important;
    border-radius: 2px !important;
    box-sizing: border-box;
  }

  html body:is(.cinematic-interior, .sample-cinematic):is([data-page-type], .journal-cinematic, .journal-category-cinematic, .article-cinematic) main
  :is(.hero-visual, .sample-journeys-hero-visual, .growth-hero-visual)
  .hero-card.hero-card-small > img {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 170px !important;
    height: 130px !important;
  }

  html body:is(.cinematic-interior, .sample-cinematic):is([data-page-type], .journal-cinematic, .journal-category-cinematic, .article-cinematic) main
  :is(.hero-visual, .sample-journeys-hero-visual, .growth-hero-visual) .hero-stat {
    position: static !important;
    inset: auto !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box;
  }

  html body[data-page-type="inquire"] #inquiry-landing .hero-visual {
    grid-template-columns: 170px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    gap: 14px !important;
  }
  html body[data-page-type="inquire"] #inquiry-landing :is(.hero-card-large, .hero-card-small) {
    display: contents !important;
  }
  html body[data-page-type="inquire"] #inquiry-landing .hero-stat {
    grid-area: 2 / 2 !important;
  }

  html body:is(.cinematic-interior, .sample-cinematic) main
  :is(.editorial-break-image, .reflection-band-media, .audience-image-figure) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: center !important;
  }
  html body:is(.cinematic-interior, .sample-cinematic) main
  :is(.editorial-break, .reflection-band) :is(.editorial-break-image, .reflection-band-media) img,
  html body.cinematic-interior:is([data-page-type], .article-cinematic) main :is(.audience-image-figure, .growth-image-figure) img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 680px !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #19211b;
  }

  html body.cinematic-interior[data-page-type="sample-journeys"] main .sample-journey-media img {
    object-fit: contain !important;
    object-position: center !important;
    background: #19211b;
  }

  html body.cinematic-interior[data-page-type="cities-hub"] main .city-atlas-visual {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  html body.cinematic-interior[data-page-type="cities-hub"] main .city-atlas-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important;
    align-items: center !important;
    background: #19211b;
  }
  html body.cinematic-interior[data-page-type="cities-hub"] main .city-atlas-panel img {
    width: 100% !important;
    height: 160px !important;
    min-height: 0 !important;
    object-fit: contain !important;
  }
  html body.cinematic-interior[data-page-type="cities-hub"] main .city-atlas-panel figcaption {
    min-height: 0 !important;
  }
  html body:is(.cinematic-interior, .sample-cinematic) main .geo-main .editorial-break + .geo-section {
    margin-top: 32px !important;
  }

  /* The panoramic divider keeps the pine crowns and summits inside its crop. */
  html body[data-page-type="homepage"] main .home-cinematic-divider img {
    object-position: center 24% !important;
  }
}