/* Real photography dropped into the slots the dashed placeholders held.
   Loaded after site.css.

   NOTE: these images deliberately carry no loading="lazy". It did not fire
   reliably in testing - the images stayed unloaded even once scrolled into
   view - and a blank card is worse than an eager fetch on a seven-page site. */

.shot{display:block;width:100%;height:auto;object-fit:cover;background:var(--teal-wash)}

/* service cards */
.svc .shot{height:172px;border-bottom:1px solid var(--rule-soft)}

/* the circular crop in the About split */
.shot.round{aspect-ratio:1;height:auto;border-radius:50%;max-width:26rem;margin-inline:auto}

/* storefront / location blocks */
.visit-media .shot{height:290px;border-radius:var(--r)}
.contact-shot{height:220px;border-radius:var(--r)}

/* lead photo at the top of an inner page's prose column */
.shot.lead{height:300px;border-radius:var(--r);margin-bottom:28px}
@media(max-width:700px){.shot.lead{height:210px}}

/* photo inside a sidebar card */
.sidecard .shot{height:150px;border-radius:10px;margin-bottom:14px}

/* a caption under a photo, for crediting or explaining what it shows */
.shot-note{font-size:.78rem;color:var(--ink-faint);margin-top:7px}

/* ---------- focal points for portrait-source photos ----------
   Every .shot is object-fit:cover inside a fixed height, so the browser
   letterboxes whatever it is handed regardless of the file's aspect ratio.
   A portrait source therefore centre-crops to a band through its middle,
   which on these two lands on dead fabric and bare tubing respectively.
   Steer the band rather than re-cropping the file: the whole image stays
   on disk, and re-framing is this percentage, not a new export.
   Lower number = show more of the top.

   fp-iv is 38% rather than centred for a second reason: the bottle in that
   photo carries a Cyrillic label for a European infusion solution that is
   not on this clinic's drip menu. 38% clips it to the top edge and puts the
   drip chamber in frame instead. Do not raise it. */
.shot.fp-weightloss{object-position:center 58%}
.shot.fp-iv{object-position:center 38%}

/* ---------- clinic gallery ----------
   Genuine photographs of Suite 100, as distinct from the stock imagery on
   the service cards. Taller than a service thumbnail because these are the
   subject rather than a label. */
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:16px}
.gallery figure{margin:0}
.gallery .shot{height:220px;border-radius:var(--r)}
.gallery figcaption{font-size:.82rem;font-weight:600;color:var(--ink-soft);margin-top:8px}