/* V61 — hard fix for Communication Hub top gap.
   The previous phone fitting passes left stacked vertical spacing above the first block.
   This file is intentionally loaded last and only affects the Communication Hub page. */

.page-communication-hub main{
  padding-top:0 !important;
}

.page-communication-hub .commhub-phone-demo-section{
  margin-top:clamp(-245px,-23vh,-145px) !important;
  padding-top:0 !important;
  padding-bottom:14px !important;
  min-height:auto !important;
  align-items:center !important;
}

.page-communication-hub .commhub-copy{
  padding-top:0 !important;
  margin-top:0 !important;
  align-self:center !important;
}

.page-communication-hub .commhub-demo-right{
  padding-top:0 !important;
  margin-top:0 !important;
  align-items:center !important;
}

.page-communication-hub .commhub-copy h1{
  font-size:clamp(44px,4.15vw,62px) !important;
  line-height:.98 !important;
  margin:8px 0 14px !important;
}

.page-communication-hub .commhub-copy .lead{
  font-size:clamp(15px,1.16vw,18px) !important;
  line-height:1.34 !important;
  max-width:555px !important;
  margin-bottom:18px !important;
}

.page-communication-hub .hub-phone-frame{
  width:clamp(250px,21vw,292px) !important;
  max-height:calc(100vh - 230px) !important;
}

.page-communication-hub .phone-pack-panel{
  max-height:calc(100vh - 230px) !important;
}

@media (max-width:1180px){
  .page-communication-hub .commhub-phone-demo-section{
    margin-top:0 !important;
    padding-top:18px !important;
  }
}