/* Hallmark · shared surface: winding Edumax journey · design-system: design.md
 * Faint wash / one scroll-driven wandering pin / real card occlusion. P5 H5 E5 S5 R5 V5. */
html, body.edumax-landing { scrollbar-width: none; }
html::-webkit-scrollbar, body.edumax-landing::-webkit-scrollbar { display: none; width: 0; height: 0; }
/* The header belongs to the same canvas as the hero; menus retain their own surfaces. */
body.edumax-landing .em-header { background: transparent; border-bottom-color: transparent; }
.edumax-landing .em-journey-atmosphere {
 --journey-wash: color-mix(in srgb, var(--color-accent) 6%, transparent);
 --journey-wash-end: color-mix(in srgb, var(--color-accent) 4%, transparent);
 --journey-wash-middle: color-mix(in srgb, var(--color-accent) .8%, transparent);
 --journey-route: color-mix(in srgb, var(--color-accent) 24%, transparent);
 --journey-pin: color-mix(in srgb, var(--color-accent) 48%, transparent);
 position: fixed;
 inset: 0;
 z-index: 12;
 overflow: clip;
 pointer-events: none;
 user-select: none;
 contain: layout style paint;
}
.edumax-landing .em-journey-atmosphere * { pointer-events: none; }
.edumax-landing .em-journey-wash {
 position: absolute;
 inset: 0;
 background: linear-gradient(110deg, var(--journey-wash), var(--journey-wash-middle) 36%, var(--journey-wash-middle) 62%, var(--journey-wash-end));
}
.edumax-landing .em-journey-flight { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; overflow: visible; }
.edumax-landing .em-journey-atmosphere.is-ready .em-journey-flight { opacity: 1; }
.edumax-landing .em-journey-path { fill: none; stroke: var(--journey-route); stroke-width: 1.5; stroke-dasharray: 4 8; }
.edumax-landing .em-journey-marker { fill: none; stroke: var(--journey-pin); stroke-width: 1.3; transform-origin: 0 0; }
.em-home .em-journey-nearby { fill: none; stroke: var(--journey-pin); stroke-width: 1.8; stroke-dasharray: 60 1000; stroke-linecap: round; }
@media (prefers-reduced-motion: reduce) { .em-home .em-journey-nearby { display: none; } }
@media (max-width: 767px) {
 .edumax-landing .em-journey-atmosphere { --journey-pin: color-mix(in srgb, var(--color-accent) 38%, transparent); --journey-route: color-mix(in srgb, var(--color-accent) 20%, transparent); }
}
@media print { .edumax-landing .em-journey-atmosphere { display: none; } }