:root { --ink:#111311; --line:#d8d9d3; --muted:#4d504c; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { display:flex; flex-direction:column; min-height:100dvh; margin:0; color:var(--ink); background:#fff; font-family:Manrope,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { display:flex; align-items:flex-start; justify-content:space-between; padding:26px clamp(24px,6vw,88px) 16px; }
.brand { font-weight:800; font-size:20px; letter-spacing:-.9px; line-height:1.05; }
.brand small { display:block; margin-top:7px; font:500 10px/1.2 "DM Mono",monospace; letter-spacing:1px; }
.site-nav { display:flex; gap:34px; padding-top:3px; font-size:13px; font-weight:700; }
.site-nav a { border-bottom:1px solid transparent; padding-bottom:4px; }
.site-nav a:hover,.site-nav .active { border-color:var(--ink); }
.menu-button { display:none; background:none; border:0; color:var(--ink); font:700 13px Manrope,sans-serif; }
.about-main { display:flex; flex:1; align-items:center; justify-content:center; padding:65px clamp(24px,7vw,110px) 90px; }
.about-profile { display:grid; grid-template-columns:minmax(250px,330px) minmax(0,700px); align-items:end; gap:clamp(50px,7vw,115px); width:min(100%,1120px); }
.portrait-wrap { align-self:start; margin-top:0; }
.portrait-wrap img { display:block; width:100%; height:auto; }
.about-copy { padding-bottom:2px; }
.about-copy h1 { margin:0 0 3px; font-size:32px; line-height:1.1; letter-spacing:-1px; }
.about-copy p { max-width:690px; margin:0 0 29px; font-size:17px; line-height:1.72; letter-spacing:-.2px; }
.about-copy .role { margin-bottom:22px; color:#363a36; font-size:24px; font-weight:400; line-height:1.25; letter-spacing:0; }
footer { padding:12px clamp(24px,6vw,88px) 36px; text-align:center; color:var(--ink); font-size:14px; }
@media(max-width:700px) { .site-header { padding:22px 24px 14px; } .site-nav { display:none; position:absolute; top:70px; right:24px; z-index:10; flex-direction:column; gap:16px; padding:17px; background:#fff; border:1px solid var(--line); } .site-nav.open { display:flex; } .menu-button { display:block; } .about-main { align-items:flex-start; padding:64px 28px 48px; } .about-profile { grid-template-columns:1fr; gap:38px; } .portrait-wrap { width:min(78vw,330px); margin:auto; } .about-copy h1 { font-size:30px; } .about-copy .role { font-size:21px; } .about-copy p { margin-bottom:24px; font-size:16px; line-height:1.65; } footer { padding:14px 24px 26px; font-size:12px; } }
footer{position:fixed!important;z-index:20;right:0;bottom:0;left:0;display:flex!important;justify-content:center;padding:12px clamp(24px,6vw,88px) 16px!important;color:#62665f;background:#fff;font:500 10px "DM Mono",monospace!important;letter-spacing:.5px}
footer{color:#62665f!important;background:#fff!important;letter-spacing:.5px!important}