/* Contact: three salons side by side, then email and social. */
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,56px);padding-bottom:clamp(64px,8vw,110px)}
.cblock{border-top:1px solid var(--ink);padding-top:22px;display:flex;flex-direction:column;gap:6px;font-size:15px}
.cblock a{border-bottom:1px solid transparent;transition:border-color .2s}.cblock p a:hover{border-color:currentColor}
.c-area{color:var(--mute);margin-bottom:8px}
.c-hours{list-style:none;margin:14px 0 6px;font-size:14px;color:var(--mute)}
.c-hours li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.c-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.contact-more{display:flex;gap:clamp(40px,8vw,120px);padding-bottom:clamp(80px,10vw,140px);flex-wrap:wrap}
.contact-more .h3{margin-bottom:8px}.contact-more a{border-bottom:1px solid currentColor}
@media (max-width:980px){.contact-grid{grid-template-columns:1fr}}
/* legal pages: one readable column */
.legal{max-width:760px;padding-bottom:clamp(80px,10vw,140px)}
.legal h2{font:400 clamp(24px,2.2vw,30px)/1.2 var(--d);margin:40px 0 10px}
.legal p{color:var(--ink-2);margin-bottom:12px;max-width:68ch}
.legal a,.legal-contact a{border-bottom:1px solid currentColor}
.legal-contact{margin-top:40px;color:var(--mute)}
.nf-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}