@font-face{font-family:"Archivo";src:url(archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{--bg:#0b0b0b;--fg:#f4f2ee;--muted:#8a8782;--accent:#3d6bff}
*{box-sizing:border-box;margin:0}
html,body{background:var(--bg)}
body{color:var(--fg);font:17px/1.6 "Archivo",-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
.bar,footer{display:flex;gap:24px;flex-wrap:wrap;padding:20px 24px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.bar{justify-content:space-between}
footer{margin-top:auto;padding-top:48px}footer .sp{flex:1}
.bar a:hover,footer a:hover{color:var(--fg)}
.wordmark{white-space:nowrap;font-weight:900;font-stretch:125%;font-size:clamp(56px,17.4vw,320px);line-height:.82;letter-spacing:-.035em;padding:0 22px;margin-top:auto}
.rule{height:clamp(5px,.7vw,9px);background:var(--accent);margin:clamp(14px,2vw,24px) 24px 0}
.hero-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding:28px 24px 0}
.tag,.mail{font-size:clamp(18px,1.9vw,26px);font-weight:700;line-height:1.15;letter-spacing:-.01em}
.tag{max-width:20ch}
.mail{border-bottom:3px solid var(--fg);padding-bottom:2px;transition:color .15s,border-color .15s}
.mail:hover{color:var(--accent);border-color:var(--accent)}
.page{max-width:720px;padding:56px 24px 0}
.page h1{font-weight:900;font-stretch:125%;font-size:clamp(44px,9vw,96px);line-height:.9;letter-spacing:-.03em;margin-bottom:20px}
.page .rule{margin:0 0 36px;width:96px}
.page h2{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:36px 0 8px}
.page p,.page li{color:#d6d3cd;margin-bottom:12px}
.page ul{padding-left:20px}
.page .meta{color:var(--muted);font-size:14px}
.page .summary{border:1px solid #2a2a2a;padding:4px 24px 12px;margin:28px 0}
.page a{border-bottom:2px solid var(--accent)}.page a:hover{color:var(--accent)}
@media(max-width:520px){footer .sp{flex-basis:100%;height:0}.bar span{display:none}}