/* Hero: navy, offer + form, featured quote */
.lp-page .lp-hero .wrap.lp-wrap { padding-left: 64px; padding-right: 64px; }
.lp-hero { background: var(--lp-navy) center / cover no-repeat; background-blend-mode: color-burn; color: #fff; padding: 72px 0 30px; }
.lp-hero__grid { display: grid; grid-template-columns: minmax(0, 555px) minmax(0, 1fr); gap: 48px; align-items: center; }
.lp-hero__left { display: flex; flex-direction: column; align-items: flex-start; gap: 0; }
.lp-hero__form { padding-top: 30px; position: relative; }

.lp-page .lp-hero .lp-eyebrow { color: var(--lp-yellow); margin-bottom: 14px; }
.lp-page .lp-hero h1 { color: #fff; font-size: clamp(34px, 4.45vw, 64px); line-height: 1.12; margin: 0 0 18px; }
.lp-page .lp-hero__sub { font-size: 16px; line-height: 1.7; color: rgba(255, 255, 255, 0.78); max-width: 540px; margin-bottom: 18px; }
.lp-hero__sub strong { color: #fff; font-weight: 700; }

/* names line: tablet + phone only (desktop shows the Voices strip) */
.lp-page .lp-names { display: none; font-size: 13px; line-height: 1.5; font-weight: 600; color: #fff; }
.lp-names span { font-weight: 500; color: rgba(255, 255, 255, 0.6); }

/* Featured quote (default: Jeff Currie; replaced by a recognised ?guest=) */
.lp-quote[hidden] { display: none; }
.lp-quote { display: flex; gap: 18px; align-items: center; padding-bottom: 6px; }
.lp-quote__photo[hidden] { display: none; }
.lp-quote__photo { flex: 0 0 52px; width: 52px; height: 52px; border-radius: 6px; background: #1a2c5c; object-fit: cover; }
.lp-page .lp-quote__text { font-size: 20px; line-height: 1.4; font-weight: 600; color: var(--lp-yellow); margin: 0; }
.lp-quote__by { margin-top: 4px; font-size: 13.5px; line-height: 1.5; color: var(--lp-role); font-weight: 300; }
.lp-quote__by b { color: #fff; font-weight: 600; }
.lp-quote__tile { flex: 0 0 52px; width: 52px; height: 52px; border-radius: 6px; background: #2E4268; color: #fff; display: flex; align-items: center; justify-content: center; }
.lp-quote__who, .lp-quote__role { display: block; }
.lp-quote__role { margin-top: 1px; font-size: 12.5px; opacity: 0.85; }

@media (max-width: 980px) {
  .lp-page .lp-names { display: block; margin: 0 0 18px; }
  .lp-page .lp-hero .wrap.lp-wrap { padding-left: 32px; padding-right: 32px; }
  .lp-hero__grid { grid-template-columns: 1fr; gap: 28px; }
}

/* Phones: eyebrow, heading, sub, names line, quote, form */
@media (max-width: 720px) {
  .lp-page .lp-hero .wrap.lp-wrap { padding-left: 20px; padding-right: 20px; }
  .lp-hero { padding: 28px 0 24px; }
  /* align-items: stretch (not the desktop "center"): every item spans the full width and starts on the same left edge */
  .lp-hero__grid { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .lp-hero__left { display: contents; }
  .lp-page .lp-hero .lp-eyebrow, .lp-page .lp-hero h1, .lp-page .lp-hero__sub, .lp-page .lp-names { align-self: stretch; text-align: left; }
  .lp-hero__left > .lp-eyebrow { order: 1; }
  .lp-hero__left > h1 { order: 2; }
  .lp-hero__left > .lp-hero__sub { order: 3; }
  .lp-page .lp-names { order: 4; margin: 0 0 16px; }
  .lp-hero__left > .lp-quote { order: 5; margin-bottom: 20px; }
  .lp-hero__form { order: 6; padding-top: 22px; }
  .lp-page .lp-hero h1 { font-size: clamp(30px, 8.4vw, 36px); line-height: 1.15; margin: 8px 0 12px; }
  .lp-page .lp-hero__sub { font-size: 14.5px; line-height: 1.6; margin-bottom: 14px; }
  .lp-quote { gap: 12px; }
  .lp-quote__photo { flex-basis: 44px; width: 44px; height: 44px; }
  .lp-quote__tile { flex-basis: 44px; width: 44px; height: 44px; }
  .lp-quote__tile svg { width: 22px; height: 22px; }
  .lp-page .lp-quote__text { font-size: 16px; }
  .lp-quote__by { font-size: 12.5px; }
  .lp-quote__role { font-size: 11.5px; }
  .lp-hero__form .lp-card-sub { display: none; }
  .lp-hero__form .lp-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
}