@font-face {
  font-family: "Jellyka CuttyCupcakes";
  src: url("../fonts/jellyka-cuttycupcakes.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* All handwritten passages share their colour, size and angle. */
.handwriting-frame {
  display: flow-root;
  container-type: inline-size;
  padding-block: 10%;
}
.handwriting-frame .handwriting {
  width: 84%;
  margin: 0 auto;
  font-family: "Jellyka CuttyCupcakes", cursive;
  font-size: clamp(2.4rem, 10cqi, 3.8rem);
  line-height: 1.1;
  font-weight: 400;
  font-style: normal;
  color: #be5719;
  transform: rotate(-15deg);
  transform-origin: center;
  text-wrap: pretty;
}
.tone-green .handwriting,
html[data-theme="dark"] .handwriting { color: #ffab59; }
.handwriting > p { margin: 0; font: inherit; color: inherit; }
.handwriting > p + p { margin-top: .3em; }
.article-handwriting { overflow: visible; }
.project-next-grid { margin-top: 0; }
.project-next-grid h2 { font-size: 1.55rem; }
.support-heading > p { white-space: nowrap; flex-shrink: 0; }
.support-heading > h2 { min-width: 0; }

@media print {
  .handwriting-frame { break-inside: avoid; }
}