:root {
    --bmk-body-size: 16px;
    --bmk-body-leading: 1.72
}

@media (min-width:1200px) {
    body {
        font-size: var(--bmk-body-size);
        line-height: var(--bmk-body-leading)
    }

    .planning-hero__copy h1,
    .destination-hero h1,
    .journal-hero h1,
    .about-hero h1,
    .connect-hero h1, 
    .services-hero__copy h1 {
        font-size: clamp(72px, 6.7vw, 118px)
    }

    .section-title,
    .section-heading h2,
    .decision-heading h2,
    .next-heading h2 {
        font-size: clamp(46px, 4vw, 68px)
    }

    p {
        font-size: max(15px, 1em)
    }
}
/* =========================================================
   BMK GLOBAL TYPOGRAPHY — HIERARCHY NORMALIZATION
========================================================= */

@media (min-width: 1200px) {

  /* Subpage hero titles */
  .planning-hero__copy h1,
  .destination-hero h1,
  .journal-hero h1,
  .about-hero h1,
  .connect-hero h1, 
  .services-hero__copy h1 {
    font-size: clamp(60px, 5vw, 92px);
    line-height: .98;
  }

  /* Major section headings */
  .section-title,
  .section-heading h2,
  .decision-heading h2,
  .next-heading h2 {
    font-size: clamp(40px, 3.4vw, 58px);
    line-height: 1.03;
  }
}
/* =========================================================
   BMK GLOBAL TYPOGRAPHY — SMALL TYPE SYSTEM
========================================================= */

/* EYEBROWS / SECTION LABELS */
.eyebrow {
  font-family: var(--bmk-sans);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: .14em;
  text-transform: uppercase;
}


/* STANDARD BODY COPY */
body {
  font-family: var(--bmk-sans);
  font-size: 16px;
  line-height: 1.7;
}


/* Keep supporting copy readable without competing */
.section-copy,
.section-intro,
.intro-copy {
  font-size: 16px;
  line-height: 1.72;
}


/* BUTTON / CTA TYPOGRAPHY */
.button,
.button-primary,
.button-secondary,
.button-dark,
.button-gold,
.bmk-header-cta {
  font-family: var(--bmk-sans);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .11em;
  text-transform: uppercase;
}
/* =========================================================
   BMK GLOBAL TYPOGRAPHY — RESPONSIVE SCALE
========================================================= */

@media (max-width: 1199px) {

  body {
    font-size: 15px;
  }

  .eyebrow {
    font-size: 10px;
  }

  .section-copy,
  .section-intro,
  .intro-copy {
    font-size: 15px;
  }
}


@media (max-width: 650px) {

  body {
    font-size: 15px;
    line-height: 1.68;
  }

  .eyebrow {
    font-size: 10px;
    letter-spacing: .13em;
  }
}
/* =========================================================
   BMK GLOBAL TYPOGRAPHY — COLOR CONSISTENCY
========================================================= */

body {
  color: var(--bmk-ink);
}

p,
li {
  color: var(--bmk-ink);
}

.muted,
.section-copy,
.section-intro,
.intro-copy,
.story-card p,
.faq-card p,
.service-summary,
.about-view-body,
.about-fora p,
.quick-question-email,
.response-time {
  color: var(--bmk-muted);
}

.eyebrow {
  color: var(--bmk-gold);
}

.eyebrow.light {
  color: rgba(255,255,255,.86);
}
/* =========================================================
   BMK GLOBAL TYPOGRAPHY — BODY / CARD COPY NORMALIZATION
========================================================= */

body {
  font-size: 16px;
  line-height: 1.7;
}

/* Standard explanatory copy */
p,
li {
  font-size: 16px;
  line-height: 1.7;
}

/* Card / supporting copy */
.story-card p,
.faq-card p,
.service-summary,
.about-guides-grid p,
.about-view-body,
.quick-question-email,
.response-time {
  font-size: 15px;
  line-height: 1.68;
}

/* Smaller utility / meta text */
.fine-print,
.service-label,
.bmk-footer-col a,
.bmk-footer-col p {
  font-size: 13px;
  line-height: 1.6;
}

@media (max-width: 760px) {
  body,
  p,
  li {
    font-size: 15px;
  }

  .story-card p,
  .faq-card p,
  .service-summary,
  .about-guides-grid p,
  .about-view-body {
    font-size: 15px;
  }
}
/* =========================================================
   BMK GLOBAL TYPOGRAPHY — TEXT COLOR HIERARCHY
========================================================= */

/* Primary editorial/body copy */
body {
  color: var(--bmk-body);
}


/* Standard paragraphs */
p,
li {
  color: var(--bmk-body);
}


/* Supporting / secondary copy */
.muted,
.section-copy,
.section-intro > p,
.section-deck {
  color: var(--bmk-muted);
}


/* Utility / metadata */
.fine-print,
.response-time,
.service-label {
  color: var(--bmk-meta);
}


/* Headings retain authority */
h1,
h2,
h3,
h4 {
  color: var(--bmk-forest);
}
/* =========================================================
   BMK HERO TEXT — PAGE-AWARE COLOR SYSTEM
========================================================= */

/* DARK-IMAGE HEROES */
.destination-hero-copy,
.journal-hero-copy,
.about-hero-copy,
.connect-hero .hero-copy, 
.services-hero__copy h1 {
  color: #fff;
}

.destination-hero-copy p,
.journal-hero-copy p,
.about-hero-copy p,
.connect-hero .hero-copy p , 
.services-hero__copy p {
  color: rgba(255,255,255,.92);
}

.destination-hero-copy h1,
.journal-hero-copy h1,
.about-hero-copy h1,
.connect-hero .hero-copy h1 {
  color: #fff;
}

.destination-hero-copy .eyebrow,
.journal-hero-copy .eyebrow,
.about-hero-copy .eyebrow,
.connect-hero .hero-copy .eyebrow,
.services-hero__copy .eyebrow {
  color: rgba(255,255,255,.86);
}


/* PLANNING HERO — LIGHT WASH / DARK COPY */
.planning-hero__copy {
  color: var(--bmk-ink);
}

.planning-hero__copy h1 {
  color: var(--bmk-forest);
}

.planning-hero__copy p {
  color: var(--bmk-body);
}

.planning-hero__copy .eyebrow {
  color: var(--bmk-gold);
}