/* ───────────────────────────────────────────────────────────────────────────
   Caviar Maison — Homepage variant "Home 2" (minimal). More whitespace, fewer
   sections, centred editorial rhythm.
   ─────────────────────────────────────────────────────────────────────────── */

/* ── Hero — type only, centred, generous whitespace ───────────────────────── */
.m-h2-hero { position: relative; background: var(--bg); padding: 140px var(--gutter) 0; }
.m-h2-hero__sheen {
  position: absolute; inset: 0 0 auto 0; height: 70%; pointer-events: none;
  background: radial-gradient(ellipse 70% 80% at 50% 0%, rgba(201, 162, 99, .10), transparent 70%);
}
.m-h2-hero__intro { position: relative; max-width: 760px; margin: 0 auto; text-align: center; }
.m-h2-hero__title {
  font-family: var(--serif); font-weight: 400; color: var(--ivory);
  font-size: var(--display-xl); line-height: 1.0; letter-spacing: -.01em;
  margin: 28px 0 0;
}
.m-h2-hero__lede {
  font-family: var(--serif); font-style: italic; color: var(--mute);
  font-size: 22px; line-height: 1.6; max-width: 540px; margin: 32px auto 40px; font-weight: 300;
}
.m-h2-hero__divider { width: 1px; height: 88px; margin: 96px auto 0; background: linear-gradient(var(--line), transparent); }

/* ── Statement — one quiet line ───────────────────────────────────────────── */
.m-h2-statement { padding: 140px var(--gutter); text-align: center; }
.m-h2-statement__text {
  font-family: var(--serif); font-weight: 300; color: var(--ivory);
  font-size: var(--display-s); line-height: 1.25; margin: 0 auto; max-width: 900px; letter-spacing: -.01em;
}

/* ── Collection — three tins, generous gaps ───────────────────────────────── */
.m-h2-collection { padding: 0 var(--gutter) 140px; }
.m-h2-collection__head { max-width: var(--content-max); margin: 0 auto 56px; text-align: center; }
.m-h2-collection__title { font-family: var(--serif); font-weight: 400; font-size: var(--display-m); color: var(--ivory); margin: 0; }
.m-h2-collection__grid { max-width: var(--content-max); margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.m-h2-collection__grid .m-card__media img { height: 340px; }
.m-h2-collection__more { text-align: center; margin-top: 56px; }

/* ── Quiet concierge CTA ──────────────────────────────────────────────────── */
.m-h2-cta { background: var(--bg-2); border-top: 1px solid var(--line); padding: 120px var(--gutter); text-align: center; }
.m-h2-cta__title { font-family: var(--serif); font-weight: 400; font-size: var(--display-s); color: var(--ivory); margin: 16px 0 0; }
.m-h2-cta__body { font-family: var(--serif); font-style: italic; font-size: 19px; color: var(--mute); max-width: 520px; margin: 18px auto 36px; line-height: 1.6; }

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 1080px) {
  .m-h2-collection__grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }
}
@media (max-width: 900px) {
  .m-h2-hero { padding-top: 80px; }
  .m-h2-hero__divider { margin-top: 64px; height: 64px; }
  .m-h2-statement { padding: 96px var(--gutter); }
  .m-h2-collection__grid { grid-template-columns: 1fr; gap: 28px; max-width: 460px; }
  .m-h2-collection__grid .m-card__media img { height: 320px; }
  .m-h2-cta { padding: 88px var(--gutter); }
}