.contact-page{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3.5rem);padding-bottom:var(--space-4)}.contact-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:clamp(var(--space-5),4vw,var(--space-8));gap:clamp(var(--space-5),4vw,var(--space-8));align-items:start}.contact-log{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-canvas-deep) 42%,transparent);font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted)}.contact-log p{margin:0;line-height:1.6}.contact-log__prefix{color:var(--brand-cyan)}.contact-log__ok{display:inline-flex;align-items:center;gap:.45rem;color:var(--status-success)}.contact-channels h3{margin:0 0 var(--space-4);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-dim)}.contact-channels ul{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.contact-channel{display:grid;grid-template-columns:2.5rem minmax(0,1fr);grid-gap:.85rem;gap:.85rem;align-items:center;min-height:64px;padding:.9rem 1rem;border-bottom:1px solid var(--border-subtle);color:inherit;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.contact-channel:last-child,.contact-channels li:last-child .contact-channel{border-bottom:0}.contact-channel__index{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim)}.contact-channel__copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.contact-channel__copy strong{font-family:var(--font-display);font-size:.95rem;letter-spacing:.04em;text-transform:uppercase}.contact-channel__copy span{color:var(--color-text-muted);font-size:.8125rem}.contact-channel.is-active,.contact-channel:focus-visible,.contact-channel:hover{background:color-mix(in srgb,var(--brand-cyan) 8%,transparent)}.contact-channel.is-active .contact-channel__index,.contact-channel:focus-visible .contact-channel__index,.contact-channel:hover .contact-channel__index{color:var(--brand-cyan)}.contact-channel:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}@media(max-width:767px){.contact-workspace{grid-template-columns:1fr}}