/* Tokens from the Istanbul design system (only those this page uses) */
:root{
  --navy:#13293a;--navy-soft:#1d3c52;
  --red:#e01f2d;--red-dark:#b3141f;
  --gold:#d9a441;
  --ink:#13293a;--ink-soft:#4a5768;
  --paper:#ffffff;--paper-alt:#f6f4f1;--line:#e4e2de;--white:#ffffff;
  --on-dark-body:#c3ccdb;--on-dark-muted:#93a1b8;
  --shadow-sm:0 1px 2px rgba(2,31,60,0.06);
  --shadow-md:0 4px 16px rgba(2,31,60,0.1);
  --font-sans:'Baskervville',Georgia,'Times New Roman',serif;
  --radius:6px;--radius-sm:3px;
  --nav-h:76px;
  --transition-colors:background .15s ease,color .15s ease,border-color .15s ease;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}
body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--red);text-decoration:none}
a:hover{color:var(--red-dark)}
h1,h2,h3{margin:0;font-weight:700}
p{margin:0}
::selection{background:var(--gold);color:var(--navy)}

.wrap{max-width:1200px;margin:0 auto}
.page{min-height:100vh;display:flex;flex-direction:column}
main{flex:1}

/* Header */
.site-header{position:sticky;top:0;z-index:10;background:var(--white);border-bottom:3px solid var(--navy)}
.site-header .wrap{padding:0 24px;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{display:flex;align-items:baseline;color:var(--navy);font-family:var(--font-sans);font-weight:700;font-size:26px;letter-spacing:-0.02em;line-height:1}
.logo:hover{color:var(--navy)}
.dot{color:var(--red)}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{color:var(--navy);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px}
.nav a:hover{color:var(--red)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:.8em 1.5em;border-radius:var(--radius-sm);font-weight:700;font-size:.92rem;letter-spacing:.02em;border:1.5px solid transparent;cursor:pointer;transition:var(--transition-colors)}
.btn-primary{background:var(--red);color:var(--white)}
.btn-primary:hover{background:var(--red-dark);color:var(--white)}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.btn-ghost:hover{background:#fff;color:var(--navy);border-color:#fff}

/* Shared section bits */
.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--red);font-weight:700}
.eyebrow.on-dark{color:var(--gold)}
.h2{font-size:clamp(32px,4.4vw,52px);line-height:1.05;letter-spacing:-0.03em}
.head{display:flex;flex-direction:column;gap:20px}
.section{padding:clamp(64px,9vw,112px) 24px}
.stack{display:flex;flex-direction:column;gap:40px}
.dark{background:var(--navy);color:#fff}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero-main{position:relative;padding:clamp(32px,5vw,64px) 24px clamp(40px,5vw,64px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:48px;align-items:start}
.hero-copy{display:flex;flex-direction:column;gap:28px;flex:1 1 400px;min-width:0}
.status{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}
.hero h1{font-size:clamp(56px,10vw,136px);line-height:.92;letter-spacing:-0.045em}
.lede{max-width:560px;font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:var(--on-dark-body);text-wrap:pretty}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.portrait{aspect-ratio:4/5;flex:0 1 440px;max-width:440px;border-radius:var(--radius);background:var(--navy-soft);border:1px solid rgba(255,255,255,.16);position:relative;overflow:hidden}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.facts-bar{position:relative;border-top:1px solid rgba(255,255,255,.16)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.facts div{padding:20px 24px;display:flex;flex-direction:column;gap:4px;border-inline-start:1px solid rgba(255,255,255,.16)}
.facts dt{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted)}
.facts dd{margin:0;font-size:15px;font-weight:500;color:#fff}

/* About */
.about{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px}
.about .h2{text-wrap:balance}
.about-body{display:flex;flex-direction:column;gap:16px;font-size:16px;line-height:1.65;color:var(--ink-soft);text-wrap:pretty}
.stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.stats div{background:var(--white);padding:28px 24px;display:flex;flex-direction:column;gap:6px}
.stats strong{font-size:clamp(40px,5vw,56px);font-weight:700;letter-spacing:-0.04em;line-height:1}
.stats span{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}

/* Expertise */
.alt{background:var(--paper-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.split-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.split-head > span{font-size:13px;color:var(--ink-soft)}
.disciplines{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));border-top:1px solid var(--line)}
.disciplines article{padding:28px 24px 32px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.num{font-weight:700;font-size:12px;color:var(--red)}
.disciplines h3{font-size:20px;letter-spacing:-0.01em}
.disciplines p{font-size:14px;line-height:1.6;color:var(--ink-soft);text-wrap:pretty}

/* Experience */
.roles{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.role{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px 40px;padding:32px 0;border-bottom:1px solid var(--line)}
.role-meta{display:flex;flex-direction:column;gap:6px}
.years{font-size:13px;font-weight:700;color:var(--red);font-variant-numeric:tabular-nums}
.org{font-size:24px;font-weight:700;letter-spacing:-0.02em}
.place{font-size:13px;color:var(--ink-soft)}
.role-body{display:flex;flex-direction:column;gap:12px;grid-column:span 2;min-width:0}
.role-title{font-size:16px;font-weight:500}
.role ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.role li{display:flex;gap:12px;font-size:14px;line-height:1.6;color:var(--ink-soft)}
.role li::before{content:"—";color:var(--red);flex:none}
@media (max-width:620px){.role-body{grid-column:auto}}

/* Milestones */
.milestones{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px}
.milestones article{border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:14px;background:rgba(255,255,255,.02);transition:border-color .2s ease}
.milestones article:hover{border-color:var(--gold)}
.m-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--on-dark-muted)}
.m-meta .num{font-size:inherit}
.milestones h3{font-size:20px;line-height:1.25;letter-spacing:-0.01em;text-wrap:balance}
.milestones p{font-size:14px;line-height:1.6;color:var(--on-dark-body);text-wrap:pretty}

/* Contact */
.contact{padding:clamp(72px,10vw,128px) 24px}
.contact h2{font-size:clamp(44px,8vw,104px);line-height:.95;letter-spacing:-0.045em}
.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
.contact-card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease;border-radius:var(--radius);padding:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--ink)}
.contact-card:hover{border-color:var(--navy);box-shadow:var(--shadow-md);color:var(--ink)}
.contact-card > span:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.contact-card small{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.contact-card b{font-size:18px;font-weight:500;overflow-wrap:anywhere}
.arrow{color:var(--red);font-size:20px}
.socials{display:flex;flex-wrap:wrap;gap:8px}
.socials a{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--white);color:var(--navy);transition:var(--transition-colors)}
.socials a:hover{background:var(--navy);border-color:var(--navy);color:#fff}

/* Footer */
.site-footer .wrap{padding:20px 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--on-dark-muted)}

@media (max-width:640px){
  .site-header .wrap{height:auto;min-height:var(--nav-h);flex-wrap:wrap;padding-block:12px}
  .nav{gap:0;margin-inline:-10px}
}