/* Phone and tablet adjustments. The app bundle uses fixed desktop sizes on the homepage. */
@media (max-width: 1024px) {
  /* Hero name: 350px on desktop. Scale so "LILLITH" fits and ". W" bleeds off, like on desktop. */
  h1.text-\[350px\] { font-size: 21vw; }

  /* Homepage statement */
  p.text-6xl { font-size: 2.5rem; line-height: 1.25; }
}

@media (max-width: 640px) {
  p.text-6xl { font-size: 1.625rem; line-height: 1.3; overflow-wrap: break-word; }

  /* Biography section */
  h2.text-\[clamp\(3rem\2c 9vw\2c 10rem\)\] { font-size: 2.5rem; }
  h2.text-\[clamp\(3rem\2c 9vw\2c 10rem\)\] ~ * span.block,
  h2.text-\[clamp\(3rem\2c 9vw\2c 10rem\)\] + * span.block { font-size: 1.5rem; line-height: 1.15; }
}