.hair-treatments{--paper:#fafaf8;--ink:#232421}.hair-treatments .booking{background:var(--ink);color:#fff}.hair-treatments .booking:hover{background:#40443d}
.hair-treatments .page-title{padding-block:65px 40px;border:0;margin-bottom:0}.hair-treatments .page-title h1{font-size:72px;max-width:900px;margin-bottom:25px}
.treatment-index{display:flex;flex-wrap:wrap;gap:16px 30px;padding-block:0 30px;border-bottom:1px solid var(--rule);margin-bottom:65px}
.treatment-index a{font-size:11px;display:flex;gap:10px;align-items:baseline;padding-block:7px}.treatment-index span{font-size:9px;color:var(--muted)}
.treatment-index a:hover{text-decoration:underline;text-underline-offset:6px}
.hair-treatments .treatment-group{padding-block:0 80px;scroll-margin-top:126px}.hair-treatments .with-image{grid-template-columns:1.1fr .85fr;gap:10%}
.hair-treatments .treatment-number{font-size:10px;margin-bottom:16px;color:var(--muted)}
.hair-treatments .treatment-copy h2{font-size:44px;max-width:650px;margin-bottom:32px}
.hair-treatments .treatment{padding-block:23px}.hair-treatments .treatment:first-of-type{border-top:1px solid var(--rule)}
.hair-treatments .treatment-title h3{font-size:17px}.hair-treatments .treatment-title>span{font-size:13px;font-variant-numeric:tabular-nums}
.hair-treatments .treatment p{max-width:620px;font-size:13px;line-height:1.9;color:#50534e}
.hair-treatments .with-image figure{top:126px;overflow:hidden}.hair-treatments .with-image figure img{width:100%;aspect-ratio:4/5;max-height:660px;object-fit:cover}
.hair-treatments .no-image{max-width:1400px}.hair-treatments .no-image .treatment-copy{max-width:760px}
.hair-treatments .service-close{padding-block:28px 50px;border-top:1px solid var(--rule);justify-content:space-between}
@media(prefers-reduced-motion:no-preference){.hair-treatments .with-image figure img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.hair-treatments .with-image figure:hover img{transform:scale(1.035)}}
@media(max-width:1050px){.hair-treatments .page-title h1{font-size:60px}}
@media(max-width:760px){
 .hair-treatments .page-title{padding-block:35px 24px}.hair-treatments .page-title h1{font-size:42px;line-height:1.15}
 .treatment-index{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-bottom:35px;padding-bottom:24px}.treatment-index a{font-size:10px;line-height:1.6;align-items:start}
 .hair-treatments .with-image{gap:28px}.hair-treatments .with-image figure{position:static;width:100%}.hair-treatments .with-image figure img{aspect-ratio:4/3;max-height:none}
 .hair-treatments .treatment-group{padding-bottom:48px;scroll-margin-top:96px}.hair-treatments .treatment-copy h2{font-size:33px;margin-bottom:24px}
 .hair-treatments .treatment-title{gap:14px}.hair-treatments .treatment-title h3{font-size:15px}.hair-treatments .treatment-title>span{font-size:12px}.hair-treatments .treatment{padding-block:20px}
 .hair-treatments .service-close{align-items:flex-start;flex-direction:column;gap:15px}
}
@media(max-width:360px){.hair-treatments .page-title h1{font-size:36px}}

.hair-treatments .page-title{padding-block:38px 20px}.hair-treatments .page-title h1{margin-bottom:0}.hair-treatments .page-title>.text-link{display:none}
.treatment-index{position:sticky;top:var(--header-height,96px);z-index:15;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:28px;width:100%;max-width:none;height:64px;padding:0 7%;margin-bottom:40px;background:var(--paper);transition:background .3s,box-shadow .3s;overflow-x:auto;scrollbar-width:none}
.treatment-index::-webkit-scrollbar{display:none}.treatment-index.is-stuck{background:#fff;box-shadow:0 6px 18px #20211f0a}
.treatment-index a{flex-shrink:0;white-space:nowrap;position:relative;padding-block:18px;text-decoration:none}
.treatment-index a:after{content:'';position:absolute;bottom:10px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.treatment-index a[aria-current]:after{transform:scaleX(1)}.treatment-index a:not([aria-current]):hover:after{transform:scaleX(.5)}
.hair-treatments .treatment-group{scroll-margin-top:85px}.hair-treatments .with-image figure{top:184px}
@media(max-width:1000px){.treatment-index{gap:20px;padding-inline:4%}.treatment-index a{font-size:10px}}
@media(max-width:760px){.treatment-index{justify-content:flex-start;height:54px;top:var(--header-height,76px);padding-inline:7%;margin-bottom:30px}.hair-treatments .page-title{padding-block:28px 20px}.hair-treatments .treatment-group{scroll-margin-top:75px}.hair-treatments .with-image figure{position:static}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.treatment-index,.treatment-index a:after{transition:none}}

.treatment-index{top:var(--header-offset);justify-content:flex-start;padding-inline:max(7%,calc((100% - 1400px)/2));transition:top var(--nav-motion),background .3s,box-shadow .3s}
.treatment-index a{transform:translateX(0);transition:transform var(--nav-motion)}
.treatment-index.is-stuck a{transform:translateX(var(--center-shift,0px))}
.hair-treatments .no-image:has(.treatment-mark){display:grid;grid-template-columns:1.1fr .85fr;gap:10%;align-items:center}
.treatment-mark{display:grid;place-items:center;aspect-ratio:1;pointer-events:none;overflow:hidden;perspective:550px}
.treatment-mark img{width:49%;height:auto;filter:invert(1);opacity:.095;transform:rotateY(var(--mark-angle,0deg));transform-origin:center;backface-visibility:visible;transition:transform .8s cubic-bezier(.22,.61,.36,1)}
@media(max-width:760px){.hair-treatments .no-image:has(.treatment-mark){display:block}.treatment-mark{display:none}}
@media(prefers-reduced-motion:reduce){.treatment-mark img{transform:none;transition:none}}
.hair-treatments .with-image figure{top:calc(var(--header-offset) + 88px);transition:top var(--nav-motion)}
@media(max-width:760px){.treatment-index{top:var(--header-offset)}.hair-treatments .with-image figure{position:static}}
@media(prefers-reduced-motion:reduce){.treatment-index,.treatment-index a,.hair-treatments .with-image figure{transition:none}}