/* =========================================================
   YES I CAN ROOFING & EXTERIORS
   GLOBAL TYPOGRAPHY / READABILITY PASS
   V09 — STRONGER TITLES, LARGER SUPPORTING TEXT, HIGHER CONTRAST
   ========================================================= */

:root {
  --text-navy: #07182b;
  --text-dark: #26384a;
  --text-mid: #3f5164;
  --text-red: #e3131b;
}

/* ---------- HEADER / HERO ---------- */
.site-header__link {
  font-size: 13.5px;
  font-weight: 800;
}

.hero__eyebrow {
  color: #ffffff;
  font-size: 13.5px;
  font-weight: 900;
}

.hero__copy {
  color: rgba(255, 255, 255, .98);
  font-size: 18px;
  font-weight: 600;
}

/* ---------- SERVICES ---------- */
.services-overview__eyebrow {
  color: var(--text-navy);
  font-size: 12px;
  font-weight: 900;
}

.services-overview__title {
  color: var(--text-navy);
  font-size: clamp(34px, 2.9vw, 48px);
  font-weight: 950;
  line-height: 1;
}

.services-overview__copy {
  max-width: 700px;
  color: var(--text-dark);
  font-size: 15px;
  font-weight: 650;
  line-height: 1.5;
}

.services-overview__cta {
  color: var(--text-navy);
  font-size: 12.5px;
  font-weight: 900;
}

.service-overview-card__body {
  min-height: 74px;
  padding-top: 11px;
  padding-bottom: 12px;
}

.service-overview-card__title {
  color: var(--text-navy);
  font-size: 16.5px;
  font-weight: 900;
  line-height: 1.12;
}

.service-overview-card__text {
  color: var(--text-dark);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

/* ---------- CTA BAND ---------- */
.cta-band__eyebrow {
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
}

.cta-band__title {
  font-size: clamp(36px, 3.15vw, 50px);
  font-weight: 950;
}

.cta-band__copy {
  color: rgba(255, 255, 255, .96);
  font-size: 15.5px;
  font-weight: 650;
}

.cta-band__action-copy strong {
  font-size: 13px;
  font-weight: 900;
}

.cta-band__action-copy small {
  color: rgba(255, 255, 255, .94);
  font-size: 11px;
  font-weight: 650;
}

/* ---------- PROJECT GALLERY ---------- */
.project-gallery__eyebrow {
  color: var(--text-red);
  font-size: 12px;
  font-weight: 950;
}

.project-gallery__title {
  color: var(--text-navy);
  font-size: clamp(42px, 3.7vw, 58px);
}

.project-gallery__filter {
  color: var(--text-navy);
  font-size: 12.5px;
  font-weight: 900;
}

.project-gallery__meta strong {
  color: #ffffff;
  font-size: 16px;
  font-weight: 950;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.project-gallery__meta span {
  color: rgba(255, 255, 255, 0.9);
  font-size: 12.5px;
  font-weight: 700;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
}

.project-gallery__view-all {
  font-size: 12px;
  font-weight: 950;
}

/* ---------- WHY CHOOSE US ---------- */
.why-choose__eyebrow {
  color: var(--text-red);
  font-size: 12px;
  font-weight: 950;
}

.why-choose__title {
  color: var(--text-navy);
  font-size: clamp(30px, 2.35vw, 40px);
}

.why-choose__intro {
  max-width: 720px;
  color: var(--text-dark);
  font-size: 14.5px;
  font-weight: 650;
  line-height: 1.5;
}

.why-choose__item h3 {
  color: var(--text-navy);
  font-size: 14px;
  font-weight: 950;
}

.why-choose__item p {
  color: var(--text-dark);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.5;
}

.why-choose__footer p {
  color: var(--text-mid);
  font-size: 11.5px;
  font-weight: 700;
}

/* ---------- REVIEWS ---------- */
.reviews__eyebrow {
  color: var(--text-red);
  font-size: 12.5px;
  font-weight: 950;
}

.reviews__title {
  color: #ffffff;
  font-size: clamp(32px, 2.5vw, 44px);
}

.reviews__intro {
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}



.reviews__quote {
  color: var(--text-dark);
  font-size: 14.5px;
  font-weight: 650;
}

.reviews__person strong {
  color: var(--text-navy);
  font-size: 13.5px;
}

.reviews__person span {
  color: var(--text-mid);
  font-size: 11.5px;
  font-weight: 700;
}

/* ---------- HOW IT WORKS ---------- */








/* ---------- FINAL CTA ---------- */






/* ---------- FOOTER ---------- */
.site-footer__brand p {
  color: rgba(255, 255, 255, .92);
  font-size: 13.5px;
  font-weight: 650;
}

.site-footer__column h3 {
  color: #ffffff;
  font-size: 15.5px;
  font-weight: 950;
}

.site-footer__contact li,
.site-footer__links a {
  color: rgba(255, 255, 255, .92);
  font-size: 12.5px;
  font-weight: 650;
}







.site-footer__bottom,
.site-footer__legal a {
  color: rgba(255, 255, 255, .86);
  font-size: 12px;
  font-weight: 650;
}

/* ---------- MOBILE / TABLET READABILITY ---------- */
@media (max-width: 768px) {
  .site-header__mobile-link {
    font-size: 14px;
    font-weight: 800;
  }

  .hero__eyebrow {
    font-size: 12.5px;
  }

  .hero__copy {
    font-size: 15px;
    line-height: 1.5;
  }

  .services-overview__eyebrow,
  .project-gallery__eyebrow,
  .why-choose__eyebrow,
  .reviews__eyebrow {
    font-size: 11.5px;
  }

  .services-overview__title {
    font-size: clamp(31px, 9vw, 40px);
  }

  .services-overview__copy,
  .why-choose__intro,
  .reviews__intro {
    font-size: 14px;
  }

  .service-overview-card__title {
    font-size: 16px;
  }

  .service-overview-card__text {
    font-size: 12.5px;
  }

  .cta-band__copy {
    font-size: 14px;
  }

  .cta-band__action-copy strong {
    font-size: 12.5px !important;
  }

  .cta-band__action-copy small {
    font-size: 10.5px !important;
  }

  .project-gallery__title {
    font-size: clamp(36px, 10vw, 48px);
  }

  .project-gallery__meta strong {
    font-size: 15.5px;
  }

  .project-gallery__meta span {
    font-size: 12px;
  }

  .why-choose__title,
  .reviews__title {
    font-size: clamp(29px, 8.5vw, 38px);
  }

  .why-choose__item h3 {
    font-size: 13.5px;
  }

  .why-choose__item p {
    font-size: 11.5px;
  }

  .reviews__quote {
    font-size: 14px;
  }

  

  

  .site-footer__brand p,
  .site-footer__links a {
    font-size: 12.5px;
  }

  
}