@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@600&display=swap');
:root{color-scheme:dark;--paper:#f4f0e7;--muted:#9ca49e;--accent:#e4a742}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#111713;color:var(--paper);font-family:"DM Sans",system-ui,sans-serif}header{position:fixed;z-index:2;top:0;left:0;padding:28px clamp(22px,4vw,62px)}header a{color:var(--paper);text-decoration:none;display:flex;gap:10px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.1em}header a:hover{color:var(--accent)}main{width:min(1180px,90vw);min-height:100vh;margin:auto;padding:clamp(110px,13vh,160px) 0 80px;display:grid;grid-template-columns:minmax(260px,420px) minmax(0,620px);gap:clamp(50px,9vw,130px);align-items:center}.portrait{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 30%,#344139,#182019 68%);box-shadow:0 35px 90px rgba(0,0,0,.36);display:grid;place-items:center}.portrait img{width:100%;height:100%;object-fit:cover;display:block}.portrait span{font:600 clamp(70px,12vw,150px)/1 "Playfair Display",Georgia,serif;color:#7f8d84}.kicker{color:var(--accent);font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}h1{margin:10px 0 30px;font:600 clamp(48px,7vw,92px)/.95 "Playfair Display",Georgia,serif;letter-spacing:-.045em}p{color:#bbc2bd;font-size:16px;line-height:1.75}.lead{color:var(--paper);font:600 clamp(20px,2.3vw,29px)/1.5 "Playfair Display",Georgia,serif}.links{margin-top:38px;border-top:1px solid #344039}.links a{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #344039;color:inherit;text-decoration:none}.links small{color:var(--muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.links strong{font-weight:500}.links span{color:var(--accent)}.links a:hover strong{color:var(--accent)}.copyright{margin-top:34px;color:#7f8982;font-size:14px;letter-spacing:.1em;text-transform:uppercase}@media(max-width:760px){header{position:static;padding-bottom:0}main{min-height:auto;padding:58px 0 50px;grid-template-columns:1fr;gap:48px}.portrait{width:min(72vw,330px);justify-self:center}h1{font-size:48px}.links a{grid-template-columns:72px 1fr auto}.links strong{font-size:13px}}
