/* Dentistrie identity adaptations; the shared layout follows the reference. */
.care-navigation .hn-brand img{width:188px;height:auto;aspect-ratio:424/144;display:block}.brand img{width:240px;height:auto;aspect-ratio:424/144}.hero .text-link:hover{color:#dce6de}.care-navigation .hn-top{min-height:108px}.doctor-card .portrait{aspect-ratio:4/5;background:#e5e6df}.doctor-card .portrait img{height:100%;width:100%;object-fit:cover}.visit-details{border-top:1px solid var(--line);padding-top:26px}.visit-details address{font-style:normal;font-size:24px;line-height:1.5;margin-bottom:20px}.contact-lines a{display:inline-block;margin-bottom:6px}.office-caption{font-size:13px;color:var(--muted);margin-top:14px}.appointment-options{display:grid;gap:22px}.appointment-option{border-top:1px solid var(--line);padding-top:24px}.appointment-option h3{font-size:28px}.appointment-phone{font-size:32px;letter-spacing:-.03em}.hours{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:26px}.hours dd{margin:0;text-align:right}.footer-grid address{font-style:normal;font-size:14px;color:#bdc8c0}.footer-grid .contact-lines{margin-top:18px}.social-links{display:flex;gap:22px;margin-top:18px}.footer-grid .social-links a{display:inline-block}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.photo-grid figure{margin:0}.photo-grid img{width:100%;height:380px;object-fit:cover}.photo-grid figcaption{font-size:14px;margin-top:12px;color:var(--muted)}.team-feature{width:100%;max-width:650px}.doctor-card{grid-template-columns:46% 1fr}.hero-media img{object-position:center 48%}.home-location-image{width:100%;aspect-ratio:16/10;object-fit:cover}.page-hero.with-image .page-image{object-position:center}.care-navigation .hn-desktop{gap:24px}.on-page a:focus-visible{outline:3px solid var(--deep);outline-offset:4px}
@media(max-width:1200px){.care-navigation .hn-brand img{width:188px}.care-navigation .hn-desktop{gap:16px}.doctor-card{grid-template-columns:1fr}.doctor-card .portrait{max-width:360px}}
@media(max-width:700px){.care-navigation .hn-brand img{width:150px}.care-navigation .hn-top{min-height:88px}.brand img{width:220px}.photo-grid{grid-template-columns:1fr}.photo-grid img{height:auto}.doctor-card{grid-template-columns:1fr}.visit-details address{font-size:22px}.appointment-phone{font-size:28px}.footer-grid .contact-lines a{font-size:14px}.hero-media{aspect-ratio:16/9}.hero-media img{object-fit:cover}.hero .eyebrow{font-size:11px}}
@media(max-width:400px){.care-navigation .hn-brand img{width:134px}.doctor-card{grid-template-columns:1fr}.doctor-card .portrait{max-width:320px}}

/* Shared portrait frames keep both doctors the same size and aligned. */
.doctor-grid{align-items:start}
.doctor-card .portrait.social-portrait,.page-hero.bio .portrait.bio-photo{
  position:relative;
  aspect-ratio:4/5;
  display:block;
  width:100%;
  max-width:320px;
  max-height:none;
  background:#e5e6df;
}
.doctor-card .portrait.social-portrait img,.page-hero.bio .portrait.bio-photo img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.halah-portrait img{object-position:65% 50%}
.shamil-portrait img{object-position:50% 50%}
@media(max-width:1200px){
  .doctor-card{grid-template-rows:auto 1fr;align-items:start;align-content:start}
}
.sitemap-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.sitemap-grid ul{list-style:none;padding:0}.sitemap-grid li{border-top:1px solid var(--line)}.sitemap-grid li a{display:block;padding:12px 0;font-size:16px}.sitemap-grid li a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.sitemap-grid{grid-template-columns:1fr;gap:40px}}

/* Matching circular portrait frames on the homepage. */
.home-doctors .doctor-card .portrait.social-portrait{
  aspect-ratio:1;
  border-radius:50%;
  max-width:360px;
}
@media(max-width:400px){
  .home-doctors .doctor-card .portrait.social-portrait{max-width:320px}
}

/* Keep the full logo clear of the menu button on narrow phones. */
@media(max-width:360px){.care-navigation .hn-brand img{width:114px}}

/* Keep the approved treatment-room photo and shade logo in the crop. */
img.treatment-room-photo{object-position:right 14%}

/* Keep the reception sign fully visible in narrow page-hero crops. */
.page-hero.with-image .reception-photo{object-position:65% center}

/* Approved three-doctor layout: shared by the homepage and doctors overview. */
.doctor-grid.doctor-grid-three{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:48px;
  align-items:start;
}
.doctor-grid-three .doctor-card{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto 1fr;
  gap:26px;
  align-items:start;
  text-align:center;
  min-width:0;
}
.doctor-grid-three .doctor-card .portrait.social-portrait{
  width:100%;
  max-width:300px;
  justify-self:center;
}
.doctor-grid-three .doctor-card h3{
  font-size:27px;
  line-height:1.22;
  letter-spacing:-.035em;
  margin:0 0 8px;
}
.doctor-grid-three .doctor-card .credentials{
  font-size:13px;
  letter-spacing:.06em;
  margin-bottom:14px;
}
.doctor-grid-three .doctor-card .doctor-role{
  font-size:15px;
  line-height:1.6;
  min-height:48px;
  max-width:270px;
  margin:0 auto 18px;
}
.doctor-grid-three .doctor-card .text-link{font-size:14px;gap:16px}
.shane-portrait img{object-position:50% 43%}
@media(max-width:1000px){
  .doctor-grid.doctor-grid-three{gap:24px}
  .doctor-grid-three .doctor-card h3{font-size:23px}
  .doctor-grid-three .doctor-card .doctor-role{font-size:14px;min-height:68px}
  .doctor-grid-three .doctor-card .text-link{font-size:12px;gap:10px}
}
@media(max-width:760px){
  .doctor-grid.doctor-grid-three{grid-template-columns:minmax(0,1fr);gap:48px}
  .doctor-grid-three .doctor-card{max-width:360px;width:100%;justify-self:center;gap:22px}
  .doctor-grid-three .doctor-card h3{font-size:27px}
  .doctor-grid-three .doctor-card .doctor-role{font-size:15px;min-height:0;max-width:300px}
  .doctor-grid-three .doctor-card .text-link{font-size:14px;gap:16px}
}