/* Salon editorial. Scoped to this page; shared navigation and dialogs keep their own styles. */
.salon-page{--sl-header:88px;--sl-nav:60px;--sl-accent:#977445;--sl-progress:0;background:var(--cream);color:var(--ink);overflow:clip}
.salon-page .sl-wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}
.salon-page .sl-eyebrow{font-size:11px;line-height:1.65;letter-spacing:.16em;text-transform:uppercase;font-weight:650;color:#816039}
.salon-page p{color:#5c5b55;font-size:17px;line-height:1.75}
.salon-page strong{color:var(--ink);font-weight:650}
.salon-page h1,.salon-page h2,.salon-page h3{letter-spacing:-.045em;font-weight:550;text-wrap:balance}
.salon-page .sl-crumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#71644f;padding-top:27px}
.salon-page .sl-crumb a:hover{text-decoration:underline;text-underline-offset:4px}
.sl-hero{padding:58px 0 0}
.sl-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:72px;align-items:center;margin-top:25px}
.salon-page .sl-hero h1{font-size:clamp(60px,6.2vw,88px);line-height:1.03;letter-spacing:-.055em}
.sl-hero h1>span{color:var(--sl-accent);position:relative;display:inline-block;padding-bottom:11px}
.sl-hero h1>span:after{content:'';position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#9e7948,#e0c194);transform:rotate(-1.2deg);transform-origin:left}
.salon-page .sl-hero-intro>p{font-size:19px;max-width:440px}
.sl-portrait{display:flex;align-items:center;gap:18px;margin-top:28px}
.sl-portrait img{width:76px;height:76px;flex:none;border-radius:50%;object-fit:cover;object-position:48% 40%;outline:1px solid #d8bea0;outline-offset:6px}
.salon-page .sl-portrait p{font-size:13px;line-height:1.6;max-width:250px}
.sl-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin:36px 0}
.salon-page .sl-actions p{font-size:13px}
.sl-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;padding:14px 23px;border-radius:5px;background:var(--ink);color:var(--champagne);font-size:14px;font-weight:650;transition:transform .25s,box-shadow .25s}
.sl-button .icon{width:20px;height:20px;transition:transform .25s}
.sl-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #30220e18}.sl-button:hover .icon{transform:translate(2px,-2px)}
.sl-flow{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:23px;font-size:13px}
.sl-flow ol{display:flex;gap:35px;margin:0;padding:0;list-style:none}.sl-flow li{display:flex;align-items:center;gap:10px;position:relative}.sl-flow li+li:before{content:'→';position:absolute;left:-26px;color:#a08357}
.sl-flow-dot{font-size:9px;color:#816039;border:1px solid #d9c5a6;width:23px;height:23px;border-radius:50%;display:grid;place-items:center}
.sl-nav{position:sticky;top:var(--sl-header);z-index:21;background:#faf7f2f5;backdrop-filter:blur(16px);border-block:1px solid var(--line)}
.sl-nav-inner{display:flex;align-items:center;gap:24px;min-height:60px}.sl-nav-links{display:flex;gap:24px;overflow-x:auto;scrollbar-width:thin;min-width:0;flex:1;padding:5px 3px}
.sl-nav-links a{position:relative;white-space:nowrap;font-size:12px;padding:14px 0}.sl-nav-links a:after{content:'';position:absolute;inset:auto 0 6px;height:2px;background:var(--sl-accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.sl-nav-links a:hover:after,.sl-nav-links a[aria-current]:after{transform:scaleX(1)}
.sl-reader{font-size:11px;white-space:nowrap;padding:10px 14px;border:1px solid #d8c7ac;border-radius:30px;min-height:40px}.sl-reader[aria-pressed=true]{background:#eee2ce}
.sl-progress{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#aa8251;transform:scaleX(var(--sl-progress));transform-origin:left;pointer-events:none}
.sl-chapter{padding-block:76px;border-bottom:1px solid var(--line);position:relative;scroll-margin-top:calc(var(--sl-header) + var(--sl-nav) + 16px - var(--sl-scroll-padding,112px))}
.sl-anchor{position:absolute;top:0;scroll-margin-top:calc(var(--sl-header) + var(--sl-nav) + 16px - var(--sl-scroll-padding,112px))}
.sl-chapter-layout{display:grid;grid-template-columns:80px minmax(0,1fr);gap:34px}.sl-number{font-size:58px;font-weight:400;letter-spacing:-.06em;line-height:1;color:#b29162;padding-top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:23px}
.sl-number i{width:1px;height:86px;background:linear-gradient(#b99b70,transparent);margin-left:21px}
.salon-page .sl-chapter h2{font-size:clamp(33px,3.5vw,47px);line-height:1.12;margin:15px 0 30px;max-width:880px}
.sl-editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:60px;align-items:start}.sl-copy p+p{margin-top:19px}.sl-copy p:last-child strong{font-weight:700}
.sl-aside{border-top:1px solid #b99b70;padding-top:17px;margin-top:6px;position:sticky;top:calc(var(--sl-header) + var(--sl-nav) + 38px)}
.sl-aside-mark{font-size:25px;line-height:1;display:block;color:#a88450;margin-bottom:22px;transform-origin:12px 12px}.salon-page .sl-aside h3{font-size:28px;line-height:1.26;margin-bottom:16px;letter-spacing:-.035em}.sl-aside h3 span{color:#987445;display:inline-block}
.salon-page .sl-aside p{font-size:14px;line-height:1.65}.sl-stock-path{position:relative;display:flex;justify-content:space-between;margin-top:25px;isolation:isolate}.sl-stock-path i{position:absolute;z-index:-1;left:0;right:0;top:13px;height:1px;background:#c3a97f}.sl-stock-path span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #c3a97f;border-radius:50%;font-size:10px;background:var(--cream);color:#8a673b}
.sl-benefit{margin-top:30px;border-left:3px solid #b28b55;background:#eee6d8;padding:17px 22px;display:flex;gap:20px;align-items:baseline;position:relative}
.sl-benefit>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#806138;white-space:nowrap}.salon-page .sl-benefit>p{font-size:16px;line-height:1.55;font-weight:600;color:var(--ink)}
.sl-detail{border:0;border-bottom:1px solid #d7c6ae;margin-top:17px;scroll-margin-top:calc(var(--sl-header) + var(--sl-nav) + 16px - var(--sl-scroll-padding,112px))}
.salon-page .sl-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:22px;list-style:none;padding:18px 0;min-height:56px;color:#78592f;font-size:14px;font-weight:550;cursor:pointer}.sl-detail summary::-webkit-details-marker{display:none}.sl-detail-plus{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #ccb897;border-radius:50%;font-size:21px;line-height:1;transition:transform .3s,background .3s}.sl-detail summary:hover .sl-detail-plus{transform:rotate(90deg);background:#e8d7b8}.sl-detail[open] .sl-detail-plus{transform:rotate(45deg)}
.sl-detail-copy{padding:5px 0 27px;max-width:760px}.salon-page .sl-detail-copy>p{font-size:16px}
.sl-dark{background:#191b1a;color:var(--champagne);border-color:#35332e}.salon-page .sl-dark p{color:#c9c4b9}.salon-page .sl-dark strong{color:var(--champagne)}.salon-page .sl-dark .sl-eyebrow{color:#c7a677}.sl-dark .sl-number{color:#c0a174}.sl-dark .sl-aside h3 span{color:#e3bc81}.sl-dark .sl-detail{border-color:#655540}.salon-page .sl-dark .sl-detail>summary{color:var(--champagne)}.sl-dark .sl-detail-plus{border-color:#8c7350}.sl-dark .sl-detail summary:hover .sl-detail-plus{background:#463d30}.sl-dark .sl-benefit{background:#ffffff06}.sl-dark .sl-benefit>span{color:#c7a677}.salon-page .sl-dark .sl-benefit>p{color:var(--champagne)}
.sl-receipt{border:1px solid #e0d4c1;padding:23px;background:#fffdfa;box-shadow:5px 12px 35px #47300e0b;transform:rotate(2deg);position:relative;border-bottom:4px dotted #d5c5ac}
.sl-receipt-brand{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.16em;margin-bottom:22px}.sl-receipt-brand>span:last-child{font-size:22px;color:#a98852}.salon-page .sl-receipt .sl-eyebrow{font-size:9px}.salon-page .sl-receipt h3{font-size:21px;line-height:1.2;margin-top:7px;letter-spacing:-.025em}.sl-receipt dl{margin:21px 0}.sl-receipt dl>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-top:12px}.sl-receipt dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.sl-receipt dl>.sl-receipt-total{border-top:1px dashed #c5b699;padding-top:17px;margin-top:20px;font-size:17px;font-weight:700}.salon-page .sl-receipt-note{font-size:11px;text-align:center;color:#81715b}
.sl-receipt-toggle{border-top:1px solid #e7dfd2;margin-top:20px;padding:17px 0 5px;width:100%;display:flex;align-items:center;gap:10px;font-size:11px;text-align:left;min-height:48px}.sl-toggle-track{width:30px;height:18px;border-radius:20px;background:#a89e8f;position:relative;flex:none;transition:background .2s}.sl-toggle-track:after{content:'';position:absolute;top:3px;left:3px;height:12px;width:12px;background:white;border-radius:50%;transition:transform .2s}.sl-receipt-toggle[aria-pressed=true] .sl-toggle-track{background:#a17b46}.sl-receipt-toggle[aria-pressed=true] .sl-toggle-track:after{transform:translateX(12px)}.salon-page .sl-receipt-hint{font-size:10px;line-height:1.55;margin-top:9px;color:#80715c}.sl-receipt-row.sl-muted{opacity:.35;text-decoration:line-through}
.sl-cta{padding:85px 0;background:#eee5d6;position:relative;scroll-margin-top:calc(var(--sl-header) + var(--sl-nav) - var(--sl-scroll-padding,112px))}.sl-cta-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.salon-page .sl-cta h2{font-size:clamp(34px,3.5vw,47px);margin:18px 0 20px;line-height:1.13}.sl-cta .sl-button{margin-top:26px}.sl-plan{border-top:1px solid #b39770;padding-top:22px}.salon-page .sl-plan p{font-size:14px}.sl-plan ol{padding:0;margin:18px 0 24px;list-style:none;counter-reset:plan}.sl-plan li{counter-increment:plan;display:flex;gap:16px;padding:12px 0;border-bottom:1px solid #d6cab7;font-size:15px;line-height:1.5}.sl-plan li:before{content:'0' counter(plan);color:#8d6d41;font-size:12px;padding-top:3px}
.salon-page .sl-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(590px,calc(100% - 40px));height:100dvh;max-width:none;max-height:100dvh;padding:0;border:0;background:var(--cream);color:var(--ink);overflow-y:auto;overscroll-behavior:contain;box-shadow:-20px 0 80px #0002}.sl-drawer::backdrop{background:#14151580;backdrop-filter:blur(5px)}.sl-drawer-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:#faf7f2f5;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.sl-drawer-head button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.sl-drawer-body{padding:30px 36px 45px}.salon-page .sl-drawer h2{font-size:36px;line-height:1.15;margin:13px 0 25px}.salon-page .sl-drawer-copy p{font-size:16px}.sl-drawer .sl-detail-copy{max-width:none;padding:0}.sl-drawer .sl-link{margin-top:32px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:25px;font-size:14px;color:#795d37}
.sl-calculator{margin-top:30px;padding-top:26px;border-top:1px solid #c8b692}.salon-page .sl-calculator h3{font-size:30px;line-height:1.15;margin:12px 0 25px}.sl-calc-controls label{display:block;margin:24px 0}.sl-calc-controls label>span{display:flex;justify-content:space-between;gap:20px;font-size:13px;line-height:1.4;font-weight:550}.sl-calc-controls output{font-weight:750;color:#94703e;font-variant-numeric:tabular-nums}.sl-calc-controls input{width:100%;accent-color:#a3804e;margin:12px 0 0;min-height:30px;cursor:pointer}.sl-calc-result{padding:24px;border:1px solid #cbb593;background:#f0e5d3;margin:24px 0;color:var(--ink)}.sl-calc-result>span{display:block;font-size:12px;line-height:1.5;max-width:270px}.sl-calc-result>output{display:block;font-size:clamp(38px,5vw,64px);font-weight:550;letter-spacing:-.045em;line-height:1.3;font-variant-numeric:tabular-nums;margin-block:8px}.salon-page .sl-calc-result>p{font-size:13px;color:#70604b}.salon-page .sl-calculator .sl-fine{font-size:12px;line-height:1.7}.sl-calc-example{padding-top:26px;margin-top:26px;border-top:1px solid #c8b692}.sl-calc-example h4{font-size:17px;margin:0 0 12px;font-weight:600}.sl-calc-example>strong{font-size:19px;display:block;margin-bottom:13px;line-height:1.4}.salon-page .sl-calc-example>p{font-size:14px}.sl-calc-foot{margin-top:25px}.sl-dark .sl-calc-result p,.sl-dark .sl-calc-result output{color:var(--ink)}
.sl-reader-mode .sl-aside{position:static}.sl-reader-mode .sl-detail summary{color:inherit}
@media(prefers-reduced-motion:no-preference){
  .sl-hero h1{animation:sl-rise .8s both}.sl-hero h1>span:after{animation:sl-line 1s .4s both}.sl-hero-intro{animation:sl-rise .8s .15s both}
  .sl-revealing{animation:sl-rise .65s both}.sl-receipt.sl-revealing{animation:sl-receipt-in .8s both}.sl-receipt.sl-revealing .sl-receipt-row{animation:sl-rise .5s .2s both}.sl-receipt.sl-revealing .sl-receipt-row:nth-child(2){animation-delay:.35s}.sl-receipt.sl-revealing .sl-receipt-row:nth-child(3){animation-delay:.5s}.sl-aside.sl-revealing .sl-aside-mark{animation:sl-turn 1s both}.sl-flow.sl-revealing .sl-flow-dot{animation:sl-turn 1s both}.sl-flow.sl-revealing li:nth-child(2) .sl-flow-dot{animation-delay:.2s}.sl-flow.sl-revealing li:nth-child(3) .sl-flow-dot{animation-delay:.4s}
  .sl-drawer[open]{animation:sl-drawer-in .32s cubic-bezier(.2,.7,.2,1)}.sl-drawer[open]::backdrop{animation:sl-fade .3s both}.sl-value-change{animation:sl-value .35s}.sl-number.sl-revealing i{animation:sl-line-y .8s .15s both;transform-origin:top}
}
@keyframes sl-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sl-receipt-in{from{opacity:0;transform:translateY(20px) rotate(5deg)}to{opacity:1;transform:translateY(0) rotate(2deg)}}@keyframes sl-line{from{transform:scaleX(0) rotate(-1.2deg)}to{transform:scaleX(1) rotate(-1.2deg)}}@keyframes sl-line-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes sl-turn{from{transform:rotate(-80deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes sl-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes sl-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sl-fade{from{opacity:0}to{opacity:1}}@keyframes sl-value{50%{color:#a3804e;transform:translateY(-2px)}}
@media(max-width:1050px){.sl-editorial-grid{gap:34px;grid-template-columns:minmax(0,1fr) 220px}.sl-chapter-layout{grid-template-columns:55px minmax(0,1fr);gap:24px}.sl-number{font-size:46px}.sl-hero-grid{gap:38px;grid-template-columns:1.25fr 1fr}.sl-nav-links{gap:20px}.sl-nav-inner{gap:18px}.sl-flow ol{gap:30px}.sl-cta-grid{gap:45px}}
@media(max-width:800px){
  .salon-page{--sl-header:76px}.salon-page .sl-wrap{width:calc(100% - 44px)}.sl-hero{padding-top:35px}.sl-hero-grid{grid-template-columns:1fr;gap:26px}.salon-page .sl-hero h1{font-size:clamp(47px,10vw,72px)}.salon-page .sl-hero-intro>p{font-size:17px;max-width:600px}.sl-portrait{margin-top:23px}.sl-portrait img{width:60px;height:60px}.sl-actions{gap:14px;margin-block:29px}.sl-flow{display:block;padding-block:20px}.sl-flow ol{margin-top:15px;justify-content:space-between;gap:21px}.sl-flow li{gap:7px;font-size:12px}.sl-flow li+li:before{left:-16px}.sl-flow-dot{width:21px;height:21px;font-size:8px}.sl-nav-inner{gap:0;flex-wrap:wrap;padding-top:3px}.sl-nav-links{flex-basis:100%;gap:23px}.sl-reader{margin-bottom:9px;min-height:34px;padding:7px 12px}.sl-chapter{padding-block:44px}.sl-chapter-layout{grid-template-columns:1fr;gap:15px}.sl-number{font-size:34px;flex-direction:row;align-items:center;gap:20px;padding:0}.sl-number i{width:64px;height:1px;background:linear-gradient(90deg,#b99b70,transparent);margin:0}.salon-page .sl-chapter h2{font-size:clamp(30px,6vw,41px);margin:12px 0 22px}.sl-editorial-grid{grid-template-columns:1fr;gap:30px}.salon-page p{font-size:16px;line-height:1.75}.sl-copy p+p{margin-top:17px}.sl-aside{position:static;border-top:0;border-left:2px solid #b99b70;padding:2px 0 2px 20px;margin:0}.sl-aside-mark{display:none}.salon-page .sl-aside h3{font-size:24px;margin-bottom:12px}.salon-page .sl-aside p{font-size:14px;max-width:520px}.sl-stock-path{max-width:230px}.sl-benefit{display:block;padding:14px 17px;margin-top:27px}.sl-benefit>span{display:block;margin-bottom:5px}.salon-page .sl-benefit>p{font-size:15px}.sl-receipt{max-width:340px;width:calc(100% - 10px);margin:7px auto;transform:rotate(1deg)}.sl-receipt-brand{margin-bottom:17px}.sl-receipt dl{margin-block:15px}.sl-receipt-toggle{margin-top:16px}.salon-page .sl-detail>summary{font-size:14px;line-height:1.6}.sl-cta{padding-block:50px}.sl-cta-grid{grid-template-columns:1fr;gap:38px}.salon-page .sl-cta h2{font-size:34px}.salon-page .sl-drawer{inset:auto 0 0;width:100%;height:auto;max-height:calc(100dvh - 24px);border-radius:20px 20px 0 0}.sl-drawer-head{padding:12px 22px}.sl-drawer-body{padding:24px 24px 32px}.salon-page .sl-drawer h2{font-size:30px}.sl-calc-result{padding:21px}.sl-calc-result>output{font-size:48px}
}
@media(max-width:360px){.salon-page .sl-wrap{width:calc(100% - 36px)}.sl-flow-dot{display:none}.sl-flow li{font-size:11px}.sl-drawer-body{padding-inline:20px}.sl-button{font-size:13px;padding-inline:18px;gap:20px}.salon-page .sl-hero h1{font-size:45px}.sl-calc-result>output{font-size:43px}}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){.sl-drawer[open]{animation-name:sl-sheet-in}}
@media(prefers-reduced-motion:reduce){.salon-page *,.salon-page *:before,.salon-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.sl-nav,.sl-actions,.sl-drawer,.sl-receipt-toggle,.sl-calc-controls{display:none!important}.salon-page .sl-wrap{width:100%}.sl-chapter{padding:25px 0;break-inside:auto}.sl-dark,.sl-cta{background:white!important;color:black!important}.salon-page .sl-dark p,.salon-page .sl-dark strong{color:black}.sl-editorial-grid{grid-template-columns:1fr}.sl-aside{position:static}.sl-chapter-layout{grid-template-columns:40px 1fr;gap:20px}.sl-detail-copy{display:block}.sl-receipt{transform:none}.sl-benefit{break-inside:avoid}.salon-page *{animation:none!important;transition:none!important}}