/* ==========================================================================
   AE Creative — Interior page hero
   A simpler, non-video hero for every page other than the homepage
   (whose video hero is untouched — see ARCHITECTURE.md). Built entirely
   from existing tokens (--bg, --line, --brand, --ff-display, --space-*)
   and the same decorative-glow technique already used on the homepage
   (cae-drift, defined in animations.css) — no new colors, no new
   animation. Pairs with breadcrumb.css for the line above the title.
   ========================================================================== */

.page-hero{
  position:relative;overflow:hidden;
  padding:clamp(140px,16vw,180px) var(--space-section-x) var(--space-section-y-sm);
  background:var(--bg);
  border-bottom:1px solid var(--line);
}
.page-hero__glow{
  position:absolute;top:-20%;right:-10%;width:55vw;height:55vw;max-width:640px;max-height:640px;
  border-radius:50%;
  background:radial-gradient(circle at 60% 40%,rgba(120,60,220,.28),transparent 62%);
  filter:blur(30px);
  animation:cae-drift 16s ease-in-out infinite;
  pointer-events:none;
}
.page-hero__inner{position:relative;max-width:var(--container);margin:0 auto}
.page-hero__inner .breadcrumb{margin-bottom:20px}
.page-hero__title{
  font-family:var(--ff-display);font-weight:800;
  font-size:clamp(34px,6vw,64px);
  line-height:1.1;letter-spacing:-.03em;
  margin:0 0 14px;color:var(--surface-title);
}
.page-hero__desc{
  max-width:640px;font-size:clamp(15px,1.8vw,18px);line-height:1.7;
  color:var(--surface-desc);margin:0;
}