/* Approved mobile polish. Original headers, artwork, footage and desktop retained. */
@media (max-width: 800px) {
  .hero .hero-image {
    top: auto;
    bottom: 0;
    height: clamp(300px, 92vw, 440px);
    object-fit: cover;
    object-position: 59% 50%;
    opacity: .92;
  }
  .hero .hero-shade {
    background:
      linear-gradient(180deg, #08080b 0%, #08080b 28%, #08080bdb 42%, #08080b45 66%, #08080b18 83%, #08080b 100%),
      linear-gradient(90deg, #08080b66, transparent 75%);
  }
  .plm-classic-footer {
    --text-muted: #c3c0cc;
    --text-faint: #aba8b5;
  }
  .plm-classic-footer .footer__nav a { color: #c3c0cc; }
  .plm-classic-footer .footer__phone { color: #f2f2f4; }
  .plm-classic-footer .footer__nav a:hover,
  .plm-classic-footer .footer__nav a:focus-visible,
  .plm-classic-footer .footer__phone:hover,
  .plm-classic-footer .footer__phone:focus-visible { color: #c6a7ff; }
}

@media (max-width: 360px) {
  #services .service-row {
    grid-template-columns: 104px minmax(0, 1fr);
    grid-template-areas: "photo title" "photo action";
    gap: 6px 14px;
    align-items: center;
  }
  #services .service-row > img {
    grid-area: photo;
    width: 104px;
    height: 100px;
  }
  #services .service-row h3 { grid-area: title; align-self: end; }
  #services .service-row .service-view {
    grid-area: action;
    justify-self: start;
    align-self: start;
    width: 64px;
    min-height: 44px;
  }
}