
/* Whitby Foundation: consistent editorial update, 15 October 2026
   Uses ONLY original website CSS variables and existing website typefaces. */

/* Header lockup: slightly farther left, THE elevated as a leading small-cap */
.site-header{padding-left:clamp(18px,2vw,38px);border-bottom:1px solid rgba(154,116,68,.28);box-shadow:0 2px 0 rgba(154,116,68,.035)}
.site-header .brand.wf-text-brand{flex-shrink:0}
.site-header .wf-text-brand .wf-full-wordmark{align-items:baseline;gap:.34em;font-weight:500}
.site-header .wf-text-brand .wf-small-the{position:relative;top:-.56em;font-size:.51em;letter-spacing:.15em;line-height:1}
.site-header .wf-text-brand .wf-large-name{font-family:"Cormorant Garamond",Georgia,serif;letter-spacing:.055em}
@media(min-width:1100px){.site-header .wf-text-brand .wf-full-wordmark{font-size:clamp(23px,1.7vw,29px)}}
@media(max-width:470px){.site-header .wf-text-brand .wf-full-wordmark{font-size:20px}.site-header{padding-left:17px}}

/* Section distinctions: purposeful changes within existing ivory/cream palette. */
.library-intro.library-intro-refined{
  background:var(--paper);
  padding-bottom:52px;
  border-bottom:1px solid var(--line);
  position:relative;
}
.library-intro.library-intro-refined::after{
  content:"";position:absolute;bottom:-1px;left:calc(50% - 55px);width:110px;
  height:3px;background:var(--gold);
}
.featured{background:var(--paper);border-bottom:1px solid rgba(154,116,68,.26)}
.resources.resources-refined{background:var(--cream);}
.resources-head.resources-head-refined{
  align-items:center;gap:30px;padding:0 0 25px;
  border-bottom:1px solid var(--line);margin-bottom:28px;
}
.resources-head-refined h2{color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif}

/* One consistent, scalable grid. No two-column card-within-card composition. */
.resources .resource-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;align-items:stretch;
}
.resources .resource-card{
  display:flex;flex-direction:column;min-height:0;min-width:0;
  background:var(--paper);border:1px solid rgba(154,116,68,.28);
  box-shadow:none;overflow:hidden;transform:none;
}
.resources .resource-card.hidden{display:none}
.resources .resource-cover{
  display:block;position:relative;flex:none;overflow:hidden;padding:0;
  width:100%;height:auto;aspect-ratio:16/9;background:var(--cream);
}
.resources .resource-cover img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
  box-shadow:none;max-width:none;filter:none;transition:transform .2s ease;
}
.resources .resource-card:hover .resource-cover img{transform:scale(1.015)}
.resources .resource-body{display:flex;flex:1;flex-direction:column;gap:0;padding:23px 23px 21px;min-width:0}
.resources .resource-body .resource-type{
  font:600 10px/1.5 "Montserrat",Arial,sans-serif;letter-spacing:.11em;
  text-transform:uppercase;color:var(--gold);margin:0 0 9px;
}
.resources .resource-body h3{
  font:500 clamp(27px,2.1vw,33px)/1.07 "Cormorant Garamond",Georgia,serif;
  color:var(--ink);margin:0 0 12px;min-height:2.1em;
  overflow-wrap:break-word;
}
.resources .resource-body .resource-desc{
  font:400 17px/1.45 "Cormorant Garamond",Georgia,serif;
  color:var(--muted);margin:0 0 18px;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;
  line-clamp:5;overflow:hidden;
}
.resources .resource-body .resource-meta{
  display:flex;align-items:flex-start;gap:5px 12px;flex-wrap:wrap;
  color:var(--muted);font:500 9px/1.65 "Montserrat",Arial,sans-serif;
  letter-spacing:.035em;margin:0 0 0;text-transform:uppercase;
  overflow-wrap:anywhere;
}
.resources .resource-body .resource-meta span+span:before{margin-right:9px;color:var(--gold)}
.resources .resource-actions{
  display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center;
  padding-top:17px;margin-top:auto;border-top:1px solid rgba(154,116,68,.18);
}
.resources .resource-card .resource-actions a{
  margin:0;padding:4px 0;display:inline-flex;align-items:center;white-space:nowrap;
  font:600 10px/1.35 "Montserrat",Arial,sans-serif;
  letter-spacing:.045em;color:var(--ink)!important;border:0;text-decoration:none;
}
.resources .resource-card .resource-actions a:hover{text-decoration:underline;color:var(--gold)!important}
.resources .resource-author{display:none}
.resources .resource-cover .free-badge{display:none}
.featured-cover{display:block;padding:0;overflow:hidden;border:0;background:transparent}
.featured-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;height:auto}

/* Article styles unified to site typography. All fifteen article pages inherit. */
.article-head h1,.article-paper h2,.article-paper h3,.article-related h3{
  font-family:"Cormorant Garamond",Georgia,serif;color:var(--ink);
}
.article-head h1{font-weight:500;line-height:1.03}
.article-deck{font-family:"Cormorant Garamond",Georgia,serif;font-size:22px;line-height:1.35;color:var(--muted)}
.article-paper{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:22px;line-height:1.48;color:var(--ink);
}
.article-paper p{margin:0 0 .7em}
.article-paper h2{font-size:38px;font-weight:600;line-height:1.05;margin:1.4em 0 .4em}
.article-paper h3{font-size:29px;font-weight:600;line-height:1.1;margin:1.2em 0 .4em}
.article-hero .article-feature-image{height:auto;max-height:410px;aspect-ratio:16/6;object-fit:cover}
.article-hero{border-bottom:1px solid rgba(154,116,68,.25);padding-bottom:28px}
.article-sidebar{top:125px}
.article-authorline,.author-identity,.article-action,.article-related a,.article-note{font-family:"Montserrat",Arial,sans-serif}

@media(max-width:1220px){
  .resources .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .resources-head.resources-head-refined{flex-wrap:wrap}
}
@media(max-width:760px){
  .resources .resource-grid{grid-template-columns:1fr;gap:20px}
  .resources .resource-body h3{min-height:0}
  .resources .resource-cover{aspect-ratio:16/8}
  .resources .resource-body{padding:21px 22px 20px}
  .resources-head.resources-head-refined{align-items:flex-start}
  .article-paper{font-size:20px}
  .article-hero .article-feature-image{aspect-ratio:16/9}
}
@media(max-width:500px){
  .resources .resource-body h3{font-size:29px}
  .resources .resource-body .resource-desc{font-size:18px}
  .resources .resource-body .resource-meta{font-size:9px}
  .article-paper{font-size:19px}
}

/* Expandable library for future growth: starts with nine, reveals six more at a time. */
.resource-pagination{display:flex;justify-content:center;margin:40px 0 0}
.resource-pagination[hidden]{display:none}
.more-articles{cursor:pointer;color:var(--ink);background:transparent;border:1px solid var(--line);padding:16px 30px;font:600 11px/1.4 "Montserrat",Arial,sans-serif;letter-spacing:.1em}
.more-articles:hover,.more-articles:focus-visible{background:var(--charcoal);color:var(--paper);border-color:var(--charcoal)}
