/* The shared .policy-page-intro h1 rule doesn't set its own line-height,
   so this page's two-line "Built to Be Seen. / Designed to Be Attended."
   heading was inheriting body's loose 1.6 — leaving an uneven-looking gap
   between the lines next to the tighter rhythm used by other hero
   headings sitewide (e.g. .as-intro-heading's --h1-line-height). */
.policy-page-intro h1 {
    line-height: var(--h1-line-height);
}

/* Center the "Across Every Channel" header (base .section-header is
   left-aligned; same centering pattern used for other centered section
   headers sitewide, e.g. #past-exhibitors in common.css) */
#mp-channels .section-header {
    text-align: center;
    max-width: 820px;
    margin-inline: auto;
}

#mp-channels .section-header h2 { text-align: center; }

#mp-channels .section-header p {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}

/* Center the "More Than Marketing" momentum statement header (same
   centering pattern as #mp-channels above) */
#mp-momentum .section-header {
    text-align: center;
    max-width: 820px;
    margin-inline: auto;
}

#mp-momentum .section-header h2 { text-align: center; }

#mp-momentum .section-header p {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}

/* Small italic tagline sitting above the h3 (e.g. "Across the City. Across
   the Industry.") — used on pages with a per-card lead-in phrase, distinct
   from the plain .as-pillar-card p body copy below it. */
.as-pillar-kicker {
    font-size: 0.78rem;
    font-weight: 700;
    font-style: italic;
    color: var(--brand-purple);
    margin: 0 0 8px;
}

/* Uniform inter-section spacing down the page. common.css's
   .as-section-spaced deliberately splits into a bigger padding-top than
   padding-bottom (see its own comment) so two stacked .as-section-spaced
   sections (#mp-channels -> #mp-momentum) don't double up to an oversized
   gap -- but the hero intro (.policy-page-intro, bottom pad 10px) and the
   closing .as-cta-bar (top pad 40px, shared across pages so left alone
   globally) aren't part of that pairing, so the 3 gaps down this page came
   out uneven: ~106px hero->channels, ~136px channels->momentum, ~80px
   momentum->CTA at desktop widths. Matching the hero's bottom padding and
   the CTA bar's top padding to .as-section-spaced's own bottom/top values
   makes every gap the same pad-bottom + pad-top sum at every breakpoint,
   page-scoped here since both classes are shared sitewide. */
.policy-page-intro { padding-bottom: 40px; }
.as-cta-bar { padding-top: 96px; }

@media (max-width: 991px) {
    .policy-page-intro { padding-bottom: 32px; }
    .as-cta-bar { padding-top: 76px; }
}

@media (max-width: 768px) {
    .policy-page-intro { padding-bottom: 28px; }
    .as-cta-bar { padding-top: 64px; }
}

@media (max-width: 600px) {
    .policy-page-intro { padding-bottom: 24px; }
    .as-cta-bar { padding-top: 56px; }
}