.clinic-hero { background: #10243c; color: #fff; padding: clamp(3rem, 7vw, 6rem) 0; }
.clinic-hero h1 { color: #fff; font-size: clamp(2.5rem, 6vw, 5rem); line-height: 1.04; margin: .6rem 0 1rem; }
.clinic-hero p { color: #e6edf3; max-width: 38rem; }
.clinic-hero .eyebrow { color: #ffc58f; }
.clinic-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: clamp(1.5rem, 4vw, 4rem); }
.clinic-split p { margin-bottom: .9rem; }
.clinic-portrait { width: 100%; max-height: 460px; object-fit: cover; object-position: center 35%; border-radius: 1.25rem; }
.clinic-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 1.25rem; }
.clinic-jumps { background: #fff; border-bottom: 1px solid #e5e9ec; }
.clinic-jumps .container { display: flex; flex-wrap: wrap; gap: .6rem 1.35rem; padding-block: .9rem; }
.clinic-jumps a, .clinic-flyer summary { color: #173c48; font-weight: 700; }
.clinic-section { background: #f5f8f6; }
.clinic-stats, .clinic-gallery, .clinic-grid { display: grid; gap: 1.15rem; }
.clinic-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); margin-top: 1.5rem; }
.clinic-card, .clinic-quote, .clinic-stats div { background: #fff; border: 1px solid #e4e9e6; border-radius: 1rem; overflow: hidden; }
.clinic-card img { width: 100%; height: 190px; object-fit: cover; }
#therapies .clinic-card img { object-fit: contain; padding: .8rem; background: #edf4ef; }
.clinic-card div, .clinic-quote, .clinic-stats div { padding: 1.2rem; }
.clinic-card p { margin-top: .45rem; }
.clinic-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.clinic-stats dt { color: #17614f; font-size: clamp(1.15rem, 2.2vw, 1.9rem); font-weight: 800; }
.clinic-stats dd { margin: 0; }
.clinic-gallery { grid-template-columns: repeat(auto-fit, minmax(min(100%, 165px), 1fr)); margin-top: 1.5rem; }
.clinic-gallery img { width: 100%; height: 155px; object-fit: cover; border-radius: .7rem; }
.clinic-quote figcaption { font-weight: 700; margin-top: .65rem; color: #17614f; }
.clinic-flyer { margin-top: 1.5rem; padding: 1rem; background: #fff; border-radius: .8rem; }
.clinic-flyer summary { cursor: pointer; }
.clinic-flyer img { display: block; max-width: min(100%, 680px); margin: 1rem 0; }
@media (max-width: 740px) { .clinic-split { grid-template-columns: 1fr; } .clinic-portrait { max-height: 360px; } }
