/* Ad visitors see the same application immediately below a compact hero. */
.hs-hero.hs-hero--ad { height: 420px; min-height: 0; }
.hs-hero--ad .hs-hero__photo::after {
  background: linear-gradient(180deg, transparent 32%, rgba(16,36,29,.15) 49%, rgba(16,36,29,.90) 72%, #10241d 100%);
}
.hs-hero--ad #hero-video,
.hs-hero--ad #hero-kicker,
.hs-hero--ad .lede,
.hs-hero--ad .hs-hero__cta { display: none !important; }
.hs-hero--ad .hs-hero__inner { padding: 0 0 20px; }
.hs-hero--ad #hero-heading {
  font-size: 36px; line-height: 1.06; font-weight: 500;
  letter-spacing: -.025em; margin: 0; max-width: 650px; color: #fff;
}
.hs-hero--ad .ad-hero-brand { color: #f5c85a; white-space: nowrap; }
.hs-hero--ad #ad-hero-subtitle {
  font-size: 20px; line-height: 1.3; font-weight: 700;
  color: #fff; margin: 6px 0 0; max-width: 650px;
}
@media (max-width: 760px) {
  .hs-hero.hs-hero--ad { height: 300px; }
  .hs-hero--ad .hs-hero__inner { padding: 0 0 12px; }
  .hs-hero--ad #hero-heading { font-size: 24px; }
  .hs-hero--ad #ad-hero-subtitle { font-size: 16px; }
}
/* Desktop presents the image and the actual application together. The
   existing mobile stack remains unchanged below this breakpoint. */
@media (min-width: 761px) {
  #main:has(> .hs-hero--ad) #elig-kicker,
  #main:has(> .hs-hero--ad) #elig-heading,
  #main:has(> .hs-hero--ad) #elig-intro { display: none; }
  #main:has(> .hs-hero--ad) #eligibility { padding: 24px; }
  #main:has(> .hs-hero--ad) #eligibility .wrap-narrow { padding: 0; }
  #main:has(> .hs-hero--ad) .elig-quiz { margin: 0 auto; }
}
@media (min-width: 1000px) {
  #main:has(> .hs-hero--ad) {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(460px, 1fr);
  }
  #main:has(> .hs-hero--ad) > section { grid-column: 1 / -1; }
  #main > .hs-hero.hs-hero--ad {
    grid-column: 1; grid-row: 1; height: auto; min-height: 560px;
  }
  #main:has(> .hs-hero--ad) > #eligibility {
    grid-column: 2; grid-row: 1;
    padding: 24px clamp(24px, 3vw, 48px);
    display: flex; align-items: flex-start;
  }
  #main:has(> .hs-hero--ad) #eligibility .wrap-narrow { width: 100%; max-width: 600px; }
  .hs-hero--ad .hs-hero__inner { padding: 0 0 32px; }
  .hs-hero--ad .hs-hero__inner .wrap { padding: 0 clamp(24px, 3vw, 48px); }
  .hs-hero--ad #hero-heading { font-size: clamp(32px, 3.1vw, 48px); max-width: none; }
  .hs-hero--ad #ad-hero-subtitle { font-size: clamp(18px, 1.55vw, 23px); max-width: none; margin-top: 12px; }
}