@charset "UTF-8";
:root{color-scheme:dark;--bg:#333333;--fg:#f5f5f5;--muted:#bdbdbd;--accent:#eeeeee;--line:#555555;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.page{width:min(1280px,100%);margin:auto;padding:0 64px}
.skip{position:absolute;top:-100px;left:20px;background:var(--accent);color:var(--bg);padding:14px;z-index:2}.skip:focus{top:10px}
.masthead{height:112px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:32px}
.wordmark{font-size:38px;font-weight:700;letter-spacing:-4px}.wordmark span{color:var(--accent);padding-left:4px}
.edition{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.02em}.divider{padding:0 12px;color:#a0a0a0}
.header-link{margin-left:auto;font-size:13px}.header-link span{margin-left:12px;color:var(--accent)}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;padding:78px 0 66px;align-items:center}
.eyebrow{display:flex;align-items:center;gap:12px;font:11px var(--mono);letter-spacing:.14em;color:var(--accent);margin:0 0 30px}
.accent-line{height:1px;width:25px;background:var(--accent)}
h1{font-size:clamp(64px,7.8vw,104px);font-weight:500;letter-spacing:-.075em;line-height:.97;margin:0 0 38px}
h1>span{color:#c4c4c4}.period{color:var(--accent)}
.bio{border-left:1px solid #999999;padding-left:21px}
.tagline{font-size:23px;letter-spacing:-.04em;margin:0 0 11px}
.description{font-size:15px;line-height:1.75;color:var(--muted);margin:0}
.location{display:inline-flex;align-items:center;gap:10px;font:11px var(--mono);color:var(--muted);margin-top:32px}.location-mark{font-size:22px;color:var(--accent)}.location>span:last-child{color:var(--accent)}
.visual{padding-top:12px;min-width:0}
.visual-label{display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);letter-spacing:.12em;color:#b8b8b8;border-top:1px solid var(--line);padding-top:15px}
.architecture{display:block;width:100%;height:auto;margin:6px 0}
.visual-caption{border-top:1px solid var(--line);padding-top:15px;font:10px var(--mono);color:var(--muted);display:flex;gap:12px;align-items:center;line-height:1.5}.small-cross{font-size:19px;color:var(--accent)}
.connections{padding:25px 0 60px;border-top:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}
.section-heading h2{font-size:13px;font-weight:400;margin:0;color:var(--muted)}.section-heading>span{font:9px var(--mono);letter-spacing:.12em;color:#b0b0b0}
.links{display:grid;grid-template-columns:repeat(3,1fr)}
.profile{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:25px 20px 22px 0;transition:color .18s,background .18s}
.profile+.profile{border-left:1px solid var(--line);padding-left:24px}
.profile-number{font:10px var(--mono);color:#b0b0b0;align-self:flex-start;padding-top:5px}
.profile-name{font-size:22px;letter-spacing:-.035em}
.profile-name small{display:block;font:11px var(--mono);color:var(--muted);letter-spacing:0;margin-top:10px}
.arrow{margin-left:auto;font-size:23px;color:var(--accent);transition:transform .18s}
.profile:hover{color:var(--accent);background:#3c3c3c}.profile:hover .arrow{transform:translate(3px,-3px)}
footer{border-top:1px solid var(--line);padding:25px 0 30px;display:flex;justify-content:space-between;gap:20px;align-items:center;font:10px var(--mono);color:var(--muted);line-height:1.7}
footer a{color:var(--fg)}footer a span{color:var(--accent);margin-left:8px}
@media(min-width:1600px){.page{padding-top:30px}.hero{padding-top:100px;padding-bottom:90px}}
@media(max-width:1000px){.page{padding:0 36px}.hero{gap:22px}.profile{gap:12px}.profile+.profile{padding-left:16px}.profile-name{font-size:20px}.profile-name small{font-size:10px}.footer-note{display:none}}
@media(max-width:700px){.page{padding:0 24px}.masthead{height:84px;gap:22px}.edition{font-size:9px}.edition .divider{padding:0 4px}.header-link{font-size:12px}.hero{grid-template-columns:1fr;padding:52px 0 40px;gap:38px}h1{font-size:clamp(64px,16vw,98px);margin-bottom:30px}.visual{width:100%;max-width:430px;justify-self:center}.architecture{max-height:340px}.links{grid-template-columns:1fr}.profile,.profile+.profile{border-left:0;padding:23px 0;gap:20px}.profile-name{font-size:24px}.profile-name small{font-size:11px}.connections{padding-bottom:30px}.section-heading{margin-bottom:20px}.section-heading>span{font-size:8px}.section-heading h2{font-size:12px}footer{font-size:9px;gap:10px}.wordmark{font-size:34px}}
@media(max-width:390px){.edition{display:none}.section-heading>span{display:none}.page{padding:0 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}