:root { --paper:#f3efe5; --paper-deep:#e8e0cf; --ink:#17201d; --muted:#5d655f; --indigo:#201e4d; --indigo-deep:#151333; --cyan:#4bc9d5; --gold:#d9ad51; --coral:#c86555; --line:rgba(23,32,29,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; }
img { max-width:100%; }

.site-header { position:absolute; z-index:10; inset:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:1.4rem 5vw; color:white; border-bottom:1px solid rgba(255,255,255,.16); }
.inner-header { position:relative; color:var(--ink); background:var(--paper); border-bottom-color:var(--line); }
.inner-header nav a { color:var(--muted); }
.inner-header .wordmark span { color:var(--indigo); border-color:var(--indigo); }
.wordmark { display:flex; align-items:center; gap:.8rem; text-decoration:none; }
.wordmark span { display:grid; place-items:center; width:2.2rem; aspect-ratio:1; border:1px solid var(--cyan); border-radius:50%; color:var(--cyan); font:700 .66rem/1 Arial,sans-serif; letter-spacing:.08em; }
.wordmark strong { font-family:Georgia,'Times New Roman',serif; font-size:1.05rem; font-weight:400; }
nav { display:flex; align-items:center; gap:clamp(1rem,2.5vw,2.4rem); }
nav a { color:rgba(255,255,255,.78); font-size:.76rem; font-weight:700; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; }
nav a:hover, nav a:focus-visible { color:var(--cyan); }

.hero { position:relative; min-height:850px; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.65fr); gap:clamp(3rem,8vw,8rem); align-items:center; padding:9rem 6vw 6rem; overflow:hidden; color:white; background:radial-gradient(circle at 77% 28%,rgba(75,201,213,.23),transparent 24rem),linear-gradient(135deg,var(--indigo-deep),var(--indigo) 58%,#124754); }
.hero::before { content:''; position:absolute; width:58vw; height:58vw; left:-27vw; bottom:-43vw; border:1px solid rgba(217,173,81,.3); border-radius:50%; box-shadow:0 0 0 5vw rgba(75,201,213,.025),0 0 0 10vw rgba(217,173,81,.025); }
.hero-copy,.portrait-panel { position:relative; z-index:1; }
.eyebrow { margin:0 0 1.1rem; color:#087f87; font-size:.7rem; font-weight:800; letter-spacing:.14em; line-height:1.4; text-transform:uppercase; }
.hero .eyebrow { color:var(--cyan); }
.hero h1 { max-width:930px; margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(4rem,8vw,8.5rem); font-weight:400; letter-spacing:-.055em; line-height:.9; }
.hero-dek { max-width:820px; margin:2rem 0 0; color:rgba(255,255,255,.76); font-family:Georgia,'Times New Roman',serif; font-size:clamp(1.18rem,2vw,1.55rem); line-height:1.55; }
.hero-actions { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2.7rem; }
.hero-actions a { padding:1rem 1.25rem; border-radius:.2rem; font-size:.78rem; font-weight:800; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; }
.primary-action { color:var(--indigo-deep); background:var(--gold); }
.secondary-action { color:white; border:1px solid rgba(255,255,255,.4); }
.portrait-panel { width:min(100%,420px); justify-self:center; }
.portrait-frame { position:relative; overflow:hidden; aspect-ratio:.78; border-radius:48% 48% 1rem 1rem; border:1px solid rgba(255,255,255,.25); box-shadow:0 2.5rem 6rem rgba(0,0,0,.32); }
.portrait-frame::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(21,19,51,.65)); pointer-events:none; }
.portrait-frame img { width:100%; height:100%; object-fit:cover; object-position:50% 18%; filter:saturate(.82) contrast(1.03); }
.profile-note { display:flex; justify-content:space-between; gap:1rem; padding:1.2rem .2rem 0; color:rgba(255,255,255,.68); font-size:.7rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.profile-note p { margin:0; }

.manifesto { padding:clamp(4rem,9vw,8rem) 8vw; color:var(--indigo); background:var(--gold); }
.manifesto p { max-width:1200px; margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(2rem,4.5vw,5rem); letter-spacing:-.04em; line-height:1.07; }
.section-shell { padding:clamp(6rem,10vw,10rem) 6vw; }
.section-heading { max-width:850px; margin-bottom:4rem; }
.section-heading h2,.research-intro h2,.portal h2 { margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(3rem,6vw,6.2rem); font-weight:400; letter-spacing:-.05em; line-height:.95; }
.section-heading>p:last-child,.research-intro>p:last-child { max-width:700px; margin:1.5rem 0 0; color:var(--muted); font-family:Georgia,'Times New Roman',serif; font-size:1.25rem; line-height:1.55; }

.trajectory { background:var(--paper); }
.era-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; padding:0; border-top:1px solid var(--line); list-style:none; }
.era-grid li { min-height:420px; padding:1.8rem 1.7rem 2.2rem; border-right:1px solid var(--line); }
.era-grid li:last-child { border-right:0; }
.era-index { color:var(--coral); font-size:.72rem; font-weight:800; letter-spacing:.12em; }
.era-years { margin:5rem 0 .8rem; color:#087f87; font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.era-grid h3 { margin:0; font-family:Georgia,'Times New Roman',serif; font-size:2rem; font-weight:400; line-height:1.05; }
.era-grid li>p:last-child { margin:1.3rem 0 0; color:var(--muted); font-family:Georgia,'Times New Roman',serif; font-size:1.02rem; line-height:1.6; }

.research { display:grid; grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr); gap:8vw; color:white; background:var(--indigo); }
.research .eyebrow { color:var(--cyan); }
.research-intro>p:last-child { color:rgba(255,255,255,.68); }
.research-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.18); }
.research-grid article { min-height:270px; padding:1.7rem; border-right:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); }
.research-grid article:nth-child(even) { border-right:0; }
.research-grid span { color:var(--gold); font-size:.7rem; font-weight:800; }
.research-grid h3 { margin:4rem 0 0; font-family:Georgia,'Times New Roman',serif; font-size:2.2rem; font-weight:400; }
.research-grid p { margin:1rem 0 0; color:rgba(255,255,255,.65); font-family:Georgia,'Times New Roman',serif; line-height:1.55; }

.books-section { background:var(--paper-deep); }
.books-heading { max-width:960px; }
.book-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(1.5rem,2.5vw,3rem); }
.book-card>a { display:block; }
.book-card img { display:block; width:min(100%,330px); height:auto; margin-inline:auto; border-radius:.35rem; box-shadow:0 1.7rem 3.5rem rgba(23,32,29,.22); transition:transform 180ms ease,box-shadow 180ms ease; }
.book-card>a:hover img,.book-card>a:focus-visible img { transform:translateY(-.35rem); box-shadow:0 2rem 4.2rem rgba(23,32,29,.29); }
.book-card>div { padding-top:2rem; border-top:1px solid var(--line); margin-top:2.3rem; }
.book-card p { margin:0 0 .8rem; color:#087f87; font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.book-card h3 { margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(1.6rem,2.4vw,2.5rem); font-weight:400; line-height:1.06; }
.text-link { display:inline-block; margin-top:1.2rem; color:var(--indigo); font-size:.72rem; font-weight:800; letter-spacing:.05em; text-decoration:none; text-transform:uppercase; }

.portal { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:8vw; background:var(--paper); }
.portal-links { border-top:1px solid var(--line); }
.portal-links a { display:grid; grid-template-columns:1fr auto; gap:1rem; align-items:baseline; padding:1.5rem 0; border-bottom:1px solid var(--line); text-decoration:none; }
.portal-links span { font-family:Georgia,'Times New Roman',serif; font-size:1.7rem; }
.portal-links small { color:var(--muted); font-size:.72rem; letter-spacing:.04em; }
.portal-links a:hover span,.portal-links a:focus-visible span { color:#087f87; }
footer { display:flex; justify-content:space-between; gap:4rem; padding:4rem 6vw; color:white; background:var(--indigo-deep); }
footer strong { font-family:Georgia,'Times New Roman',serif; font-size:1.6rem; font-weight:400; }
footer p { max-width:550px; margin:.8rem 0 0; color:rgba(255,255,255,.55); font-family:Georgia,'Times New Roman',serif; }
.footer-links { display:flex; flex-wrap:wrap; gap:1.3rem; align-items:start; }
.footer-links a { color:var(--cyan); font-size:.7rem; font-weight:800; letter-spacing:.05em; text-decoration:none; text-transform:uppercase; }

.page-shell { min-height:60vh; }
.page-hero { padding:clamp(6rem,10vw,10rem) 6vw clamp(5rem,8vw,8rem); color:white; background:radial-gradient(circle at 83% 20%,rgba(75,201,213,.2),transparent 22rem),linear-gradient(135deg,var(--indigo-deep),var(--indigo) 65%,#124754); }
.page-hero .eyebrow { color:var(--cyan); }
.page-hero h1 { max-width:1150px; margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(3.6rem,7.5vw,8rem); font-weight:400; letter-spacing:-.055em; line-height:.92; }
.page-dek { max-width:900px; margin-top:2rem; color:rgba(255,255,255,.74); font-family:Georgia,'Times New Roman',serif; font-size:clamp(1.15rem,2vw,1.45rem); line-height:1.6; }
.page-dek p { margin:0; }
.content-grid { padding:clamp(5rem,9vw,9rem) 6vw; }
.numbered-list { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.numbered-list article { display:grid; grid-template-columns:3rem 1fr; gap:1rem; min-height:280px; padding:2rem; border-top:1px solid var(--line); border-right:1px solid var(--line); }
.numbered-list article:nth-child(even) { border-right:0; }
.numbered-list article>span,.teaching-grid article>span,.era-reading article>span { color:var(--coral); font-size:.7rem; font-weight:800; letter-spacing:.1em; }
.numbered-list h2,.link-cards h2,.book-page-grid h2,.archive-note h2 { margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(1.8rem,3vw,3rem); font-weight:400; line-height:1.06; }
.numbered-list p,.link-cards p,.book-page-grid p,.earlier-books p,.teaching-grid p,.era-reading p { color:var(--muted); font-family:Georgia,'Times New Roman',serif; line-height:1.6; }
.numbered-list .quiet { padding-top:1rem; border-top:1px solid var(--line); font-size:.9rem; }
.callout-band { padding:clamp(5rem,8vw,8rem) 6vw; color:white; background:var(--indigo); }
.callout-band .eyebrow { color:var(--cyan); }
.callout-band h2 { max-width:950px; margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(3rem,6vw,6rem); font-weight:400; letter-spacing:-.05em; }
.callout-band>p:not(.eyebrow) { max-width:850px; color:rgba(255,255,255,.68); font-family:Georgia,'Times New Roman',serif; font-size:1.2rem; line-height:1.6; }
.callout-band .text-link { color:var(--cyan); }
.book-page-grid { padding:clamp(5rem,9vw,9rem) 6vw; }
.book-page-grid article { display:grid; grid-template-columns:minmax(180px,300px) 1fr; gap:clamp(2rem,6vw,7rem); align-items:center; padding:4rem 0; border-top:1px solid var(--line); }
.book-page-grid img { width:100%; border-radius:.3rem; box-shadow:0 1.4rem 3rem rgba(23,32,29,.2); }
.subsection { padding:clamp(5rem,8vw,8rem) 6vw; background:var(--paper-deep); }
.subsection-heading { max-width:850px; margin-bottom:4rem; }
.subsection-heading h2 { margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(3rem,6vw,6rem); font-weight:400; letter-spacing:-.05em; }
.earlier-books { display:grid; grid-template-columns:repeat(3,1fr); gap:3rem; }
.earlier-books img { width:100%; aspect-ratio:.75; object-fit:contain; background:rgba(255,255,255,.35); }
.earlier-books h3,.teaching-grid h2,.era-reading h3 { font-family:Georgia,'Times New Roman',serif; font-size:1.8rem; font-weight:400; }
.link-cards { display:grid; grid-template-columns:1fr 1fr; padding:clamp(5rem,9vw,9rem) 6vw; }
.link-cards a { min-height:300px; padding:2.2rem; border-top:1px solid var(--line); border-right:1px solid var(--line); text-decoration:none; }
.link-cards a:nth-child(even) { border-right:0; }
.link-cards span { display:inline-block; margin-top:2rem; color:#087f87; font-size:.7rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.era-reading,.teaching-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.era-reading article,.teaching-grid article { padding:2rem; border-top:1px solid var(--line); border-right:1px solid var(--line); }
.era-reading article:last-child,.teaching-grid article:nth-child(3n) { border-right:0; }
.alumni-list { padding:clamp(5rem,9vw,9rem) 6vw; }
.alumni-list article { display:grid; grid-template-columns:5rem 1fr; gap:1rem; align-items:baseline; padding:1.5rem 0; border-top:1px solid var(--line); }
.alumni-list article>span { color:var(--coral); font-size:.7rem; font-weight:800; }
.alumni-list h2 { margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(1.6rem,3vw,2.7rem); font-weight:400; }
.alumni-list p { margin:.5rem 0 0; color:var(--muted); font-family:Georgia,'Times New Roman',serif; }
.teaching-grid { padding:clamp(5rem,9vw,9rem) 6vw; }
.teaching-grid article { min-height:320px; }
.archive-note { display:grid; grid-template-columns:.9fr 1.1fr; gap:6vw; align-items:start; padding:clamp(5rem,8vw,8rem) 6vw; background:var(--gold); }
.archive-note p { font-family:Georgia,'Times New Roman',serif; font-size:1.12rem; line-height:1.6; }
.archive-note>a { grid-column:2; margin-top:-2rem; }
.archive-stats { display:grid; grid-template-columns:repeat(4,1fr); padding:4rem 6vw; color:white; background:var(--indigo); }
.archive-stats div { padding:1.5rem; border-right:1px solid rgba(255,255,255,.18); }
.archive-stats div:last-child { border-right:0; }
.archive-stats strong { display:block; color:var(--gold); font-family:Georgia,'Times New Roman',serif; font-size:clamp(2.5rem,5vw,5rem); font-weight:400; }
.archive-stats span { color:rgba(255,255,255,.64); font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }

@media (max-width:980px) { .site-header{align-items:flex-start}.site-header nav{max-width:550px;flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr;padding-top:11rem}.portrait-panel{width:min(78vw,390px);justify-self:start}.era-grid{grid-template-columns:1fr 1fr}.era-grid li:nth-child(2){border-right:0}.era-grid li{border-bottom:1px solid var(--line)}.research,.portal{grid-template-columns:1fr}.book-grid{grid-template-columns:1fr 1fr}.era-reading,.teaching-grid{grid-template-columns:1fr 1fr}.teaching-grid article:nth-child(3n){border-right:1px solid var(--line)}.teaching-grid article:nth-child(even){border-right:0}.archive-stats{grid-template-columns:1fr 1fr}.archive-stats div:nth-child(even){border-right:0} }
@media (max-width:680px) { .site-header{position:relative;flex-direction:column;color:var(--ink);background:var(--paper);border-bottom-color:var(--line)}.wordmark span{color:var(--indigo);border-color:var(--indigo)}.site-header nav{justify-content:flex-start}.site-header nav a{color:var(--muted)}.hero{min-height:auto;padding-top:6rem}.hero h1{font-size:clamp(3.5rem,16vw,5.7rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{text-align:center}.profile-note{flex-direction:column}.era-grid,.research-grid,.book-grid,.numbered-list,.earlier-books,.link-cards,.era-reading,.teaching-grid,.archive-stats{grid-template-columns:1fr}.era-grid li,.era-grid li:nth-child(2),.research-grid article,.numbered-list article,.link-cards a,.era-reading article,.teaching-grid article,.archive-stats div{border-right:0}.era-grid li{min-height:350px}.book-card{max-width:420px}.portal-links a{grid-template-columns:1fr}.book-page-grid article,.archive-note{grid-template-columns:1fr}.archive-note>a{grid-column:1;margin-top:0}footer{flex-direction:column} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.book-card img{transition:none} }