body.salon{--plum:#3b1f3f;--lilac:#d9c3ee;--rose:#f1b8c5;--milk:#faf6f3;background:var(--milk);color:var(--plum)}.salon .site-nav{position:absolute;top:0;width:100%;color:white}
.salon-hero{min-height:100vh;background:var(--plum);color:white;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:110px 5vw 55px;gap:6vw}.salon-intro h1{font:italic 400 clamp(68px,9vw,135px)/.84 Georgia,serif;letter-spacing:-.06em;margin:16px 0 28px}.salon-intro p:not(.eyebrow){font-size:18px;line-height:1.7;color:#dfd3e1;max-width:530px}.salon-intro a{display:inline-flex;background:var(--rose);color:var(--plum);padding:15px 22px;text-decoration:none;border-radius:999px;font-weight:900;margin-top:20px}
.look-carousel{min-width:0}.look-stage{aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:50% 50% 12px 12px}.look-slide{position:absolute;inset:0;opacity:0;transform:scale(.94);transition:.55s;display:flex;flex-direction:column;justify-content:end;padding:35px;background:var(--lilac);color:var(--plum)}.look-slide.active{opacity:1;transform:scale(1)}.look-slide:nth-child(2){background:var(--rose)}.look-slide:nth-child(3){background:#b7d6d0}.hair-art{position:absolute;inset:8% 16% 25%;border-radius:50% 50% 45% 45%;background:var(--plum)}.hair-art:after{content:'';position:absolute;inset:18%;border-radius:50%;border:2px solid rgba(255,255,255,.4)}.look-slide:nth-child(2) .hair-art{border-radius:48% 52% 20% 20%;transform:rotate(5deg)}.look-slide:nth-child(3) .hair-art{border-radius:50% 50% 45% 10%;transform:rotate(-6deg)}.look-slide h3,.look-slide p{position:relative;z-index:2;margin:0}.look-slide h3{font:italic 42px Georgia,serif}.look-slide p{margin-top:8px}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.carousel-controls button{width:48px;height:48px;border:1px solid white;color:white;background:transparent;border-radius:50%;cursor:pointer;font-size:20px}.dots{display:flex;gap:8px}.dots i{width:30px;height:3px;background:rgba(255,255,255,.25);cursor:pointer}.dots i.active{background:var(--rose)}
.salon-services{padding:100px 7vw}.salon-services h2{font:italic 400 clamp(50px,7vw,92px)/.9 Georgia,serif;margin:12px 0 50px}.accordion{border-top:1px solid var(--plum)}.accordion-item{border-bottom:1px solid var(--plum)}.accordion-button{width:100%;padding:24px 0;display:grid;grid-template-columns:70px 1fr auto;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer;align-items:center}.accordion-button span{font-size:12px}.accordion-button strong{font:400 clamp(24px,3vw,39px) Georgia,serif}.accordion-button b{font-size:24px;transition:.2s}.accordion-content{max-height:0;overflow:hidden;transition:.35s}.accordion-content>div{padding:0 0 28px 70px;display:grid;grid-template-columns:1fr auto;gap:30px}.accordion-content p{margin:0;max-width:600px;line-height:1.6;color:#735c75}.accordion-item.open .accordion-content{max-height:180px}.accordion-item.open .accordion-button b{transform:rotate(45deg)}
.style-finder{padding:100px 7vw;background:var(--lilac);display:grid;grid-template-columns:1fr 1fr;gap:7vw}.style-finder h2{font:italic 400 clamp(48px,6vw,80px)/.95 Georgia,serif;margin:12px 0 20px}.finder-options{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.finder-options button{background:transparent;border:1px solid var(--plum);border-radius:999px;padding:12px 18px;cursor:pointer}.finder-options button.active{background:var(--plum);color:white}.recommendation{background:var(--milk);padding:30px;min-height:280px;display:flex;flex-direction:column;justify-content:center}.recommendation small{text-transform:uppercase;letter-spacing:.14em}.recommendation h3{font:italic 42px Georgia,serif;margin:15px 0}.recommendation p{line-height:1.6}.recommendation a{font-weight:900}
.salon-gallery{display:grid;grid-template-columns:1.2fr .8fr 1fr;min-height:420px}.salon-gallery div{display:grid;place-items:center;font:italic 58px Georgia,serif}.salon-gallery div:nth-child(1){background:var(--rose)}.salon-gallery div:nth-child(2){background:var(--plum);color:white}.salon-gallery div:nth-child(3){background:#b7d6d0}
@media(max-width:800px){.salon-hero,.style-finder{grid-template-columns:1fr}.salon .site-nav{position:relative;background:var(--plum)}.look-stage{max-height:620px}.accordion-content>div{padding-left:0}.salon-gallery{grid-template-columns:1fr;min-height:auto}.salon-gallery div{min-height:250px}}