/* v47 — About + Client Experience top-shell normalization */
@media (min-width:981px){
  /* Let the first hero own the entire top canvas, including behind the floating nav. */
  body.page-about,
  body.page-reviews{
    background:#06192b!important;
  }

  body.page-about header.site-nav.jb31-site-nav,
  body.page-about .jb31-site-nav,
  body.page-reviews header.site-nav.jb31-site-nav,
  body.page-reviews .jb31-site-nav{
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:5000!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  body.page-about > main,
  body.page-reviews > main{
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }

  /* ABOUT: marine hero runs beneath the nav. */
  body.page-about .about-hero-v22{
    margin:0!important;
    min-height:100svh!important;
    height:100svh!important;
    max-height:100svh!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.page-about .about-hero-v22-inner{
    min-height:100svh!important;
    height:100svh!important;
    max-height:100svh!important;
    padding-top:calc(var(--jb46-nav-h) + (var(--jb46-nav-gap) * 2) + 24px)!important;
    padding-bottom:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* CLIENT EXPERIENCE: house image runs beneath the nav. */
  body.page-reviews .cr-hero{
    margin:0!important;
    min-height:100svh!important;
    height:100svh!important;
    max-height:100svh!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.page-reviews .cr-hero-grid{
    min-height:100svh!important;
    height:100svh!important;
    max-height:100svh!important;
    padding-top:calc(var(--jb46-nav-h) + (var(--jb46-nav-gap) * 2) + 26px)!important;
    padding-bottom:42px!important;
    box-sizing:border-box!important;
    align-items:center!important;
  }

  /* No light separator line/gap between nav shell and hero. */
  body.page-about .about-hero-v22,
  body.page-reviews .cr-hero{
    border-top:0!important;
    box-shadow:none!important;
  }
}