/* src/css/components/blocks/_Intro.scss */
.hwc-fs-80 {
  font-size: 40px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-80 {
    font-size: calc(40px + 40 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-80 {
    font-size: 80px;
  }
}
.hwc-fs-80 {
  line-height: 48px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-80 {
    line-height: calc(48px + 36 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-80 {
    line-height: 84px;
  }
}
.hwc-fs-72 {
  font-size: 40px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-72 {
    font-size: calc(40px + 32 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-72 {
    font-size: 72px;
  }
}
.hwc-fs-72 {
  line-height: 48px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-72 {
    line-height: calc(48px + 28 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-72 {
    line-height: 76px;
  }
}
.hwc-fs-64 {
  font-size: 32px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-64 {
    font-size: calc(32px + 32 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-64 {
    font-size: 64px;
  }
}
.hwc-fs-64 {
  line-height: 38px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-64 {
    line-height: calc(38px + 34 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-64 {
    line-height: 72px;
  }
}
.hwc-fs-48 {
  font-size: 32px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-48 {
    font-size: calc(32px + 16 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-48 {
    font-size: 48px;
  }
}
.hwc-fs-48 {
  line-height: 38px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-48 {
    line-height: calc(38px + 12 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-48 {
    line-height: 50px;
  }
}
.hwc-fs-40 {
  font-size: 24px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-40 {
    font-size: calc(24px + 16 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-40 {
    font-size: 40px;
  }
}
.hwc-fs-40 {
  line-height: 30px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-40 {
    line-height: calc(30px + 14 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-40 {
    line-height: 44px;
  }
}
.hwc-fs-32 {
  font-size: 24px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-32 {
    font-size: calc(24px + 8 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-32 {
    font-size: 32px;
  }
}
.hwc-fs-32 {
  line-height: 30px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-32 {
    line-height: calc(30px + 10 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-32 {
    line-height: 40px;
  }
}
.hwc-fs-24 {
  font-size: 20px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-24 {
    font-size: calc(20px + 4 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-24 {
    font-size: 24px;
  }
}
.hwc-fs-24 {
  line-height: 28px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-24 {
    line-height: calc(28px + 6 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-24 {
    line-height: 34px;
  }
}
.hwc-fs-20 {
  font-size: 16px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-20 {
    font-size: calc(16px + 4 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-20 {
    font-size: 20px;
  }
}
.hwc-fs-20 {
  line-height: 20px;
}
@media screen and (min-width: 440px) {
  .hwc-fs-20 {
    line-height: calc(20px + 4 * (100vw - 440px) / 840);
  }
}
@media screen and (min-width: 1280px) {
  .hwc-fs-20 {
    line-height: 24px;
  }
}
.hwc-BlockIntro-container {
  display: flex;
  gap: 4rem;
}
.hwc-BlockIntro-col {
  flex: 1 0;
}
.hwc-BlockIntro {
}
@media screen and (max-width: 768px) {
  .hwc-BlockIntro-container {
    flex-direction: column;
    gap: 1rem;
  }
}

/*# sourceMappingURL=hwc-intro.css.map */