/* ============================================================
   01Academy · Layout
   Applied AI for Business — Off-white / Graphite / Lime
   ============================================================ */

/* --- Page & Container --- */
.wrap {
  width: 100%;
  max-width: var(--page-max-width);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

/* --- Sections --- */
.section {
  padding-block: var(--section-gap);
  position: relative;
  border-bottom: 1px solid transparent;
}

/* --- Section Heading --- */
.sec-head {
  max-width: 840px;
  margin-bottom: var(--spacing-56);
}

.sec-head--center {
  margin-inline: auto;
  text-align: center;
}

.sec-head h2 {
  font-size: var(--fs-h2);
  margin-bottom: var(--spacing-20);
  color: var(--ink);
  line-height: 1.08;
  letter-spacing: -0.015em;
}

.sec-head p {
  font-size: var(--text-body);
  color: var(--ink-2);
  max-width: 580px;
  line-height: var(--lh-body);
}

.sec-head--center p {
  margin-inline: auto;
}

@media (max-width: 768px) {
  .section {
    padding-block: var(--spacing-64);
  }
}