.salon-demo{color:#704c51;--demo-accent:#80545a;background:#fbf4f1}.salon-demo h1,.salon-demo h2,.salon-demo h3{font-family:var(--serif);letter-spacing:-.025em;font-weight:400}.salon-demo h2{font-size:clamp(47px,5.5vw,80px)}.salon-demo .demo-wordmark{font-family:var(--serif);font-size:35px}.salon-demo .demo-nav{border-color:#e4d5d0}.salon-hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-block:65px;display:grid}.salon-hero h1{letter-spacing:-.035em;margin-bottom:30px;font-size:clamp(68px,8vw,122px);line-height:.9}.salon-hero p{color:#6e565a;font-size:13px}.salon-hero>.photo{border-radius:230px 230px 5px 5px;height:590px}.salon-hero-caption{letter-spacing:.12em;color:#6e5a5c;margin-top:60px;font-size:8px;display:block}.salon-demo .button{background:#80545a;border-radius:30px}.salon-demo .filter.active{background:#80545a;border-color:#80545a}.salon-treatments{max-width:1020px}.salon-treatments h2{margin-bottom:35px}.treatment-list{margin-top:35px}.treatment-list article{border-top:1px solid #dfc9c7;grid-template-columns:100px 1fr 100px 45px;align-items:center;gap:30px;padding-block:25px;display:grid}.treatment-list article>span{letter-spacing:.1em;text-transform:uppercase;font-size:9px}.treatment-list h3{margin-bottom:10px;font-size:32px}.treatment-list p{color:#755e61;margin:0;font-size:11px}.treatment-list article>div:nth-last-child(2){text-align:right}.treatment-list strong{font-size:15px;font-weight:400}.treatment-list small{color:#755e61;font-size:9px;display:block}.salon-treatments .form-note{color:#6b5558;margin-top:25px}.salon-story{border-top:1px solid #e0ceca;grid-template-columns:1fr 1fr;align-items:center;gap:85px;display:grid}.salon-story>.photo{border-radius:220px 220px 5px 5px;height:620px}.salon-story h2{margin-bottom:30px}.salon-story p{color:#71585d;font-size:13px}.salon-specialist{grid-template-columns:90px 1fr;gap:20px;margin-block:30px;display:grid}.salon-specialist>.photo{border-radius:50px;height:100px}.salon-specialist h3{margin-bottom:5px;font-size:26px}.salon-specialist span{font-size:9px}.salon-specialist p{margin-top:10px;font-size:10px}.salon-final{border-top:1px solid #e3d0cc;grid-template-columns:1fr 1fr;gap:80px;display:grid}.salon-final h2{margin-bottom:30px}.salon-final>div:last-child{align-self:center}.salon-final h3{margin-bottom:12px;font-size:28px}.salon-final p{color:#6e5a5d;font-size:12px;line-height:1.9}.salon-demo .demo-footer{background:#eee1dd;border-color:#ddc8c6}@media (max-width:1100px){.salon-story{gap:45px}}@media (max-width:850px){.salon-hero h1{font-size:80px}.salon-hero>.photo{height:540px}.salon-hero p{font-size:11px}.salon-hero{gap:30px}.treatment-list article{grid-template-columns:70px 1fr 75px 40px;gap:20px}.treatment-list h3{font-size:29px}.salon-story{gap:30px}.salon-story>.photo{height:560px}.salon-story h2{font-size:67px}.salon-specialist{grid-template-columns:65px 1fr;gap:15px}.salon-specialist>.photo{height:85px}.salon-final{gap:45px}}@media (max-width:600px){.salon-demo .demo-wordmark{font-size:33px}.salon-hero{grid-template-columns:1fr;gap:32px;padding-block:40px}.salon-hero h1{margin-bottom:25px;font-size:84px;line-height:.89}.salon-hero p{font-size:12px}.salon-hero-caption{margin-top:28px;font-size:7px}.salon-hero>.photo{border-radius:170px 170px 0 0;height:460px}.salon-demo h2{font-size:53px}.salon-demo .button{font-size:11px}.treatment-list article{grid-template-columns:1fr 70px 35px;gap:10px 20px;padding-block:20px}.treatment-list article>span{grid-column:1/-1;font-size:8px}.treatment-list h3{margin-bottom:8px;font-size:27px}.treatment-list p{font-size:10px}.treatment-list strong{font-size:12px}.treatment-list small{font-size:7px}.treatment-list .icon-button{min-width:35px;min-height:35px;padding:5px}.treatment-list .symbol{width:19px;height:19px}.salon-treatments .form-note{font-size:8px}.salon-story{grid-template-columns:1fr;gap:35px}.salon-story>.photo{border-radius:140px 140px 0 0;height:390px}.salon-story h2{margin-bottom:25px;font-size:71px}.salon-story p{font-size:12px}.salon-specialist{grid-template-columns:80px 1fr;gap:18px}.salon-specialist>.photo{height:100px}.salon-specialist p{font-size:10px}.salon-final{grid-template-columns:1fr;gap:35px}.salon-final h2{font-size:62px}.salon-final h3{font-size:29px}}@media (max-width:360px){.salon-hero h1{font-size:72px}}