/* The Formation Year — an editorial spread, print register (C2). */

.year-main { max-width: var(--reading-width); padding-top: var(--space-48); }

.year-hero { margin-bottom: var(--space-48); }
.year-kicker {
  font-family: var(--sans);
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--accent);
  margin: 0 0 var(--space-12);
}
.year-headline {
  font-family: var(--serif-display);
  font-weight: 400;
  font-size: var(--text-4xl);
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin: 0 0 var(--space-12);
  font-variation-settings: "opsz" 96;
}
.year-headline em { font-style: italic; color: var(--accent); }
.year-sub {
  font-family: var(--serif-body);
  font-size: var(--text-lg);
  color: var(--ink-muted);
  margin: 0;
  max-width: 56ch;
}

.year-numbers {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-24);
  padding: var(--space-32) 0;
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  margin-bottom: var(--space-48);
}
.year-stat { display: flex; flex-direction: column; gap: var(--space-8); }
.year-stat-number {
  font-family: var(--serif-display);
  font-size: var(--text-3xl);
  font-feature-settings: "tnum";
  line-height: 1;
}
.year-stat-label {
  font-family: var(--sans);
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--ink-faint);
}

.year-section { margin-bottom: var(--space-48); }
.year-section-label {
  font-family: var(--sans);
  font-size: var(--text-sm);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--ink-muted);
  margin: 0 0 var(--space-16);
}

.year-lines, .year-carried { display: flex; flex-direction: column; gap: var(--space-16); }
.year-quote {
  border-left: 2px solid var(--hairline);
  padding-left: var(--space-16);
  margin: 0;
  font-family: var(--serif-body);
  font-style: italic;
  font-size: var(--text-lg);
  color: var(--ink);
}
.year-quote cite {
  display: block;
  font-family: var(--sans);
  font-style: normal;
  font-size: var(--text-xs);
  color: var(--ink-faint);
  margin-top: var(--space-8);
}
.year-carried-petition {
  font-family: var(--serif-body);
  font-size: var(--text-lg);
  margin: 0 0 var(--space-8);
}
.year-arc {
  font-family: var(--sans);
  font-size: var(--text-sm);
  color: var(--ink-muted);
  margin: 0;
}

@media (max-width: 640px) {
  .year-numbers { grid-template-columns: repeat(2, 1fr); }
  .year-headline { font-size: var(--text-3xl); }
}