/* ISAEV — Стили для контентных страниц (about, ritual, журнал-статьи) */

.page-hero {
  padding: 140px var(--gutter) clamp(64px, 10vw, 110px);
  text-align: center;
  background: var(--white);
  border-bottom: 1px solid var(--divider);
}
.page-hero .ph-eyebrow {
  font-size: 12px; font-weight: 500;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--blue); margin-bottom: 20px;
}
.page-hero h1 {
  font-family: var(--font-serif);
  font-weight: 300;
  font-size: clamp(44px, 7vw, 88px);
  line-height: 1.05;
  color: var(--black);
  max-width: var(--container-narrow);
  margin: 0 auto 24px;
}
.page-hero h1 em { font-style: italic; color: var(--blue); }
.page-hero .ph-lede {
  font-size: 19px; font-weight: 300;
  color: var(--gray);
  max-width: 540px;
  margin: 0 auto;
  line-height: 1.65;
}

/* ─── Page sections (used by about/ritual) ─── */
.page-section {
  padding: var(--section-pad-y) var(--gutter);
  border-bottom: 1px solid var(--divider);
}
.page-section--linen { background: var(--isaev-linen); }
.page-section--white { background: #fff; }
.page-section--dark  {
  background: var(--isaev-dark);
  color: rgba(255,255,255,.85);
  border-bottom-color: rgba(255,255,255,.06);
}

.page-section h2 {
  font-family: var(--font-serif);
  font-weight: 300;
  font-size: clamp(32px, 5vw, 56px);
  line-height: 1.2;
  color: var(--black);
  max-width: var(--container-narrow);
  margin: 0 auto 28px;
  text-align: center;
}
.page-section--dark h2 { color: #fff; }
.page-section h2 em { font-style: italic; color: var(--blue); }
.page-section--dark h2 em { color: #a8c4f0; }

.page-section .lede {
  font-size: 18px; font-weight: 300;
  color: var(--gray); line-height: 1.75;
  max-width: var(--container-text);
  margin: 0 auto 32px;
  text-align: center;
}
.page-section--dark .lede { color: rgba(255,255,255,.6); }

.prose {
  max-width: var(--container-text);
  margin: 0 auto;
  font-size: 17px; font-weight: 300;
  color: var(--gray);
  line-height: 1.85;
}
.prose p { margin-bottom: 1.4em; }
.prose p:last-child { margin-bottom: 0; }
.prose h3 {
  font-family: var(--font-serif);
  font-weight: 300; font-size: 28px;
  color: var(--black);
  margin: 2.2em 0 .8em;
  line-height: 1.3;
}
.prose h3:first-child { margin-top: 0; }
.prose blockquote {
  font-family: var(--font-serif);
  font-style: italic; font-weight: 300;
  font-size: clamp(22px, 2.6vw, 30px);
  color: var(--black);
  border-left: 2px solid var(--blue);
  padding: 4px 0 4px 28px;
  margin: 2em 0;
  line-height: 1.45;
}
.prose a {
  color: var(--blue);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  transition: color var(--dur-fast);
}
.prose a:hover { color: var(--blue-dark); }
.prose ul, .prose ol {
  margin: 0 0 1.4em 1.4em;
}
.prose li { margin-bottom: .6em; }
.prose strong { font-weight: 500; color: var(--black); }
.page-section--dark .prose { color: rgba(255,255,255,.7); }
.page-section--dark .prose h3 { color: #fff; }
.page-section--dark .prose strong { color: #fff; }

/* ─── Values grid (about) ─── */
.values-grid {
  display: grid; grid-template-columns: repeat(5, 1fr);
  gap: 0;
  max-width: var(--container);
  margin: 56px auto 0;
  border: 1px solid var(--divider);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.value-card {
  padding: 44px 28px;
  text-align: center;
  border-right: 1px solid var(--divider);
}
.value-card:last-child { border-right: none; }
.value-card .v-num {
  font-family: var(--font-serif);
  font-style: italic; font-weight: 300;
  font-size: 32px; color: var(--blue);
  margin-bottom: 16px;
}
.value-card h4 {
  font-family: var(--font-serif);
  font-weight: 300; font-size: 22px;
  color: var(--black);
  margin-bottom: 12px;
}
.value-card p {
  font-size: 14px; font-weight: 300;
  color: var(--gray); line-height: 1.65;
}
@media (max-width: 980px) {
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .value-card { border-right: 1px solid var(--divider); border-bottom: 1px solid var(--divider); }
  .value-card:nth-child(2n) { border-right: none; }
  .value-card:nth-last-child(-n+2) { border-bottom: none; }
}
@media (max-width: 600px) {
  .values-grid { grid-template-columns: 1fr; }
  .value-card { border-right: none; border-bottom: 1px solid var(--divider); }
  .value-card:last-child { border-bottom: none; }
}

/* ─── Article-specific ─── */
.article-meta {
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--gray-light);
  margin-bottom: 16px;
}
.article-meta time { color: var(--gray); }
.article-body {
  padding: 80px var(--gutter) var(--section-pad-y);
}
.article-related {
  background: var(--isaev-fog);
  padding: var(--section-pad-y) var(--gutter);
  border-top: 1px solid var(--divider);
}

/* ─── Journal listing ─── */
.journal-listing {
  padding: var(--section-pad-y) var(--gutter);
  background: var(--white);
}
.journal-list {
  max-width: var(--container-narrow);
  margin: 56px auto 0;
  display: flex; flex-direction: column;
  gap: 0;
}
.journal-row {
  display: grid; grid-template-columns: 200px 1fr;
  gap: 48px;
  padding: 36px 0;
  border-top: 1px solid var(--divider);
  text-decoration: none;
  transition: background var(--dur-fast);
  align-items: baseline;
}
.journal-row:hover { background: rgba(59,109,200,.02); }
.journal-row:last-child { border-bottom: 1px solid var(--divider); }
.journal-row .jr-meta {
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--gray-light);
}
.journal-row .jr-meta strong {
  display: block;
  color: var(--blue);
  font-weight: 500;
  margin-bottom: 6px;
}
.journal-row h3 {
  font-family: var(--font-serif);
  font-weight: 300;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.3;
  color: var(--black);
  margin-bottom: 12px;
  transition: color var(--dur-fast);
}
.journal-row:hover h3 { color: var(--blue); }
.journal-row p {
  font-size: 15px; font-weight: 300;
  color: var(--gray); line-height: 1.65;
}
@media (max-width: 720px) {
  .journal-row { grid-template-columns: 1fr; gap: 14px; padding: 28px 0; }
}