:root{--bg:#0c0c0c;--text:#e8e8e8;--muted:#666;--link:#a0a0a0;--link-hover:#f0f0f0;--space:clamp(1.5rem,5vw,3rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:18px}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:lowercase;flex-direction:column;min-height:100dvh;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7;display:flex}header,main,footer{padding-inline:var(--space);width:100%;max-width:65ch;margin-inline:auto}header{padding-block:2rem}main{flex:1;padding-block:clamp(3rem,10vh,6rem)}footer{padding-block:2rem}h1{letter-spacing:-.025em;margin-bottom:1.5rem;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:600;line-height:1.2}p{margin-bottom:1.25rem}p:last-child{margin-bottom:0}header a{letter-spacing:.04em;color:var(--muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}header a:hover{color:var(--text)}main a{color:var(--link);border-bottom:1px solid;text-decoration:none;transition:color .15s}main a:hover{color:var(--link-hover)}footer p{color:var(--muted);font-size:.8125rem}:focus-visible{outline:2px solid var(--text);outline-offset:4px;border-radius:2px}