.contact-page{background:#050607;font-family:'IBM Plex Mono',ui-monospace,monospace;}
#contact-field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
.contact-content{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:24px;margin:0;color:#121314;opacity:0;transform:translateY(8px);transition:opacity 500ms ease,transform 650ms cubic-bezier(.22,1,.36,1);pointer-events:none}
.is-contact-open .contact-content{opacity:1;transform:none;pointer-events:auto}
.contact-content h1{font:inherit;font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;margin:0 0 32px;color:#646666}
.contact-addresses{width:min(510px,100%);}
.contact-row{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 0;border-bottom:1px solid #dededb}
.contact-row:last-child{border-bottom:0}
.contact-row>a{font-size:clamp(14px,1.6vw,21px);color:#121314;text-decoration:none;white-space:nowrap}
.contact-row>a:hover{text-decoration:underline;text-underline-offset:5px}
.contact-row button{display:flex;align-items:center;gap:8px;padding:8px 0 8px 8px;border:0;background:none;color:#646666;cursor:pointer;font:inherit;font-size:11px;min-width:68px;min-height:36px;text-transform:none}
.contact-row button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.2}
.contact-row button:hover{color:#000}
.contact-row button:focus-visible,.contact-row>a:focus-visible{outline:1px solid #121314;outline-offset:5px}
.contact-page .site-nav{z-index:3}
@media(max-width:600px){.contact-content{padding:24px}.contact-addresses{max-width:320px}.contact-row{gap:12px;padding:18px 0}.contact-row>a{font-size:13px}.contact-row button{min-width:48px;gap:5px;font-size:10px}.contact-row button svg{width:13px;height:13px}.contact-content h1{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.contact-content{transition:none;transform:none}}

.contact-content[hidden]{display:none!important}

.contact-content{z-index:2}