:root{--navy:#102a43;--ink:#243b53;--muted:#627d98;--cream:#f7f4ed;--white:#fff;--accent:#c77b55;--line:#d9e2ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.6}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px max(6vw,24px);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #eef2f6}.brand{font-weight:900;letter-spacing:.08em;text-decoration:none;color:var(--navy)}.brand span{color:var(--accent)}nav{display:flex;gap:28px}nav a{color:var(--ink);text-decoration:none;font-weight:650;font-size:.94rem}.menu{display:none;border:0;background:none;font-size:1.5rem}.hero{min-height:78vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:5vw;align-items:center;padding:72px max(7vw,28px);background:linear-gradient(120deg,#fff 0 64%,var(--cream) 64%)}.hero-copy{max-width:820px}.eyebrow{font-size:.78rem;font-weight:850;letter-spacing:.18em;color:var(--accent);margin:0 0 14px}.hero h1,.section h2{font-family:Georgia,"Times New Roman",serif;color:var(--navy);line-height:1.06;margin:.1em 0 .35em}.hero h1{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.045em}.hero h1 em{font-weight:400;color:var(--accent)}.lede{font-weight:750;font-size:clamp(1rem,2vw,1.25rem);color:var(--navy)}.intro{max-width:700px;font-size:1.08rem;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:13px 20px;border:1px solid var(--navy);border-radius:999px;text-decoration:none;color:var(--navy);font-weight:800}.btn.primary{background:var(--navy);color:#fff}.hero-photo{margin:0;align-self:center}.hero-photo img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:4px;box-shadow:0 24px 60px rgba(16,42,67,.12)}.hero-photo figcaption{margin-top:12px;text-align:right;color:var(--muted);font-size:.82rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.numbers{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff;padding:42px max(7vw,28px)}.numbers div{padding:8px 24px;border-right:1px solid rgba(255,255,255,.18)}.numbers div:last-child{border:0}.numbers strong{display:block;font-family:Georgia,serif;font-size:2.5rem}.numbers span{font-size:.88rem;opacity:.78}.section{padding:90px max(7vw,28px)}.section h2{font-size:clamp(2.3rem,4vw,4.2rem)}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;background:var(--cream)}.split p{font-size:1.15rem}.split blockquote{border-left:3px solid var(--accent);margin:34px 0 0;padding-left:24px;font-family:Georgia,serif;font-size:1.35rem;color:var(--navy)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px}.cards article{border:1px solid var(--line);padding:30px;border-radius:4px}.cards h3,.roles h3{color:var(--navy);margin:0 0 8px}.cards p{color:var(--muted);margin:0}.timeline{background:#f9fbfd}.wide{max-width:820px;font-size:1.12rem;color:var(--muted)}.roles{margin-top:42px;border-top:1px solid var(--line)}.roles article{display:grid;grid-template-columns:110px 1.1fr 1.1fr 2fr;gap:22px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}.roles span{color:var(--accent);font-weight:800}.roles h3,.roles p{margin:0}.roles small{color:var(--muted)}.personality{display:grid;grid-template-columns:minmax(280px,.7fr) 1.3fr;gap:7vw;align-items:center}.personality img{width:100%;max-height:540px;object-fit:cover;object-position:center 30%;border-radius:3px}.personality p:last-child{font-size:1.1rem;color:var(--muted)}.referral{text-align:center;background:var(--cream)}.referral>p:not(.eyebrow){max-width:760px;margin:0 auto;color:var(--muted);font-size:1.1rem}.center{justify-content:center}footer{padding:42px max(7vw,28px);background:var(--navy);color:#d9e2ec;display:flex;justify-content:space-between;gap:24px;align-items:center}footer .brand{color:#fff}footer p{margin:0;font-size:.9rem}@media(max-width:820px){nav{display:none;position:absolute;top:70px;right:18px;background:#fff;padding:18px;box-shadow:0 10px 30px #0002;flex-direction:column}.nav.open nav{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;background:#fff;padding:46px 24px 54px;gap:32px}.hero-photo{display:block;order:-1}.hero-photo img{aspect-ratio:16/10;object-position:center 34%}.hero-photo figcaption{text-align:left}.hero-copy{max-width:none}.numbers{grid-template-columns:repeat(2,1fr)}.numbers div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.split,.personality{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.roles article{grid-template-columns:1fr;gap:5px}.personality img{max-height:420px}.section{padding:68px 24px}footer{flex-direction:column;text-align:center}.hero h1{font-size:clamp(2.65rem,12.5vw,4.6rem)}.intro{font-size:1.03rem}.actions{margin-top:22px}}

/* Final mobile polish */
.btn:focus-visible,.menu:focus-visible,nav a:focus-visible,.brand:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:820px){
  .hero{padding:40px 24px 48px;gap:26px;min-height:auto}
  .hero h1{font-size:clamp(2.35rem,10.8vw,3.6rem);line-height:1.01;letter-spacing:-.04em;margin-bottom:.42em}
  .hero-photo figcaption{margin-top:10px;font-size:.76rem}
  .lede{font-size:1rem;line-height:1.48}
  .intro{font-size:1rem;line-height:1.62}
  .actions{gap:10px}
  .btn{padding:12px 18px;min-width:132px;text-align:center}
  .numbers{padding:28px 24px;gap:0}
  .numbers div{padding:18px 14px;min-height:112px;display:flex;flex-direction:column;justify-content:center}
  .numbers div:nth-child(odd){border-right:1px solid rgba(255,255,255,.15)}
  .numbers div:nth-last-child(-n+2){border-bottom:0}
  .numbers strong{font-size:2.15rem;line-height:1.05}
  .numbers span{font-size:.82rem;line-height:1.35;margin-top:7px}
  .section{padding:58px 24px}
  .section h2{font-size:clamp(2.15rem,10vw,3rem);line-height:1.02}
  .split{gap:26px}
  .split p{font-size:1.05rem}
  .split blockquote{margin-top:26px;padding-left:18px;font-size:1.2rem}
  .cards{margin-top:30px;gap:14px}
  .cards article{padding:24px}
  .roles{margin-top:32px}
  .roles article{padding:20px 0}
  .personality{gap:30px}
  .personality img{max-height:360px}
  .referral .actions{max-width:340px;margin-left:auto;margin-right:auto}
  .referral .btn{flex:1 1 145px}
  footer{padding:36px 24px;gap:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}