/* v08_4 — maritime photograph, application ledger and a geometric precision note. */
.application-overview,.application-page{--app-bg:#0e1b20;--app-panel:#132329;--app-ink:#e8ede6;--app-muted:#acbdb9;--app-rule:#395058;--app-blue:#adc4c8;--app-signal:#e88b61;color:var(--app-ink);background:var(--app-bg)}
.application-overview{padding:clamp(3.5rem,6vw,7rem) var(--pad);scroll-margin-top:76px;border-top:1px solid var(--app-rule)}
.application-overview .mission-layout{max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);align-items:start}
.mission-visual{min-width:0;padding-top:.2rem}
.mission-photo{margin:0;position:relative;height:clamp(410px,43vw,670px);overflow:hidden;background:#102129}
.mission-photo>img{height:100%;width:100%;object-fit:cover;filter:saturate(.68) brightness(.82)}
.mission-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07151a22,transparent 50%,#07151ab3)}
.mission-photo figcaption{position:absolute;left:1.5rem;bottom:1.2rem;z-index:1;display:flex;align-items:center;gap:.8rem;color:#e4eae5;font:500 .55rem var(--mono);letter-spacing:.08em}
.mission-photo figcaption:before{content:'';height:5px;width:5px;background:var(--app-signal)}
.mission-photo .motion-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.8;pointer-events:none}
.motion-lines .motion-rule{fill:none;stroke:#c4dad6;stroke-width:1;vector-effect:non-scaling-stroke}
.motion-lines .motion-accent{fill:none;stroke:#e88b61;stroke-width:1;vector-effect:non-scaling-stroke}
.motion-lines text{fill:#e6ede5;font:10px var(--mono);letter-spacing:1px}
.motion-lines .motion-guide{stroke-dasharray:4 6;opacity:.45}
.mission-photo .motion-title{position:absolute;z-index:1;top:1.2rem;left:1.5rem;color:#c7d7d4;font:500 .53rem var(--mono);letter-spacing:.12em}
.application-overview .mission-copy>.section-index{margin:0 0 1.5rem;color:var(--app-muted)}
.application-overview .mission-copy h2{font:500 clamp(2.8rem,4.7vw,5.2rem)/1.05 var(--serif);letter-spacing:-.055em;margin:0 0 1.3rem;color:var(--app-ink)}
.application-overview .mission-copy h2 em{font-weight:400;color:var(--app-blue)}
.mission-deck{font:400 clamp(.9rem,1.1vw,1.05rem)/1.75 var(--serif);color:var(--app-muted);margin:0 0 1.8rem;max-width:560px}
.mission-ledger{border-top:1px solid var(--app-rule)}
.mission-ledger a{display:grid;grid-template-columns:1.7rem 1fr auto;gap:.7rem;padding:1rem 0;border-bottom:1px solid var(--app-rule);text-decoration:none;align-items:start}
.mission-ledger a:hover h3{color:var(--app-signal)}
.mission-ledger a>span:first-child{font:400 .53rem var(--mono);color:var(--app-signal);padding-top:.35rem}
.mission-ledger a>span:last-child{font:400 .75rem var(--mono);color:var(--app-blue);padding-top:.1rem}
.mission-ledger h3{font:500 clamp(1.1rem,1.4vw,1.5rem)/1.25 var(--serif);margin:0 0 .35rem;letter-spacing:-.02em;color:var(--app-ink)}
.mission-ledger p{margin:0;font:400 .78rem/1.65 var(--serif);color:var(--app-muted);max-width:440px}
.mission-cta{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem}
.mission-cta .line-link{font-size:.63rem;color:var(--app-ink);border-color:var(--app-blue)}
.mission-cta>span{font:400 .49rem/1.7 var(--mono);color:var(--app-muted);text-align:right;max-width:130px}
.mission-scale{margin-top:1px;padding:1.3rem 1.4rem 1rem;border:1px solid var(--app-rule);background-color:var(--app-panel);background-image:linear-gradient(#90b2bd0c 1px,transparent 1px),linear-gradient(90deg,#90b2bd0c 1px,transparent 1px),linear-gradient(#90b2bd0b 1px,transparent 1px),linear-gradient(90deg,#90b2bd0b 1px,transparent 1px);background-size:10px 10px,10px 10px,50px 50px,50px 50px}
.mission-scale-label{display:flex;justify-content:space-between;gap:1rem;font:400 .48rem/1.6 var(--mono);color:var(--app-muted);letter-spacing:.07em}
.mission-scale-label span:first-child{color:var(--app-signal)}
.mission-scale h3{font:400 clamp(1.3rem,1.8vw,2rem)/1.2 var(--serif);letter-spacing:-.02em;margin:.8rem 0 1.2rem;color:var(--app-ink)}
.mission-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr;align-items:center;gap:.6rem}
.mission-equation span{display:block;color:var(--app-muted);font:400 .45rem/1.6 var(--mono)}
.mission-equation strong{display:block;white-space:nowrap;font:500 clamp(1.3rem,2.5vw,2.8rem)/1.2 var(--mono);letter-spacing:-.07em;color:var(--app-ink);margin:.3rem 0}
.mission-equation strong small{font-size:.5em;letter-spacing:0}
.mission-equation>i{color:var(--app-signal);font:400 .8rem var(--mono)}
.mission-equation>div:last-child strong{color:var(--app-signal)}
.mission-route{width:100%;height:40px;margin:1rem 0 .4rem;display:block}
.mission-scale-note{border-top:1px solid var(--app-rule);margin:0;padding-top:.7rem;color:var(--app-muted);font:400 .47rem/1.8 var(--mono)}
.mission-vessels{margin-top:1rem;padding-top:.9rem;display:grid;grid-template-columns:auto 1fr;gap:1.2rem;font:400 .51rem/1.8 var(--mono);color:var(--app-muted)}
.mission-vessels>span{color:var(--app-signal)}
/* Detailed application page: one field guide, six chapters. */
.application-page{font-family:var(--serif)}
.application-page .site-header,.application-page .topline{color:var(--app-ink)}
.application-page .site-header{background:#0b1418}
.application-page .primary-nav{grid-template-columns:repeat(3,1fr)}
.application-page .primary-nav a{font-size:1.1rem}
.application-page .field-intro{padding:3.5rem var(--pad) 3rem;max-width:1600px;margin:auto}
.field-breadcrumb{font:400 .57rem var(--mono);color:var(--app-muted);margin-bottom:3rem;display:flex;gap:1rem;flex-wrap:wrap}
.field-breadcrumb a{color:var(--app-ink)}
.field-intro h1{font:500 clamp(3.4rem,7.5vw,7rem)/1 var(--serif);letter-spacing:-.06em;max-width:1100px;margin:1rem 0 2rem}
.field-intro h1 em{font-weight:400;color:var(--app-blue)}
.field-intro>p:last-child{font-size:1.05rem;line-height:1.8;max-width:650px;color:var(--app-muted)}
.field-nav{margin:0 var(--pad);padding:1.5rem 0;border-top:1px solid var(--app-rule);border-bottom:1px solid var(--app-rule);display:flex;gap:1rem 2rem;flex-wrap:wrap;font:400 .61rem/1.8 var(--mono)}
.field-nav a{text-decoration:none;color:var(--app-blue)}
.field-nav a:hover{color:var(--app-signal)}
.field-chapter{padding:4rem var(--pad);display:grid;grid-template-columns:.8fr 1fr;gap:clamp(2rem,6vw,7rem);border-bottom:1px solid var(--app-rule);scroll-margin-top:76px;max-width:1600px;margin:auto}
.field-chapter h2{font:500 clamp(2rem,3.2vw,3.7rem)/1.1 var(--serif);letter-spacing:-.045em;margin:1rem 0 0}
.field-chapter .field-code{font:500 .58rem var(--mono);letter-spacing:.06em;color:var(--app-signal)}
.field-chapter .field-body>p{font-size:1rem;line-height:1.8;margin:0 0 1.5rem;color:var(--app-muted)}
.field-functions{margin:0 0 1.5rem}
.field-functions>div{padding:1.2rem 0;border-top:1px solid var(--app-rule)}
.field-functions dt{font-size:1.2rem;margin:0 0 .5rem;color:var(--app-ink)}
.field-functions dd{font-size:.9rem;line-height:1.8;color:var(--app-muted);margin:0}
.field-source{font:400 .53rem/1.6 var(--mono);color:var(--app-blue);text-underline-offset:5px}
.field-vessels{padding:4rem var(--pad);max-width:1600px;margin:auto}
.field-vessels h2,.field-measurements h2{font:500 clamp(2.2rem,3.5vw,4rem)/1.1 var(--serif);letter-spacing:-.04em;margin:1rem 0 1.5rem}
.field-vessels>p,.field-measurements>p{font-size:.95rem;color:var(--app-muted);line-height:1.8;max-width:720px}
.field-vessels ul{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;gap:0 2rem;margin:2rem 0;padding:0}
.field-vessels li{border-top:1px solid var(--app-rule);padding:1rem 0;font-size:1rem}
.field-measurements{padding:3rem var(--pad);background:var(--app-panel)}
.field-data{display:grid;grid-template-columns:repeat(3,1fr);max-width:var(--max);margin:2rem 0;gap:2rem}
.field-data>div{border-top:1px solid var(--app-rule);padding-top:1rem}
.field-data strong{font:400 1.1rem var(--serif);display:block;margin-bottom:.7rem;color:var(--app-ink)}
.field-data span{font:400 .62rem/1.8 var(--mono);color:var(--app-blue)}
.field-cta{padding:4rem var(--pad);display:flex;gap:2rem;justify-content:space-between;align-items:center}
.field-cta h2{font:500 clamp(2rem,3vw,3rem)/1.1 var(--serif);letter-spacing:-.04em;margin:0 0 1rem}
.field-cta p{color:var(--app-muted);max-width:580px;line-height:1.75}
.field-cta-links{display:flex;flex-wrap:wrap;gap:1.5rem}
@media(max-width:1000px){.application-overview .mission-layout{gap:2rem;grid-template-columns:1fr 1fr}.mission-photo{height:470px}.mission-ledger h3{font-size:1.1rem}.mission-ledger p{font-size:.75rem}.mission-equation{gap:.3rem}.mission-equation strong{font-size:1.4rem}.mission-scale{padding:1rem}.mission-scale-label{font-size:.43rem}.mission-cta{align-items:flex-start;flex-direction:column}.mission-cta>span{text-align:left;max-width:none}.field-vessels ul{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.application-overview .mission-layout{grid-template-columns:minmax(0,1fr);gap:2.5rem}.mission-visual{order:2}.mission-photo{height:clamp(360px,80vw,600px)}.application-overview .mission-copy h2{font-size:clamp(2.8rem,10vw,4rem)}.mission-ledger h3{font-size:1.25rem}.mission-ledger p{font-size:.86rem}.mission-ledger a{padding:1.1rem 0}.mission-cta{gap:1rem}.mission-equation strong{font-size:clamp(1.3rem,5.3vw,2.4rem)}.mission-scale{padding:1.3rem}.mission-vessels{font-size:.53rem}.field-chapter{grid-template-columns:1fr;gap:2rem;padding-block:3rem}.field-vessels ul{grid-template-columns:1fr}.field-data{grid-template-columns:1fr;gap:1.5rem}.field-cta{flex-direction:column;align-items:flex-start}.field-intro{padding-top:2.5rem}.field-breadcrumb{margin-bottom:2rem}.field-intro h1{font-size:clamp(3.2rem,11vw,5rem)}.application-page .primary-nav{grid-template-columns:repeat(2,1fr)}}

/* Reading order starts with the heading; desktop placement keeps the ship at left. */
.application-overview .mission-visual{grid-column:1;grid-row:1}
.application-overview .mission-copy{grid-column:2;grid-row:1}
@media(max-width:760px){.application-overview .mission-copy{grid-column:1;grid-row:1}.application-overview .mission-visual{grid-column:1;grid-row:2}}