:root{
  --otisa-type-section:clamp(40px,4.7vw,75px);
  --otisa-type-feature:clamp(26px,2.35vw,36px);
  --otisa-type-body:clamp(14px,1.05vw,16px);
  --otisa-leading-section:1.14;
  --otisa-leading-feature:1.16;
  --otisa-leading-body:1.55;
}

/* One display scale for every primary section heading. */
#hero-title,
.intro h2,
#build-missing-title,
#apps-title,
#tools-carousel-title,
#what-we-do-title,
#pricing-title,
#booking-title,
#faq-title{
  font-family:var(--serif),Georgia,serif;
  font-size:var(--otisa-type-section);
  font-weight:400;
  line-height:var(--otisa-leading-section);
  letter-spacing:-.045em;
}

/* One editorial scale for feature titles and explanatory cards. */
.story__caption h2,
.what-we-do__step h3,
.build-missing__panel-head h3,
.zendesk-apps__detail-copy h3,
.zendesk-pricing__heading h3{
  font-family:var(--serif),Georgia,serif;
  font-size:var(--otisa-type-feature);
  font-weight:400;
  line-height:var(--otisa-leading-feature);
  letter-spacing:-.035em;
}

/* Shared reading size for section introductions and feature descriptions. */
.story__caption p,
.build-missing__copy p,
.build-missing__panel-head p,
.zendesk-apps__copy>p:not(.zendesk-apps__hint),
.tools-carousel__intro p,
.what-we-do__head p,
.what-we-do__step p,
.faq__booking-copy p,
.zendesk-pricing__heading p{
  font-family:var(--sans),Arial,sans-serif;
  font-size:var(--otisa-type-body)!important;
  font-weight:400;
  line-height:var(--otisa-leading-body)!important;
  letter-spacing:0;
}

@media(max-width:700px){
  :root{
    --otisa-type-section:clamp(40px,11vw,48px);
    --otisa-type-feature:29px;
    --otisa-type-body:14px;
    --otisa-leading-section:1.08;
    --otisa-leading-body:1.58;
  }

  .story__copy .story__caption h2,
  .what-we-do__step h3,
  .build-missing__panel-head h3,
  .zendesk-apps__detail-copy h3,
  .zendesk-pricing__heading h3{
    font-size:var(--otisa-type-feature);
    line-height:var(--otisa-leading-feature);
  }

  .story__copy .story__caption p{
    font-size:var(--otisa-type-body)!important;
    line-height:var(--otisa-leading-body)!important;
  }
}