/* MW Space | ETAP 79: connected directions and space visual */
.mwsp-main{position:relative;isolation:isolate;padding-bottom:76px;
 background:radial-gradient(ellipse at 92% 12%,rgba(66,135,230,.18),transparent 45%),
 radial-gradient(ellipse at 8% 78%,rgba(121,75,213,.15),transparent 42%)}
.mwsp-main::before{content:"";position:absolute;z-index:-1;pointer-events:none;
 left:0;right:0;top:0;height:970px;opacity:.19;
 background:url('/assets/about/mwspace-orbits79.webp') center 4% / cover no-repeat;
 -webkit-mask-image:linear-gradient(#000 15%,transparent 100%);mask-image:linear-gradient(#000 15%,transparent 100%)}
.mwsp-feature{min-height:460px;isolation:isolate;border-color:#3776af;box-shadow:0 28px 70px rgba(0,4,20,.35),0 0 0 1px rgba(92,226,255,.13) inset;
 background-image:linear-gradient(90deg,rgba(3,15,34,.97) 0%,rgba(5,20,42,.94) 27%,rgba(7,21,49,.77) 55%,rgba(9,22,51,.27) 100%),url('/assets/about/mwspace-orbits79.webp');
 background-position:center,center;background-size:cover,cover}
.mwsp-feature::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse at 95% 48%,rgba(34,224,255,.1),transparent 46%)}
.mwsp-feature::after{inset:auto 5% 5% auto;right:5%;top:auto;width:36%;height:42%;border:1px solid rgba(117,225,255,.21);border-radius:50%;box-shadow:0 0 33px rgba(71,206,255,.11);transform:rotate(-18deg)}
.mwsp-feature>.mwsp-eyebrow,.mwsp-feature>h1,.mwsp-feature>.mwsp-lead,.mwsp-feature>.mwsp-note,.mwsp-feature>.mwsp-actions{position:relative;z-index:2}
.mwsp-feature h1{max-width:810px;color:#f5fcff;text-shadow:0 3px 24px rgba(0,6,25,.32)}
.mwsp-feature .mwsp-lead{max-width:790px;color:#f0f9ff;text-shadow:0 2px 14px rgba(0,6,25,.6)}
.mwsp-feature .mwsp-note{max-width:760px;color:#c3d6ec;text-shadow:0 2px 12px rgba(0,6,25,.6)}
.mwsp-feature .mwsp-eyebrow{color:#73f4ff;text-shadow:0 2px 12px #041d37}
.mwsp-logo{position:relative;z-index:2;background:linear-gradient(145deg,rgba(4,17,34,.94),rgba(5,33,57,.94))}
.mwsp-orbitHead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:34px 0 15px}
.mwsp-orbitHead h2{margin:0;font-size:clamp(24px,3vw,34px);letter-spacing:-.035em;line-height:1.16;color:var(--text)}
.mwsp-orbitHead p{margin:0;color:var(--muted);max-width:490px;font-size:14px}
.mwsp-directions{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:24px 0}
.mwsp-directions::before{content:"";position:absolute;z-index:0;top:49%;left:6%;right:6%;height:2px;
 background:linear-gradient(90deg,#43d9ff,#9583ff,#6effca,#4e9fff);opacity:.75;box-shadow:0 0 20px #63b7ff66}
.mwsp-direction{position:relative;z-index:1;display:flex;align-items:center;gap:11px;min-height:98px;padding:12px;
 border:1px solid rgba(104,173,222,.55);border-radius:19px;background:linear-gradient(125deg,rgba(7,31,58,.96),rgba(14,33,68,.96));
 box-shadow:0 16px 30px #0004,0 0 0 1px #71ddff10 inset;transition:transform .2s,border-color .2s,box-shadow .2s}
.mwsp-direction:hover,.mwsp-direction:focus-visible{transform:translateY(-5px);border-color:#81eaff;box-shadow:0 21px 34px #0005,0 0 25px #54dbff33}
.mwsp-direction:focus-visible{outline:3px solid #64e6ff;outline-offset:3px}
.mwsp-direction::after{content:"";position:absolute;bottom:-5px;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#80efff;box-shadow:0 0 12px #63dfff}
.mwsp-directionVisual{position:relative;flex:0 0 65px;width:65px;height:66px;border:1px solid rgba(124,198,242,.45);border-radius:13px;overflow:hidden;background:#06172c;
 display:grid;place-items:center}
.mwsp-directionVisual img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.15)}
.mwsp-directionVisual svg{position:absolute;width:22px;height:22px;top:4px;right:4px;padding:4px;background:rgba(2,11,23,.78);border-radius:8px;
 color:#89f2ff;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mwsp-directionText{display:block;min-width:0}
.mwsp-directionText strong{display:block;font-size:15px;line-height:1.3;color:#f7fcff}
.mwsp-directionText span{display:block;color:#afc9df;font-size:12px;line-height:1.35;margin-top:4px}
.mwsp-arcCopy{text-align:center;position:relative;margin:0 0 27px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#81caff;font-weight:850}
.mwsp-grid{margin-top:12px}
.mwsp-card{position:relative;isolation:isolate;overflow:hidden;padding:25px;min-height:182px}
.mwsp-card::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.27;
 background-image:linear-gradient(100deg,rgba(5,17,38,.87),rgba(3,17,39,.25)),url('/assets/about/mwspace-orbits79.webp');background-size:cover,cover;background-position:center,center}
.mwsp-card:nth-child(2)::before{background-position:center,78% 48%}
.mwsp-card:nth-child(3)::before{background-position:center,65% 80%}
.mwsp-card:nth-child(4)::before{background-position:center,13% 20%}
.mwsp-cardHead{display:flex;align-items:center;gap:12px;margin-bottom:11px}
.mwsp-cardIcon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #5ab8e5a0;border-radius:13px;
 background:linear-gradient(135deg,#0d3457,#17427c);box-shadow:0 4px 17px rgba(45,212,255,.18)}
.mwsp-card:nth-child(2) .mwsp-cardIcon{background:linear-gradient(135deg,#312266,#4d2885);border-color:#b78aff88}
.mwsp-card:nth-child(3) .mwsp-cardIcon{background:linear-gradient(135deg,#0b4855,#185863);border-color:#67e9cb88}
.mwsp-card:nth-child(4) .mwsp-cardIcon{background:linear-gradient(135deg,#3d2e58,#51477c);border-color:#d0a6ff88}
.mwsp-cardIcon svg{width:24px;height:24px;fill:none;stroke:#a4f7ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mwsp-card h2{margin:0;font-size:20px;line-height:1.25}
.mwsp-card p{position:relative;z-index:1}
:root[data-theme="light"] .mwsp-main{background:radial-gradient(ellipse at 92% 10%,#75b9f225,transparent 45%),linear-gradient(180deg,#e9f7ff,#edf5ff)}
:root[data-theme="light"] .mwsp-main::before{opacity:.11}
:root[data-theme="light"] .mwsp-feature{border-color:#75b5d8;
 background-image:linear-gradient(90deg,rgba(14,47,83,.96) 0%,rgba(9,43,80,.9) 32%,rgba(9,44,88,.67) 62%,rgba(13,51,98,.28) 100%),url('/assets/about/mwspace-orbits79.webp');
 box-shadow:0 20px 55px #28608b34}
:root[data-theme="light"] .mwsp-feature .mwsp-lead,:root[data-theme="light"] .mwsp-feature h1{color:#f7fcff}
:root[data-theme="light"] .mwsp-feature .mwsp-note{color:#d2e5f8}
:root[data-theme="light"] .mwsp-orbitHead h2{color:#0f3656}
:root[data-theme="light"] .mwsp-orbitHead p,:root[data-theme="light"] .mwsp-arcCopy{color:#3a7191}
:root[data-theme="light"] .mwsp-direction{background:linear-gradient(130deg,#f9fcff,#e8f4ff);border-color:#90bedc;box-shadow:0 12px 28px #4179a82b}
:root[data-theme="light"] .mwsp-directionText strong{color:#113852}
:root[data-theme="light"] .mwsp-directionText span{color:#4e7088}
:root[data-theme="light"] .mwsp-card{background:linear-gradient(140deg,rgba(231,245,255,.97),rgba(220,236,252,.97));color:#143b56}
:root[data-theme="light"] .mwsp-card::before{opacity:.07}
:root[data-theme="light"] .mwsp-card h2{color:#103b5b}
:root[data-theme="light"] .mwsp-card p{color:#44677e}
@media(max-width:1080px){.mwsp-directions{grid-template-columns:repeat(2,minmax(0,1fr))}.mwsp-directions::before{top:50%;left:13%;right:13%}}
@media(max-width:740px){.mwsp-feature{min-height:0;padding:28px 22px;background-position:center,64% 50%;
 background-image:linear-gradient(90deg,rgba(4,20,44,.96) 0%,rgba(5,25,53,.86) 65%,rgba(8,23,47,.6) 100%),url('/assets/about/mwspace-orbits79.webp')}
 .mwsp-feature h1{font-size:clamp(35px,9vw,49px)}
 .mwsp-feature .mwsp-lead{font-size:17px;line-height:1.56}
 .mwsp-feature .mwsp-note{line-height:1.56}
 :root[data-theme="light"] .mwsp-feature{background-image:linear-gradient(90deg,rgba(10,46,86,.94),rgba(10,44,88,.84)),url('/assets/about/mwspace-orbits79.webp')}
 .mwsp-orbitHead{margin:27px 0 10px;align-items:flex-start}.mwsp-orbitHead p{font-size:13px}
 .mwsp-directions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 0 15px}
 .mwsp-direction{min-height:100px;gap:9px;padding:9px;flex-direction:column;align-items:flex-start}
 .mwsp-directionVisual{flex:0 0 49px;width:49px;height:49px;border-radius:11px}
 .mwsp-directionText strong{font-size:14px}.mwsp-directionText span{font-size:11px;margin-top:2px}
 .mwsp-arcCopy{font-size:11px;margin-bottom:21px}
}
@media(max-width:400px){.mwsp-feature{padding:24px 17px}.mwsp-logo img{width:164px}.mwsp-direction{min-height:106px}.mwsp-card h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.mwsp-direction{transition:none}}

:root[data-theme="light"] .mwsp-crumb{color:#365d78}