/* AI-assisted presentation assets; original media remains available in assets/. */
.hero-poster { filter: saturate(.85); object-position: center 55%; }
.hero-video { object-position: center 55%; }
.hero-shade { background: linear-gradient(90deg, #14241ed9 0%, #17291f70 43%, #17291f30 73%), linear-gradient(0deg, #14261d80, transparent 35%); }
.doctor-image img { filter: none; }
.doctor-option img { object-position: center top; }
.hero-opening { display: contents; }
@media (max-width: 760px) {
  .hero { background: #1c3227; }
  .hero-opening { display: block; position: relative; overflow: hidden; padding-bottom: 155px; }
  /* Crop the upper towers out of the mobile scene and bring the facade up. */
  .hero-opening .hero-poster { top: -60%; height: 160%; object-position: 55% bottom; }
  .hero-opening .hero-shade { background: linear-gradient(180deg, #14241ed9 0%, #17291f8f 38%, #17291f45 72%, #1c322700 83%, #1c3227 100%); }
  .hero-reels { margin-top: 26px; }
}

/* Doctor appointment controls use a consistent icon instead of font arrows. */
.doctor-image .doctor-book {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  width: auto; height: 44px; min-width: 132px; padding: 0 15px; white-space: nowrap;
  right: 16px; bottom: 16px; border-radius: 999px;
  background: #f6f4ee; color: #394c36; border: 1px solid #ffffffa6;
  box-shadow: 0 3px 14px #22302114;
  font-family: var(--body); font-size: 13px; font-weight: 500; line-height: 1;
  transition: background .18s, color .18s, border-color .18s;
}
.doctor-book span { display: block; font: inherit; color: inherit; white-space: nowrap; }
.doctor-book svg { width: 18px; height: 18px; flex-shrink: 0; }
.doctor-image .doctor-book:hover { background: #4b6043; color: #fff; border-color: #4b6043; }
.doctor-image .doctor-book:focus-visible { outline: 2px solid #fff; outline-offset: 3px; box-shadow: 0 0 0 5px #4b6043; }
@media (max-width: 760px) {
  .doctor-image .doctor-book { right: 9px; bottom: 10px; min-width: 0; height: 44px; padding: 0 11px; gap: 6px; font-size: 12px; }
  .doctor-book svg { width: 16px; height: 16px; }
}
@media (prefers-reduced-motion: reduce) { .doctor-image .doctor-book { transition: none; } }

@media (max-width: 360px) { .contact-top h2 { font-size: 65px; } }