/* =========================================================================
   contact.css — the Contact page. Rendered by js/components/contact/page.js.
   ========================================================================= */

.mail{display:inline-flex;align-items:center;gap:14px;margin-top:40px;font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(28px,4.4vw,60px);border-bottom:1px solid var(--glass-line);padding-bottom:6px;word-break:break-all}
.note{margin-top:18px;font-size:12px;color:var(--ink-soft)}
.socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.socials a{padding:10px 18px;border-radius:999px;border:1px solid var(--glass-line);background:var(--glass);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;transition:background .3s}
.socials a:hover{background:rgba(255,255,255,.3)}