:root{
  --stone:#e8e1d3;
  --stone-dark:#cdc2ac;
  --ink:#2a2620;
  --moss:#3f5b45;
  --moss-dark:#2c4032;
  --rust:#a35a35;
  --gold:#b08d4f;
  --paper:#f7f3ea;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Cormorant Garamond', serif;
  font-size:19px;
  line-height:1.6;
}
.eyebrow{
  font-family:'Jost', sans-serif;
  font-size:.72rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--moss);
}
h1,h2,h3{font-weight:500;letter-spacing:.01em}
a{color:var(--rust)}

.divider{
  width:56px;height:2px;
  background:var(--gold);
  margin:2.4rem auto 0;
  opacity:.7;
}

/* ---------- TOP NAV ---------- */
.wayfind{
  padding:1.6rem 6vw;
  max-width:1080px;
  margin:0 auto;
}
.wayfind a{
  font-family:'Jost',sans-serif;
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--moss);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .3s ease;
}
.wayfind a:hover{border-color:var(--moss)}

/* ---------- ARTICLE HERO ---------- */
.article-hero{
  position:relative;
  height:52vh;
  min-height:340px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:#1b1f19;
}
.article-hero img{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  object-fit:cover;
  filter:saturate(.92) contrast(1.03);
}
.article-hero::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(0deg, rgba(15,14,10,.88) 0%, rgba(15,14,10,.4) 50%, rgba(15,14,10,.1) 75%);
}
.article-hero-content{
  position:relative;
  z-index:2;
  width:100%;
  max-width:800px;
  margin:0 auto;
  padding:0 6vw 4.5rem;
  color:var(--stone);
}
.article-hero-content .eyebrow{color:var(--stone-dark);opacity:.9}
.article-hero-content h1{
  font-size:clamp(2.1rem, 5.5vw, 3.4rem);
  line-height:1.05;
  margin:.5rem 0 .8rem;
  color:#fbf8f1;
}
.article-hero-content p{
  max-width:48ch;
  font-size:1.05rem;
  font-style:italic;
  color:var(--stone);
  opacity:.9;
}

/* ---------- ARTICLE BODY ---------- */
.article-body{
  max-width:680px;
  margin:0 auto;
  padding:5rem 6vw 2rem;
}
.article-body p{
  font-size:1.2rem;
  color:#3a352c;
  margin-bottom:1.2rem;
}
.article-body p.lede{
  font-size:1.32rem;
  color:#4a453c;
  font-style:italic;
}
.article-body h2{
  font-size:1.5rem;
  color:var(--moss-dark);
  margin:2.6rem 0 1.1rem;
}
.article-source{
  font-family:'Jost',sans-serif;
  font-size:.76rem;
  letter-spacing:.08em;
  color:#8b8574;
  margin-top:.5rem;
}

.note{
  max-width:680px;
  margin:0 auto 3rem;
  padding:0 6vw;
}
.note-box{
  border:1px solid var(--stone-dark);
  background:#efe9db;
  padding:1.4rem 1.6rem;
  font-family:'Jost',sans-serif;
  font-size:.86rem;
  line-height:1.55;
  color:#5a5648;
}

blockquote.pull{
  max-width:640px;
  margin:2.6rem auto;
  padding:0 6vw;
  text-align:center;
}
blockquote.pull p{
  font-size:clamp(1.2rem,2.6vw,1.5rem);
  font-style:italic;
  color:var(--rust);
  line-height:1.45;
}
blockquote.pull p::before{content:"\201C"}
blockquote.pull p::after{content:"\201D"}

/* ---------- GALLERY ---------- */
.gallery{
  max-width:1080px;
  margin:1rem auto 5rem;
  padding:0 6vw;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
  gap:1.6rem;
}
.gallery figure{background:none}
.gallery img{
  width:100%;
  display:block;
  aspect-ratio:4/3;
  object-fit:cover;
  border:1px solid var(--stone-dark);
}
.gallery figcaption{
  margin-top:.55rem;
  font-family:'Jost',sans-serif;
  font-size:.76rem;
  letter-spacing:.04em;
  color:#8b8574;
}

.gallery.scans img{aspect-ratio:3/4;object-fit:cover;object-position:top}

/* ---------- ARTICLES INDEX GRID ---------- */
.articles-head{
  max-width:760px;
  margin:0 auto;
  padding:4.5rem 6vw 3rem;
  text-align:center;
}
.articles-head h1{
  font-size:clamp(2.2rem,5vw,3rem);
  color:var(--moss-dark);
  margin:.7rem 0 1.2rem;
}
.articles-head p{font-size:1.18rem;color:#4a453c}

.articles-grid{
  max-width:1080px;
  margin:0 auto;
  padding:0 6vw 6rem;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px,1fr));
  gap:2px;
  background:var(--stone-dark);
}
.article-card{
  background:var(--paper);
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color:var(--ink);
  transition:background .3s ease;
}
.article-card:hover{background:#efe8d9}
.article-card .thumb{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.article-card .card-body{padding:1.6rem 1.7rem 2rem}
.article-card .eyebrow{display:block;margin-bottom:.5rem}
.article-card h2{font-size:1.32rem;color:var(--moss-dark);margin-bottom:.5rem}
.article-card p{font-size:1.02rem;color:#4a453c;line-height:1.5}

/* ---------- FOOTER ---------- */
footer{
  padding:3.2rem 6vw;
  text-align:center;
  border-top:1px solid var(--stone-dark);
}
footer .mark{
  font-family:'Jost',sans-serif;
  font-size:.78rem;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:var(--moss);
}
footer .year{
  margin-top:.5rem;
  font-family:'Jost',sans-serif;
  font-size:.72rem;
  letter-spacing:.1em;
  color:#8b8574;
}

@media (max-width:560px){
  body{font-size:17.5px}
  .article-body p{font-size:1.12rem}
}