.contact-page{padding:calc(var(--nav-h) + 1rem) var(--gutter) 5rem;pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.contact-card{pointer-events:auto;border:1px solid var(--line);border-radius:calc(var(--radius-lg) * 1.2);width:100%;max-width:520px;animation:contact-in 1s var(--ease) both;background:#0e0c09e6;padding:clamp(1.75rem,5vw,2.75rem);box-shadow:0 40px 80px -30px #000c,inset 0 1px #f3d27a14}@keyframes contact-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}.contact-status{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-radius:999px;align-items:center;gap:.6rem;padding:.35rem .8rem;font-size:.7rem;display:inline-flex}.contact-status-dot{background:var(--gold-bright);width:7px;height:7px;box-shadow:0 0 10px var(--gold);border-radius:50%;animation:2s infinite contact-pulse}@keyframes contact-pulse{50%{opacity:.35}}.contact-title{font-family:var(--font-display);margin-top:1.5rem;font-size:clamp(3rem,9vw,4.5rem);font-weight:400;line-height:1}.contact-title em{padding-right:.06em;display:inline-block}.contact-lede{color:var(--text-muted);margin-top:1rem;line-height:1.65}.contact-links{border-top:1px solid var(--line);margin:2rem 0 0;padding:0;list-style:none}.contact-links li{border-bottom:1px solid var(--line)}.contact-link{transition:padding .35s var(--ease);grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:.2rem 1rem;padding:1.1rem .25rem;display:grid}.contact-link:hover{padding-left:.75rem}.contact-link-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:.68rem}.contact-link-value{color:var(--text);word-break:break-all;transition:color .3s var(--ease);grid-column:1;font-size:1.08rem}.contact-link-arrow{color:var(--text-dim);transition:color .3s var(--ease), transform .3s var(--ease);grid-area:1/2/span 2;align-self:center}.contact-link:hover .contact-link-value,.contact-link:hover .contact-link-arrow{color:var(--gold-bright)}.contact-link:hover .contact-link-arrow{transform:translate(3px,-3px)}