/* Readability and existing-image presentation. Original palette is unchanged. */
body{font-size:17.5px}
h1,.hero h1,.page-hero h1{font-size:56px}
h2,.doctor-copy h2,.assessment-panel h2,.aesthetics-copy h2,.consultation-band h2,.article-content h2{font-size:38px}
.button,.button-small,.assessment-panel .button{font-size:16px}
.nav-link,.submenu a{font-size:15px}
.main-nav{gap:14px}.header-inner{gap:18px}.header-book{padding-inline:16px}
.hero-copy>p,.page-hero p{font-size:18px;max-width:600px}
.section-heading>p,.doctor-copy>p:not(.credentials),.assessment-panel p,.testimonial-grid>div>p,.aesthetics-copy p,.consultation-band p,.article-content p,.article-content ul,.content-aside p{font-size:17.5px}
.condition-card p,.tool-card p,.resource-card p,.approach-grid p,.link-card p{font-size:16px}
.text-link,.condition-card .text-link,.hero .text-link{font-size:16px}
label,.checklist label,input,select,textarea,.credentials,.credential-list,.service-tags span,.care-strip span{font-size:16px}
.utility-bar,.utility-inner,.hero-reassurance,.doctor-label div>span,.visual-caption,.micro-note,.field small,.quote-card small,.consultation-actions>span,.footer-bottom,.brand small,.breadcrumb,.checklist-count,.form-status{font-size:13px}
.brand small{font-size:9px;letter-spacing:.12em}
.eyebrow,.hero .eyebrow,.resource-card>.eyebrow,.care-strip span:first-child,.art-tag,.card-top>span{font-size:12px}
.quote-card figcaption{font-size:15px}
.footer-grid h2{font-size:17px}.footer-grid p,.footer-brand>p,.footer-grid>div>a:not(.brand){font-size:15px}
.floating-chat{font-size:15px}
.clinic-image{display:block;width:100%;height:auto;object-fit:contain}
.portrait-frame{height:auto;aspect-ratio:1;border-radius:32px;max-width:100%}
.portrait-frame img{width:100%;height:auto;object-fit:contain}
.doctor-photo>img{height:auto;object-fit:contain;border-radius:28px}
.condition-card .clinic-image{border-radius:10px;margin-bottom:22px}
.assessment-art .clinic-image{border-radius:18px}
.aesthetics-panel{align-items:center}
.aesthetic-photo{padding:24px}
.aesthetic-photo .clinic-image{border-radius:14px}
.resource-photo{margin-bottom:24px;border-radius:14px;overflow:hidden}
.page-hero.has-image>.container{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
.page-hero .page-photo{border-radius:20px;overflow:hidden}
.page-hero.has-image h1{font-size:48px}
.page-secondary-photo{margin:32px 0}
.page-secondary-photo img{border-radius:16px}
.hero-reassurance{flex-wrap:wrap}
.content-grid>*{min-width:0}
.button{white-space:normal}
@media(max-width:1320px){.nav-link{font-size:16px}.header-inner{gap:14px}}
@media(max-width:900px){
body{font-size:17px}
h1,.hero h1,.page-hero h1{font-size:50px}
.page-hero.has-image>.container{gap:28px}
.page-hero.has-image h1{font-size:42px}
.hero-copy>p,.page-hero p{font-size:17px}
}
@media(max-width:640px){
body{font-size:16.5px}
h1,.hero h1,.page-hero h1,.page-hero.has-image h1{font-size:42px}
h2,.doctor-copy h2,.assessment-panel h2,.aesthetics-copy h2,.consultation-band h2,.article-content h2{font-size:34px}
.section-heading>p,.doctor-copy>p:not(.credentials),.assessment-panel p,.testimonial-grid>div>p,.aesthetics-copy p,.consultation-band p,.article-content p,.article-content ul,.content-aside p{font-size:16.5px}
.hero .eyebrow{font-size:11px}
.hero-visual{min-height:370px}
.doctor-label{padding:12px;left:0;right:0;max-width:320px;margin:auto}
.hero-reassurance{font-size:13px;gap:10px 20px}
.page-hero.has-image>.container{grid-template-columns:1fr;gap:28px}
.page-hero .breadcrumb{overflow-wrap:anywhere}
.aesthetic-photo{padding:22px 22px 0}
.utility-inner{font-size:11px}
.brand small{font-size:8px}
.header-inner{gap:8px}
.form-grid{gap:18px}
.approach-grid{gap:28px 16px}
.photo-note{font-size:17px;padding:16px;right:-10px}
}
@media(max-width:360px){.brand strong{font-size:19px}.brand img{width:28px}.hero h1{font-size:38px}.condition-card{padding:20px}.assessment-panel{padding:28px 20px}}

/* Clinic logo supplied by the owner; retain the complete square artwork. */
.brand img.brand-clinic-logo{width:96px;height:96px;object-fit:contain;flex-shrink:0}
.footer-brand .brand img.brand-clinic-logo{width:128px;height:128px}
@media(max-width:640px){
 .brand img.brand-clinic-logo{width:64px;height:64px}
 .footer-brand .brand img.brand-clinic-logo{width:96px;height:96px}
}