h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

/* fixed */
.has-display-font-size {
  line-height: 1;
}

.has-title-lg-font-size {
  line-height: 1.1;
}

.has-title-base-font-size {
  line-height: 1.1;
}

.has-title-sm-font-size {
  line-height: 1.2;
}

.has-subtitle-font-size {
  line-height: 1.2;
}

.has-body-lg-font-size {
  line-height: 1.3;
}

.has-body-base-font-size {
  line-height: 1.4;
}

.has-body-sm-font-size {
  line-height: 1.4;
}

/* display */
.has-display-font-size {
  line-height: 1.2;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 768px) {
  .has-display-font-size {
    line-height: 1;
    letter-spacing: -0.04em;
  }
}

/* title:sm - title:base */
.has-fluid-0-font-size {
  line-height: 1.2;
  letter-spacing: -0.01rem;
}

@media screen and (min-width: 768px) {
  .has-fluid-0-font-size {
    line-height: 1.1;
    letter-spacing: -0.02rem;
  }
}

/* body:lg - subtitle */
.has-fluid-1-font-size {
  line-height: 1.3;
  letter-spacing: -0.01rem;
}

@media screen and (min-width: 768px) {
  .has-fluid-1-font-size {
    line-height: 1.2;
  }
}

/* spotlight */
.has-spotlight-font-size {
  line-height: 1.1;
  letter-spacing: -0.02em;
}

@media screen and (min-width: 768px) {
  .has-spotlight-font-size {
    line-height: 1;
    letter-spacing: -0.04em;
  }
}

/* title:sm - title:lg */
.has-fluid-2-font-size {
  line-height: 1.2;
  letter-spacing: -0.01em;
}

@media screen and (min-width: 768px) {
  .has-fluid-2-font-size {
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
}

/* body:base - body:lg */
.has-fluid-3-font-size {
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .has-fluid-3-font-size {
    line-height: 1.3;
    letter-spacing: -0.01em;
  }
}

/* subtitle - title:base */
.has-fluid-4-font-size {
  line-height: 1.2;
  letter-spacing: -0.01em;
}

@media screen and (min-width: 768px) {
  .has-fluid-4-font-size {
    line-height: 1.1;
    letter-spacing: -0.03em;
  }
}

/* subtitle - title:sm */
.has-fluid-5-font-size {
  line-height: 1.2;
  letter-spacing: -0.01em;
}

@media screen and (min-width: 768px) {
  .has-fluid-5-font-size {
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
}

/* subtitle - title:lg */
.has-fluid-6-font-size {
  line-height: 1.2;
  letter-spacing: -0.01em;
}

@media screen and (min-width: 768px) {
  .has-fluid-6-font-size {
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
}

/* body:sm - body:lg */
.has-fluid-7-font-size {
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .has-fluid-7-font-size {
    line-height: 1.3;
    letter-spacing: -0.01em;
  }
}

/* body:lg - title:sm */
.has-fluid-8-font-size {
  line-height: 1.3;
  letter-spacing: -0.01em;
}

@media screen and (min-width: 768px) {
  .has-fluid-8-font-size {
    line-height: 1.2;
  }
}

/* body:lg - title:base */
.has-fluid-9-font-size {
  line-height: 1.3;
  letter-spacing: -0.01em;
}

@media screen and (min-width: 768px) {
  .has-fluid-9-font-size {
    line-height: 1.1;
    letter-spacing: -0.03em;
  }
}