/* Homepage typography scale. */

.option-three {
  --mv-type-label: var(--mv-text-label, 12px);
}

.option-three .o3-kicker {
  font-size: var(--mv-type-micro);
  line-height: 1.35;
}

.option-three .o3-guide p,
.option-three .o3-logo-lane > p {
  font-size: var(--mv-type-label);
  line-height: 1.35;
}

.option-three .o3-button,
.option-three .o3-all-projects,
.option-three .o3-deliveries-link,
.option-three .o3-guides > .o3-section-head > a,
.option-three .o3-card-body > a,
.option-three .o3-card-link,
.option-three .o3-text-action,
.option-three .o3-guide-cta,
.option-three .o3-trust-content > a {
  font-size: var(--mv-type-action);
}

.option-three .o3-card-image span,
.option-three .o3-facts small,
.option-three .o3-deliveries > div:last-of-type > a > span,
.option-three .o3-city,
.option-three .o3-search label span,
.option-three .o3-advisor form label {
  font-size: var(--mv-type-micro);
}

.option-three .o3-search select,
.option-three .o3-search-select__trigger {
  font-size: var(--mv-type-control);
}

.option-three .o3-hero-content > p:not(.o3-kicker) {
  font-size: var(--mv-text-lead, var(--mv-type-body));
  line-height: 1.65;
}

.option-three .o3-ways-copy > p:not(.o3-kicker),
.option-three .o3-section-head > p,
.option-three .o3-about-copy > p:not(.o3-kicker),
.option-three .o3-advisor > div > p:not(.o3-kicker) {
  font-size: var(--mv-text-body, var(--mv-type-body));
  line-height: 1.65;
}

.option-three .o3-card-body h3 {
  font-size: var(--mv-text-h3, var(--mv-type-card-heading));
  line-height: 1.08;
}

.option-three .o3-card-body .o3-price {
  font-size: 14px; /* experiment -3px: 11px */
  line-height: 1.45;
}

.option-three .o3-facts {
  font-size: var(--mv-text-body, 15px);
  line-height: 1.4;
}

.option-three .o3-way-grid p {
  font-size: 14px; /* experiment -3px: 11px */
  line-height: 1.5;
}

.option-three .o3-guide h3 {
  font-size: var(--mv-text-h3, 28px);
  line-height: 1.12;
}

.option-three .o3-trust-metrics span {
  font-size: 13px; /* experiment -3px: 10px */
  line-height: 1.45;
}

.option-three .o3-trust-content > a,
.option-three .o3-card-body > a,
.option-three .o3-card-link,
.option-three .o3-all-projects,
.option-three .o3-deliveries-link,
.option-three .o3-guides > .o3-section-head > a {
  line-height: 1.25;
}

.option-three .o3-about-copy h3 {
  font-size: var(--mv-text-h3, 34px);
  line-height: 1.05;
}

.option-three .o3-about-copy .o3-text-action {
  text-transform: uppercase;
}

.option-three .o3-testimonial blockquote {
  margin: 0;
  color: var(--o3-ink, var(--mv-color-ink));
  font-family: var(--mv-font-display);
  font-weight: 500;
  font-size: var(--mv-text-lead, clamp(20px, 1.6vw, 25px));
  line-height: 1.18;
  letter-spacing: -0.018em;
}

.option-three .o3-testimonial strong {
  font-size: 13px; /* experiment -3px: 10px */
}

.option-three .o3-testimonial footer span {
  font-size: var(--mv-text-label, 12px);
  letter-spacing: .03em;
}

.option-three .o3-logo-lane > p {
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--o3-red, var(--mv-color-red));
}

@media (max-width: 680px) {
  .option-three .o3-hero-content > p:not(.o3-kicker),
  .option-three .o3-ways-copy > p:not(.o3-kicker),
  .option-three .o3-section-head > p,
  .option-three .o3-about-copy > p:not(.o3-kicker),
  .option-three .o3-advisor > div > p:not(.o3-kicker) {
    line-height: 1.58;
  }

  .option-three .o3-guide h3 {
    font-size: var(--mv-text-h3, 27px);
  }
}

@media (max-width: 720px) {
  .option-three .o3-testimonial blockquote {
    font-size: var(--mv-text-lead, 27px);
    line-height: 1.18;
  }
}