:root {
  --space361-hero-font: "Raleway", "Helvetica Neue", "Avenir Next", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}

.hero .hero-copy,
.space361-hero .hero-copy,
.taxonomy-hero .section-head,
.shop-hero .shop-head,
.column-hero,
.column-hero-copy,
.family-section-carousel .family-section-content {
  font-family: var(--space361-hero-font);
}

.hero h1,
.hero-copy h1,
.space361-hero h1,
.taxonomy-hero .section-head h1,
.taxonomy-hero .section-head h2,
.shop-hero .shop-head h1,
.shop-hero .shop-head h2,
.column-hero h1,
.column-hero h2,
.column-hero-copy h1,
.column-hero-copy h2,
.family-section-carousel .family-section-content h1,
.family-section-carousel .family-section-content h2 {
  font-family: var(--space361-hero-font) !important;
  font-weight: 200 !important;
  letter-spacing: .012em !important;
  line-height: 1.08 !important;
  text-wrap: balance;
}

.language-zh .hero h1,
.language-zh .hero-copy h1,
.language-zh .space361-hero h1,
.language-zh .taxonomy-hero .section-head h1,
.language-zh .taxonomy-hero .section-head h2,
.language-zh .shop-hero .shop-head h1,
.language-zh .shop-hero .shop-head h2,
.language-zh .column-hero h1,
.language-zh .column-hero h2,
.language-zh .column-hero-copy h1,
.language-zh .column-hero-copy h2 {
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: .02em !important;
  line-height: 1.16 !important;
}

.hero .eyebrow,
.space361-hero .eyebrow,
.taxonomy-hero .eyebrow,
.shop-hero .eyebrow,
.column-hero .eyebrow,
.column-hero-copy .eyebrow,
.family-section-carousel .eyebrow {
  font-family: var(--space361-hero-font);
  font-weight: 700;
  letter-spacing: .18em;
}

.hero .hero-copy p:not(.eyebrow),
.space361-home .hero-text p,
.taxonomy-hero .section-head > p,
.shop-hero .shop-head .lead,
.shop-hero .shop-summary,
.column-hero p,
.column-hero-copy p,
.family-section-carousel .family-section-content p {
  font-family: var(--space361-hero-font);
  font-weight: 500;
  letter-spacing: 0;
}

.hero .btn,
.hero .text-link,
.space361-hero .text-link,
.taxonomy-hero .text-link,
.shop-hero .text-link,
.column-hero .btn,
.column-hero .text-link,
.column-hero-copy .btn,
.column-hero-copy .text-link,
.family-section-carousel .btn,
.family-section-carousel .text-link {
  font-family: var(--space361-hero-font);
  font-weight: 700;
}

@media (max-width: 720px) {
  .hero h1,
  .hero-copy h1,
  .space361-hero h1,
  .taxonomy-hero .section-head h1,
  .taxonomy-hero .section-head h2,
  .shop-hero .shop-head h1,
  .shop-hero .shop-head h2,
  .column-hero h1,
  .column-hero h2,
  .column-hero-copy h1,
  .column-hero-copy h2 {
    letter-spacing: .006em !important;
    line-height: 1.1 !important;
  }
}