/* ========== CONTACT ========== */
.contact{padding:140px 36px 80px;text-align:center;position:relative;overflow:hidden}
.contact .bg-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(100px,20vw,360px);font-weight:500;letter-spacing:-.06em;color:#0a0a0a;line-height:.85;white-space:nowrap;pointer-events:none;z-index:0;font-family:'Space Grotesk',sans-serif}
.contact .inner{position:relative;z-index:2;max-width:1100px;margin:0 auto}
.contact .lab{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.3em;color:var(--accent);text-transform:uppercase;margin-bottom:24px}
.contact h2{font-size:clamp(40px,7vw,140px);font-weight:500;letter-spacing:-.05em;line-height:.95;margin-bottom:36px}
.contact h2 em{font-family:'Instrument Serif',serif;font-style:italic;color:var(--accent-2);font-weight:400}
.contact h2 .yell{color:var(--accent)}
.contact .mail{display:inline-block;font-size:clamp(20px,2.6vw,40px);border-bottom:1px solid var(--line);padding:8px 4px;letter-spacing:-.01em;transition:color .3s, border-color .3s;word-break:break-word}
.contact .mail:hover{color:var(--accent);border-color:var(--accent)}
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:64px;text-align:left}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.contact-grid{grid-template-columns:1fr}}
.cg{padding:24px;background:#0a0a0c}
.cg .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.25em;color:#666;text-transform:uppercase;margin-bottom:10px}
.cg .val{font-size:16px;line-height:1.5}
.cg a:hover{color:var(--accent)}

footer{padding:32px 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:#555;text-transform:uppercase;flex-wrap:wrap;gap:16px}
footer .yel{color:var(--accent)}