h1,
.hero-title,
.portfolio-title {
  margin: 0 0 22px;
  font-size: clamp(42px, 7vw, 64px);
  line-height: .96;
  letter-spacing: -0.03em;
  text-shadow: 0 16px 46px rgba(0,0,0,.42);
}

h2,
.section-title {
  margin: 0;
  font-size: clamp(30px, 4vw, 40px);
  line-height: 1.02;
  letter-spacing: -0.03em;
}

h3,
.card-title {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

h4,
h5,
h6 {
  margin: 0 0 8px;
  line-height: 1.2;
  letter-spacing: 0;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

.quote p {
  margin: 0;
  font-size: clamp(23px, 3vw, 30px);
  line-height: 1.18;
  letter-spacing: -0.04em;
}

:root[data-theme="light"] h1,
:root[data-theme="light"] .hero-title,
:root[data-theme="light"] .portfolio-title {
  text-shadow: 0 16px 46px rgba(33,57,112,.12);
}