/* ============================================================
   SECTION CHROME — Roman numerals & section headers
   ============================================================ */
.section {
  padding: 96px 48px;
  max-width: 1320px;
  margin: 0 auto;
  position: relative;
}
.section-head {
  display: flex;
  align-items: baseline;
  gap: 24px;
  padding-bottom: 20px;
  margin-bottom: 36px;
  border-bottom: 1px solid var(--paper-line);
  position: relative;
  width: 100%;
  max-width: 1320px;
}
.section-head::after {
  content: '';
  position: absolute;
  left: 0; bottom: -1px;
  width: 72px; height: 1px;
  background: var(--antique-gold);
}
.section-numeral {
  font-family: var(--display);
  font-style: italic;
  font-weight: 400;
  font-size: 22px;
  color: var(--antique-gold);
  letter-spacing: 0.02em;
}
.section-label {
  font-family: var(--body);
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--admiralty);
  margin-left: auto;
}