:root{
  --ink:#173747;
  --deep:#0a425b;
  --blue:#0c5d77;
  --teal:#0b7a78;
  --gold:#d79a23;
  --paper:#f7f5ef;
  --card:#ffffff;
  --muted:#65747c;
  --line:#d9e1e3;
  --shadow:0 12px 34px rgba(17,48,61,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:Georgia,"Times New Roman",serif;line-height:1.65
}
a{color:var(--blue)}
a:hover{color:var(--teal)}
.site-header{
  background:linear-gradient(135deg,#083b58,#0b6f73);
  color:#fff;border-bottom:1px solid rgba(255,255,255,.14)
}
.topbar{max-width:1180px;margin:auto;padding:22px 24px 14px}
.old-banner{
  display:block;width:min(787px,100%);height:auto;margin:0 auto;
  border:0
}
.nav{
  display:flex;gap:10px;flex-wrap:wrap;justify-content:center;
  padding:10px 24px 22px
}
.nav a{
  color:#fff;text-decoration:none;padding:9px 14px;
  border:1px solid rgba(255,255,255,.32);border-radius:999px;
  font:600 .96rem Arial,Helvetica,sans-serif
}
.nav a:hover,.nav a.active{background:#fff;color:var(--blue)}
main{max-width:1120px;margin:auto;padding:42px 22px 74px}
.hero,.content-card{
  background:var(--card);border:1px solid var(--line);
  border-radius:18px;padding:clamp(26px,5vw,54px);
  box-shadow:var(--shadow)
}
.hero{margin-bottom:28px}
.content-card{margin-top:22px}
.eyebrow{
  font:700 .78rem Arial,Helvetica,sans-serif;
  text-transform:uppercase;letter-spacing:.13em;color:var(--gold)
}
h1,h2,h3{color:#123f53;line-height:1.2}
h1{font-size:clamp(2.1rem,4vw,3.55rem);margin:.18em 0 .5em}
h2{font-size:1.55rem;margin:2.2rem 0 .65rem}
h3{font-size:1.15rem;margin:1.2rem 0 .4rem}
.lead{font-size:1.2rem;max-width:880px}
.grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px
}
.card,.book-card{
  background:var(--card);border:1px solid var(--line);
  border-radius:15px;padding:24px;box-shadow:0 6px 22px rgba(20,52,65,.05)
}
.card h2,.book-card h2{margin-top:0}
.button{
  display:inline-block;background:var(--teal);color:#fff!important;
  text-decoration:none;padding:10px 16px;border-radius:9px;
  font:700 .93rem Arial,Helvetica,sans-serif
}
.button.secondary{background:var(--blue)}
.two-col{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;margin:8px 0 18px
}
.two-col>div{
  background:#f8faf9;border:1px solid var(--line);
  border-radius:12px;padding:18px
}
.name-list{columns:2;column-gap:36px;padding-left:1.25rem}
.historical-label{
  color:var(--muted);font-style:italic;font-size:.96rem
}
.timeline{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:16px;margin-top:18px
}
.year-block{
  border-left:4px solid var(--gold);background:#fbfaf6;
  padding:14px 16px;border-radius:8px
}
.year-block h3{margin:0 0 .5rem;color:var(--deep)}
.year-block ul{margin:.2rem 0 0;padding-left:1.2rem}
.books-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  gap:18px
}
.book-meta{margin:.28rem 0;color:#405660}
.journals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
footer{
  border-top:1px solid var(--line);text-align:center;
  padding:28px 20px;color:var(--muted);
  font: .9rem Arial,Helvetica,sans-serif
}
@media(max-width:720px){
  .nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}
  .nav a{white-space:nowrap}
  main{padding-top:24px}
  .name-list{columns:1}
  .journals-grid{grid-template-columns:1fr}
}

/* Photo archive */
.photo-toolbar{
  display:flex;gap:18px;align-items:center;justify-content:space-between;
  flex-wrap:wrap;margin-bottom:8px
}
.photo-toolbar h2{margin:.2rem 0}
.photo-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px;margin-top:24px
}
.photo-card{
  margin:0;background:#fff;border:1px solid var(--line);
  border-radius:14px;overflow:hidden;
  box-shadow:0 6px 22px rgba(20,52,65,.06)
}
.photo-card a{display:block;background:#eef3f3}
.photo-card img{
  display:block;width:100%;height:220px;object-fit:cover
}
.photo-card figcaption{
  padding:15px 16px 17px;color:var(--ink);line-height:1.45;
  font-size:.98rem
}
.photo-year{
  display:inline-block;margin-right:8px;padding:2px 7px;
  border-radius:999px;background:#eef6f4;color:var(--teal);
  font:700 .75rem Arial,Helvetica,sans-serif
}
@media(max-width:720px){
  .photo-card img{height:auto;max-height:320px;object-fit:contain}
}
/* Complete photo archive grouping */
.photo-year-section{margin-top:2.8rem;padding-top:.25rem;border-top:1px solid var(--line)}
.photo-year-section>h2{margin:.6rem 0 1.35rem;font-size:2rem}
.photo-event{margin:0 0 2.3rem}
.photo-event h3{margin:0 0 .8rem;font-size:1.16rem;max-width:960px}
.photo-event .photo-grid{margin-top:.7rem}
.archive-return{margin:3rem 0 0}