.contact-page{display:flex;flex-direction:column;min-height:100svh}
.contact-page .desktop-nav a[aria-current=page]{color:var(--accent)}
.contact-main{flex:1;padding-top:90px;padding-bottom:90px}
.contact-main>section{max-width:760px}
.contact-main .eyebrow{font-size:9px;letter-spacing:1.7px;margin:0 0 24px}
.contact-main h1{font:400 56px/1.1 var(--serif);letter-spacing:-1.3px;margin:0 0 20px}
.contact-main h1>span{color:var(--accent)}
.contact-intro{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.email-address{display:inline-flex;align-items:center;gap:25px;max-width:100%;margin:32px 0 22px;padding-bottom:9px;border-bottom:1px solid #d4b3a0;color:var(--accent);font:400 clamp(25px,3.8vw,44px)/1.3 var(--serif);letter-spacing:-.5px}
.email-address>span{font:400 25px var(--sans)}
.email-address:hover{color:var(--ink)}
.consulting-note{font-size:12px;line-height:1.9;color:var(--muted);max-width:460px;margin:0}
.contact-socials{display:flex;flex-wrap:wrap;gap:30px;margin-top:38px}
.contact-socials a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px}
.contact-socials a>span{color:var(--accent);font-size:15px}
.contact-socials a:hover{color:var(--accent)}
.contact-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:23px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.contact-footer a:hover{color:var(--accent)}
@media(max-width:600px){.contact-main{padding-top:55px;padding-bottom:65px}.contact-main h1{font-size:44px}.contact-intro{font-size:13px;max-width:290px}.email-address{gap:12px;font-size:clamp(21px,6.2vw,35px);margin-top:28px;letter-spacing:-.6px}.email-address>span{font-size:20px}.consulting-note{font-size:11px;max-width:345px}.contact-socials{margin-top:28px;gap:24px}.contact-socials a{font-size:11px}}
