/*
 * REALPRO STUDIOS
 * CONTACT HERO · CANONICAL FINAL
 *
 * Final authority.
 * Uses the body class that actually exists on Contact.
 */


/* ==========================================================
   DESKTOP
   ========================================================== */

html body.rp-page-contact
#main
> section.rp-contact-hero
.rp-contact-hero__content{
  width:min(88vw,1440px) !important;
  max-width:1440px !important;

  margin-left:auto !important;
  margin-right:auto !important;

  transform:none !important;
}


html body.rp-page-contact
#main
> section.rp-contact-hero
#rp-contact-title{
  width:min(100%,1080px) !important;
  max-width:1080px !important;

  font-size:clamp(82px,6.2vw,118px) !important;
  line-height:.875 !important;
  letter-spacing:-.055em !important;

  margin:0 !important;
  padding:0 !important;

  transform:none !important;
}


html body.rp-page-contact
#main
> section.rp-contact-hero
#rp-contact-title
.rp-contact-line,

html body.rp-page-contact
#main
> section.rp-contact-hero
#rp-contact-title
.rp-contact-word,

html body.rp-page-contact
#main
> section.rp-contact-hero
#rp-contact-title
span{
  font-size:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;

  display:inline !important;

  width:auto !important;
  max-width:none !important;

  transform:none !important;
}


html body.rp-page-contact
#main
> section.rp-contact-hero
#rp-contact-title
.rp-contact-line:not(:last-child)::after{
  content:" " !important;
}


html body.rp-page-contact
#main
> section.rp-contact-hero
.rp-contact-eyebrow{
  font-size:14px !important;
  line-height:1.2 !important;
  letter-spacing:.24em !important;

  margin:0 0 22px !important;
}


html body.rp-page-contact
#main
> section.rp-contact-hero
.rp-contact-hero__content
> p:not(.eyebrow){
  width:min(100%,800px) !important;
  max-width:800px !important;

  margin:30px 0 0 !important;

  font-size:clamp(20px,1.35vw,25px) !important;
  line-height:1.48 !important;
  letter-spacing:-.012em !important;

  color:rgba(255,255,255,.94) !important;

  transform:none !important;
}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width:1600px){

  html body.rp-page-contact
  #main
  > section.rp-contact-hero
  #rp-contact-title{
    width:1120px !important;
    max-width:1120px !important;

    font-size:112px !important;
  }

}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:1100px){

  html body.rp-page-contact
  #main
  > section.rp-contact-hero
  #rp-contact-title{
    width:min(100%,820px) !important;
    max-width:820px !important;

    font-size:clamp(58px,7vw,82px) !important;
  }

  html body.rp-page-contact
  #main
  > section.rp-contact-hero
  .rp-contact-hero__content
  > p:not(.eyebrow){
    font-size:clamp(17px,1.9vw,21px) !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:760px){

  html body.rp-page-contact
  #main
  > section.rp-contact-hero
  .rp-contact-hero__content{
    width:calc(100% - 36px) !important;
    max-width:none !important;
  }


  html body.rp-page-contact
  #main
  > section.rp-contact-hero
  #rp-contact-title{
    width:100% !important;
    max-width:11ch !important;

    font-size:clamp(40px,10.8vw,50px) !important;
    line-height:.90 !important;
  }


  html body.rp-page-contact
  #main
  > section.rp-contact-hero
  .rp-contact-hero__content
  > p:not(.eyebrow){
    max-width:31ch !important;

    margin-top:18px !important;

    font-size:15px !important;
    line-height:1.46 !important;
  }

}


/* ==========================================================
   CONTACT HERO · NORMALIZED FINAL SCALE
   Applied after removal of legacy rp-contact-fit-v61.
   ========================================================== */

html body.rp-page-contact
#main
> section.rp-contact-hero
#rp-contact-title{
  width:min(100%,1000px) !important;
  max-width:1000px !important;

  font-size:clamp(64px,4.4vw,80px) !important;
  line-height:.90 !important;
  letter-spacing:-.048em !important;

  margin:0 !important;
}


html body.rp-page-contact
#main
> section.rp-contact-hero
#rp-contact-title
.rp-contact-line,

html body.rp-page-contact
#main
> section.rp-contact-hero
#rp-contact-title
.rp-contact-word,

html body.rp-page-contact
#main
> section.rp-contact-hero
#rp-contact-title
span{
  font-size:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;

  display:inline !important;
  width:auto !important;
  max-width:none !important;

  white-space:normal !important;
}


html body.rp-page-contact
#main
> section.rp-contact-hero
#rp-contact-title
.rp-contact-line:not(:last-child)::after{
  content:" " !important;
}


html body.rp-page-contact
#main
> section.rp-contact-hero
.rp-contact-hero__content
> p:not(.eyebrow){
  width:min(100%,760px) !important;
  max-width:760px !important;

  margin-top:26px !important;

  font-size:clamp(18px,1.08vw,21px) !important;
  line-height:1.48 !important;

  color:rgba(255,255,255,.92) !important;
}


html body.rp-page-contact
#main
> section.rp-contact-hero
.rp-contact-eyebrow{
  margin-bottom:18px !important;

  font-size:13px !important;
  line-height:1.2 !important;
  letter-spacing:.23em !important;
}


/* Large desktop */

@media (min-width:1600px){

  html body.rp-page-contact
  #main
  > section.rp-contact-hero
  #rp-contact-title{
    width:1000px !important;
    max-width:1000px !important;

    font-size:80px !important;
  }

}


/* Tablet */

@media (max-width:1100px){

  html body.rp-page-contact
  #main
  > section.rp-contact-hero
  #rp-contact-title{
    width:min(100%,760px) !important;
    max-width:760px !important;

    font-size:clamp(50px,6vw,66px) !important;
  }

}


/* Mobile */

@media (max-width:760px){

  html body.rp-page-contact
  #main
  > section.rp-contact-hero
  #rp-contact-title{
    width:100% !important;
    max-width:11.5ch !important;

    font-size:clamp(36px,9.6vw,44px) !important;
    line-height:.92 !important;
    letter-spacing:-.043em !important;
  }


  html body.rp-page-contact
  #main
  > section.rp-contact-hero
  .rp-contact-hero__content
  > p:not(.eyebrow){
    max-width:31ch !important;

    margin-top:18px !important;

    font-size:15px !important;
    line-height:1.46 !important;
  }

}