:root {
  font-family: var(--font-body);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
p {
  margin: 0;
}

.section-title,
.hero-title,
.work-title,
.final-cta__title {
  font-family: var(--font-display);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 0.86;
  text-transform: uppercase;
}

.section-title {
  font-size: clamp(3.7rem, 10vw, 10.5rem);
}

.hero-title {
  font-size: clamp(4rem, 10vw, 9.2rem);
}

.work-title {
  font-family: var(--font-serif);
  font-size: clamp(3.2rem, 8vw, 7.4rem);
  font-weight: 400;
  line-height: 0.95;
  text-transform: none;
}

.final-cta__title {
  font-size: clamp(4rem, 13vw, 15rem);
}

.outline {
  color: transparent;
  -webkit-text-stroke: 0.02em currentColor;
  -webkit-text-stroke-color: rgba(247, 247, 240, 0.86);
}

em {
  color: var(--color-accent);
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 400;
  text-transform: none;
}