.home-page .hero h1 {
  max-width: 850px;
  font-size: clamp(52px, 6.4vw, 92px);
  line-height: 1;
}
.home-page .hero h1 > span { display: block; }
.home-page .hero-lede { max-width: 570px; text-wrap: pretty; }
@media (min-width: 901px) {
  .home-page .hero::before { background: linear-gradient(90deg, rgba(8,14,11,.94) 0%, rgba(8,14,11,.8) 40%, rgba(8,14,11,.5) 68%, rgba(8,14,11,.06) 100%), linear-gradient(0deg, rgba(11,18,15,.92) 0%, transparent 34%); }
}
.home-page #mechanism { scroll-margin-top: 78px; padding-block: 88px; }
.home-page #mechanism .section-head { margin-bottom: 48px; }
.home-page #mechanism h2 { margin-bottom: 24px; }
.home-page #mechanism .reading-intro .text-link { color: #536537; }
.home-page #mechanism .reading-intro .text-link:hover { color: #334321; }
.home-page .mechanism-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); scroll-margin-top: 110px; }
.home-page .mechanism-card { padding: 32px 40px 36px 0; }
.home-page .mechanism-card + .mechanism-card { padding-left: 40px; }
.foundation-label { color: #647267; font: 500 11px/1.4 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.home-page .mechanism-card h3 { margin: 88px 0 16px; font-size: 42px; }
.home-page .mechanism-card p { max-width: 440px; margin-bottom: 0; line-height: 1.65; }
.home-page .mechanism-card .text-link { margin-top: 28px; color: #536537; }
.home-page .mechanism-card .text-link:hover { color: #334321; }
.foundation-mark { position: absolute; top: 24px; right: 32px; width: 160px; height: 104px; pointer-events: none; overflow: visible; stroke-width: 1.2; stroke-linecap: round; }
.direction-mark { color: #94712e; stroke: currentColor; }
.direction-arc { transform-origin: 144px 52px; stroke-opacity: .65; }
.direction-axis { stroke-opacity: .9; }
.direction-horizon { stroke: #687d6b; stroke-opacity: .5; }
.common-warp { stroke: #4a7e67; stroke-opacity: .85; transform-origin: 80px 52px; }
.common-weft { stroke: #858393; stroke-opacity: .65; transform-origin: 80px 52px; }
@media (prefers-reduced-motion: no-preference) {
  html[data-motion="on"] .foundation-mark :is(.direction-arc, .direction-horizon, .common-warp, .common-weft) { transition: transform 1.1s var(--ease), stroke-opacity 1.1s var(--ease); }
  html[data-motion="on"] .mechanism-card:is(:hover, :focus-within) .direction-arc { transform: scaleY(.55); stroke-opacity: 1; }
  html[data-motion="on"] .mechanism-card:is(:hover, :focus-within) .direction-horizon { stroke-opacity: 1; }
  html[data-motion="on"] .mechanism-card:is(:hover, :focus-within) .common-warp { transform: rotate(8deg); stroke-opacity: 1; }
  html[data-motion="on"] .mechanism-card:is(:hover, :focus-within) .common-weft { transform: rotate(-8deg); stroke-opacity: .85; }
}
.home-organisations { scroll-margin-top: 78px; }
.home-organisations .split-feature { grid-template-columns: 1fr 1fr; }
.home-organisations .kicker { font-size: 12px; }
.home-organisations .feature-image img { aspect-ratio: 1 / 1; }
.home-organisations .feature-copy h2 { margin-bottom: 28px; font-size: clamp(42px, 4.6vw, 66px); line-height: 1.04; }
.home-organisations .text-link { color: #536537; }
.home-organisations .text-link:hover { color: #334321; }
.home-page .home-closing { min-height: 0; padding-block: 96px; }
.home-closing h2 { margin: 0 auto 24px; max-width: 850px; font: 400 clamp(44px, 5.7vw, 76px)/1.05 var(--serif); letter-spacing: -.035em; text-wrap: balance; }
.home-closing .closing-copy { color: #b8c2bb; font-size: 18px; margin-bottom: 34px; }
.home-page .research-band { background: #696685; scroll-margin-top: 78px; }
.about-page .about-hero h1 {
  max-width: 850px;
  font-size: clamp(54px, 6vw, 84px);
  line-height: 1.02;
}
.about-page .about-hero-lede { max-width: 700px; }
.about-page .about-premise .text-link { display: inline-flex; margin-top: 12px; }
.about-name { display: grid; grid-template-columns: .9fr 1.1fr; gap: 9vw; margin-bottom: 80px; padding-bottom: 64px; border-bottom: 1px solid var(--line-dark); scroll-margin-top: 112px; }
.about-name h2 { max-width: 400px; font-size: clamp(40px, 4.2vw, 58px); line-height: 1.05; text-wrap: balance; }
.name-roots { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; margin: 0 0 30px; }
.name-roots > div + div { position: relative; }
.name-roots > div + div::before { content: "+"; position: absolute; left: -26px; top: 3px; color: #8a6c26; font: 400 26px/1 var(--serif); }
.name-roots dt { margin-bottom: 8px; color: #8a6c26; font: 400 36px/1.05 var(--serif); }
.name-roots dd { margin: 0; max-width: 225px; color: #536057; font-size: 14px; line-height: 1.6; }
.name-roots a { text-decoration: underline; text-decoration-color: #9baba0; text-underline-offset: 3px; }
.name-roots a:hover { text-decoration-color: currentColor; }
.about-name > div > p:not(.kicker) { margin: 0; color: #3f4c44; font-size: 18px; line-height: 1.65; }
.about-name strong { font-weight: 500; color: var(--ink); }
.evidence-commons { min-height: 0; scroll-margin-top: 78px; }
.evidence-commons .image-statement-copy {
  padding-top: 88px;
  padding-bottom: 80px;
  padding-right: clamp(32px, 4vw, 64px);
}
.evidence-commons .image-statement-copy h2 {
  font-size: clamp(44px, 4.8vw, 66px);
  line-height: 1.04;
  text-wrap: balance;
  margin-bottom: 24px;
}
.commons-principles { margin: 12px 0 20px; }
.commons-principles > div { padding: 18px 0; border-top: 1px solid var(--line); }
.commons-principles dt { margin-bottom: 5px; color: var(--brass-bright); font-size: 17px; font-weight: 500; }
.commons-principles dd { margin: 0; color: #b8c2bb; font-size: 15px; line-height: 1.6; }
.evidence-commons .editorial-visual figcaption {
  font: 400 14px/1.5 var(--sans);
  letter-spacing: normal;
  text-transform: none;
  text-wrap: pretty;
}
@media (max-width: 1000px) {
  .about-name { grid-template-columns: 1fr; gap: 32px; }
  .about-name > div:last-child { max-width: 650px; }
  .evidence-commons { grid-template-columns: 1fr; }
  .evidence-commons .image-statement-copy { padding: 72px 28px 56px; }
  .evidence-commons .editorial-visual { min-height: 0; aspect-ratio: 16 / 9; }
  .evidence-commons .editorial-visual img { object-position: center; }
  .evidence-commons .editorial-visual::after { background: linear-gradient(0deg, rgba(11,18,15,.85), transparent 45%); }
}
@media (max-width: 900px) {
  .home-page .mechanism-grid { grid-template-columns: 1fr; }
  .home-page .mechanism-card + .mechanism-card { padding-left: 0; border-left: 0; }
  .home-organisations .split-feature { grid-template-columns: 1fr; gap: 44px; }
  .home-organisations .feature-copy { order: -1; }
  .home-organisations .feature-image { max-width: 620px; }
}
@media (max-width: 600px) {
  .about-name { margin-bottom: 56px; padding-bottom: 44px; gap: 24px; }
  .name-roots { gap: 28px; margin-bottom: 24px; }
  .name-roots > div + div::before { left: -21px; }
  .name-roots dt { font-size: 32px; }
  .about-name > div > p:not(.kicker) { font-size: 17px; }
  .home-page .hero { align-items: start; }
  .home-page .hero-content { padding-top: clamp(136px, 18svh, 176px); padding-bottom: 88px; }
  .home-page .hero h1 { font-size: clamp(36px, 11.8vw, 62px); line-height: 1.04; margin-bottom: 28px; }
  .home-page .hero-lede { max-width: 32ch; color: #d1d8d2; line-height: 1.55; margin-bottom: 28px; }
  .home-page .hero::before { background: linear-gradient(180deg, rgba(8,14,11,.95) 0%, rgba(8,14,11,.86) 60%, rgba(8,14,11,.64) 80%, rgba(8,14,11,.25) 100%), linear-gradient(90deg, rgba(8,14,11,.35), transparent); }
  .home-page .hero-image { opacity: .9; object-position: 62% center; }
  .home-page .mechanism-card { padding: 26px 0 32px; }
  .home-page .mechanism-card h3 { margin-top: 84px; font-size: 36px; }
  .foundation-mark { width: 132px; height: 86px; right: 0; top: 18px; }
  .home-page .home-closing { padding: 72px 20px; }
  .home-organisations .feature-image img { aspect-ratio: 4 / 3; }
  .about-page .about-hero h1 { font-size: clamp(36px, 10.8vw, 60px); }
  .evidence-commons .image-statement-copy { padding: 64px 20px 44px; }
  .evidence-commons .image-statement-copy h2 { font-size: clamp(38px, 10.4vw, 52px); }
  .evidence-commons .image-statement-copy p:not(.eyebrow) { font-size: 17px; }
  .evidence-commons .editorial-visual { aspect-ratio: 4 / 3; }
}
