/**
 * Shared landing-page hero rhythm.
 *
 * These semantic classes are also available in Tatsu's Advanced > CSS Classes
 * field so editors can reuse the approved eyebrow and spacing treatment
 * without adding inline styles.
 */

.merrick-shared-hero--landing {
  padding: 56px 0 68px !important;
}

/* Tatsu resets full-width rows to margin: 0; keep page shell rows centered. */
.merrick-shared-hero--landing .tatsu-row.merrick-whats-new-shell,
.merrick-shared-hero--landing .tatsu-row.merrick-events-shell,
.merrick-shared-hero--landing .tatsu-row.merrick-highlights-shell,
.merrick-shared-hero--landing .tatsu-row.merrick-newsletter-shell {
  margin-inline: auto !important;
}

/* Template labels are laid out as named fields in Tatsu, not on the live page. */
.merrick-template-copy-source {
  display: none !important;
}

body.tatsu-frame .merrick-template-copy-source {
  display: block !important;
  padding: 40px 0 !important;
  background: #f6f4fb !important;
}

body.tatsu-frame .merrick-template-copy-source .merrick-template-copy-label p {
  margin: 0 !important;
  font-weight: 700 !important;
}

.merrick-shared-eyebrow,
.merrick-shared-eyebrow p {
  margin: 0 0 12px !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
}

h1.merrick-shared-hero-title {
  margin: 0 0 18px !important;
}

.merrick-shared-hero-title.tatsu-text-block-wrap {
  margin-bottom: 18px !important;
}

.merrick-shared-hero-title h1,
.merrick-shared-hero-intro p {
  margin: 0 !important;
}

@media (max-width: 767px) {
  .merrick-shared-hero--landing {
    padding: 42px 0 48px !important;
  }
}