/* Navy studies: the same approved copy, with quiet visual accents. */
.navy-solutions{--navy-gold:#d2c29e;--navy-ivory:#f8f5ed;background:#102b50;color:var(--navy-ivory);padding:96px 0 88px;scroll-margin-top:84px;overflow:hidden}
.navy-inner{max-width:1200px}
.navy-solutions h2{margin:0;color:inherit;font:400 clamp(3rem,4.5vw,4.5rem)/1.1 var(--serif);letter-spacing:-.04em;text-wrap:balance}
.navy-solutions h2 em{color:var(--navy-gold);font-weight:400}
.navy-research{margin:0;color:#d9e3f0;font:400 1.125rem/1.85 var(--sans);text-wrap:pretty}
.navy-support{margin:26px 0 0;color:var(--navy-ivory);font:400 1.75rem/1.4 var(--serif);letter-spacing:-.02em;text-wrap:pretty}
.navy-outcome{max-width:1040px;margin:56px auto 0;color:var(--navy-ivory);font:400 clamp(2.25rem,3.2vw,3.1rem)/1.27 var(--serif);letter-spacing:-.025em;text-align:center;text-wrap:balance}
.navy-outcome em{font-weight:400}
/* A: Keep the original split composition and add one spare route. */
html[data-navy-option="a"] .navy-main{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.navy-route{display:block;width:100%;max-width:420px;margin-top:36px;stroke:var(--navy-gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.navy-route .route-guide{stroke:#f8f5ed;stroke-opacity:.06;stroke-width:1}
.navy-route circle{fill:#102b50}
.navy-route circle:last-child{fill:var(--navy-gold);stroke:none}
/* B: A tactile, deliberately abstract paper detail, not a client report. */
html[data-navy-option="b"] .navy-inner{max-width:1120px}
html[data-navy-option="b"] .navy-solutions h2{max-width:1000px;margin:0 auto;text-align:center}
html[data-navy-option="b"] .navy-main{display:grid;grid-template-columns:.85fr 1.15fr;gap:86px;align-items:center;margin:46px auto 0;max-width:1000px}
.navy-paper-scene{position:relative;width:260px;height:305px;justify-self:center}
.navy-paper-back{position:absolute;inset:6px -9px -6px 9px;background:#b7c4d1;border-radius:3px;transform:rotate(5deg);opacity:.5}
.navy-paper{position:relative;box-sizing:border-box;height:100%;padding:28px 28px 24px;background:#f5f1e8;color:#102b50;border-radius:3px;box-shadow:0 20px 45px #04132766;transform:rotate(-3deg)}
.paper-mark{width:24px;height:24px;border:1px solid #9e8c65;border-radius:50%;display:grid;place-items:center}
.paper-mark:before{content:"";position:absolute;width:14px;height:14px;border:1px solid #9e8c65;border-radius:50%}
.paper-mark i{width:5px;height:5px;background:#9e8c65;border-radius:50%}
.paper-title-lines{margin-top:21px}
.paper-title-lines i{display:block;width:78%;height:5px;background:#102b50;border-radius:3px;opacity:.65;margin-top:7px}
.paper-title-lines i:last-child{width:52%}
.paper-rule{height:1px;background:#102b5026;margin:20px 0}
.paper-item{display:flex;align-items:center;gap:11px;margin:19px 0}
.paper-item b{display:grid;place-items:center;width:20px;height:20px;border:1px solid #8a927a;border-radius:50%;font:400 12px/1 var(--sans);color:#566348}
.paper-item span{flex:1}
.paper-item i{display:block;background:#102b5038;height:3px;border-radius:2px;width:95%;margin:5px 0}
.paper-item i:last-child{width:72%;opacity:.6}
.paper-item:nth-of-type(6) i:last-child{width:85%}
.paper-footer{width:42px;height:1px;background:#9e8c65;margin-top:23px}
html[data-navy-option="b"] .navy-outcome{margin-top:50px}
/* C: A precise line illustration gives the work a single visual focus. */
html[data-navy-option="c"] .navy-solutions{background:#102b50}
html[data-navy-option="c"] .navy-solutions h2{max-width:960px;margin:0 auto;text-align:center}
html[data-navy-option="c"] .navy-main{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;margin-top:44px}
.navy-convergence{width:100%;display:block;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.convergence-input{stroke:#d2c29e;stroke-opacity:.42}
.convergence-output{stroke:var(--navy-gold);stroke-width:2}
.convergence-target{stroke:var(--navy-gold);fill:#102b50}
.convergence-target circle:last-child,.convergence-end{fill:var(--navy-gold);stroke:none}
html[data-navy-option="c"] .navy-outcome{position:relative;margin-top:64px;max-width:1000px}
html[data-navy-option="c"] .navy-outcome:before{content:"";display:block;margin:0 auto 38px;width:42px;height:2px;background:#d2c29e99}
@media(max-width:1050px) and (min-width:701px){
 html[data-navy-option] .navy-main{gap:40px}
 .navy-paper-scene{width:230px;height:295px}
 .navy-solutions h2{font-size:3rem}
}
@media(max-width:700px){
 .navy-solutions{padding:64px 0 60px}
 .navy-inner{width:calc(100% - 40px)}
 .navy-solutions h2{font-size:clamp(2.5rem,10vw,3.5rem);line-height:1.1;letter-spacing:-.035em}
 html[data-navy-option] .navy-solutions h2{text-align:left}
 html[data-navy-option] .navy-main{display:block;margin:0}
 .navy-research{font-size:1.0625rem;line-height:1.8}
 .navy-support{font-size:1.5rem;line-height:1.4;margin-top:23px}
 .navy-explanation{margin-top:28px}
 .navy-route{max-width:330px;margin:26px 0 0}
 html[data-navy-option] .navy-outcome{font-size:clamp(1.875rem,7.4vw,2.375rem);line-height:1.3;text-align:left;margin-top:36px}
 .navy-paper-scene{width:210px;height:260px;margin:35px auto 0}
 .navy-paper{padding:22px 25px}
 .paper-title-lines{margin-top:15px}
 .paper-rule{margin:15px 0}
 .paper-item{margin:13px 0}
 .paper-footer{margin-top:18px}
 .navy-visual{max-width:330px;margin:25px auto 0}
 html[data-navy-option="c"] .navy-outcome:before{margin:0 0 28px;width:36px}
}