/* ============================================================
   DIRECTION 01 — ASCENT
   Kinetic launch. Trajectory arc, the ball at apex, ghost type,
   orange motion. Continuity pick — Bebas, white, elevated.
   ============================================================ */
body[data-dir="ascent"] {
  --bg: #f8f8f6;
  --fg: #0a0a0a;
  --accent: #E8521A;
  --rule: #0a0a0a;
  --display: var(--font-bebas);
}

/* hero decorations */
body[data-dir="ascent"] .hero-deco { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }
body[data-dir="ascent"] .hero-ghost {
  position: absolute;
  left: -3vw; bottom: -4vh;
  font-family: var(--font-bebas);
  font-size: 30vw;
  line-height: 0.8;
  color: rgba(10,10,10,0.035);
  letter-spacing: 0.02em;
  white-space: nowrap;
}
body[data-dir="ascent"] .hero-arc {
  position: absolute;
  right: -6%; top: -4%;
  width: 62%; height: 108%;
  opacity: 0.85;
}
body[data-dir="ascent"] .hero-arc path {
  stroke-dasharray: 6 8;
  animation: arcFlow 18s linear infinite;
}
@keyframes arcFlow { to { stroke-dashoffset: -280; } }
body[data-dir="ascent"] .hero-ball {
  position: absolute;
  right: 9%; top: 8%;
  width: 30px; height: 30px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 6px rgba(232,82,26,0.16), -54px 40px 0 -10px rgba(232,82,26,0.18), -100px 78px 0 -15px rgba(232,82,26,0.10);
  animation: ballFloat 4.5s ease-in-out infinite;
}
@keyframes ballFloat { 50% { transform: translate(-8px, -14px); } }

/* hero title — orange outline emphasis */
body[data-dir="ascent"] .hero-title { font-weight: 400; }
body[data-dir="ascent"] .hero-title .l3 em {
  -webkit-text-stroke: 2px var(--accent);
  color: transparent;
}
body[data-dir="ascent"] .hero-title .l4 { color: var(--accent); }

body[data-dir="ascent"] .hero-stat-num { color: var(--fg); }
body[data-dir="ascent"] .featured-card { box-shadow: inset 0 5px 0 var(--accent); }

/* edu hero ghost */
body[data-dir="ascent"] .edu-hero-deco { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
body[data-dir="ascent"] .edu-ghost {
  position: absolute; right: -2vw; top: -6vh;
  font-family: var(--font-bebas); font-size: 26vw; line-height: 0.8;
  color: rgba(10,10,10,0.035); letter-spacing: 0.02em;
}
body[data-dir="ascent"] .edu-title em { color: var(--accent); }
body[data-dir="ascent"] .about-title em,
body[data-dir="ascent"] .contact-title em { color: var(--accent); }

/* nav logo word uses display */
body[data-dir="ascent"] .nav-logo-word { font-family: var(--font-bebas); }