.contact-workspace { position: absolute; inset: 0; overflow-y: auto; display: flex; align-items: center; justify-content: center; padding: 140px 24px 40px; box-sizing: border-box; }
.contact-content { width: 100%; max-width: 680px; margin: auto; text-align: center; }
.contact-logo { display: block; width: clamp(180px, 30vw, 320px); height: auto; margin: 0 auto 32px; }
.contact-content h1 { font-size: clamp(1.75rem, 4vw, 3rem); line-height: 1.2; letter-spacing: -0.03em; text-wrap: balance; margin: 0 0 28px; }
.contact-email { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 0 32px; border: 1px solid var(--glass-border); border-radius: var(--radius-pill); color: white; background: var(--glass-bg); text-decoration: none; font-weight: 500; transition: background .2s, color .2s; }
.contact-email:hover { background: white; color: black; }
.contact-email:focus-visible { outline: 2px solid white; outline-offset: 5px; }
.contact-content p { color: #c7c7c7; font-size: .95rem; overflow-wrap: anywhere; margin: 20px 0 0; }
@media (max-width: 600px) { .contact-workspace { padding: 150px 24px 32px; } .contact-logo { width: min(60vw, 240px); } }
@media (prefers-reduced-motion: reduce) { .contact-email { transition: none; } }