/* Immutable responsive hero repair: stacked tablet, overlaid desktop. */
@media(min-width:561px) and (max-width:820px){
  .hero{min-height:0;display:block}
  .hero-background{position:relative;top:auto;right:auto;width:100%;max-width:100%;height:auto;aspect-ratio:2 / 1;object-fit:contain;object-position:center;background:#f7f6f2}
  .hero-overlay{display:none}
  .hero-inner{position:relative;inset:auto;width:min(calc(100% - 48px),var(--container));min-height:0;display:block;padding:0 0 36px;pointer-events:auto}
  .hero-copy{width:100%;position:static;padding:32px 0 0;pointer-events:auto}
  .hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>p,.hero-reassurance{display:flex}
  .hero-copy>h1,.hero-copy>p{display:block}
  .hero h1{font-size:42px}
  .hero-actions{display:grid;grid-template-columns:1fr;max-width:520px;margin-top:24px}
  .hero-actions .button{width:100%;min-width:0;white-space:nowrap}
}
@media(min-width:821px){
  .hero{min-height:610px}
  .hero-background{position:absolute;top:0;right:0;width:auto;max-width:none;height:calc(100% - 120px);aspect-ratio:auto;object-fit:contain;object-position:right center;background:var(--navy)}
  .hero-overlay{display:block}
  .hero-inner{position:relative;inset:auto;width:min(calc(100% - 40px),var(--container));min-height:490px;pointer-events:auto}
  .hero-copy{width:min(650px,61%);position:static;padding:54px 0 78px;pointer-events:auto}
  .hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>p,.hero-reassurance{display:flex}
  .hero-copy>h1,.hero-copy>p{display:block}
  .hero-actions{margin-top:28px}
}