.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.direction-card{border-radius:14px;padding:32px;position:relative;overflow:hidden;min-height:310px;display:flex;flex-direction:column;align-items:flex-start;background:#e8eadd}.direction-card.hair{background:#e6e2ee}.direction-card .eyebrow{font-size:9px;margin:0 0 50px}.direction-card h3{font-family:Manrope,Arial,sans-serif;font-size:34px;line-height:1.15;letter-spacing:-1.5px;font-weight:500;margin:0 0 15px;position:relative;max-width:300px}.direction-card p{font-size:13px;line-height:1.7;max-width:320px;margin:0 0 25px;position:relative}.direction-card>a,.direction-card>button{margin-top:auto;position:relative}.direction-art{position:absolute;right:-30px;top:4px;opacity:.2;width:190px;height:210px;pointer-events:none}.direction-art svg{width:100%;height:100%;fill:none;stroke:#193f35;stroke-width:2}.direction-tag{display:inline-flex;border:1px solid #b7c4ad;border-radius:30px;padding:5px 11px;font-size:10px;color:#385842;margin-bottom:16px}.direction-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.direction-switch a{border-bottom:1px solid #aab7a0;font-size:12px;padding:8px 0;margin-right:16px}.direction-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.direction-choice button{padding:25px;text-align:left;background:#eef0e5;border:1px solid #d8dfd0;border-radius:12px;color:#203c34;display:flex;flex-direction:column;gap:12px;min-height:190px}.direction-choice button:last-child{background:#ece8f2}.direction-choice strong{font-size:23px;line-height:1.2;font-weight:500}.direction-choice span{font-size:12px;line-height:1.7}.direction-choice b{margin-top:auto;font-weight:400}.program-caption{font-size:11px;letter-spacing:1px;color:#6d7c65;margin:0 0 20px}.program-back{border:0;background:none;padding:0;color:#62735c;font-size:11px;text-decoration:underline;margin-bottom:20px}.hair-hero{background:#e5e0ea;border-radius:18px;min-height:520px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:30px;color:#2c4039}.hair-hero>svg{position:absolute;width:100%;height:95%;left:0;top:20px}.hair-hero-label,.hair-hero-note{position:relative;z-index:1}.hair-hero-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.hair-hero-note{max-width:300px;padding:19px;background:#f7f7f1ed;border:1px solid #ffffff66;border-radius:12px;backdrop-filter:blur(8px);align-self:flex-end}.hair-hero-note b{display:block;font-size:14px;font-weight:500;margin-bottom:7px}.hair-hero-note p{font-size:11px;line-height:1.6;margin:0}.hair-path{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.hair-path article{padding:28px;border:1px solid #dcded4;border-radius:12px}.hair-path span{font-size:11px;letter-spacing:1px;color:#78836e}.hair-path h3{font-size:22px;font-weight:500;letter-spacing:-.6px;line-height:1.25;margin:25px 0 12px}.hair-path p{font-size:13px;color:#64715f;line-height:1.8}.photo-guidance{padding:25px;border:1px solid #d7dccc;background:#f2f3e9;border-radius:12px;margin:20px 0}.photo-guidance h4{font-size:18px;font-weight:500;line-height:1.3;margin:0 0 18px}.photo-angles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-angle{background:#e6e8db;border-radius:9px;text-align:center;padding:15px 5px}.photo-angle svg{display:block;width:70px;height:70px;margin:0 auto 12px;fill:none;stroke:#5d765a;stroke-width:1.6}.photo-angle span{font-size:11px}.photo-guidance p,.photo-guidance li{font-size:11px;line-height:1.8;color:#5a6a53}.photo-guidance ul{padding-left:18px;margin:15px 0 0}.hair-scope{background:#eeeaf3;border-radius:12px;padding:28px;margin:25px 0}.hair-scope p{font-size:13px;line-height:1.8;max-width:700px}.hair-note{padding:17px;background:#eeece2;border-left:3px solid #a39b73;font-size:12px;line-height:1.7;margin:22px 0}.care-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0 0 22px}.care-card{display:flex;align-items:center;justify-content:space-between;padding:21px 25px;border:1px solid #dce4d1;border-radius:12px;background:#edf2e5;color:#244a35;text-decoration:none}.care-card:last-child{background:#ede8f2}.care-card b{display:block;font-size:17px;font-weight:500}.care-card small{display:block;font-size:11px;margin-top:7px;color:#67785d}.care-card>span:last-child{font-size:24px}.program-filter{padding:12px 15px;border:1px solid #d7dfce;border-radius:8px;background:#fffefa;min-width:0;color:#38513c}.visit-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.visit-photo-grid img{width:100%;height:130px;object-fit:cover;border-radius:8px}.visit-photo-grid a{font-size:10px;overflow-wrap:anywhere}.hair-cabinet-note{padding:16px 20px;margin:0 0 20px;border-radius:10px;background:#ece8f1;font-size:12px;line-height:1.8;color:#506046}.hair-cabinet-note[hidden]{display:none}.hair-page .hero h1{font-size:clamp(52px,5.2vw,74px)}
@media(max-width:850px){.hair-hero{min-height:420px}.hair-path{grid-template-columns:1fr}.hair-path article{padding:24px}.hair-path h3{margin-top:15px}.direction-card{padding:26px}.direction-card h3{font-size:29px}.care-cards{grid-template-columns:1fr}.filter-bar{flex-wrap:wrap}.program-filter{flex:1}.hair-page .hero{gap:25px}}
@media(max-width:600px){.direction-grid,.direction-choice{grid-template-columns:1fr}.direction-card{min-height:280px}.direction-card .eyebrow{margin-bottom:35px}.direction-choice button{min-height:140px;padding:20px}.hair-hero{min-height:360px;padding:22px}.hair-page .hero h1{font-size:52px}.photo-guidance{padding:18px}.photo-angle svg{width:55px;height:55px}.photo-angle span{font-size:10px}.hair-hero-label{font-size:8px}.hair-hero-note{max-width:250px}.care-card{padding:20px}.visit-photo-grid{grid-template-columns:repeat(2,1fr)}}