/* =============================================================================
   CINESTAR EVENTS -- Storm Inner (shared inner-page chrome)
   theme/cinestar-child/assets/css/storm-inner.css
   Depends on: main.css (tokens), storm-core.css (foundation)
   Inner-page hero band + left scroll-progress rail. Page-specific accents live
   in each page's own stylesheet (about.css, events.css, ...).
   ============================================================================= */

/* -- Inner hero band ------------------------------------------------------- */
.ce-inner-hero {
	position: relative;
	padding: calc(80px + clamp(2.5rem, 6vw, 5rem)) 0 clamp(2.5rem, 6vw, 4.5rem);
	overflow: hidden;
	isolation: isolate;
}
.ce-inner-hero__scrim {
	position: absolute; inset: 0; z-index: -1;
	background:
		radial-gradient(120% 90% at 12% 0%, rgba(123,47,190,0.20), transparent 60%),
		linear-gradient(180deg, rgba(10,10,10,0.30) 0%, var(--ce-bg, #0A0A0A) 92%);
}
.ce-inner-hero__eyebrow {
	font-family: var(--ce-font-heading, 'Montserrat', sans-serif);
	font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase;
	font-size: 0.8rem; color: var(--ce-magenta, #FF1493); margin: 0 0 0.85rem;
}
.ce-inner-hero__headline {
	font-family: var(--ce-font-heading, 'Montserrat', sans-serif);
	font-weight: 900; text-transform: uppercase; line-height: 1.02;
	font-size: clamp(2.4rem, 6vw, 4.5rem); margin: 0 0 1.1rem; color: #fff;
}
/* Foil accent word -- text-shadow:none + drop-shadow to avoid muddy-gold bleed
   through gradient-clipped glyphs (see homepage hero gotcha). */
.ce-inner-hero__accent {
	background: linear-gradient(100deg, #F7E7B0 0%, #FFD700 38%, #FFF4CC 52%, #FFD700 66%, #E8B923 100%);
	background-size: 200% auto;
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent; color: transparent;
	text-shadow: none;
	filter: drop-shadow(0 1px 10px rgba(255,215,0,0.18));
	animation: ce-shimmer-smooth 4s linear infinite;
}
.ce-inner-hero__sub {
	font-family: var(--ce-font-body, 'Inter', sans-serif);
	color: var(--ce-text-muted, #C9C9C9); max-width: 60ch;
	font-size: clamp(1rem, 1.4vw, 1.15rem); line-height: 1.65; margin: 0;
}

/* -- Scroll-progress rail (left edge, desktop only) ------------------------ */
.ce-scroll-rail {
	position: fixed; left: 0; top: 0; bottom: 0; width: 2px; z-index: 5;
	background: rgba(255,255,255,0.06); pointer-events: none;
}
.ce-scroll-rail__fill {
	position: absolute; top: 0; left: 0; width: 100%; height: 0;
	background: linear-gradient(180deg, #FFD700, #FF1493);
	box-shadow: 0 0 8px rgba(255,215,0,0.5);
	transform-origin: top;
}
@media (max-width: 1023px) { .ce-scroll-rail { display: none; } }
@media (prefers-reduced-motion: reduce) {
	.ce-inner-hero__accent { animation: none; }
}