.work-page .section-opening {
  max-width: 1160px;
  margin: 0 auto;
  padding: 42px 5% 48px;
}
.section-opening-heading {
  text-align: center;
  max-width: 880px;
  margin: 0 auto 48px;
}
.section-opening-label {
  display: inline-block;
  padding: 4px 18px;
  background: #fff;
  color: #111;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 600;
  margin-bottom: 28px;
}
.work-page .section-opening-heading h1 {
  color: #000;
  font-size: clamp(36px, 4.2vw, 62px);
  font-weight: 600 !important;
  line-height: 1.06;
  letter-spacing: -0.055em !important;
  margin: 0;
}
.section-opening-heading h1 em {
  font-family: Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.065em;
}
.work-introduction {
  max-width: 52ch;
  margin: 26px auto 0;
  font-size: 14px;
  line-height: 1.65;
  color: #505866;
}
@media (max-width: 599px) {
  .work-page .section-opening {
    padding: 20px 6% 32px;
    margin-top: -40px;
  }
  .section-opening-heading {
    margin-bottom: 48px;
  }
  .section-opening-label {
    font-size: 12px;
    margin-bottom: 24px;
  }
  .work-page .section-opening-heading h1 {
    font-size: clamp(25px, 7.3vw, 42px);
  }
}
@media (max-height: 500px) and (max-width: 599px) and (orientation: landscape) {
  .work-page .section-opening {
    margin-top: 0;
  }
  .section-opening-heading {
    margin-bottom: 30px;
  }
}