/* ==========================================================================
   Topaz Art Academy — pages.css
   Title-only placeholder pages (Programs / Our Team / Visit).
   Each page carries the shared header + footer and a single large
   display title; the real section content lands later.
   ========================================================================== */

.page-title {
  position: relative;
  min-height: calc(100vh - var(--header-h));
  display: flex;
  align-items: center;
}

.page-title .container {
  width: 100%;
}

.page-title h1 {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: clamp(56px, 8.4vw, 128px);
  line-height: 1.04;
  letter-spacing: -0.015em;
  color: var(--ink);
  animation: title-in 1.1s var(--ease-soft) both;
}

/* pure-CSS entrance — no JS dependency, so the title can never
   be left invisible if the script fails to load */
@keyframes title-in {
  from { opacity: 0; transform: translateY(26px); }
  to   { opacity: 1; transform: none; }
}