/* Commercial and corporate typography refinements. */
:root {
  --serif: "Montserrat", Arial, sans-serif;
  --sans: "Inter", Arial, sans-serif;
}

body {
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.68;
}

h1,
h2,
h3,
h4,
h5,
h6,
.lanco-brand > span,
.lanco-footer-brand {
  font-family: var(--serif);
  font-style: normal;
}

.lanco-brand > span,
.lanco-footer-brand {
  font-weight: 700;
  letter-spacing: .1em;
}

.lanco-page-hero {
  padding: 82px 0;
}

.lanco-page-hero h1 {
  max-width: 790px;
  margin-bottom: 16px;
  font-size: clamp(2.65rem, 5vw, 4.9rem);
  font-weight: 650;
  letter-spacing: -.045em;
  line-height: 1.02;
}

.lanco-about-story {
  padding-top: 88px;
  padding-bottom: 88px;
}

.lanco-about-layout {
  grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr);
  gap: 8%;
}

.lanco-about-layout aside {
  padding: 28px 0;
}

.lanco-about-pullquote {
  font-family: var(--serif);
  font-size: clamp(1.65rem, 2.7vw, 2.55rem);
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.12;
}

.lanco-about-copy h2 {
  margin-bottom: 22px;
  font-family: var(--serif);
  font-size: clamp(2rem, 3.2vw, 3.15rem);
  font-weight: 650;
  letter-spacing: -.045em;
  line-height: 1.08;
}

.lanco-about-copy p {
  margin-bottom: 19px;
  font-size: .94rem;
  line-height: 1.78;
}

.lanco-benefits h3 {
  font-family: var(--serif);
  font-size: 1.55rem;
  font-weight: 650;
}

.lanco-benefits p {
  font-size: .86rem;
}

.lanco-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  font-family: var(--sans);
  font-size: .7rem !important;
  letter-spacing: .1em;
}

@media (max-width: 640px) {
  body {
    font-size: 14px;
  }

  .lanco-page-hero {
    padding: 62px 0;
  }

  .lanco-page-hero h1 {
    font-size: 2.65rem;
  }

  .lanco-about-story {
    padding-top: 62px;
    padding-bottom: 62px;
  }
}