/*
  Classic Learning Journey — the original winding-road journey (grade cards,
  scroll-synced path fill, early/middle/senior colour themes), restored on the
  V2 homepage by request. Styles are the original ones, unchanged except where
  noted; the block below undoes V2 homepage resets (.v2 p / .v2 h2 / .v2 h3)
  that would otherwise override them. Loaded after homepage.css.
*/
.learning-journey p{margin:1em 0}
.learning-journey h2,.learning-journey h3{color:inherit}
.learning-journey h2{margin:0 0 18px;line-height:1.02}
.learning-journey .eyebrow{margin:0 0 16px}

.learning-journey{--jr-bg:#fff7f2;--jr-ink:#382f45;--jr-accent:#e68ba4;position:relative;overflow:hidden;background:var(--jr-bg);color:var(--jr-ink);transition:background .8s ease,color .8s ease;padding:90px 0 130px}
.learning-journey.theme-early{--jr-bg:#fff7f2;--jr-ink:#382f45;--jr-accent:#e68ba4}.learning-journey.theme-middle{--jr-bg:#f1f8ff;--jr-ink:#10294b;--jr-accent:#2878ff}.learning-journey.theme-senior{--jr-bg:#071b3e;--jr-ink:#fff;--jr-accent:#fac803}
.journey-intro{text-align:center;max-width:850px;margin:auto}.journey-intro h2{font-size:clamp(44px,6vw,76px)}.journey-intro>p:last-child{font-size:18px;opacity:.75;max-width:700px;margin:auto}
.journey-road{position:relative;width:min(1100px,94vw);margin:70px auto 0}.journey-svg{position:absolute;left:50%;top:0;transform:translateX(-50%);width:220px;height:calc(100% - 170px);overflow:visible}.journey-base,.journey-progress{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.journey-base{stroke:color-mix(in srgb,var(--jr-ink) 13%,transparent);stroke-width:5}.journey-progress{stroke:var(--jr-accent);stroke-width:7;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--jr-accent) 50%,transparent));transition:stroke .7s}
.journey-items{position:relative;z-index:2}.grade-stop{min-height:430px;display:grid;grid-template-columns:1fr 100px 1fr;align-items:center}.grade-stop .grade-card{grid-column:1;justify-self:end}.grade-stop.flip .grade-card{grid-column:3;justify-self:start}.grade-dot{grid-column:2;grid-row:1;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;justify-self:center;background:var(--jr-accent);color:#fff;border:7px solid var(--jr-bg);box-shadow:0 10px 30px rgba(0,0,0,.14);font-weight:900;transition:background .7s cubic-bezier(.16,1,.3,1),border-color .7s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);z-index:4}.grade-stop.active .grade-dot{transform:scale(1.08)}.theme-senior .grade-dot{color:#071b3e}
.grade-card{width:min(410px,100%);padding:28px;border-radius:28px;background:color-mix(in srgb,#fff 91%,var(--jr-accent));border:1px solid color-mix(in srgb,var(--jr-accent) 22%,transparent);box-shadow:0 20px 55px rgba(20,25,45,.10);transform:translateY(35px) scale(.96);opacity:.35;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .8s cubic-bezier(.16,1,.3,1),background .8s ease,box-shadow .8s ease}.grade-photo{width:100%;aspect-ratio:16/10;border-radius:18px;overflow:hidden;margin-bottom:16px;background:color-mix(in srgb,var(--jr-accent) 12%,transparent)}.grade-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.grade-stop.active .grade-photo img{transform:scale(1.04)}.grade-card .grade-note{margin-top:14px;font-size:13.5px;opacity:.78;line-height:1.5}.grade-note b{font-weight:800;opacity:1;color:var(--jr-accent)}.theme-senior .grade-card{background:rgba(255,255,255,.08);border-color:rgba(250,200,3,.24);box-shadow:0 20px 55px rgba(0,0,0,.25)}.grade-stop.active .grade-card{transform:none;opacity:1}.grade-card>span{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900;color:var(--jr-accent)}.grade-card h3{font-size:34px;margin:10px 0}.grade-card p{opacity:.76}.grade-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.grade-tags b{font-size:11px;padding:8px 10px;border-radius:999px;background:color-mix(in srgb,var(--jr-accent) 14%,transparent)}
.journey-finish{text-align:center;padding:35px 20px 0}.journey-finish .cap{font-size:48px;color:var(--jr-accent)}.journey-finish strong,.journey-finish small{display:block}.journey-finish strong{letter-spacing:.18em;font-size:14px}.journey-finish small{opacity:.65;margin-top:8px}
@media(max-width:720px){.learning-journey{padding-top:70px}.journey-road{width:94vw}.journey-svg{left:38px;transform:none;width:80px}.grade-stop,.grade-stop.flip{min-height:390px;grid-template-columns:76px 1fr;gap:8px}.grade-dot,.grade-stop.flip .grade-dot{grid-column:1;width:62px;height:62px;border-width:5px;font-size:12px}.grade-stop .grade-card,.grade-stop.flip .grade-card{grid-column:2;justify-self:stretch;width:auto;padding:22px;border-radius:22px}.grade-card h3{font-size:27px}.journey-finish{text-align:left;padding-left:92px}}
@media(prefers-reduced-motion:reduce){.learning-journey,.grade-card{transition:none!important}}