/* Four named directions, with product identity above each detailed story. */
.direction-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:32px 0 10px}
.direction-index a{display:flex;align-items:flex-start;gap:12px;padding:20px 16px;border-radius:14px;background:var(--direction-tint);font-size:.9375rem;line-height:1.5;font-weight:600;border:1px solid transparent;transition:border-color .2s}
.direction-index a:hover{border-color:var(--direction-color)}
.direction-index a>span{color:var(--direction-color);font-size:.75rem;padding-top:3px}
#goals,.direction-index a:nth-child(1){--direction-tint:#f2e4d8;--direction-color:#97623f}
#tms,.direction-index a:nth-child(2){--direction-tint:#f3e0e7;--direction-color:#a05672}
#lynda,.direction-index a:nth-child(3){--direction-tint:#e4ebdc;--direction-color:#5e7748}
#production,.direction-index a:nth-child(4){--direction-tint:#e0e9f1;--direction-color:#496f91}
.solution,.solution.reverse{column-gap:70px;row-gap:36px;scroll-margin-top:95px}
.direction-heading{position:relative;grid-column:1 / -1;grid-row:1;padding:28px 100px 32px 30px;border-radius:20px;background:var(--direction-tint);border-left:4px solid var(--direction-color);width:100%}
.direction-meta{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.direction-number{font:500 .8125rem var(--font);color:var(--direction-color)}
.direction-product{font:600 .9375rem/1.4 var(--font);color:var(--direction-color);padding:6px 13px;border:1px solid color-mix(in srgb,var(--direction-color) 22%,transparent);border-radius:30px}
.direction-heading h3{font:400 clamp(1.7rem,3.2vw,2.8rem)/1.25 var(--display)}
.direction-symbol{position:absolute;right:30px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:56px;height:56px;border-radius:16px;color:var(--direction-color);background:#ffffff80}
.direction-symbol .icon{width:28px;height:28px}
.solution .solution-visual{grid-column:1;grid-row:2}
.solution .solution-copy{grid-column:2;grid-row:2}
.solution.reverse .solution-visual{grid-column:2;grid-row:2}
.solution.reverse .solution-copy{grid-column:1;grid-row:2}
.solution-copy h4{margin:0;font:400 clamp(1.45rem,2.15vw,1.9rem)/1.35 var(--display)}
.solution .visual-caption{font-weight:600;color:var(--direction-color)}
@media(max-width:1000px){.solution,.solution.reverse{column-gap:35px}.direction-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.direction-index{gap:8px;margin-top:25px}.direction-index a{font-size:.8125rem;padding:16px 12px;gap:8px}.solution,.solution.reverse{gap:25px}.direction-heading{padding:22px 20px;border-radius:16px}.direction-heading h3{font-size:clamp(1.35rem,5.5vw,2rem);padding-right:0}.direction-meta{gap:10px;margin-bottom:18px}.direction-product{font-size:.75rem;padding:5px 9px}.direction-number{font-size:.6875rem;white-space:nowrap}.direction-symbol{display:none}.solution .direction-heading{order:0}.solution .solution-copy{order:1}.solution .solution-visual{order:2}.solution-copy h4{font-size:1.4rem}.solution-visual{max-width:none}}
@media(prefers-reduced-motion:reduce){.direction-index a{transition:none}}