/* Paragonative hero containment fix — desktop/small-monitor safe */
@media (max-width:1020px){
  .wordmark{
    font-size:clamp(34px,calc(14.3vw - 11px),58px);
  }
}

@media (min-width:1021px){
  .hero{
    grid-template-columns:minmax(0,1fr) clamp(190px,18vw,250px);
  }
  .hero-main{
    min-width:0;
    padding-right:clamp(24px,3vw,52px);
    overflow:hidden;
  }
  .wordmark{
    max-width:100%;
    white-space:nowrap;
    font-size:clamp(58px,8.6vw,150px);
  }
  .hero-side{
    min-width:0;
    padding-left:clamp(18px,2vw,32px);
  }
}

@media (min-width:1021px) and (max-width:1450px){
  .hero{
    grid-template-columns:minmax(0,1fr) clamp(185px,17vw,230px);
  }
  .wordmark{
    font-size:clamp(58px,8.15vw,118px);
  }
}