:root{color-scheme:dark;--bg:#000;--text:#f4f4f4;--muted:#999}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.page{max-width:1256px;min-height:100vh;min-height:100svh;margin:auto;padding:0 64px;display:flex;flex-direction:column}
header{padding:34px 0}
.wordmark{display:inline-block;color:var(--text);text-decoration:none;font-size:25px;font-weight:900;letter-spacing:.15em;line-height:1}
.wordmark span{display:block;font-size:10px;letter-spacing:.51em;margin-top:8px}
.wordmark:hover{text-decoration:none}
main{flex:1;display:flex;align-items:center;justify-content:center;padding:64px 0}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.contact-address h1,.contact-address h2{font-size:12px;font-weight:400;color:var(--muted);margin:0 0 14px;line-height:1.5}
.contact-address a{color:var(--text);text-decoration:none;font-size:20px;line-height:1.5}
a:hover{text-decoration:underline;text-underline-offset:5px}
a:focus-visible{outline:2px solid var(--text);outline-offset:7px}
footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0 30px;font-size:11px;line-height:1.6;color:var(--muted)}
footer p{margin:0}
@media(max-width:640px){.page{padding:0 28px}.contact{grid-template-columns:1fr;gap:36px}footer{flex-direction:column;gap:7px}}