
/* V3.5.2 — desktop vertical calibration
   Keeps the institutional rhythm while preventing vertical whitespace from
   expanding on large, ultrawide and 4K viewports. Tablet/mobile remain unchanged. */

@media (min-width:1021px){
  :root{
    --sr-section-top:40px;
    --sr-section-bottom:48px;
    --sr-title-gap:24px;
    --sr-page-top:52px;
    --sr-page-bottom:64px;
  }

  .hero{
    min-height:clamp(600px,70vh,700px)!important;
  }
  .hero-main,
  .hero-side{
    padding-top:clamp(58px,6vh,78px)!important;
    padding-bottom:30px!important;
  }

  .section-title{margin-bottom:24px!important}
  .lead{margin-bottom:22px!important}
  .hero-actions{margin-top:28px!important}
  .meta-grid{margin-top:32px!important}
  .sectors{margin-top:32px!important}
  .disclosure{margin-top:20px!important}

  .page-hero{
    padding:52px 0 46px!important;
  }
  .page-body{
    padding:48px 0 64px!important;
  }
  .prose h2{
    margin-top:38px!important;
    margin-bottom:14px!important;
  }

  .footer{
    padding-top:28px!important;
    padding-bottom:22px!important;
  }
  .footer-grid{
    padding-bottom:26px!important;
  }
}

@media (min-width:1440px) and (min-aspect-ratio:16/9){
  :root{
    --sr-section-top:36px;
    --sr-section-bottom:42px;
    --sr-title-gap:22px;
    --sr-page-top:48px;
    --sr-page-bottom:60px;
  }

  .hero{
    min-height:clamp(620px,64vh,700px)!important;
  }
  .hero-main,
  .hero-side{
    padding-top:clamp(56px,5.2vh,72px)!important;
    padding-bottom:28px!important;
  }

  .section-title{margin-bottom:22px!important}
  .lead{margin-bottom:20px!important}
  .hero-actions{margin-top:26px!important}
  .meta-grid{margin-top:30px!important}
  .sectors{margin-top:30px!important}

  .page-hero{
    padding:48px 0 44px!important;
  }
  .page-body{
    padding:46px 0 60px!important;
  }
}

@media (min-width:2200px){
  :root{
    --sr-section-top:36px;
    --sr-section-bottom:42px;
    --sr-title-gap:22px;
    --sr-page-top:50px;
    --sr-page-bottom:60px;
  }

  .hero{min-height:660px!important}
  .hero-main,
  .hero-side{
    padding-top:64px!important;
    padding-bottom:28px!important;
  }

  .page-hero{
    padding:50px 0 44px!important;
  }
  .page-body{
    padding:46px 0 60px!important;
  }
}
