/* Match the results / purchase hero frame at laptop widths. */
@media (min-width:821px) and (max-width:1599px) {
  body.page-about .detail-hero--about,
  body.page-business .business-hero,
  body.page-company .detail-hero,
  body.page-contact .detail-hero--contact {
    --detail-hero-height:clamp(360px,36vw,550px);
    --hero-copy-top:clamp(80px,8vw,116px);
    --hero-title-size:clamp(30px,2.9vw,42px);
  }
  body.page-about .detail-hero--about {
    --hero-wall-logo-width:calc((var(--detail-hero-height) - 1px) * .18336);
    --hero-wall-door-right:calc((var(--detail-hero-height) - 1px) * .80691);
    --hero-wall-logo-top:calc(18.7% + (var(--detail-hero-height) - 1px) * .02547);
  }
}
@media (min-width:821px) and (max-width:1100px) {
  body.page-about .detail-hero--about,
  body.page-company .detail-hero {
    --hero-copy-width:48%;
    --hero-copy-x:32px;
    --hero-copy-top:78px;
    --hero-title-size:30px;
  }
  body.page-about .detail-hero-copy,
  body.page-company .detail-hero-copy {padding-right:16px}
  body.page-about .detail-hero--about .mobile-break {display:none}
  body.page-about .detail-hero-description,
  body.page-company .detail-hero-description {font-size:12px!important;line-height:22px!important}
  body.page-company .detail-hero-description span {display:inline!important;white-space:normal!important}
  body.page-company .detail-hero-grid {grid-template-rows:minmax(0,1fr)}
  body.page-company .detail-hero-copy {min-height:0}
  body.page-company .detail-hero-tagline {font-size:15px;line-height:1.7}
}