/* 1) Google Font: Jaro, but ONLY for the main site title */
@import url("https://fonts.googleapis.com/css2?family=Jaro&display=swap");

main > h1:first-of-type {
  font-family: "Jaro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: clamp(2.2rem, 5vw, 3.2rem);
  line-height: 1.1;
}

/* Create a wrapper around the first H1 without touching HTML */
main > h1:first-of-type {
  display: inline-flex;       /* makes a new wrapper box around contents */
  flex-direction: row;
  align-items: center;        /* vertical centering */
  width: 100%;                /* center across full width of page */
  text-align: center;
  margin-bottom: 1rem;        /* breathing room below */
}

/* Icon style */
main > h1:first-of-type img[alt="Studio Logo / Icon"] {
  width: 80px;
  height: 80px;
  object-fit: contain;
  margin-left: -4px;
}


/* Sensible size cap for content images (screenshots) */
img:not([alt="Studio Logo / Icon"]) {
  max-width: min(640px, 100%);
  height: auto;
  display: flex;
  border-radius: 12px; /* optional, but looks good for screenshots */
}