/* Approved revised C: quieter desktop hero, preferred portrait, white care actions.
   The current phone presentation is unchanged. */
@media (min-width: 761px) {
  html body.home .cinema .cinema-photo,
  html body .cinema .cinema-photo {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    inset: 0 !important;
    object-fit: cover !important;
    object-position: 20% center !important;
    transform: none !important;
    filter: none !important;
  }
  html body .cinema .reading-light {
    background: linear-gradient(90deg, transparent 42%, rgba(255,251,246,.2) 62%, rgba(255,251,246,.5) 100%) !important;
  }
  html body .cinema .hero-copy { z-index: 2 !important; }
  html body .cinema .hero-copy h1,
  html body .cinema .hero-copy p { text-shadow: none !important; }
  html body.home .cinema .hero-copy,
  html body .cinema .hero-copy {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html body .cinema #hero-qualifications {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-color: rgba(24,61,105,.09) !important;
    background: rgba(255,253,248,.95) !important;
    box-shadow: none !important;
  }
  html body .cinema .hero-intro,
  html body .cinema .hero-intro > span {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html body #main .cinema .hero-pills.care-routes a {
    background: rgba(255,253,248,.9) !important;
    border: 1px solid #183d69 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}
@media (min-width: 1101px) {
  html body .cinema { height: calc(100svh + 125px) !important; min-height: 850px !important; }
  html body .cinema .hero-copy { top: 20% !important; left: 53% !important; right: 5% !important; }
  html body .cinema .hero-copy h1 { max-width: 650px !important; }
  html body.home .cinema .hero-copy { padding: 0 !important; }
}