.s-mask {
  position: relative;
  overflow: hidden;
  background: var(--surface-page);
  padding-block: 230px 129.2px;
}

.s-mask__art {
  position: absolute;
  left: -573px;
  top: 11px;
  width: 2600px;
  height: 590px;
  max-width: none;
  pointer-events: none;
  user-select: none;
}

.s-mask__line {
  position: relative;
  z-index: 1;
  width: 645px;
  margin-left: calc(50% - 322px);
  font-family: var(--serif);
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: var(--ink-invert);
  font-variation-settings: "SOFT" 0, "WONK" 0;
  overflow-wrap: break-word;
}

@media (min-width: 1441px) {
  .s-mask__art {
    left: -39.8%;
    width: 180.6%;
  }
}

@media (max-width: 1200px) {
  .s-mask__art {
    left: -39.8%;
    width: 180.6%;
  }
}

@media (max-width: 900px) {
  .s-mask {
    padding-block: 176px 104px;
  }

  .s-mask__line {
    width: auto;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
  }
}

@media (max-width: 640px) {
  .s-mask {
    padding-block: 136px 76px;
    padding-inline: var(--gutter);
  }

  .s-mask__art {
    left: -46%;
    width: 192%;
  }

  .s-mask__line {
    max-width: 100%;
    font-size: 30px;
  }
}