:root {

}

.script-accent,
.project-name-script,
.work-copy h3,
.project-title span,
.case-title span,
.next-link h2 {
  display: inline-block;
  max-width: 100%;
  padding-inline: 0.035em;
  padding-bottom: 0.08em;
  margin-inline: -0.02em;
  margin-bottom: -0.08em;
  font-family: var(--font-script);
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: none;
  text-wrap: balance;
}

.hero-title .script-accent {
  font-size: 0.9em;
  letter-spacing: 0;
  vertical-align: baseline;
}

.case-title {
  max-width: min(100%, 12ch);
  overflow: visible;
}

.case-title span {
  font-size: 0.82em;
}

@media (max-width: 700px) {
  .hero-title .script-accent {
    font-size: 0.7em;
    letter-spacing: 0;
  }

  .work-copy h3,
  .project-title span,
  .case-title span,
  .next-link h2 {
    letter-spacing: 0;
    line-height: 1.02;
  }
}

@media (max-width: 360px) {
  .script-accent,
  .project-name-script,
  .work-copy h3,
  .project-title span,
  .case-title span,
  .next-link h2 {
    padding-inline: 0.02em;
    letter-spacing: 0;
  }
}