/* —— Scroll leaf guide —— */
.leaf-guide {
  position: fixed;
  left: clamp(8px, 2vw, 28px);
  top: 0;
  z-index: 150;
  width: 36px;
  height: 40px;
  pointer-events: none;
  opacity: 0;
  transition: opacity .35s;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.18));
}
.leaf-guide.is-visible { opacity: .9; }
.leaf-guide img { width: 100%; height: auto; }
.leaf-guide.is-on-dark img { filter: brightness(0) invert(1) opacity(.85); }
.leaf-guide.is-on-gold img { filter: none; }
@media (max-width: 900px) {
  .leaf-guide { display: none; }
}

.leaf-break {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 8px 24px;
  background: inherit;
}
.leaf-break::before,
.leaf-break::after {
  content: "";
  height: 1px;
  flex: 1;
  max-width: 160px;
  background: currentColor;
  opacity: .18;
}
.leaf-break img {
  width: 28px;
  height: auto;
  opacity: .55;
}
.leaf-break--dark { color: #fff; background: var(--olive); }
.leaf-break--dark img { filter: brightness(0) invert(1); opacity: .45; }
.leaf-break--cream { color: var(--olive); background: var(--cream); }
.leaf-break--white { color: var(--olive); background: var(--white); }

.eyebrow {
  margin: 0 0 18px;
  font-size: 11px; font-weight: 500;
  letter-spacing: .26em; text-transform: uppercase;
  color: var(--gold);
}
.eyebrow--olive { color: var(--olive-mid); }
.section-title {
  margin: 0 0 18px;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 300; line-height: 1.2; letter-spacing: -.015em;
}
.section-copy {
  margin: 0 0 28px;
  font-size: 16px;
  font-weight: 300; line-height: 1.75;
  max-width: 36em; opacity: .88;
}
.wrap {
  width: min(var(--content-max, 1320px), calc(100% - 48px));
  margin: 0 auto;
}
.chapter {
  position: relative;
  z-index: 4;
  padding: clamp(64px, 10vh, 110px) 0;
}
.chapter--cream { background: var(--cream); color: var(--olive); }
.chapter--white { background: var(--white); color: var(--olive); }
.chapter--olive { background: var(--olive); color: #fff; }
.chapter--grey { background: var(--grey); color: var(--olive); }
.chapter--dark { background: var(--olive-dark); color: #fff; }

.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 54px; padding: 12px 30px;
  font-size: 12px; font-weight: 500; line-height: 1.25;
  letter-spacing: .18em; text-transform: uppercase;
  border: 1px solid transparent;
  border-radius: var(--radius);
  cursor: pointer;
  transition: background .4s ease, color .4s ease, border-color .4s ease, transform .4s cubic-bezier(.22,1,.36,1);
}
.btn:hover { transform: translateY(-2px); }
.btn--gold {
  background: var(--gold);
  color: var(--olive-dark);
  white-space: nowrap;
}
.btn--gold:hover { background: var(--gold-hover); }
.btn--ghost {
  background: transparent;
  color: #fff;
  border-color: rgba(255,255,255,.85);
}
.btn--ghost:hover { background: #fff; color: var(--olive-dark); }
.btn--ghost-dark { background: transparent; color: var(--olive); border-color: var(--olive); }
.btn--ghost-dark:hover { background: var(--olive); color: #fff; }
.cta-row { display: flex; flex-wrap: wrap; gap: 12px; }