:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0e0f0e;color:#f3efe9;font:17px/1.8 Arial,sans-serif}header,main,footer{max-width:1000px;margin:auto;padding:28px 24px}header,footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}header{border-bottom:1px solid #ffffff22}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:2px solid #e8527a;outline-offset:5px}.brand{font-size:27px;font-weight:800;letter-spacing:-1px;text-decoration:none}main{padding-top:64px;padding-bottom:72px}h1{font-size:clamp(40px,8vw,72px);letter-spacing:-.05em;line-height:1.1;margin:16px 0 24px}h2{font-size:24px;line-height:1.3;margin:0 0 16px}p{color:#d9d3ca;margin:0 0 20px}.meta{font-size:14px;color:#a8a39c}.kicker{font:12px monospace;letter-spacing:.14em;text-transform:uppercase;color:#a8a39c}.intro{max-width:800px;margin-bottom:48px}.contents{padding:24px 0;border-block:1px solid #ffffff22;margin-bottom:48px;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px}article{max-width:780px}section{margin-bottom:40px;scroll-margin-top:24px}footer{border-top:1px solid #ffffff22;font-size:14px;color:#a8a39c}nav{display:flex;flex-wrap:wrap;gap:20px}.contact{border-top:1px solid #ffffff22;padding-top:28px;overflow-wrap:anywhere}@media(max-width:600px){body{font-size:16px}main{padding-top:36px}.contents{display:grid;gap:12px}}