.contact-focus { margin-top:18px; }
.contact-email { margin-top:18px; font:13px var(--mono); }
.contact-canvas { position:relative; min-height:430px; padding:28px; color:var(--paper); background:#263028; border:1px solid #475541; overflow:hidden; }
.contact-canvas-top { display:flex; justify-content:space-between; gap:16px; font:9px var(--mono); letter-spacing:.05em; color:#a3b29a; }
.contact-path { list-style:none; padding:0; margin:32px 0 0; display:grid; gap:12px; }
.contact-path li { padding:18px 22px; border-left:3px solid #65785b; background:#344031; opacity:.55; transform:translateX(10px); transition:opacity .6s,transform .8s var(--ease),border-color .6s; }
.contact-path span { display:block; margin-bottom:9px; color:#c7d3bd; font:9px var(--mono); }
.contact-path strong { display:block; font-size:25px; line-height:1.1; font-weight:500; letter-spacing:-.035em; }
.contact-path p { margin-top:10px; font-size:12px; line-height:1.6; }
[data-step='0'] .contact-path li:nth-child(1),[data-step='1'] .contact-path li:nth-child(2),[data-step='2'] .contact-path li:nth-child(3) { opacity:1; transform:translateX(0); border-color:var(--orange); }
.contact-flow { position:absolute; right:22px; bottom:2px; font-size:84px; color:#a3b29a25; pointer-events:none; }
.contact-answers { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin-top:35px; }
.contact-answers article { border-top:1px solid var(--line); padding-top:22px; }
.contact-answers h3 { font-size:25px; letter-spacing:-.035em; line-height:1.15; }
.contact-answers p { margin-top:16px; font-size:15px; line-height:1.8; }
@media(max-width:600px) { .contact-canvas { padding:20px; } .contact-path strong { font-size:22px; } .contact-answers { grid-template-columns:1fr; } }