/* A concise homepage, not smaller typography or a second content archive.
   Page-scoped layout only; chapter colours live in crg-theme-system.css. */
.crg-home-story .crg-home-stage__frame { min-height: min(680px, calc(100svh - 150px)); }
.crg-home-story .crg-home-stage__inner { padding-block: clamp(48px, 5vw, 72px); }
.crg-home-story .crg-home-stage__lead { max-width: 51ch; }
.crg-home-story .crg-home-research { padding-block: clamp(48px, 5vw, 72px); }
.crg-home-story .crg-content-heading {
  display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap;
  gap: 16px 32px; margin-bottom: 32px;
}
.crg-home-story .crg-content-heading h2 {
  margin: 0; font-size: clamp(2rem, 3.8vw, 3.6rem); line-height: 1.14; letter-spacing: -.035em;
}
.crg-home-story .crg-home-research__period { margin: 0; font-size: 1rem; color: var(--crg-ink-soft); }
.crg-home-story .crg-research-study figure { aspect-ratio: 16 / 9; }
.crg-home-story .crg-research-study a { gap: 20px; }
.crg-home-story .crg-research-study__copy .crg-research-study__area { padding-top: 0; margin: 0 0 12px; }
.crg-home-story .crg-home-community { padding-block: clamp(48px, 5vw, 72px); }
.crg-home-story .crg-home-community__lead { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); }
.crg-home-story .crg-home-community__lead figure img { display: block; aspect-ratio: 16 / 9; }
.crg-home-story .crg-home-community__lead p { margin-block: 20px; max-width: 55ch; }
.crg-home-story .crg-home-community__paths { margin-top: 16px; gap: 4px 24px; }
.crg-home-story .crg-home-community__paths a { font-size: 1rem; }
.crg-home-story .crg-institution-network { margin-top: 40px; padding-top: 24px; }
.crg-home-story .crg-institution-network__group { grid-template-columns: 180px minmax(0, 1fr); padding-block: 8px 24px; gap: 24px; }
.crg-home-story .crg-institution-network__group + .crg-institution-network__group { padding-block: 24px 0; }
.crg-home-story .crg-institution-network figure { gap: 12px; }
.crg-home-story .crg-institution-network__mark { height: 76px; }
.crg-home-story .crg-institution-network img { max-height: 72px; }
.crg-home-story .crg-institution-network figcaption { font-size: .875rem; }
.crg-home-story .crg-home-flagships { padding-block: 32px 0; }
.crg-home-story .crg-home-flagships__heading { display: block; border-top: 1px solid var(--crg-line); padding-top: 28px; margin-bottom: 24px; }
.crg-home-story .crg-home-flagships__heading h3 { margin: 0; font-size: 1.25rem; line-height: 1.35; color: inherit; }
.crg-home-story .crg-home-flagships__collection { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.crg-home-story .crg-home-flagships__project { display: block; padding: 0; border: 0; min-width: 0; }
.crg-home-story .crg-home-flagships__visual { height: 110px; margin: 0 0 16px; }
.crg-home-story .crg-home-flagships__visual--logo { background: transparent; padding: 6px 20px; }
.crg-home-story .crg-home-flagships__visual--logo img { max-width: 210px; max-height: 98px; }
.crg-home-story .crg-home-flagships__copy h4 { margin: 0; font-size: 1.25rem; line-height: 1.35; }
.crg-home-story .crg-home-flagships a.crg-home-flagships__link { display: flex; justify-content: flex-start; font-size: inherit; line-height: inherit; gap: 12px; }
.crg-home-story .crg-home-flagships__description { margin: 8px 0 0; font-size: 1rem; line-height: 1.55; }
.crg-home-story .crg-home-latest { padding-block: clamp(48px, 5vw, 72px); }
.crg-home-story .crg-home-latest__head { margin-bottom: 32px; }
.crg-home-story .crg-home-latest__grid { gap: clamp(32px, 5vw, 72px); }
.crg-home-story .crg-home-latest__feature figure { margin-bottom: 20px; }
.crg-home-story .crg-home-latest__feature img { display: block; aspect-ratio: 2 / 1; }
.crg-home-story .crg-home-latest__feature h3 { font-size: clamp(1.5rem, 2.1vw, 2rem); margin-block: 12px; }
.crg-home-story .crg-home-latest__stories a, .crg-home-story .crg-home-latest__agenda li a { padding-block: 18px; }
.crg-home-story .crg-home-latest__reading { margin-top: 28px; padding-top: 24px; }
/* Distinguish the end of the story from navigation, without a new navy shade. */
.home .crg-footer { border-top: 1px solid color-mix(in oklch, var(--crg-paper) 25%, transparent); }
@media (max-width: 1000px) {
  .crg-home-story .crg-institution-network__group { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (max-width: 900px) {
  .crg-home-story .crg-home-community__lead { grid-template-columns: minmax(0, 1fr); }
  .crg-home-story .crg-home-community__lead figure { max-width: 640px; }
}
@media (max-width: 700px) {
  .crg-home-story .crg-research-studies { gap: 28px; }
  .crg-home-story .crg-home-flagships__collection { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .crg-home-story .crg-home-flagships__project { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 20px; align-items: start; }
  .crg-home-story .crg-home-flagships__project + .crg-home-flagships__project { border-top: 1px solid var(--crg-line); padding-top: 24px; }
  .crg-home-story .crg-home-flagships__visual { height: 100px; margin: 0; }
  .crg-home-story .crg-home-flagships__visual--logo { padding: 6px 0; }
  .crg-home-story .crg-home-flagships__visual--place { height: auto; overflow: visible; background: transparent; }
  .crg-home-story .crg-home-flagships__visual--place img { height: 80px; }
  .crg-home-story .crg-home-flagships__visual figcaption { position: static; padding: 6px 0; background: transparent; color: inherit; font-size: .75rem; }
  .crg-home-story .crg-institution-network ul, .crg-home-story .crg-institution-network__group--collaborators ul { gap: 24px 20px; }
}
@media (max-width: 360px) {
  .crg-home-story .crg-home-flagships__project { grid-template-columns: 86px minmax(0, 1fr); gap: 14px; }
}