.face-treatments{--paper:#fafaf8;--ink:#232421}
.face-treatments .page-title{padding-block:42px 36px;margin-bottom:40px;border-bottom:1px solid var(--rule)}
.face-treatments .page-title h1{font-size:72px;margin-bottom:0}.face-treatments .page-title>.text-link{display:none}
.face-treatments .with-image{grid-template-columns:.85fr 1.1fr;gap:10%;padding-bottom:90px;align-items:start}
.face-treatments .with-image figure{grid-column:1;grid-row:1;top:calc(var(--header-offset) + 28px);overflow:hidden;transition:top var(--nav-motion)}
.face-treatments .with-image figure img{width:100%;aspect-ratio:4/5;max-height:700px;object-fit:cover;object-position:center}
.face-treatments .treatment-copy{grid-column:2;grid-row:1}
.face-treatments .treatment{padding:30px 0;border-bottom:1px solid var(--rule)}.face-treatments .treatment:first-child{padding-top:0}
.face-treatments .treatment-title h3{font:38px/1.2 Playfair,serif;margin-bottom:14px}
.face-treatments .treatment-title>span:empty{display:none}.face-treatments .treatment-title>span{display:block;font-size:12px;font-weight:500;max-width:none;text-align:left;font-variant-numeric:tabular-nums}
.face-treatments .treatment p{font-size:14px;line-height:1.9;color:#50534e;max-width:680px;margin-top:20px}
.face-treatments .treatment p+p{margin-top:18px}
.face-treatments .treatment-title>span:not(:empty){padding-block:5px 10px;margin-top:4px}
.face-treatments .service-close{padding:28px 0 50px;border-top:1px solid var(--rule);justify-content:space-between}
.face-treatments .service-close .booking{background:var(--ink);color:white}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.face-treatments .with-image img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.face-treatments .with-image figure:hover img{transform:scale(1.035)}}
@media(max-width:1000px){.face-treatments .page-title h1{font-size:60px}.face-treatments .with-image{gap:6%}}
@media(max-width:760px){.face-treatments .page-title{padding-block:28px 25px;margin-bottom:28px}.face-treatments .page-title h1{font-size:42px}.face-treatments .with-image{gap:28px;padding-bottom:45px}.face-treatments .with-image figure{position:static;width:100%}.face-treatments .with-image figure img{aspect-ratio:4/3;max-height:none}.face-treatments .treatment-title h3{font-size:32px}.face-treatments .treatment p{font-size:13px}.face-treatments .service-close{align-items:flex-start;flex-direction:column;gap:14px}}
@media(prefers-reduced-motion:reduce){.face-treatments .with-image figure{transition:none}}
