/* P0009 — strategic directions with careers and employer platform */
.strategic-directions{--sd-ink:#07142d;--sd-muted:#526681;background:linear-gradient(145deg,#f5f9ff 0%,#edf5fc 48%,#f5f2ff 100%);isolation:isolate;overflow:hidden;padding:clamp(5.5rem,9vw,8.5rem) clamp(1rem,4vw,3.5rem);position:relative}
.strategic-directions:before{background-image:linear-gradient(rgba(30,104,176,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(30,104,176,.055) 1px,transparent 1px);background-size:70px 70px;content:"";inset:0;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);position:absolute}
.strategic-directions-atmosphere span{border:1px solid rgba(42,139,207,.14);border-radius:50%;height:32rem;position:absolute;right:-12rem;top:-13rem;width:32rem}.strategic-directions-atmosphere span:nth-child(2){border-color:rgba(133,80,208,.12);height:22rem;left:-9rem;right:auto;top:42%;width:22rem}.strategic-directions-atmosphere span:nth-child(3){animation:strategic-orbit 16s linear infinite;background:#36c6ed;border:0;box-shadow:0 0 2rem rgba(54,198,237,.55);height:.55rem;right:10%;top:15%;transform-origin:-11rem 8rem;width:.55rem}
.strategic-directions-shell{margin:auto;max-width:1380px;position:relative;z-index:2}.strategic-directions-heading{margin:0 auto clamp(3rem,6vw,5rem);max-width:960px;text-align:center}.strategic-directions-heading>p{color:#087db3;font-size:.72rem;font-weight:900;letter-spacing:.2em;margin:0;text-transform:uppercase}.strategic-directions-heading h2{color:var(--sd-ink);font-size:clamp(2.7rem,5.2vw,5rem);letter-spacing:-.055em;line-height:.98;margin:1rem auto 1.25rem;max-width:17ch}.strategic-directions-heading>span{color:var(--sd-muted);display:block;font-size:clamp(.98rem,1.3vw,1.13rem);line-height:1.75;margin:auto;max-width:760px}
.strategic-direction-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}
.strategic-direction-card{--strategic-x:50%;--strategic-y:50%;background:rgba(255,255,255,.86);border:1px solid rgba(42,95,150,.16);border-radius:1.6rem;box-shadow:0 1rem 3rem rgba(32,68,109,.07);display:flex;flex-direction:column;min-height:39rem;opacity:0;overflow:hidden;padding:1.5rem;position:relative;transform:translateY(2rem);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.72,.25,1),border-color .3s ease,box-shadow .3s ease;transition-delay:var(--direction-delay)}
.strategic-direction-card:before{background:radial-gradient(20rem circle at var(--strategic-x) var(--strategic-y),color-mix(in srgb,var(--direction-accent) 13%,transparent),transparent 65%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s}.strategic-direction-card:after{background:linear-gradient(90deg,transparent,var(--direction-accent),transparent);content:"";height:3px;left:12%;position:absolute;right:12%;top:-1px}.is-strategic-visible .strategic-direction-card{opacity:1;transform:translateY(0)}.strategic-direction-card:hover{border-color:color-mix(in srgb,var(--direction-accent) 46%,transparent);box-shadow:0 1.7rem 4rem rgba(25,60,103,.14),0 0 2.3rem color-mix(in srgb,var(--direction-accent) 10%,transparent);transform:translateY(-.5rem)}.strategic-direction-card:hover:before{opacity:1}
.strategic-direction-index{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.strategic-direction-index>span{align-items:center;background:color-mix(in srgb,var(--direction-accent) 8%,#fff);border:1px solid color-mix(in srgb,var(--direction-accent) 35%,transparent);border-radius:.8rem;color:var(--direction-accent);display:flex;font-size:.72rem;font-weight:950;height:2.65rem;justify-content:center;width:2.65rem}.strategic-direction-index small{color:#68809d;font-size:.57rem;font-weight:900;letter-spacing:.13em;text-align:right;text-transform:uppercase}
.strategic-direction-icon{align-items:center;background:color-mix(in srgb,var(--direction-accent) 9%,#fff);border:1px solid color-mix(in srgb,var(--direction-accent) 28%,transparent);border-radius:1rem;display:flex;height:3.65rem;justify-content:center;margin:2rem 0 1.2rem;position:relative;width:3.65rem;z-index:2}.strategic-direction-icon svg{fill:none;height:1.8rem;stroke:var(--direction-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65;width:1.8rem}
.strategic-direction-card h3{color:var(--sd-ink);font-size:clamp(1.3rem,1.65vw,1.7rem);letter-spacing:-.035em;line-height:1.08;margin:0;min-height:3.7rem;position:relative;z-index:2}.strategic-direction-card>p{color:var(--sd-muted);font-size:.86rem;line-height:1.72;margin:1rem 0 1.25rem;position:relative;z-index:2}.strategic-direction-card ul{border-top:1px solid rgba(67,102,145,.13);display:grid;gap:.62rem;list-style:none;margin:0 0 1.25rem;padding:1.2rem 0 0;position:relative;z-index:2}.strategic-direction-card li{color:#405776;font-size:.74rem;font-weight:750;padding-left:1rem;position:relative}.strategic-direction-card li:before{background:var(--direction-accent);border-radius:50%;box-shadow:0 0 10px color-mix(in srgb,var(--direction-accent) 55%,transparent);content:"";height:.32rem;left:0;position:absolute;top:.42rem;width:.32rem}.strategic-direction-card>a,.strategic-direction-actions a{align-items:center;background:linear-gradient(135deg,var(--direction-accent),color-mix(in srgb,var(--direction-accent) 68%,#172e72));border-radius:.75rem;color:#fff;display:flex;font-size:.72rem;font-weight:900;gap:.5rem;justify-content:space-between;margin-top:auto;padding:.88rem 1rem;text-decoration:none;transition:box-shadow .25s ease,transform .25s ease}.strategic-direction-card>a:hover,.strategic-direction-actions a:hover{box-shadow:0 .8rem 1.7rem color-mix(in srgb,var(--direction-accent) 23%,transparent);transform:translateY(-2px)}
.strategic-workforce-direction{background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(250,245,255,.92));border-color:rgba(167,71,213,.25)}.strategic-workforce-journeys{display:grid;gap:.55rem;margin:0 0 1.1rem;position:relative;z-index:2}.strategic-workforce-journeys div{background:rgba(255,255,255,.68);border:1px solid rgba(124,78,181,.14);border-radius:.75rem;display:grid;gap:.25rem;padding:.7rem .75rem}.strategic-workforce-journeys small{color:#8b45b3;font-size:.55rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.strategic-workforce-journeys strong{color:#3b4460;font-size:.66rem;line-height:1.45}.strategic-direction-actions{display:grid;gap:.5rem;margin-top:auto;position:relative;z-index:2}.strategic-direction-actions a{margin:0}.strategic-direction-actions a.is-secondary{background:#fff;border:1px solid rgba(135,70,176,.25);color:#713a91;justify-content:center}
.strategic-direction-rail{background:rgba(255,255,255,.65);border:1px solid rgba(41,99,155,.14);border-radius:1.15rem;display:grid;grid-template-columns:repeat(4,1fr);margin-top:1rem;overflow:hidden}.strategic-direction-rail span{align-items:center;color:#526983;display:flex;font-size:.68rem;font-weight:850;gap:.65rem;justify-content:center;padding:1rem}.strategic-direction-rail span+span{border-left:1px solid rgba(41,99,155,.13)}.strategic-direction-rail i{background:#249fd0;border-radius:50%;box-shadow:0 0 0 5px rgba(36,159,208,.09),0 0 12px rgba(36,159,208,.45);height:.35rem;width:.35rem}.strategic-direction-rail span:nth-child(2) i{background:#4575dc}.strategic-direction-rail span:nth-child(3) i{background:#755bd9}.strategic-direction-rail span:nth-child(4) i{background:#a747d5}
@keyframes strategic-orbit{to{transform:rotate(360deg)}}
@media(max-width:1120px){.strategic-direction-grid{grid-template-columns:repeat(2,1fr)}.strategic-direction-card{min-height:35rem}}
@media(max-width:720px){.strategic-direction-grid,.strategic-direction-rail{grid-template-columns:1fr}.strategic-direction-card{min-height:auto}.strategic-direction-rail span+span{border-left:0;border-top:1px solid rgba(41,99,155,.13)}.strategic-directions-heading h2{font-size:clamp(2.5rem,12vw,4rem)}}
@media(prefers-reduced-motion:reduce){.strategic-directions-atmosphere span:nth-child(3){animation:none}.strategic-direction-card{opacity:1;transform:none;transition:none}.strategic-direction-card>a,.strategic-direction-actions a{transition:none}}