.rap-hero-description{max-width:54ch;margin:0 auto var(--space-8);text-align:center;line-height:1.8}.hero{padding-top:max(clamp(180px,18vw,280px),calc(var(--rap-header-height,160px) + 56px));height:auto;min-height:100svh}.hero__line--sub{max-width:100%;text-wrap:balance}@media(max-width:768px){.rap-hero-description{font-size:var(--text-sm)}.hero{padding-bottom:var(--space-16)}}/* Compact desktop opening: keep the CTA and moving service bar in the first viewport. */
@media (min-width:901px) {
  .hero {min-height:0;height:auto;justify-content:flex-start;padding-top:calc(var(--rap-header-height,160px) + 28px);padding-bottom:56px}
  .hero__inner {width:100%;max-width:var(--content-wide);gap:20px}
  .hero__line {font-size:clamp(3rem,4.4vw,5rem);line-height:1.04}
  .hero__cta-wrap {margin-top:0}
  .rap-hero-description {max-width:68ch;font-size:clamp(1rem,1.05vw,1.1875rem);line-height:1.65;margin-bottom:24px}
  .hero__scroll-hint {bottom:14px}
  .scroll-line {height:24px}
  .hero + .marquee-wrap {padding-top:18px;padding-bottom:18px}
}
@media (min-width:901px) and (max-height:740px) {
  .hero {padding-top:calc(var(--rap-header-height,160px) + 20px);padding-bottom:44px}
  .hero__inner {gap:16px}
  .hero__line {font-size:clamp(2.75rem,4.1vw,4rem)}
  .rap-hero-description {font-size:1rem;line-height:1.55;margin-bottom:20px}
}