/*
 Brij fixes — DELIBERATE divergences from the live compiled CSS.
 app.css stays an exact, unmodified port of the live bundle; anything we
 consciously fix or add on top lives here, one commented block each.
 Loads after app.css.
*/

/*
 FIX (Joe, 22 Jul 2026): header dropdown panels are unstyled between
 768–1023px — live bug. The desktop nav activates at md: (768px) but
 the panel's background/width/padding classes are all lg: (1024px),
 so tiled/half-screen windows get transparent, collapsed dropdowns.
 Mirror the lg: panel styles across the md band. max-width guard so
 the 450px panel can't force overflow at narrow md widths.
*/
@media (min-width: 768px) and (max-width: 1023.98px) {
	header[data-v-b3b88d54] .group > .top-full {
		background-color: #6e2fff;
		width: 450px;
		max-width: calc(100vw - 32px);
		padding: 10px 20px;
		margin-left: -20px;
	}
}

/*
 FIX (Joe, 22 Jul 2026): CarouselText intro reveal — join the circle
 (pulse dot) + vertical dash line and the bordered panel into ONE
 sequence instead of each appearing on its own timing. Dash line + dot
 come in first (0.35s); the panel's slow show (0.6s) is held back by a
 matching transition-delay so it starts only once they've landed.
 carousel-text.js adds .ct-anim (the hidden start state) on init and
 .ct-in-view when the section scrolls into view — both JS-only, so with
 JS off the section is fully visible. The dot's opacity is owned by
 Tailwind's animate-pulse keyframe, so it reveals by scale (not opacity)
 to avoid fighting it. prefers-reduced-motion: everything instant.
*/
[data-ct].ct-anim [data-ct-dashline] {
	opacity: 0;
	transition: opacity 0.35s ease;
}
[data-ct].ct-anim [data-ct-pulse] {
	transform: scale(0);
	transition: transform 0.35s ease;
}
[data-ct].ct-anim [data-ct-panel] {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.6s ease, transform 0.6s ease;
	transition-delay: 0.35s;
}
[data-ct].ct-anim.ct-in-view [data-ct-dashline] {
	opacity: 1;
}
[data-ct].ct-anim.ct-in-view [data-ct-pulse] {
	transform: scale(1);
}
[data-ct].ct-anim.ct-in-view [data-ct-panel] {
	opacity: 1;
	transform: none;
}
@media (prefers-reduced-motion: reduce) {
	[data-ct].ct-anim [data-ct-dashline],
	[data-ct].ct-anim [data-ct-pulse],
	[data-ct].ct-anim [data-ct-panel] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}