:root{color:#292824;font-synthesis:none;background:#f4f3ee;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}h1,h2{letter-spacing:0;margin:0;font-family:Georgia,serif;font-weight:500}.haircareNav{z-index:10;background:#f9f8f4f0;border-bottom:1px solid #d8d6ce;justify-content:space-between;align-items:center;width:100%;min-height:72px;padding:14px clamp(18px,5vw,64px);display:flex;position:fixed;top:0}.haircareBrand{align-items:center;gap:9px;font-weight:800;display:flex}.haircareBrandMark{background:#f3f4ed;border:1px solid #cbd1c3;border-radius:7px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.haircareBrandMark svg{fill:none;stroke:#718071;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;width:27px;height:27px}.haircareNav div{gap:24px;font-size:.86rem;font-weight:800;display:flex}.haircareHero{align-items:center;min-height:82vh;display:grid;position:relative;overflow:hidden}.haircareHero img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.haircareHero:after{content:"";background:linear-gradient(90deg,#f8f7f2f7,#f8f7f2d1 43%,#f8f7f208);position:absolute;inset:0}.haircareHero>div{z-index:1;max-width:680px;padding:130px clamp(20px,7vw,110px) 70px;position:relative}.haircareEyebrow{color:#66705f;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:900}.haircareHero h1{margin:18px 0;font-size:clamp(3.2rem,6vw,6.5rem);line-height:.94}.haircareHero p:not(.haircareEyebrow),.haircareIntro p{color:#65635b;line-height:1.7}.haircareButton{color:#fff;background:#3f493d;border:0;border-radius:5px;margin-top:15px;padding:14px 19px;font-weight:850;display:inline-flex}.haircareIntro{grid-template-columns:.85fr 1.15fr;gap:54px;padding:76px clamp(20px,5vw,72px);display:grid}.haircareIntro h2{font-size:clamp(2.6rem,5vw,5rem);line-height:1}.haircareConsultation{grid-template-columns:.78fr 1.22fr;display:grid}.haircareConsultationSide{color:#f8f6ef;background:#313830;padding:72px clamp(24px,5vw,72px)}.haircareConsultationSide h2{font-size:clamp(3rem,5vw,5.5rem);line-height:.98}.haircareConsultationSide .haircareEyebrow{color:#b9c8af}.haircareProgress{background:#5b6258;height:4px;margin:18px 0 42px}.haircareProgress i{background:#c1aa72;height:100%;display:block}.haircareClinicalNote{color:#d6d9d1;border-top:1px solid #5b6258;padding-top:20px;font-size:.78rem;line-height:1.55}.haircareQuestionPanel{padding:62px clamp(22px,5vw,72px)}.haircareQuestion h2,.haircareReview h2{margin:14px 0 30px;font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.02}.haircareQuestion>div{grid-template-columns:1fr 1fr;display:grid}.haircareQuestion>div button,.haircareAnswers button{text-align:left;background:0 0;border:1px solid #d3d0c7;min-height:72px;padding:16px}.haircareQuestion>div button.selected{background:#e7ebe3;border-color:#74806d}.haircareQuestion footer,.haircareReviewActions{gap:10px;margin-top:24px;display:flex}.haircareQuestion footer button,.haircareReviewActions button{background:0 0;border:1px solid #aaa69b;border-radius:4px;padding:11px 15px}.haircareQuestion footer button:disabled{opacity:.35}.haircareAnswers{grid-template-columns:1fr 1fr;margin-top:30px;display:grid}.haircareAnswers span,.haircareAnswers strong{display:block}.haircareAnswers span{color:#77746a;margin-bottom:5px;font-size:.72rem}.haircareResult{background:#e9ece6;padding:54px clamp(20px,5vw,72px)}.haircareResultCard{background:#fffdfb;border:1px solid #d4d7d0;border-radius:8px;max-width:1100px;margin:auto;padding:clamp(24px,4vw,48px)}.haircareResultBrand{color:#68725f;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.haircareResult h2{margin:12px 0 18px;font-size:clamp(2.8rem,5vw,5.5rem);line-height:1}.haircareResultCard>p:not(.haircareEyebrow,.haircareResultBrand,.haircareDisclosure){color:#65635b;max-width:760px;line-height:1.65}.haircareReason{border-left:3px solid #829078;padding-left:12px}.haircarePair{grid-template-columns:1fr 1fr;gap:16px;margin:28px 0;display:grid}.haircarePair div{border-top:1px solid #d6d8d2;padding-top:15px}.haircarePair span,.haircarePair strong{display:block}.haircarePair span{color:#74776f;text-transform:uppercase;margin-bottom:7px;font-size:.72rem;font-weight:850}.haircareDisclosure{color:#7a7971;margin-top:20px;font-size:.7rem;line-height:1.5!important}.haircareFooter{color:#f5f3ed;background:#292e28;justify-content:center;gap:32px;padding:28px;display:flex}.haircareFooter a{text-underline-offset:4px;text-decoration:underline}@media (width<=900px){.haircareIntro,.haircareConsultation{grid-template-columns:1fr}}@media (width<=620px){.haircareNav{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:3px;min-height:0;padding:5px 10px 7px}.haircareBrand{gap:7px;font-size:.82rem}.haircareBrandMark{width:28px;height:28px}.haircareBrandMark svg{width:21px;height:21px}.haircareNav div{justify-content:center;align-items:center;gap:14px;width:100%;font-size:.75rem;display:flex}.haircareNav div a{white-space:nowrap}.haircareHero{align-items:end;min-height:76vh}.haircareHero:after{background:linear-gradient(#f8f7f214 20%,#f8f7f2ed 66%,#f8f7f2fc)}.haircareHero img{object-position:62% center}.haircareHero>div{padding:92px 20px 36px}.haircareHero h1{font-size:2.7rem}.haircareQuestion>div,.haircareAnswers,.haircarePair{grid-template-columns:1fr}.haircareQuestionPanel,.haircareConsultationSide{padding:42px 20px}.haircareQuestion h2,.haircareReview h2{font-size:2.35rem}.haircareFooter{flex-direction:column}.haircareResult{padding:24px 14px}.haircareResult h2{font-size:2.7rem}}