/* Halaman statis: cerita, bantuan, komunitas.

   Sengaja tipis. Tidak ada nilai baru sama sekali, semuanya token yang
   sudah ada, karena halaman ini cuma kolom baca. Kalau nanti butuh
   sesuatu yang lebih dari ini, kemungkinan besar dia bukan halaman
   statis lagi dan pantas punya berkas sendiri. */

.section-static {
  padding-block: 6.4rem 8rem;
}

.section-static__head {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  max-width: calc(10 * var(--col) + 9 * var(--gutter));
  margin-bottom: 4.8rem;
}

.section-static__eyebrow {
  color: var(--blue);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.section-static__lede {
  color: var(--black-muted);
}

.section-static__body {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  max-width: calc(12 * var(--col) + 11 * var(--gutter));
}

.section-static__block {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.section-static__block p {
  color: var(--black-muted);
}

.section-static__media {
  margin-block: 1.6rem;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-card);
  overflow: clip;
}

@media (min-width: 1024px) {
  .section-static {
    padding-block: 8rem 12rem;
  }
  .section-static__head {
    max-width: calc(14 * var(--col) + 13 * var(--gutter));
  }
  .section-static__body {
    max-width: calc(16 * var(--col) + 15 * var(--gutter));
  }
}