/* Workshop curve reveal and sticky card sequence, shared across viewport sizes. */
.althea-skills-track{position:relative;margin-top:40px}
.althea-skills-pin{position:sticky;top:96px;padding:28px 0 32px;background:#000}
.althea-skills-viewport{overflow-x:hidden;overflow-y:auto;max-height:calc(100svh - var(--skills-pin-top,96px) - 80px);padding-top:76px}
.althea-skills-canvas{position:relative;will-change:transform}
.althea-skills-canvas .althea-source-skills-wave{height:clamp(100px,10vw,160px);aspect-ratio:auto;margin:0 0 76px}
.althea-skills-line-reveal{clip-path:inset(0 100% 0 0)}
.althea-skills-canvas .althea-source-skills-traveller{left:4%;top:50%;width:clamp(96px,9vw,150px);height:clamp(96px,9vw,150px);will-change:left,top}
.althea-skills-canvas .althea-source-skills-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.althea-skills-canvas article{position:relative}
.althea-skills-canvas .althea-source-skill-flower{position:relative;margin:0 auto 24px;width:22px;height:22px}
.althea-skills-canvas .althea-source-skill-flower path{fill:#333;transition:fill .15s}
.althea-skills-canvas article h3,.althea-skills-canvas article p{color:#333;transition:color .15s}
.althea-skills-canvas article.althea-skill-active h3{color:#fff}
.althea-skills-canvas article.althea-skill-active p{color:#aaa}
.althea-skills-canvas article.althea-skill-active .althea-source-skill-flower path{fill:#c77dff}
.althea-skills-canvas .althea-skills-arrows>svg{color:#333;width:22px;height:32px}
.althea-skills-canvas .althea-skills-arrows>svg.althea-skill-active{color:#c77dff}
.althea-skills-canvas .althea-skills-arrows>svg:nth-child(1){left:12.5%}
.althea-skills-canvas .althea-skills-arrows>svg:nth-child(2){left:50%}
.althea-skills-canvas .althea-skills-arrows>svg:nth-child(3){left:87.5%}
@media(max-width:991px){
 .althea-skills-canvas{width:max(100%,1120px)}
 .althea-skills-canvas .althea-source-skills-wave{height:110px}
 .althea-skills-canvas .althea-source-skills-traveller{width:110px;height:110px}
 .althea-skills-canvas .althea-source-skills-cols{gap:28px}
 .althea-skills-canvas article h3{font-size:20px;margin-bottom:14px}
 .althea-skills-canvas article p{font-size:14px;line-height:1.45}
}
@media(prefers-reduced-motion:reduce){
 .althea-skills-pin{position:relative;top:0!important}
 .althea-skills-viewport{overflow-x:auto;max-height:none}
 .althea-skills-canvas{transform:none!important}
 .althea-skills-canvas article h3,.althea-skills-canvas article p,.althea-skills-canvas .althea-source-skill-flower path{transition:none}
}
html[data-mode="perf"] .althea-skills-pin{background:#fff}
html[data-mode="perf"] .althea-skills-canvas article h3,
html[data-mode="perf"] .althea-skills-canvas article p{color:#ccc}
html[data-mode="perf"] .althea-skills-canvas article.althea-skill-active h3{color:#111}
html[data-mode="perf"] .althea-skills-canvas article.althea-skill-active p{color:#5e5e5e}
html[data-mode="perf"] .althea-skills-canvas .althea-source-skill-flower path{fill:#ccc}
html[data-mode="perf"] .althea-skills-canvas article.althea-skill-active .althea-source-skill-flower path{fill:#c77dff}