/* Homepage-only typography standard.
   Scope is limited to sections that exist only on templates/home.php. */

/* Hero */
[data-region="hero"] h1{
  font-size:34px!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}
[data-region="hero"] h2{
  font-size:24px!important;
  line-height:1.18!important;
  letter-spacing:-.018em!important;
}
[data-region="hero"] .kp-hero-panel-copy>span{
  font-size:13px!important;
  letter-spacing:.08em!important;
}

/* Every main homepage section heading */
[data-region="categories"] h2,
[data-region="featured-products"] h2,
[data-region="seo-intro"] h2,
[data-region="use-cases"] h2,
[data-region="size-guide"] h2,
[data-region="printed-production"] h2,
[data-region="wholesale"] h2,
[data-region="pricing"] h2,
[data-region="faq"] h2,
[data-region="blog"] h2,
[data-region="quote-cta"] h2{
  font-size:26px!important;
  line-height:1.18!important;
  letter-spacing:-.02em!important;
}

/* Small eyebrow/kicker labels */
[data-region="categories"] .kp-kicker,
[data-region="featured-products"] .kp-kicker,
[data-region="seo-intro"] .kp-kicker,
[data-region="use-cases"] .kp-kicker,
[data-region="size-guide"] .kp-kicker,
[data-region="printed-production"] .kp-kicker,
[data-region="wholesale"] .kp-kicker,
[data-region="pricing"] .kp-kicker,
[data-region="faq"] .kp-kicker,
[data-region="blog"] .kp-kicker,
[data-region="quote-cta"]>div>div>span{
  font-size:13px!important;
  line-height:1.25!important;
  letter-spacing:.09em!important;
}

/* Card titles */
[data-region="categories"] h3,
[data-region="featured-products"] h3,
[data-region="use-cases"] h3,
[data-region="pricing"] h3,
[data-region="blog"] h3{
  font-size:18px!important;
  line-height:1.3!important;
  letter-spacing:-.01em!important;
}

/* Keep CTA heading visually secondary */
[data-region="quote-cta"] h2{
  font-size:24px!important;
}

@media (max-width:900px){
  [data-region="hero"] h1{font-size:30px!important}
  [data-region="hero"] h2{font-size:22px!important}

  [data-region="categories"] h2,
  [data-region="featured-products"] h2,
  [data-region="seo-intro"] h2,
  [data-region="use-cases"] h2,
  [data-region="size-guide"] h2,
  [data-region="printed-production"] h2,
  [data-region="wholesale"] h2,
  [data-region="pricing"] h2,
  [data-region="faq"] h2,
  [data-region="blog"] h2,
  [data-region="quote-cta"] h2{font-size:24px!important}
}

@media (max-width:700px){
  [data-region="hero"] h1{
    font-size:28px!important;
    line-height:1.14!important;
  }
  [data-region="hero"] h2{
    font-size:20px!important;
    line-height:1.2!important;
  }

  [data-region="categories"] h2,
  [data-region="featured-products"] h2,
  [data-region="seo-intro"] h2,
  [data-region="use-cases"] h2,
  [data-region="size-guide"] h2,
  [data-region="printed-production"] h2,
  [data-region="wholesale"] h2,
  [data-region="pricing"] h2,
  [data-region="faq"] h2,
  [data-region="blog"] h2,
  [data-region="quote-cta"] h2{
    font-size:22px!important;
    line-height:1.2!important;
  }

  [data-region="categories"] h3,
  [data-region="featured-products"] h3,
  [data-region="use-cases"] h3,
  [data-region="pricing"] h3,
  [data-region="blog"] h3{
    font-size:17px!important;
  }
}