/* Navigation plus the first banner occupies one viewport on public pages. */
body{--hm-screen-header:114px}
@media(max-width:1100px){
  body{--hm-screen-header:106px}
}
@media(min-width:901px){
  body:not(.page-home) .hm-main .subhero,
  body .hm-main .hm-r .hm-r-hero,
  body .hm-main .detail-hero{
    height:calc(100svh - var(--hm-screen-header));
    min-height:560px;
    padding-block:0;
    overflow:hidden;
  }
  body:not(.page-home) .hm-main .subhero>.wrap,
  body:not(.page-home) .hm-main .subhero .subhero-grid,
  body .hm-main .hm-r .hm-r-hero>.hm-r-wrap,
  body .hm-main .hm-r .hm-r-hero-grid,
  body .hm-main .detail-hero>.wrap,
  body .hm-main .detail-hero .detail-grid{
    height:100%;
    min-height:0;
    align-items:center;
  }
  body:not(.page-home) .hm-main .subhero-media,
  body .hm-main .hm-r .hm-r-hero-photo{
    height:clamp(360px,52vh,520px);
  }
}
@media(max-width:900px){
  body:not(.page-home) .hm-main .subhero,
  body .hm-main .hm-r .hm-r-hero,
  body .hm-main .detail-hero{
    box-sizing:border-box;
    height:calc(100svh - var(--hm-screen-header));
    min-height:calc(100svh - var(--hm-screen-header));
  }
}
@media(max-width:700px){
  body{--hm-screen-header:98px}
}

/* Shared brand badges for the header and footer social links. */
.ma-design-header .ma-social-icons .ma-social-link{width:34px;height:34px}
.ma-design-footer .ma-footer-social .ma-social-link{width:36px;height:36px}
.ma-social-link>.fab{display:grid;place-items:center;width:100%;height:100%;border-radius:7px;background:var(--ma-social-color);color:#fff;font-size:18px;line-height:1}
.ma-social-link>.fa-facebook-f{--ma-social-color:#0866ff}
.ma-social-link>.fa-instagram{--ma-social-color:linear-gradient(140deg,#8a37be,#d4256a 55%,#dc632c)}
.ma-social-link>.fa-tiktok{--ma-social-color:#101014;box-shadow:inset 0 0 0 1px #ffffff42;text-shadow:-.7px 0 #25f4ee,.7px 0 #fe2c55}
.ma-social-link>.fa-whatsapp{--ma-social-color:#12834d}
.ma-social-link:is(:hover,:focus-visible)>.fab{filter:brightness(1.12)}
@media(max-width:700px){
  .ma-design-header .ma-social-icons .ma-social-link{width:30px;height:30px}
  .ma-design-footer .ma-footer-social .ma-social-link{width:34px;height:34px}
  .ma-design-header .ma-social-link>.fab{font-size:16px}
}