/* ─── HERO ─────────────────────────────────── */
.lg-hero {
  background: var(--theme-surface-card);
  padding: 300px 7vw 78px;
  text-align: center;
}

.lg-hero-eyebrow {
  font-family: var(--theme-font-family, 'Jost', sans-serif);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--theme-accent);
  margin: 0 0 22px;
}

.lg-hero-title {
  font-family: var(--theme-font-family-serif, 'Playfair Display', serif);
  font-weight: 400;
  font-size: clamp(2.3rem, 4.8vw, 3.9rem);
  line-height: 1.1;
  color: var(--theme-text);
  margin: 0;
}

.lg-hero-date {
  font-family: var(--theme-font-family, 'Jost', sans-serif);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(42, 33, 24, 0.5);
  margin: 24px 0 0;
}

/* ─── BODY ─────────────────────────────────── */
.lg-body {
  max-width: 760px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 92px) 7vw;
  counter-reset: lg-sec;
}

.lg-intro {
  font-family: var(--theme-font-family-display, 'Cormorant Garamond', serif);
  font-size: clamp(1.16rem, 1.7vw, 1.32rem);
  line-height: 1.68;
  color: rgba(42, 33, 24, 0.74);
  margin: 0 0 44px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--theme-border);
}

/* ─── SECTIONS ─────────────────────────────── */
.lg-section + .lg-section { margin-top: 42px; }

.lg-section h2 {
  display: flex;
  align-items: baseline;
  gap: 14px;
  font-family: var(--theme-font-family-serif, 'Playfair Display', serif);
  font-weight: 400;
  font-size: clamp(1.3rem, 2vw, 1.62rem);
  color: var(--theme-text);
  margin: 0;
}

.lg-section h2::before {
  counter-increment: lg-sec;
  content: counter(lg-sec, decimal-leading-zero);
  font-family: var(--theme-font-family, 'Jost', sans-serif);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: var(--theme-accent);
}

.lg-section p {
  font-family: var(--theme-font-family-display, 'Cormorant Garamond', serif);
  font-size: 1.16rem;
  line-height: 1.68;
  color: rgba(42, 33, 24, 0.78);
  margin: 14px 0 0;
}

.lg-section ul {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
}

.lg-section li {
  position: relative;
  font-family: var(--theme-font-family-display, 'Cormorant Garamond', serif);
  font-size: 1.16rem;
  line-height: 1.6;
  color: rgba(42, 33, 24, 0.78);
  padding-left: 24px;
}

.lg-section li + li { margin-top: 9px; }

.lg-section li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 0.62em;
  width: 6px;
  height: 6px;
  border: 1px solid var(--theme-border);
  transform: rotate(45deg);
}

.lg-section a {
  color: var(--theme-text);
  text-decoration: none;
  border-bottom: 1px solid var(--theme-border);
  transition: color 0.25s ease;
}

.lg-section a:hover { color: var(--theme-primary); }

/* ─── FOOTNOTE ─────────────────────────────── */
.lg-foot {
  margin-top: 52px;
  padding-top: 36px;
  border-top: 1px solid var(--theme-border);
  font-family: var(--theme-font-family-display, 'Cormorant Garamond', serif);
  font-style: italic;
  font-size: 1.12rem;
  line-height: 1.62;
  color: rgba(42, 33, 24, 0.6);
}

/* ─── RESPONSIVE ───────────────────────────── */
@media (max-width: 880px) {
  .lg-hero { padding: 260px 7vw 64px; }
}