/* Short "How Merlot Flies" statement — replaces the long airline-grid
 * reference block (2026-10-20, per Uğur). Same visual language as the rest
 * of #flights (uses the site's own --navy/--sky/--sunny/--coral tokens and
 * DM Serif Display, defined in css/base.css which loads before this file).
 * Self-hosted, external file only — no inline style/script (CSP). */
.sc-statement {
  max-width: 640px;
  margin: 0 auto;
  padding: 40px 0 8px;
  text-align: center;
}
.sc-statement-text {
  font-family: var(--font-head);
  font-weight: 400;
  font-size: 22px;
  line-height: 1.42;
  letter-spacing: -0.005em;
  color: var(--navy);
  margin: 0 0 22px;
}
.sc-statement-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--coral);
  color: var(--navy); /* white-on-coral fails WCAG AA contrast (~2.6:1) */
  font-weight: 800;
  font-size: 14px;
  border-radius: 999px;
  padding: 14px 26px;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(255, 123, 84, 0.35);
}
.sc-statement-cta:active { transform: translateY(1px); }

@media (min-width: 861px) {
  .sc-statement { padding: 56px 0 16px; }
  .sc-statement-text { font-size: 27px; }
  .sc-statement-cta { font-size: 15px; padding: 15px 28px; }
}