.course-section{--course-progress:0;background:#26231f}.course-panel{grid-template-columns:.72fr 1.28fr;align-items:center;gap:5vw;padding:70px max(6vw,24px);display:grid}.course-intro h2{margin:0 0 28px;font-size:clamp(36px,3.7vw,56px);font-weight:400;line-height:1.18}.course-intro h2 em{color:#efdaa7}.course-intro>p:last-child{color:#d8d2c8;max-width:36ch;margin:0;font-size:18px;line-height:1.7}.course-route{min-width:0;position:relative}.course-arc{fill:none;stroke:#cfac7040;stroke-width:1px;pointer-events:none;width:128px;height:100%;position:absolute;inset:0 auto 0 0}.course-arc path{vector-effect:non-scaling-stroke}.course-arc .course-trace{stroke:#e5c88b;stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--course-progress))}.course-route ol{grid-template-columns:1fr;grid-auto-rows:1fr;margin:0;padding:0;list-style:none;display:grid}.course-step{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:40px;min-width:0;padding:20px 0;transition:opacity .35s;display:grid;position:relative}.course-step:nth-child(2),.course-step:nth-child(3){margin-left:80px}.course-number{z-index:1;color:#e5dcc8;background:#26231f;border:1px solid #cfac7080;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;transition:background .35s,color .35s;display:flex;position:relative;box-shadow:0 0 0 5px #26231f}.course-copy{min-width:0;transition:transform .35s}.course-copy h3{font-family:var(--font-heading);color:#f0edde;text-wrap:pretty;margin:0 0 14px;font-size:clamp(25px,2.3vw,34px);font-weight:400;line-height:1.25;transition:color .35s}.course-copy p{color:#c9c4bc;max-width:52ch;margin:0;font-size:16px;line-height:1.65}.course-section:not([data-mode=static]) .course-step.is-active{opacity:1}.course-step.is-active .course-copy h3,.course-section[data-mode=static] h3{color:#efdaa7}.course-step.is-active .course-copy p{color:#f0edde}.course-step.is-active .course-number{color:#302b26;background:#efdaa7;border-color:#efdaa7}.course-section:not([data-mode=static]) .course-step.is-active .course-copy{transform:translate(5px)}.course-section[data-mode=pinned]{height:240svh}.course-section[data-mode=pinned] .course-panel{min-height:100svh;padding-top:40px;padding-bottom:40px;position:sticky;top:0}@media (max-width:1099px){.course-panel{grid-template-columns:1fr;gap:36px}.course-intro>p:last-child{max-width:60ch}.course-route{max-width:820px}.course-copy h3{font-size:29px}}@media (max-width:650px){.course-panel{padding:64px 24px}.course-intro h2{font-size:36px}.course-intro>p:last-child{font-size:17px}.course-arc{display:none}.course-route ol{grid-auto-rows:auto}.course-step{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:18px;padding:24px 0}.course-step:nth-child(2),.course-step:nth-child(3){margin-left:0}.course-number{width:40px;height:40px;font-size:14px}.course-copy h3{font-size:27px}.course-step:not(:last-child):before{content:"";background:#cfac7060;width:1px;position:absolute;top:44px;bottom:-44px;left:20px}.course-section:not([data-mode=static]) .course-step.is-active .course-copy{transform:none}}@media (prefers-reduced-motion:reduce){.course-section[data-mode=pinned]{height:auto}.course-section[data-mode=pinned] .course-panel{min-height:0;position:static}.course-step,.course-number,.course-copy,.course-copy h3{transition:none}.course-section .course-step{opacity:1!important}.course-section .course-copy{transform:none!important}.course-copy h3{color:#efdaa7}.course-arc .course-trace{stroke-dashoffset:0}}.course-section:not([data-mode=static]) .course-step{opacity:1}.course-section:not([data-mode=static]) .course-copy{opacity:.65;transition:opacity .35s,transform .35s}.course-section:not([data-mode=static]) .course-step.is-active .course-copy{opacity:1}@media (prefers-reduced-motion:reduce){.course-section .course-copy{opacity:1!important;transition:none!important}}