/* .page-hero-cinema — full-screen hero over the Showcase page's looping clip
   (includes/loop-video-bg.php). The clip is pushed down 17% like the Showcase, which leaves a
   black band at the top: the copy is centred inside that band so it never fights the subject. */
.page-hero.page-hero-cinema{min-height:100vh;background:radial-gradient(circle at 85% 0%,rgba(200,30,111,.35),transparent 45%),linear-gradient(160deg,#07182d,#0d2240 60%,#3a0f2e);padding:0;display:flex;flex-direction:column}
.page-hero.page-hero-cinema:before{display:none}
.loop-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translateY(17%);opacity:0;pointer-events:none}
.page-hero-cinema .container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 0 60px}
.page-hero-cinema .breadcrumb{justify-content:center;color:rgba(255,255,255,.7)}
.page-hero-cinema .eyebrow{margin-top:6px;color:#cfe0f0}
.page-hero-cinema h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.08;margin:18px 0 16px;max-width:900px;letter-spacing:-.03em;text-shadow:0 2px 24px rgba(0,0,0,.6)}
.page-hero-cinema p{max-width:640px;margin:0 auto;font-size:1.05rem;line-height:1.75;color:rgba(255,255,255,.88);text-shadow:0 1px 12px rgba(0,0,0,.7)}
@media(max-width:760px){.page-hero.page-hero-cinema{min-height:88vh}.page-hero-cinema .container{padding:36px 0 40px}.page-hero-cinema h1{font-size:2rem}.page-hero-cinema p{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.loop-video{opacity:1 !important}}

/* curriculum-2564.php — same treatment on the legacy-curriculum hero: copy stacked and centred in the top band,
   the "2564" badge tucked under it as a horizontal strip instead of a side column */
.legacy-curriculum-hero.hero-cinema{min-height:100vh;background:radial-gradient(circle at 72% 25%,rgba(224,53,127,.28),transparent 28%),linear-gradient(120deg,#07182d 0,#142f51 58%,var(--brand-pink) 100%);padding:0;display:flex;flex-direction:column}
.legacy-curriculum-hero.hero-cinema>.container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:48px 0 60px}
.legacy-curriculum-hero.hero-cinema .breadcrumb{justify-content:center;color:rgba(255,255,255,.7)}
.legacy-curriculum-hero.hero-cinema .legacy-hero-copy{display:flex;flex-direction:column;align-items:center}
.legacy-curriculum-hero.hero-cinema .legacy-hero-copy .eyebrow{margin-top:6px;color:#cfe0f0}
.legacy-curriculum-hero.hero-cinema h1{max-width:900px;text-shadow:0 2px 24px rgba(0,0,0,.6)}
.legacy-curriculum-hero.hero-cinema .legacy-hero-copy>p{max-width:640px;margin-inline:auto;text-shadow:0 1px 12px rgba(0,0,0,.7)}
.legacy-curriculum-hero.hero-cinema .legacy-hero-copy>div{justify-content:center;margin-top:22px}
.legacy-curriculum-hero.hero-cinema aside{display:flex;flex-direction:row;align-items:baseline;gap:12px;margin-top:18px;padding:8px 20px;border:1px solid rgba(255,255,255,.25);border-left-width:1px;border-radius:999px;background:rgba(0,0,0,.35);backdrop-filter:blur(6px)}
.legacy-curriculum-hero.hero-cinema aside strong{font-size:1.6rem;line-height:1}
@media(max-width:760px){.legacy-curriculum-hero.hero-cinema{min-height:88vh}.legacy-curriculum-hero.hero-cinema>.container{padding:36px 0 40px}}