/* AEO page — page-specific classes layered on site.css (Tommy Editorial v3.0) */

/* hero tagline + endorsement lockup (mirrors the service-page treatment) */
.st-endorse { display: flex; align-items: center; gap: 16px; margin-top: 42px; }
.st-endorse .by { font-size: 18px; letter-spacing: 0.05em; color: var(--advisory-gold); }
.st-endorse img { height: 72px; width: auto; display: block; }
.hero .st-tag { margin-top: 40px; font-family: var(--font-display); font-style: normal; font-size: 24px; color: var(--advisory-gold); }

/* three moves — navy-safe cards (light text on navy ground) */
.move-grid { display: grid; gap: 24px; margin-top: 40px; }
.move-card { border-top: 1px solid var(--advisory-gold); padding-top: 20px; }
.move-card .mh { font-family: var(--font-display); font-size: 32px; color: #F5EFE3; }
.move-card .mb { margin-top: 16px; font-size: 14.5px; line-height: 1.625; color: rgba(245, 239, 227, 0.82); }

/* two audiences — cards on the paper ground */
.st-pay { display: grid; gap: 24px; margin-top: 40px; }
.st-card { border: 1px solid rgba(15, 27, 45, 0.15); border-top: 3px solid var(--advisory-gold); border-radius: 2px; padding: 28px; }
.st-card .ph { font-family: var(--font-display); font-size: 23px; line-height: 1.16; color: var(--advisory-navy); }
.st-card .pb { margin-top: 14px; font-size: 15px; line-height: 1.62; color: rgba(15, 27, 45, 0.72); }

@media (min-width: 720px) {
  .move-grid { grid-template-columns: repeat(3, 1fr); }
  .st-pay { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 719px) {
  .st-endorse img { height: 40px; }
  .st-endorse .by { font-size: 13px; }
}