/* Balanced layout: immersive imagery and a consistent reading grid. */
:root{--page-gutter:clamp(48px,3.4vw,64px)}
body{margin:0}
header,.section,footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter);max-width:none}
.hero-copy{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.section{padding-top:64px;padding-bottom:64px}
#practitioners{padding-left:0;padding-right:0;padding-top:52px;padding-bottom:20px}
#practitioners>h2,#practitioners>p,.doctor-controls{margin-left:var(--page-gutter);margin-right:var(--page-gutter)}
#practitioners>h2{margin-bottom:18px}
.doctor-track{width:100%;border-left:0;border-right:0}
.doctor-card{grid-template-columns:48% 52%}
.doctor-card-copy{padding:44px clamp(40px,4vw,76px)}
#environment{margin:0;width:100%;border:0;grid-template-columns:48% 52%}
#environment .institution-copy{padding:48px clamp(40px,4vw,76px)}
.institution-copy>p,.doctor-card-copy>p{max-width:600px}
.faq{max-width:none}
@media(max-width:900px){:root{--page-gutter:32px}#environment{grid-template-columns:1fr}.section{padding-top:48px;padding-bottom:48px}}
@media(max-width:650px){:root{--page-gutter:20px}.doctor-card{grid-template-columns:1fr}.hero-copy{padding-left:20px;padding-right:20px}#environment .institution-copy,.doctor-card-copy{padding:30px 20px}#practitioners{padding-top:36px;padding-bottom:12px}.section{padding-top:40px;padding-bottom:40px}}
/* Narrow consistent frames around the two showcase panels. */
.doctor-track{width:calc(100% - 48px);margin-left:24px;margin-right:24px;border:1px solid #343d37}
#environment{width:calc(100% - 48px);margin-left:24px;margin-right:24px;border:1px solid #343d37}
@media(max-width:650px){.doctor-track,#environment{width:calc(100% - 24px);margin-left:12px;margin-right:12px}}
/* Preserve the complete portrait rather than enlarging/cropping the face. */
.doctor-photo img{object-fit:contain;object-position:center;background:#242725}
/* Portrait-shaped image column avoids letterboxing and excessive face crop. */
.doctor-card{grid-template-columns:36% 64%;min-height:700px}
.doctor-photo{min-height:700px}
.doctor-photo img{object-fit:cover;object-position:center 25%}
@media(min-width:1600px){.doctor-card{grid-template-columns:32% 68%}.doctor-card,.doctor-photo{min-height:760px}}
@media(max-width:900px){.doctor-card{grid-template-columns:42% 58%}.doctor-card,.doctor-photo{min-height:600px}}
@media(max-width:650px){.doctor-card{grid-template-columns:1fr}.doctor-photo{height:auto;min-height:0;aspect-ratio:3/4}.doctor-card{min-height:0}}