/* Refine the approved split navy layout with a single continuing route. */
.trajectory-solutions{padding:96px 0 90px}
.trajectory-solutions .navy-main{column-gap:76px;align-items:center}
.trajectory-solutions h2{font-size:clamp(3rem,4.4vw,4.4rem);line-height:1.1}
.trajectory-solutions .navy-research{max-width:510px}
.trajectory-solutions .navy-support{max-width:500px;font-size:1.7rem;line-height:1.45}
.trajectory-route{display:block;width:100%;stroke:#d2c29e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trajectory-alternatives{stroke:#b8c0cb;stroke-width:1.25;opacity:.3}
.trajectory-alternatives path:nth-child(2){opacity:.75}
.trajectory-alternatives path:nth-child(3){opacity:.5}
.trajectory-guide{stroke:#d2c29e;opacity:.12;stroke-width:7}
.trajectory-future{stroke-dasharray:2 7;opacity:.55}
.trajectory-node{fill:#102b50;stroke:#d2c29e}
.trajectory-halo{fill:#102b50;stroke:#d2c29e;stroke-width:1;stroke-opacity:.65}
.trajectory-destination{fill:#d2c29e;stroke:none}
.trajectory-ending .navy-outcome{max-width:1040px;margin:0 auto;font-size:clamp(2.2rem,3.2vw,3rem);line-height:1.3}
/* A: the centered trajectory leads into the full-width ending. */
html[data-trajectory-option="a"] .trajectory-solutions .navy-main{align-items:start}
html[data-trajectory-option="a"] .trajectory-solutions .navy-explanation{padding-top:6px}
html[data-trajectory-option="a"] .trajectory-ending .trajectory-route{width:415px;max-width:100%;height:auto;aspect-ratio:484/174;margin:0 auto 24px}
html[data-trajectory-option="a"] .trajectory-ending{margin-top:32px}
/* B: the route leads directly into the closing promise. */
html[data-trajectory-option="b"] .trajectory-ending{margin-top:28px}
html[data-trajectory-option="b"] .trajectory-ending .trajectory-route{max-width:580px;height:130px;margin:0 auto 24px}
html[data-trajectory-option="b"] .trajectory-ending .navy-outcome{max-width:1000px}
/* C: a more editorial, off-center ending beside the route. */
html[data-trajectory-option="c"] .trajectory-ending{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:center;margin-top:54px;padding-top:36px;border-top:1px solid #d2c29e26}
html[data-trajectory-option="c"] .trajectory-ending .trajectory-route{max-width:380px}
html[data-trajectory-option="c"] .trajectory-ending .navy-outcome{text-align:left;font-size:clamp(2rem,2.8vw,2.7rem)}
@media(max-width:1050px) and (min-width:701px){
 .trajectory-solutions .navy-main{gap:40px}
 html[data-trajectory-option="c"] .trajectory-ending{gap:40px}
}
@media(max-width:700px){
 .trajectory-solutions{padding:62px 0}
 .trajectory-solutions h2{font-size:clamp(2.5rem,10vw,3.5rem)}
 .trajectory-solutions .navy-support{font-size:1.5rem}
 html[data-trajectory-option="a"] .trajectory-solutions .navy-explanation{padding-top:0}
 html[data-trajectory-option="a"] .trajectory-ending .trajectory-route{width:330px;max-width:100%;margin:0 auto 24px}
 html[data-trajectory-option] .trajectory-ending{margin-top:34px}
 html[data-trajectory-option] .trajectory-ending .navy-outcome{margin:0;font-size:clamp(1.875rem,7.4vw,2.375rem);line-height:1.32;text-align:left}
 html[data-trajectory-option="b"] .trajectory-ending .trajectory-route{height:auto;max-width:340px;margin:0 0 25px}
 html[data-trajectory-option="c"] .trajectory-ending{display:block;padding-top:24px}
 html[data-trajectory-option="c"] .trajectory-ending .trajectory-route{max-width:280px;margin:0 0 27px}
}