/* Clinic photos, 8 October 2026: entrance photo, visit video crop, visit intro photo */

/* e1: location popup, map and entrance side by side on wider screens */
dialog.clinic-location[data-cl-entrance]{width:min(900px,calc(100vw - 32px));max-width:none}
.cl-media{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:14px;align-items:stretch}
.cl-media .clinic-location-map{height:auto;min-height:0}
.cl-media .clinic-location-map img{width:100%;height:auto;max-height:none}
.cl-entrance{margin:0;display:flex;flex-direction:column;border:1px solid #dce2e8;border-radius:14px;overflow:hidden;background:#fff}
.cl-entrance img{display:block;width:100%;height:auto;flex:1 1 auto;min-height:0;object-fit:cover;object-position:18% 50%;aspect-ratio:3/2}
.cl-entrance figcaption{margin:0;padding:9px 13px 11px;font-size:13px;line-height:1.45;color:#263647}
@media (max-width:760px){
  .cl-media{grid-template-columns:1fr}
}

/* shared caption style for page placements */
.cp-gh-photo,.cp-gh-thumb,.cp-band-photo,.cp-intro-photo{margin:0}
.cp-gh-photo img,.cp-gh-thumb img,.cp-band-photo img,.cp-intro-photo img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid rgba(24,61,105,.14);object-fit:cover}
.cp-gh-photo figcaption,.cp-gh-thumb figcaption,.cp-band-photo figcaption{margin-top:8px;font-size:14px;line-height:1.5;color:#3b4a5a}

/* e2: Visit, how do I get to the clinic */
.cp-gh-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:44px;align-items:center}
.cp-gh-photo img{aspect-ratio:3/2}
@media (max-width:900px){.cp-gh-top{grid-template-columns:1fr;gap:20px}}

/* e3: Contact, compact getting-here row */
section#getting-here .gh-compact-row.cp-gh-row{display:grid;grid-template-columns:260px minmax(0,1fr) auto!important;gap:32px;align-items:center}
.cp-gh-thumb img{aspect-ratio:3/2}
@media (max-width:900px){section#getting-here .gh-compact-row.cp-gh-row{grid-template-columns:1fr!important;gap:18px}}

/* e4: homepage appointment band */
.cp-band-photo{max-width:380px;margin:26px 0 0}
.cp-band-photo img{aspect-ratio:16/9}

/* v1: Visit surgery-video image keeps the whole head on phones */
@media (max-width:760px){body.page-visit .video-callout>img.cp-video-img{object-position:28% 50%}}

/* p1: Visit intro photo */
.cp-intro-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.cp-intro-row>.intro{min-width:0}
.cp-intro-photo img{aspect-ratio:3/2}
@media (max-width:900px){.cp-intro-row{grid-template-columns:1fr;gap:22px}}