:root{--bg:#ffffff;--ink:#1a1a1a;--muted:#8b8b8b;--accent:#000}*{box-sizing:border-box}body,html{height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:'SFMono-Regular','Consolas','Liberation Mono',monospace;font-weight:300}.about-page{max-width:760px;margin:0 auto;padding:160px 24px 120px;text-align:center}.hero{margin:0 0 28px}.hero .portrait{width:100%;max-width:600px;height:auto;display:inline-block;filter:grayscale(100%);border:12px solid #fafafa;border-radius:6px}.about-copy{font-size:12px;line-height:1;color:#222;text-align:justify;font-weight:300}.about-copy p{margin:16px 0}.about-page .about-copy p{font-size:12px;line-height:1.2}.about-contact{margin-top:22px;padding-top:22px;text-align:center}.contact-item{margin:8px 0;font-size:12px;line-height:1.4;color:#3a3a3a}.contact-item a{color:#1f1f1f;text-decoration:none;transition:opacity .2s ease,border-color .2s ease}.contact-item a:hover{opacity:.72;border-color:rgba(31,31,31,.5)}@media (max-width:900px){.about-page{padding:120px 18px}.hero .portrait{max-width:80%}.about-contact{margin-top:44px}}.copy code{background:#f3f3f3;padding:2px 6px;border-radius:3px;font-family:monospace}