:root{--hl-bg:#fcfaf7;--hl-soft:#eef3ee;--hl-accent:#657b68;--hl-warm:#a56b50;--hl-ink:#2b2725;--hl-body:#696360}*{box-sizing:border-box}.hair-clinic{margin:0;background:var(--hl-bg);color:var(--hl-ink)}.hair-clinic main{overflow:hidden}.hl-inner{width:min(1560px,calc(100% - 48px));margin:auto}.hl-label{margin:0 0 20px;color:var(--hl-warm);font-size:18px;font-weight:500;letter-spacing:.05em}.hl-hero{width:calc(100% - 88px);height:762px;margin:auto;border:1px solid rgba(64,47,52,.3);border-radius:37px;overflow:hidden;display:grid;grid-template-columns:1fr 1.08fr;background:var(--hl-soft)}.hl-copy{align-self:center;padding-left:12vw}.hl-copy h1{display:grid;gap:8px;font-size:72px;line-height:1.08;letter-spacing:-.055em;margin:0}.hl-copy h1 small{font-size:48px}.hl-copy>p:not(.hl-label){font-size:22px;line-height:1.75;color:#665b59;font-weight:700;margin:42px 0 0}.hl-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hl-pills span{padding:10px 19px;border:1px solid #e5c7c3;border-radius:999px;background:#fff;font-size:20px}.hl-hero figure,.hl-treatment figure,.hl-recommend figure{margin:0;overflow:hidden}.hl-hero img,.hl-treatment img,.hl-recommend img{width:100%;height:100%;object-fit:cover}.hl-causes,.hl-check,.hl-core,.hl-treatment,.hl-types,.hl-faq{padding:72px 0}.hl-causes h2,.hl-check h2,.hl-core h2,.hl-treatment h2,.hl-types h2,.hl-recommend h2,.hl-faq h2{font-size:42px;line-height:1.28;letter-spacing:-.035em;margin:0 0 28px}.hl-causes>.hl-inner>p:not(.hl-label),.hl-check p,.hl-core p,.hl-types>.hl-inner>p,.hl-faq p{font-size:20px;line-height:1.65;color:var(--hl-body)}.hl-five{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:36px}.hl-five article{height:260px;padding:28px 24px;border-radius:18px;background:#fff}.hl-five article:nth-child(odd){background:#e7dccf}.hl-five b,.hl-three b{color:var(--hl-warm);font-size:18px}.hl-five h3{margin-top:26px;font-size:20px}.hl-check{background:#f4f0eb}.hl-two{display:grid;grid-template-columns:1fr 1fr;gap:100px}.hl-check h3{color:#8d5c47;font-size:22px;line-height:1.5}.hl-check ul{margin:0;padding:32px;list-style:none;background:#fff;border-radius:18px;display:grid;gap:17px;font-size:18px}.hl-check li:before{content:'□';margin-right:12px;color:#a56b50}.hl-core{background:#3b3835;color:#fff;min-height:520px}.hl-core p{max-width:800px;color:#eee!important}.hl-treatment figure{height:430px;border-radius:24px;margin:34px 0 18px}.hl-three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hl-three article{padding:30px 28px;border:1px solid #e7ddd6;border-radius:18px;background:#f2e5dd}.hl-three h3{font-size:21px}.hl-three p{font-size:19px;line-height:1.6;color:#6b635f}.hl-types{background:#f7f3ee}.hl-types .hl-three article{background:#fff;border:0}.hl-recommend{height:760px;display:grid;grid-template-columns:1fr 1fr;background:#f3f3e9}.hl-recommend>div{padding:52px 9vw}.hl-recommend ol{list-style:none;padding:0;counter-reset:item;display:grid;gap:9px}.hl-recommend li{counter-increment:item;padding:14px 22px 14px 70px;border-radius:10px;background:#fff;font-size:20px;position:relative}.hl-recommend li:nth-child(odd){background:#f9e7ec}.hl-recommend li:before{content:'0' counter(item);position:absolute;left:22px;color:#b45d70;font-weight:700}.hl-faq{background:#faf8f5}.hl-faq-grid{display:grid;grid-template-columns:500px 1fr;gap:90px}.hl-questions{display:grid;gap:14px}.hl-questions article{padding:26px 30px;border:1px solid #e6ddd7;border-radius:16px;background:#f6f0e5}.hl-questions h3{font-size:20px;margin:0 0 12px}.hl-questions p{font-size:18px;margin:0}
@media(max-width:900px){.hl-inner{width:calc(100% - 40px)}.hl-hero{width:calc(100% - 24px);height:auto;grid-template-columns:1fr;grid-template-rows:auto 340px;border-radius:24px}.hl-copy{padding:64px 26px 32px}.hl-copy h1{font-size:40px}.hl-copy h1 small{font-size:29px}.hl-copy>p:not(.hl-label){font-size:16px;margin-top:28px}.hl-pills span{font-size:14px;padding:8px 12px}.hl-hero figure{grid-row:2}.hl-causes,.hl-check,.hl-core,.hl-treatment,.hl-types,.hl-faq{padding:68px 0}.hl-causes h2,.hl-check h2,.hl-core h2,.hl-treatment h2,.hl-types h2,.hl-recommend h2,.hl-faq h2{font-size:32px}.hl-causes>.hl-inner>p:not(.hl-label),.hl-check p,.hl-core p,.hl-types>.hl-inner>p,.hl-faq p{font-size:16px}.hl-five,.hl-three,.hl-two,.hl-faq-grid{grid-template-columns:1fr;gap:16px}.hl-five article{height:auto;min-height:110px}.hl-treatment figure{height:300px}.hl-recommend{height:auto;grid-template-columns:1fr}.hl-recommend>div{padding:68px 20px}.hl-recommend li{font-size:15px;padding-left:60px}.hl-recommend figure{height:430px}.hl-faq-grid{gap:40px}.hl-questions h3{font-size:18px}}
.hl-causes,.hl-check,.hl-core,.hl-treatment,.hl-types,.hl-faq{padding-top:118px;padding-bottom:118px}.hl-five,.hl-treatment figure{margin-top:62px}.hl-recommend>div{padding-top:90px;padding-bottom:90px}@media(max-width:900px){.hl-causes,.hl-check,.hl-core,.hl-treatment,.hl-types,.hl-faq{padding:80px 0}.hl-five,.hl-treatment figure{margin-top:40px}.hl-recommend>div{padding:80px 20px}}