.contact{border-top:1px solid var(--line)}
.contact::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 30% 50%,rgba(47,224,160,.08),transparent 70%);pointer-events:none}
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;position:relative}
.contact h2{font-family:var(--serif);font-size:clamp(36px,5.5vw,68px);font-weight:340;letter-spacing:-.025em;line-height:1;margin-bottom:24px}
.contact h2 em{font-style:italic;background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.contact-lead{font-size:17px;color:var(--text-dim);max-width:42ch;font-weight:340;margin-bottom:32px}
.contact-info{display:grid;gap:18px}
.ci{display:flex;flex-direction:column;gap:4px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.ci .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ci a,.ci span{font-size:17px;color:var(--text);font-weight:480;transition:color .25s}
.ci a:hover{color:var(--accent)}
@media(max-width:1000px){.contact-grid{grid-template-columns:1fr;gap:32px}}
@media(max-width:680px){.contact-info{gap:14px}}