.course{--course-gap:84px;--course-rail:76px;gap:var(--course-gap);margin:0;padding:0;list-style:none}.course,.course-stop{position:relative;display:grid}.course-stop{grid-template-columns:var(--course-rail) minmax(0,1fr);align-items:start}.course-mark{display:flex;flex-direction:column;align-items:center;gap:6px;width:40px;padding-top:4px}.course-star{width:26px;height:26px;overflow:visible}.course-star-ring{fill:none;stroke:#b3ac9a;stroke-width:1.3;opacity:0}.course-star-light{fill:#a8842c;transform-box:fill-box;transform-origin:center}.course-star-glow{fill:#d4af37;opacity:.2}.course-number{font-size:11px;font-weight:600;letter-spacing:.14em;color:#6d5a25}.course-stop:after,.course-stop:before{content:"";position:absolute;left:19.5px;top:62px;width:1px;height:calc(100% + var(--course-gap) - 68px)}.course-stop:before{background:#d6d1c3}.course-stop:after{background:#a8842c;transform-origin:top;transform:scaleY(var(--leg,1))}.course-stop:last-child:after,.course-stop:last-child:before{display:none}.course-leg{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center;border-radius:6px;color:inherit}.course-stop:nth-child(2n) .course-leg{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.course-stop:nth-child(2n) .course-photo{order:2}.course-photo{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:6px;background:#14293d;isolation:isolate}.course-photo:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#04102044,transparent 30%,#03102155 56%,#031021dd)}.course-photo .guide-identity{left:32px;right:32px;bottom:28px}.course-leg:hover .course-photo>img{transform:scale(1.035)}.course-leg:hover .guide-arrow{border-color:#e4c97f;background:#e4c97f;color:#0a1628}.course-copy h3{font-size:32px;line-height:1.25;letter-spacing:0;color:#0a1628;text-wrap:balance}.course-copy .guide-description{max-width:46ch;margin-block:18px 26px;font-size:14px;line-height:1.85}.course-copy .guide-action{max-width:46ch;justify-content:space-between;padding-top:18px;border-top:1px solid #e0dccf;color:#1a3a5c}.course[data-live] .course-stop:not([data-reached]) .course-star-light{opacity:0;transform:scale(.3)}.course[data-live] .course-stop:not([data-reached]) .course-star-ring{opacity:1}.course[data-live] .course-stop:not([data-reached]) .course-number{opacity:.5}.course[data-live] .course-stop:not([data-reached]):not(:focus-within) .course-leg{opacity:0;transform:translateY(28px)}@media (prefers-reduced-motion:no-preference){.course-star-light{transition:opacity .5s ease,transform .7s cubic-bezier(.2,.9,.3,1.25)}.course-number,.course-star-ring{transition:opacity .4s ease}.course-leg{transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.course-stop:after{transition:transform .2s linear}.course-photo>img{transition:transform 1.2s cubic-bezier(.2,.65,.3,1)}.course-leg .guide-arrow{transition:background .2s,color .2s,border-color .2s}}@media (max-width:860px){.course{--course-gap:56px;--course-rail:44px}.course-mark{width:28px}.course-star{width:22px;height:22px}.course-number{font-size:10px;letter-spacing:.08em}.course-stop:after,.course-stop:before{left:13.5px;top:54px;height:calc(100% + var(--course-gap) - 60px)}.course-leg,.course-stop:nth-child(2n) .course-leg{grid-template-columns:minmax(0,1fr);gap:20px}.course-stop:nth-child(2n) .course-photo{order:0}.course-photo .guide-identity{left:23px;right:23px;bottom:21px}.course-copy h3{font-size:28px}.course-copy .guide-action,.course-copy .guide-description{max-width:none}}