/* Cementare index — mobile/tablet typography parity with Concretta concretta.html V453.
   Scope: index.html + en/index.html only. Desktop >1180px untouched. */

/* Tablet portrait */
@media (min-width:701px) and (max-width:991px){
  .ct-cementare-page .cb119-hero h1{
    max-width:640px!important;
    font-size:clamp(48px,6.4vw,58px)!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-copy{
    max-width:560px!important;
    font-size:14px!important;
    line-height:1.65!important;
  }
  .ct-cementare-page .cb119-hero .cb119-kicker{
    font-size:10px!important;
    line-height:1.35!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-sub{
    font-size:11px!important;
    line-height:1.45!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-actions .cb119-link{
    font-size:14px!important;
    line-height:1.35!important;
  }

  .ct-cementare-page :where(
    .c8-intro-heading h2,
    .c8-systems-head h2,
    .c16-brand-intro h2,
    .c16-systems h2,
    .c18-systems-intro h2
  ){
    font-size:clamp(31px,4.2vw,36px)!important;
    line-height:1.12!important;
  }

  .ct-cementare-page :where(
    .c8-body,
    .c18-systems-lead,
    .c16-brand-intro p,
    .c16-systems p
  ){
    font-size:15px!important;
    line-height:1.72!important;
  }
}

/* Phones / large phones */
@media (max-width:700px){
  .ct-cementare-page .cb119-hero h1{
    max-width:340px!important;
    font-size:clamp(38px,10.8vw,44px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-copy{
    max-width:340px!important;
    font-size:13.5px!important;
    line-height:1.58!important;
  }
  .ct-cementare-page .cb119-hero .cb119-kicker{
    font-size:9px!important;
    line-height:1.35!important;
    letter-spacing:.22em!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-sub{
    font-size:10px!important;
    line-height:1.45!important;
    letter-spacing:.14em!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-actions .cb119-link{
    font-size:13px!important;
    line-height:1.35!important;
  }

  .ct-cementare-page :where(
    .c8-intro-heading h2,
    .c8-systems-head h2,
    .c16-brand-intro h2,
    .c16-systems h2,
    .c18-systems-intro h2
  ){
    font-size:clamp(29px,7.8vw,34px)!important;
    line-height:1.12!important;
  }

  .ct-cementare-page :where(
    .c8-body,
    .c18-systems-lead,
    .c16-brand-intro p,
    .c16-systems p
  ){
    font-size:15px!important;
    line-height:1.72!important;
  }

  .ct-cementare-page :where(
    .c8-kicker,
    .c18-kicker,
    .c16-kicker,
    .eyebrow,
    .kicker
  ){
    font-size:12px!important;
    line-height:1.4!important;
  }
}

/* Small iPhones */
@media (max-width:390px){
  .ct-cementare-page .cb119-hero h1{font-size:37px!important;}
  .ct-cementare-page .cb119-hero .cb119-hero-copy{font-size:13px!important;}
}

/* Short phone landscape */
@media (max-width:900px) and (max-height:520px) and (orientation:landscape){
  .ct-cementare-page .cb119-hero h1{
    font-size:clamp(34px,6vw,42px)!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-copy{
    font-size:12.5px!important;
    line-height:1.5!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-actions .cb119-link{
    font-size:12px!important;
  }
}
