@media (min-width:821px){
  .hero{min-height:calc(100svh - 64px - 172px);padding-block:clamp(28px,3.5vh,42px)}
}

@media (min-width:821px) and (max-height:850px){
  .hero{gap:58px;padding-block:24px 30px}
  .hero h1{margin:14px 0 20px;font-size:clamp(48px,5.25vw,68px)}
  .lead{font-size:16px;line-height:1.5}
  .actions{margin-top:24px}
  .support{margin-top:18px}
  .brief header{padding:20px 22px}
  .brief-body{padding:21px 22px}
  .brief h2{margin:13px 0 20px;font-size:22px}
  .brief dl div{padding:10px 0}
  .brief-body>small{margin-top:12px}
}