*{box-sizing:border-box}
body{margin:0;background:#141311;color:#f6f1e9;font-family:'IBM Plex Sans',sans-serif}
a{color:#e5b53a;text-decoration:none}
a:hover{color:#f6f1e9;text-decoration:underline}
.page{min-height:100vh;position:relative;overflow:hidden}
.dots{position:absolute;inset:0;background-image:radial-gradient(rgba(246,241,233,0.18) 1.2px,transparent 1.3px);background-size:28px 28px;pointer-events:none}
.glow{position:absolute;right:-120px;top:120px;width:640px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(212,160,23,0.35),transparent);filter:blur(12px);pointer-events:none}
.wrap{position:relative;max-width:1040px;margin:0 auto;padding:40px 32px 80px;display:flex;flex-direction:column;gap:96px}
.nav,.foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;font-family:'IBM Plex Mono',monospace;font-size:14px;letter-spacing:0.04em}
.links{display:flex;gap:28px;flex-wrap:wrap}
.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end}
.hero-text{display:flex;flex-direction:column;gap:28px;min-width:0}
.kicker{font-family:'IBM Plex Mono',monospace;font-size:clamp(16px,1.6vw,22px);color:#a39a8c}
h1{margin:0;font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(44px,7vw,96px);line-height:1;letter-spacing:-0.015em;text-wrap:balance}
h1 em,h2 em{font-style:italic;color:#e5b53a}
.lede{margin:0;font-size:clamp(18px,1.8vw,22px);line-height:1.4;color:#d9d2c6;max-width:38ch}
.portrait{width:clamp(140px,18vw,220px);height:clamp(140px,18vw,220px);border-radius:50%;object-fit:cover;border:8px solid #d4a017;display:block}
.bio{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;font-size:18px;line-height:1.6;color:#d9d2c6;text-wrap:pretty}
.bio p{margin:0}
.newsletter{border-top:1px solid rgba(246,241,233,0.15);padding-top:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px;align-items:start}
.newsletter > div{display:flex;flex-direction:column;gap:20px}
h2{margin:0;font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-0.01em;text-wrap:balance}
.newsletter p{margin:0;font-size:18px;line-height:1.6;color:#d9d2c6;text-wrap:pretty}
.newsletter iframe{width:100%;height:320px;border:1px solid rgba(246,241,233,0.15);border-radius:4px;background:#f6f1e9}
.foot{color:#7a7266}
.status{display:flex;align-items:center;gap:10px}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#e5b53a}
@media (max-width:640px){.hero{grid-template-columns:1fr}.portrait{order:-1}}