:root{
  --cream:#f2efe6;
  --cream-2:#ece7d9;
  --ink:#211f1a;
  --ink-soft:#4a4740;
  --line:#cfc9b8;
  --green:#2f3b2c;
  --green-dark:#232c20;
  --serif:'Cormorant Garamond', Georgia, serif;
  --sans:'Jost', sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
hr{border:none;border-top:1px solid var(--line);margin:24px 0;}

.topbar{
  background:#e8e3d5;
  font-size:11px;
  letter-spacing:.14em;
  text-align:right;
  padding:8px 40px;
  color:var(--ink-soft);
  border-bottom:1px solid var(--line);
}

.site-header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 40px;
  background:rgba(242,239,230,.92);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
}
.primary-nav{display:flex;gap:28px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;}
.primary-nav a{position:relative;padding-bottom:4px;}
.primary-nav a:hover{color:var(--green);}
.brand{font-family:var(--serif);font-size:22px;font-weight:600;}
.header-links{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);}
.header-links a:hover{color:var(--green);}
.divider{color:var(--line);}
.dot{color:var(--line);}

main{max-width:1200px;margin:0 auto;padding:0 40px;}

.rule-line{border-top:1px solid var(--line);padding-top:14px;margin:36px 0 0;}
.rule-line span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);}
.rule-line.solo{padding-top:0;margin-top:6px;}

.section-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 8px;}
.section-label.center{text-align:center;}

.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start;margin-top:34px;}
.eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:18px;}
.eyebrow .dash{color:var(--green);margin-right:6px;}
h1{font-family:var(--serif);font-weight:600;font-size:56px;line-height:1.08;margin:0 0 24px;letter-spacing:-.01em;}
.lede{font-size:17px;line-height:1.65;color:var(--ink-soft);max-width:52ch;margin-bottom:32px;}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;}
.btn{display:inline-block;padding:14px 26px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;transition:all .25s ease;}
.btn-solid{background:var(--green);color:#f2efe6;}
.btn-solid:hover{background:var(--green-dark);}
.btn-line{border:1px solid var(--ink);}
.btn-line:hover{background:var(--ink);color:var(--cream);}

.hero-image{margin:0;}
.hero-image img,.hero-image-2 img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.hero-image figcaption,.hero-image-2 figcaption{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:10px;}
.hero-image-2{margin-top:40px;}

.paths-row{margin-top:64px;}
.paths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);}
.path-card{padding:24px 20px 24px 0;border-bottom:1px solid var(--line);}
.path-card:not(:last-child){border-right:1px solid var(--line);padding-right:24px;}
.path-card h3{font-family:var(--serif);font-size:20px;margin:0 0 8px;font-weight:600;}
.path-card:hover h3{text-decoration:underline;text-underline-offset:4px;}
.path-card p{font-size:13.5px;color:var(--ink-soft);margin:0;line-height:1.5;}

.related-sources{margin-top:56px;padding-bottom:56px;}
.sources-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--line);padding-top:20px;}
.sources-grid a{display:flex;flex-direction:column;gap:4px;}
.sources-grid span{font-family:var(--serif);font-size:17px;font-weight:600;}
.sources-grid a:hover span{text-decoration:underline;text-underline-offset:4px;}
.sources-grid small{font-size:12px;color:var(--ink-soft);}

.strip-caption{text-align:center;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);
  padding:20px 0;margin:0;background:var(--cream-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}

.leadership{padding:64px 0;}
.section-heading-row{display:flex;justify-content:space-between;}
.leadership h2{font-family:var(--serif);font-size:38px;font-weight:600;margin:14px 0 56px;}

.feature{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin-bottom:80px;}
.feature.reverse .feature-copy{order:-1;}
.feature figure{margin:0;}
.feature img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.feature figcaption{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-soft);margin-top:10px;gap:12px;}
.tag{display:inline-block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);padding:5px 12px;margin-bottom:18px;color:var(--ink-soft);}
.feature-copy h3{font-family:var(--serif);font-size:28px;line-height:1.25;font-weight:600;margin:0 0 16px;}
.feature-copy p{font-size:15px;line-height:1.7;color:var(--ink-soft);}
.references-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:12px;}
.references{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.references a{font-size:14.5px;}
.references a:hover{text-decoration:underline;text-underline-offset:4px;}

.resources{background:var(--cream-2);padding:80px 40px;margin:0 -40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.resources h2{font-family:var(--serif);font-size:36px;text-align:center;margin:14px 0 12px;}
.center{text-align:center;}
.intro{max-width:56ch;margin:0 auto 48px;color:var(--ink-soft);}

.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto;}
.resource-card{background:var(--cream);border:1px solid var(--line);padding:28px 24px;display:flex;flex-direction:column;min-height:100%;}
.resource-card h3{font-family:var(--serif);font-size:19px;font-weight:600;margin:0 0 12px;line-height:1.3;}
.resource-card>p{font-size:13.5px;line-height:1.6;color:var(--ink-soft);margin-bottom:20px;}
.resource-links{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:0;flex:1;}
.resource-links li{border-top:1px solid var(--line);padding:12px 0;}
.resource-links a{display:flex;justify-content:space-between;font-size:14px;}
.resource-links a:hover{color:var(--green);}
.index{font-size:12px;color:var(--ink-soft);margin:0;}
.footnote{margin-top:40px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);}

.site-footer{padding:72px 40px 0;margin:0 -40px;}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;}
.site-footer h2{font-family:var(--serif);font-size:30px;font-weight:600;margin:12px 0 14px;}
.site-footer p{font-size:14px;line-height:1.6;color:var(--ink-soft);}
.mail{display:inline-block;font-size:15px;margin-top:6px;text-decoration:underline;text-underline-offset:4px;}
.subscribe{display:flex;gap:0;margin-top:16px;}
.subscribe input{flex:1;padding:14px 16px;border:1px solid var(--line);background:var(--cream);font-family:var(--sans);font-size:14px;}
.subscribe button{padding:14px 20px;background:var(--green);color:#f2efe6;border:none;font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;}
.subscribe button:hover{background:var(--green-dark);}

.footer-nav,.footer-links{list-style:none;padding:0;margin:0 0 32px;}
.footer-nav li,.footer-links li{border-top:1px solid var(--line);}
.footer-nav a,.footer-links a{display:flex;justify-content:space-between;padding:12px 0;font-size:14px;}
.footer-nav a:hover,.footer-links a:hover{color:var(--green);}
.muted{color:var(--ink-soft);}

.footer-base{max-width:1200px;margin:40px auto 0;padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft);}

@media(max-width:900px){
  .topbar{display:none;}
  .site-header{flex-direction:column;gap:14px;padding:16px 20px;align-items:flex-start;}
  .primary-nav{order:2;flex-wrap:wrap;gap:16px;}
  main{padding:0 20px;}
  .hero-grid{grid-template-columns:1fr;gap:32px;}
  h1{font-size:36px;}
  .paths-grid{grid-template-columns:1fr;}
  .path-card{border-right:none !important;}
  .sources-grid{grid-template-columns:1fr 1fr;}
  .feature{grid-template-columns:1fr;gap:24px;}
  .feature.reverse .feature-copy{order:0;}
  .resources{padding:56px 20px;margin:0 -20px;}
  .resource-grid{grid-template-columns:1fr 1fr;}
  .site-footer{padding:56px 20px 0;margin:0 -20px;}
  .footer-grid{grid-template-columns:1fr;gap:40px;}
  .footer-base{flex-direction:column;gap:8px;}
}
@media(max-width:560px){
  .resource-grid{grid-template-columns:1fr;}
}