
.p4-aesthetics{background:#0b0c0d;color:#f7f7f5;padding:calc(var(--header-height,80px) + 40px) 32px 64px;font-family:var(--font-body--family),sans-serif}
.p4-aesthetics__shell{max-width:1440px;margin:auto}.p4-aesthetics h1,.p4-aesthetics h2,.p4-aesthetics h3{color:#fff;letter-spacing:-.035em}.p4-aesthetics p{line-height:1.7;color:#bfc1c3}.p4-aesthetics .p4-aesthetic-eyebrow{font-size:12px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:#cdd2d7;margin:0 0 14px}
.p4-aesthetics__hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.p4-aesthetics h1{font-size:clamp(38px,5vw,72px);line-height:1.05;margin:0 0 24px}.p4-aesthetics__intro{font-size:17px;max-width:520px;margin:0 0 28px}.p4-aesthetics__hero>img{width:100%;height:100%;max-height:520px;min-height:340px;object-fit:cover;border-radius:18px}
.p4-aesthetic-button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;padding:14px 20px;min-height:48px;background:#f3f3ee;color:#101112;border-radius:30px;font-size:14px;font-weight:600;text-decoration:none}.p4-aesthetic-button:hover{background:#dce5eb}.p4-aesthetic-button:focus-visible{outline:3px solid #9cc6e5;outline-offset:4px}
.p4-aesthetics__heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:70px 0 28px;scroll-margin-top:100px}.p4-aesthetics h2{font-size:clamp(28px,3vw,42px);line-height:1.15;margin:0}.p4-aesthetics__heading>p{max-width:280px;margin:0}
.p4-aesthetics__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.p4-aesthetic-card{display:flex;flex-direction:column;background:#181a1c;border:1px solid #2d3033;border-radius:18px;overflow:hidden}.p4-aesthetic-card>img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;flex-shrink:0}.p4-aesthetic-card__body{padding:24px;display:flex;flex:1;flex-direction:column}.p4-aesthetic-card h3{font-size:25px;line-height:1.15;margin:0 0 14px}.p4-aesthetic-card__body>p:not(.p4-aesthetic-eyebrow){font-size:14px;margin:0 0 24px}.p4-aesthetic-card .p4-aesthetic-button{margin-top:auto;align-self:flex-start}
.p4-aesthetics__booking{margin-top:64px;border-top:1px solid #34373a;padding-top:40px;display:grid;grid-template-columns:1.3fr 1fr;gap:80px}.p4-aesthetics__booking h3{font-size:24px;margin:0}.p4-aesthetics__booking p{max-width:580px;font-size:15px}body:has(.p4-aesthetics) header-component,body:has(.p4-aesthetics) .header__row{background:#0b0c0d!important}
@media(max-width:820px){.p4-aesthetics{padding:calc(var(--header-height,60px) + 24px) 16px 40px}.p4-aesthetics__hero{grid-template-columns:1fr;gap:28px}.p4-aesthetics__hero>img{min-height:0;height:auto;aspect-ratio:4/3}.p4-aesthetics__heading{display:block;margin-top:44px}.p4-aesthetics__heading>p{margin-top:14px;max-width:none}.p4-aesthetics__grid{grid-template-columns:1fr}.p4-aesthetic-card__body{padding:22px}.p4-aesthetics__booking{grid-template-columns:1fr;gap:28px;margin-top:40px}.p4-aesthetics__intro{font-size:16px}}

/* Lead straight into treatment booking. */
.p4-aesthetics__heading{margin:0 0 28px}
.p4-aesthetics__heading h1{font-size:clamp(32px,4vw,56px);margin:0 0 12px}
.p4-aesthetics__heading p{margin:0;font-size:16px}
