@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-variable.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --display-title-size: clamp(42px, 4vw, 50px);
}

/* Section display headings stay restrained; Hero/page titles use their own independent classes. */
body .display-title,
.editor-styles-wrapper .display-title {
  font-size: var(--display-title-size) !important;
  line-height: 1.05;
  letter-spacing: -0.025em;
}

@media (max-width: 700px) {
  :root {
    --display-title-size: clamp(38px, 11vw, 46px);
  }
}