/* Five rounded gears: fixed icons, synchronised pauses and glints. */
#directions .directions-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5%;align-items:center;margin-bottom:34px;position:relative;isolation:isolate}
.directions-wash{position:absolute;z-index:-1;top:-90px;bottom:-34px;background:#0DAC55;clip-path:inset(0 calc(100% - var(--band-fill,0%)) 0 0);pointer-events:none;visibility:hidden}
.directions-heading.is-playing .directions-wash{visibility:visible}
.directions-heading.is-playing .directions-copy,.directions-heading.is-playing .directions-copy .eyebrow{color:#151515}
.directions-heading h2{font-size:clamp(36px,3.4vw,52px);max-width:620px}
.industry-gears{min-width:0;width:100%;cursor:pointer;touch-action:pan-y;border-radius:8px;outline-offset:6px}
.industry-gears:focus-visible{outline:2px solid #0DAC55}
.gear-cluster{display:block;width:100%;height:auto;overflow:visible}
.industry-gear{--drive:1;--star-side:1}.industry-gear.gear-counter{--drive:-1;--star-side:-1}
.gear-rotor{transform-box:fill-box;transform-origin:center}
.gear-rim{fill:none;stroke:#3a3a3a;stroke-width:1.15;stroke-linejoin:round;transform-box:fill-box;transform-origin:center;animation:industry-gear-turn 6.8s ease-in-out infinite;transition:stroke .3s ease}
.gear-centre-icon{fill:none;stroke:#0DAC55;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease}
.industry-gears.is-playing .is-covered .gear-rim,.industry-gears.is-playing .is-covered .gear-centre-icon{stroke:#fff}
.gear-star{color:#0DAC55;fill:currentColor;stroke:currentColor;stroke-width:.8;opacity:0;pointer-events:none;filter:drop-shadow(0 0 5px currentColor);animation:gear-stars-rest 6.8s linear infinite}
.star-rays{fill:none;stroke-linecap:round}
.industry-gears.is-playing .is-covered .gear-star{color:#fff}
/* Glints fade in only inside the stationary intervals; every pause swaps side. */
@keyframes industry-gear-turn{0%,4%,92%,100%{transform:rotate(0deg)}35%{transform:rotate(calc(var(--drive)*30deg))}37%{transform:rotate(calc(var(--drive)*27deg))}39%{transform:rotate(calc(var(--drive)*30deg))}41%{transform:rotate(calc(var(--drive)*28.5deg))}43%,53%{transform:rotate(calc(var(--drive)*30deg))}84%{transform:rotate(0deg)}86%{transform:rotate(calc(var(--drive)*3deg))}88%{transform:rotate(0deg)}90%{transform:rotate(calc(var(--drive)*1.5deg))}}
@keyframes gear-stars-rest{0%,3%,94%,100%{opacity:1;transform:translate(calc(var(--star-side)*54px),-44px) scale(1)}4%{opacity:0;transform:translate(calc(var(--star-side)*54px),-44px) scale(.4)}4.01%,43%{opacity:0;transform:translate(calc(var(--star-side)*-54px),-44px) scale(.4)}44%,52%{opacity:1;transform:translate(calc(var(--star-side)*-54px),-44px) scale(1)}53%{opacity:0;transform:translate(calc(var(--star-side)*-54px),-44px) scale(.4)}53.01%,93%{opacity:0;transform:translate(calc(var(--star-side)*54px),-44px) scale(.4)}}
/* On hover all outlines make a faster clockwise turn, then briefly stop. */
@keyframes industry-gears-fast{0%{transform:rotate(0deg)}76%,100%{transform:rotate(360deg)}}
@keyframes gear-stars-fast{0%,38%{opacity:0;transform:translate(calc(var(--star-side)*54px),-44px) scale(.4)}40%,48%{opacity:1;transform:translate(calc(var(--star-side)*54px),-44px) scale(1)}50%{opacity:0;transform:translate(calc(var(--star-side)*54px),-44px) scale(.4)}50.01%,88%{opacity:0;transform:translate(calc(var(--star-side)*-54px),-44px) scale(.4)}90%,98%{opacity:1;transform:translate(calc(var(--star-side)*-54px),-44px) scale(1)}100%{opacity:0;transform:translate(calc(var(--star-side)*-54px),-44px) scale(.4)}}
.industry-gears.is-playing .gear-rim{animation:none;transform:none}
.industry-gears.is-playing .gear-rotor{animation:industry-gears-fast 2.4s linear infinite}
.industry-gears.is-playing .gear-star{animation:gear-stars-fast 4.8s linear infinite}
#directions .industry-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#directions .industry-picker{background:#0DAC55;color:#151515}
#directions .industry-picker .eyebrow,#directions .industry-picker>p:last-child{color:#151515}
#directions .industry-number{background:#0DAC55;color:#151515;border-color:#0DAC55}
@media(max-width:850px){#directions .directions-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.industry-gears{max-width:660px;justify-self:center}#directions .industry-panel{grid-template-columns:1fr}.directions-heading h2{font-size:40px}}
@media(max-width:600px){#directions .directions-heading{gap:18px}.directions-heading h2{font-size:36px}.gear-centre-icon{stroke-width:2.7}.gear-rim{stroke-width:1.5}.directions-wash{top:-52px;bottom:-25px}}
@media(prefers-reduced-motion:reduce){.gear-rim,.gear-rotor,.industry-gears.is-playing .gear-rotor{animation:none;transform:none}.gear-star,.industry-gears.is-playing .gear-star{animation:none;opacity:1;transform:translate(54px,-44px)}.gear-rim,.gear-centre-icon{transition:none}}