/* Generic Page template fallback (page.php) — any WordPress Page
   without its own dedicated template (Privacy Policy, Terms, etc).
   Basic Classic Editor content styling itself lives in
   parts/entry-content.css via the shared .entry-content class. */
/* .page-content itself stays full-width so .page-content__hero can be
   full-bleed — the max-width/inset constraint lives on
   .page-content__inner instead, wrapping only the text body. */
.page-content__inner {
  max-width: 60rem;
  margin: 0 auto;
  padding: 0 var(--theme-section-padding) var(--theme-section-padding);
}

.page-content__title {
  margin: 0;
  font-size: clamp(1.75rem, 4vw, 3rem);
  font-weight: 700;
}

.page-content__body {
  font-size: var(--theme-font-size-copy);
}

/* Full-bleed hero — same pattern as .single-post__hero, minus the date
   badge (a generic Page has no publish date to show). */
.page-content__hero {
  position: relative;
  overflow: clip;
  margin: 0;
  width: 100%;
  height: 100svh;
  max-height: 100svh;
}

.page-content__hero img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@supports (animation-timeline: scroll()) {
  .page-content__hero img {
    animation: single-hero-parallax linear both;
    animation-timeline: scroll(root);
    animation-range: 0 100vh;
  }
}

.page-content__hero-body {
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: calc(var(--theme-section-padding) * 2);
  background-image: linear-gradient(0deg, var(--brand-color-dark), transparent);
  color: var(--brand-color-light);
}

.page-content .page-content__body {
  margin-top: var(--theme-space-md);
}