/* /css/subpage-typography.css — V4 rulebook-compliant
   Applied to all sub-pages in all 5 languages.
   R44: Migrated from Helvetica Neue → Manrope/Inter Tight per WEEKENDS Font Rulebook v1.0.
   Allowed families ONLY: Manrope (display), Instrument Serif italic (editorial), Inter Tight (body), JetBrains Mono (technical). */

.subpage h1 {
  font-family: "Manrope", "Söhne", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(2.5rem, 6vw, 4rem);
  line-height: 1.05; text-transform: uppercase; color: #000;
  margin: 0 0 32px; font-weight: 700;
  letter-spacing: -0.04em;
}
.subpage h2 {
  font-family: "Manrope", "Söhne", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.1; text-transform: uppercase; color: #000;
  margin: 0 0 24px; font-weight: 700;
  letter-spacing: -0.03em;
}
.subpage h3 {
  font-family: "Manrope", "Söhne", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(1.125rem, 1.5vw, 1.25rem);
  line-height: 1.2; letter-spacing: 0.02em;
  text-transform: uppercase; color: #000;
  margin: 0 0 16px; font-weight: 600;
}
.subpage p, .subpage li, .subpage td {
  font-family: "Inter Tight", "Manrope", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;
  font-weight: 400; font-size: 1rem; line-height: 1.5; color: #000;
}
.subpage p { max-width: 65ch; }
.subpage .lead { font-size: clamp(1.125rem, 1.5vw, 1.25rem); line-height: 1.5; }
.subpage .eyebrow {
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
  font-size: 0.75rem; font-weight: 600; letter-spacing: 0.32em;
  text-transform: uppercase; color: #8B8580;
}
/* Rulebook: italic only via <em> in body, never in eyebrows/buttons/nav */
.subpage em, .subpage i {
  font-family: "Instrument Serif", "Lora", ui-serif, Georgia, serif;
  font-style: italic; font-weight: 400; text-transform: none;
}

/* Per-language tuning */
html[lang="tr"] .subpage h1 { word-spacing: 0.02em; }
html[lang="de"] .subpage p { max-width: 75ch; }
html[lang="ru"] .subpage h1,
html[lang="ru"] .subpage h2,
html[lang="ru"] .subpage h3 { letter-spacing: -0.02em; }

/* === V3 micro-shelf (Photo) === */
.v3-photo-shelf {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 64px; padding:48px 32px 64px;
  max-width: 1280px; margin: 0 auto;
  background: transparent;
}
.v3-photo-shelf article { color: #000; }
.v3-photo-shelf h3 {
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(1.125rem, 1.5vw, 1.25rem);
  font-weight: 700; letter-spacing: 0.04em;
  text-transform: uppercase; color: #000;
  margin: 0 0 16px;
}
.v3-photo-shelf p {
  font-family: "Inter Tight", "Manrope", ui-sans-serif, system-ui, sans-serif;
  font-weight: 400; font-size: 1rem; line-height: 1.5;
  color: #000; margin: 0; max-width: 65ch;
}
@media (max-width: 768px) {
  .v3-photo-shelf { grid-template-columns: 1fr; gap: 48px; padding: 72px 24px 48px; }
}

/* === V3 truth definitions (Retouch) === */
.v3-truth-definitions {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 64px; padding: 64px 32px 96px;
  max-width: 1280px; margin: 0 auto;
  background: transparent;
}
.v3-truth-definitions article { color: #000; }
.v3-truth-definitions h3 {
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(1.125rem, 1.5vw, 1.25rem);
  font-weight: 700; letter-spacing: 0.04em;
  text-transform: uppercase; color: #000;
  margin: 0 0 16px;
}
.v3-truth-definitions p {
  font-family: "Inter Tight", "Manrope", ui-sans-serif, system-ui, sans-serif;
  font-weight: 400; font-size: 1rem; line-height: 1.5;
  color: #000; margin: 0; max-width: 65ch;
}
@media (max-width: 768px) {
  .v3-truth-definitions { grid-template-columns: 1fr; gap: 48px; padding: 48px 24px 72px; }
}
html[lang="de"] .v3-truth-definitions p { max-width: 75ch; }

/* === V3 Content+ Ingest diagram (AI page) === */
.v3-ingest-diagram {
  width: 100%; max-width: 1600px; margin: 96px auto 0;
  padding: 0 32px; background: transparent;
}
.v3-ingest-diagram picture, .v3-ingest-diagram img {
  display: block; width: 100%; height: auto;
}
.v3-ingest-caption {
  font-family: "Inter Tight", "Manrope", ui-sans-serif, system-ui, sans-serif;
  font-size: 1rem; line-height: 1.5; color: #000;
  text-align: center; max-width: 640px;
  margin: 32px auto 96px; padding: 0 24px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .v3-ingest-diagram { margin: 64px auto 0; padding: 0 24px; }
  .v3-ingest-caption { margin: 24px auto 64px; }
}