/* =========================================================
   VeltrixHost R75 — FINAL HERO + HEADER TYPE CALIBRATION
   2026-09-30
   Loaded after R74. Intentionally narrow in scope.
   ========================================================= */

/* Hero H1: one measured step smaller, while keeping the same premium hierarchy. */
body.vh-page-body .vh-rs-hero h1,
body.vh-page-body .vh-domain-rs-hero h1,
body.vh-page-body .vh-legal-hero h1,
body.vh-page-body .vh-review-hero__copy h1,
body.vh-page-body .vh-deals-hero__copy h1{
  font-size:clamp(42px,4vw,58px)!important;
  line-height:1.025!important;
  letter-spacing:-.048em!important;
  max-width:100%!important;
  text-wrap:balance!important;
}

/* Main desktop header: a little larger and slightly thicker, never heavy. */
body.vh-page-body .vh-nav-link{
  font-size:14.75px!important;
  line-height:1.22!important;
  font-weight:680!important;
  letter-spacing:-.008em!important;
}

/* Dropdown item headings: one step larger + a modest stroke/weight increase. */
body.vh-page-body .vh-mega .vh-menu-copy strong,
body.vh-page-body .vh-menu-info strong,
body.vh-page-body .vh-mega .vh-menu-link strong{
  font-size:15.25px!important;
  line-height:1.36!important;
  font-weight:695!important;
  letter-spacing:-.012em!important;
}
body.vh-page-body .vh-mega .vh-menu-copy small,
body.vh-page-body .vh-menu-info small,
body.vh-page-body .vh-mega .vh-menu-link small{
  font-size:13px!important;
  line-height:1.48!important;
  font-weight:440!important;
}
body.vh-page-body .vh-mega__title{
  font-size:13.25px!important;
  font-weight:760!important;
}

/* Keep the header comfortable on the narrowest desktop width before mobile nav takes over. */
@media (max-width:1120px) and (min-width:981px){
  body.vh-page-body .vh-nav-link{
    font-size:14.25px!important;
    font-weight:680!important;
  }
  body.vh-page-body .vh-mega .vh-menu-copy strong,
  body.vh-page-body .vh-menu-info strong,
  body.vh-page-body .vh-mega .vh-menu-link strong{
    font-size:14.85px!important;
  }
}

/* Tablet: preserve hierarchy without allowing headings to become oversized. */
@media(max-width:980px){
  body.vh-page-body .vh-rs-hero h1,
  body.vh-page-body .vh-domain-rs-hero h1,
  body.vh-page-body .vh-legal-hero h1,
  body.vh-page-body .vh-review-hero__copy h1,
  body.vh-page-body .vh-deals-hero__copy h1{
    font-size:clamp(37px,6.4vw,48px)!important;
    line-height:1.03!important;
  }
}

/* Small screens: let the two designed title spans flow together so long titles can stay within 3 lines. */
@media(max-width:640px){
  body.vh-page-body .vh-rs-hero h1,
  body.vh-page-body .vh-domain-rs-hero h1,
  body.vh-page-body .vh-legal-hero h1,
  body.vh-page-body .vh-review-hero__copy h1,
  body.vh-page-body .vh-deals-hero__copy h1{
    font-size:clamp(30px,8.2vw,38px)!important;
    line-height:1.055!important;
    letter-spacing:-.04em!important;
  }
  body.vh-page-body.vh-has-real-hero .vh-hero-title__line,
  body.vh-page-body.vh-has-real-hero .vh-hero-title__accent{
    display:inline!important;
    margin-top:0!important;
  }
  body.vh-page-body.vh-has-real-hero .vh-hero-title__accent::before{content:' '}
}