:root { --ink:#1a1d2b; --paper:#f4f0e8; --paper-dark:#e6e0d4; --blue:#263d74; --cobalt:#3158b7; --rust:#bf5a32; --line:rgba(26,29,43,.22); --serif:Newsreader,Georgia,serif; --sans:Manrope,Arial,sans-serif; --mono:"DM Mono",monospace; }

*{box-sizing:border-box}
 html{scroll-behavior:smooth}
 body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}
 ::selection{color:var(--paper);background:var(--blue)}
 a{color:inherit}
.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--ink);color:#fff;padding:.7rem 1rem;z-index:10}
.skip-link:focus{top:1rem}
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,4vw,4.5rem);border-bottom:1px solid var(--line);position:relative;z-index:3;background:rgba(244,240,232,.95);backdrop-filter:blur(12px)}
.wordmark{font:500 1.3rem var(--mono);text-decoration:none;letter-spacing:-.1em}
.wordmark span{color:var(--rust)}
nav{display:flex;gap:2rem}
nav a,.header-link{font:500 .69rem var(--mono);text-transform:uppercase;letter-spacing:.08em;text-decoration:none}
.header-link{border-bottom:1px solid var(--ink);padding-bottom:.15rem}
.section{padding:clamp(4rem,7vw,6.5rem) clamp(1.25rem,8vw,9rem)}
.hero{padding:clamp(2rem,5vw,5rem) clamp(1.25rem,4vw,4.5rem) 0;min-height:min(720px,calc(100vh - 76px));display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(115deg,#f8f5ee 0%,#f4f0e8 65%,#ebe3d5 100%)}
.hero-meta,.section-label{font:500 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;align-items:end;margin:3rem 0}
.hero h1{font:400 clamp(5rem,12vw,10rem)/.79 var(--serif);letter-spacing:-.06em;margin:0}
.hero h1 em,h2 em{font-weight:400;color:var(--blue)}
.hero-intro{max-width:30rem;padding-bottom:.8rem}
.hero-intro p{font-size:clamp(1.05rem,1.7vw,1.45rem);line-height:1.4;margin:0 0:2rem}
.text-link,.featured-link{font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.22rem}
.hero-rule{height:62px;display:flex;border-top:1px solid var(--line)}
.hero-rule i{border-right:1px solid var(--line);flex:1}
.hero-rule i:nth-child(3){background:var(--rust);max-width:20%;border:0}
.profile-section{border-bottom:1px solid var(--line)}
.profile-layout{display:grid;grid-template-columns:minmax(210px,.55fr) 1.45fr;gap:clamp(2rem,8vw,10rem);align-items:start;margin-top:3rem}
.name-record{aspect-ratio:4/5;background:var(--blue);color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;position:relative;overflow:hidden;container-type:inline-size}
.name-record:after{content:"";position:absolute;inset:20% -45%;border-top:1px solid rgba(255,255,255,.35);transform:rotate(-52deg);box-shadow:0 4.8rem rgba(255,255,255,.35),0 9.6rem rgba(255,255,255,.35)}
.name-record span{display:block;max-inline-size:100%;font:400 clamp(2rem,16cqw,3.9rem)/.82 var(--serif);letter-spacing:-.055em;z-index:1;white-space:nowrap}
.name-record small,.name-record p{font:.6rem/1.45 var(--mono);letter-spacing:.07em;z-index:1;margin:0}
.profile-copy h2,.record-heading h2,.work-layout h2,.sources-intro h2{font:400 clamp(2.7rem,5vw,5.5rem)/.93 var(--serif);letter-spacing:-.045em;margin:0 0 2.5rem;max-width:14ch}
.profile-copy p{font-size:1.08rem;max-width:58ch}
.profile-copy p+ p{color:#424654}
.signal-band{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:repeat(3,1fr);padding:0 clamp(1.25rem,8vw,9rem)}
.signal-band div{min-height:11rem;padding:1.35rem 1.5rem;border-right:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column;justify-content:space-between}
.signal-band div:first-child{border-left:1px solid rgba(255,255,255,.25)}
.signal-band span{font:.67rem var(--mono);color:#aab5dc}
.signal-band p{margin:0;font-size:1rem;line-height:1.4}
.signal-band b{font:500 .62rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#d9d2c4}
.record-section{background:var(--paper-dark)}
.record-heading{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem;margin-bottom:2.75rem}
.record-heading p{max-width:34ch;align-self:end;margin:0;color:#484a54}
.timeline{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.timeline-entry{border-bottom:1px solid var(--line)}
.timeline-trigger{width:100%;display:grid;grid-template-columns:.45fr 1.5fr .55fr 2rem;align-items:center;gap:1.5rem;background:none;border:0;color:inherit;text-align:left;padding:1.3rem 0;cursor:pointer}
.date,.status{font:.64rem var(--mono);text-transform:uppercase;letter-spacing:.04em}
.place{font-weight:600;line-height:1.25}
.place small{font-weight:400;color:#555866}
.status{justify-self:start;padding:.35rem .45rem;border:1px solid currentColor}
.status.high{color:var(--blue)}
.status.medium{color:#84531e}
.toggle-mark{font:1.7rem var(--serif);justify-self:end}
.timeline-detail{padding:0 3.5rem 2rem calc(45% + .5rem);max-width:78rem}
.timeline-detail p{max-width:55ch;margin:0 0 1.5rem}
.fact-row{display:grid;grid-template-columns:10rem 1fr;gap:1rem;padding:.65rem 0;border-top:1px solid var(--line);font-size:.86rem}
.fact-row span:first-child{font:500 .62rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--blue)}
.work-section{background:#d9e0eb}
.work-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;margin-top:clamp(1.6rem,3vw,2.75rem)}
.work-layout h2{font-size:clamp(2.7rem,4.4vw,4.8rem)}
.topic-cloud{display:flex;flex-wrap:wrap;align-content:start;gap:.6rem;padding-top:.5rem}
.topic-cloud span{padding:.68rem .85rem;border:1px solid rgba(38,61,116,.4);border-radius:999px;font-size:.88rem}
.featured-link{display:inline-block;margin-top:2.75rem;font-size:clamp(1.1rem,2vw,1.5rem)}
.sources-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:3rem;border-top:1px solid var(--line)}
.sources-intro h2{margin-top:clamp(1.6rem,3vw,2.75rem)}
.sources-intro p{max-width:28ch}
.source-list{border-top:1px solid var(--line)}
.source-list a{display:grid;grid-template-columns:.6fr 1.5fr 1rem;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--line);text-decoration:none;transition:color .25s ease,transform .25s ease}
.source-list a:hover{transform:translateX(.75rem);color:var(--blue)}
.source-list span:first-child{font:500 .65rem var(--mono);letter-spacing:.05em;text-transform:uppercase}
.source-list span:last-child{font-size:1.1rem}
footer{padding:1.5rem clamp(1.25rem,4vw,4.5rem);background:var(--ink);color:#d9d2c4;display:flex;justify-content:space-between;gap:2rem;font:.65rem var(--mono);letter-spacing:.04em;text-transform:uppercase}
footer p{margin:0}
footer a{text-decoration:none;border-bottom:1px solid currentColor;height:max-content}
.reveal{animation:rise .8s cubic-bezier(.16,1,.3,1) both}
.hero-intro{animation-delay:.12s}
.hero h1{animation-delay:.05s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}
to{opacity:1;transform:none}
}
@media (max-width:720px){nav{display:none}
.hero{min-height:76vh}
.hero-grid,.profile-layout,.work-layout,.sources-section,.record-heading{grid-template-columns:1fr;gap:2rem}
.hero-grid{margin:3rem 0}
.hero h1{font-size:clamp(3.35rem,18.5vw,6.3rem)}
.hero-intro{max-width:26rem}
.hero-rule{height:48px}
.name-record{max-width:250px}
.signal-band{grid-template-columns:1fr;padding:0 1.25rem}
.signal-band div,.signal-band div:first-child{min-height:8rem;border-left:1px solid rgba(255,255,255,.25);border-bottom:0}
.timeline-trigger{grid-template-columns:.65fr 1.5fr 1.8rem;gap:.65rem}
.timeline-trigger .status{display:none}
.timeline-detail{padding:0 0 1.5rem}
.fact-row{grid-template-columns:1fr}
.source-list a{grid-template-columns:.7fr 1.4fr 1rem}
.section{padding-top:3.75rem;padding-bottom:3.75rem}
footer{display:block;line-height:1.5}
footer a{display:inline-block;margin-top:1rem}
}
@media (max-width:960px){.work-layout{grid-template-columns:1fr;gap:2rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.reveal{animation:none}
.source-list a{transition:none}
}