/* Keep each part of Creare's headline intact on compact phone screens. */
.hero h1 { max-width: none; font-size: clamp(2.35rem, 5.5vw, 5.5rem); }
.hero h1 span { display: block; }
@media (min-width: 24rem) and (max-width: 38rem) {
  .hero h1 { font-size: clamp(2.7rem, 11vw, 4.2rem); }
}
@media (prefers-color-scheme: dark) {
  .sketch-icon { filter: invert(1) hue-rotate(180deg); }
}