:root{color-scheme:dark;--navy:#202224;--paper:#eeeede;--muted:#a9b8b9;--mint:#b6dfb1;--line:#35505a}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--navy);color:var(--paper);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,main:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.app{height:100vh;height:100dvh;display:grid;grid-template-rows:100px 65px minmax(0,1fr) 60px;padding:0 4.2%;max-width:2200px;margin:auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none}.brand img{border-radius:50%;object-fit:cover}.brand>span{font-size:23px;letter-spacing:4px}.brand small{display:block;letter-spacing:6.6px;font-size:10px;margin-top:5px}.positioning,.edition,.eyebrow,.visual-top,.visual-bottom,footer,.detail small{font:10px/1.5 'Courier New',monospace;letter-spacing:1.5px}.positioning span{color:var(--mint);font-size:19px;margin:0 10px}.edition{color:var(--muted)}nav{display:flex;gap:30px;align-items:stretch}nav a{display:flex;align-items:center;text-decoration:none;font-size:12px;color:var(--muted);border-bottom:2px solid transparent;gap:9px}nav a small{font:9px 'Courier New',monospace;opacity:.6}nav a[aria-current=page]{color:var(--mint);border-color:var(--mint)}main{min-height:0;display:grid;grid-template-columns:1fr 1.05fr;gap:5%;align-items:center;position:relative}.copy{min-width:0;max-width:660px;padding:20px 0}.eyebrow{color:var(--mint);margin:0 0 20px}h1{font-weight:400;letter-spacing:-3px;font-size:clamp(40px,4.4vw,78px);line-height:1.02;margin:0 0 23px}h1 em{display:block;color:var(--mint);font-family:Georgia,serif;font-weight:400}.lead{font-size:15px;line-height:1.65;color:#becaca;margin:0 0 23px;max-width:530px}.selectors{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.selectors button{background:transparent;color:#b9c9c9;border:1px solid var(--line);padding:9px 11px;font-size:11px;min-height:35px}.selectors button[aria-pressed=true]{background:var(--mint);border-color:var(--mint);color:var(--navy)}.detail{border-left:2px solid #729f9b;padding-left:16px;min-height:95px;max-width:530px}.detail small{color:#8dadaa;font-size:9px}.detail h2{font-size:19px;font-weight:400;margin:5px 0 7px}.detail p{font-size:13px;line-height:1.55;color:#b6c5c6;margin:0}.actions{display:flex;align-items:center;gap:20px;margin-top:24px}.primary{display:inline-flex;align-items:center;gap:30px;background:var(--mint);color:var(--navy);padding:13px 18px;text-decoration:none;font-size:12px}.secondary{font-size:11px;text-underline-offset:5px}.visual{height:94%;max-height:760px;min-height:0;position:relative;isolation:isolate;border:1px solid var(--line);background:#0b2330;overflow:hidden}.terrain{position:absolute;inset:0;background:linear-gradient(180deg,#20222440,#202224c9),url('assets/desert-terrain.svg') center/cover;opacity:.5;z-index:-1;transition:background .4s}.visual:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 4px,#00000009 5px);pointer-events:none;z-index:2}.visual-top,.visual-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;color:#bdd2cb;z-index:3;font-size:9px}.visual-top{top:22px}.visual-bottom{bottom:20px;align-items:center}.live-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px var(--mint)}.crosshair{font-size:27px}.globe{width:100%;height:100%;position:absolute;inset:0;opacity:.9}.outer-ring,.dashed,.sweep{fill:none;stroke:#94cdb8;stroke-opacity:.22}.dashed{stroke-dasharray:2 9}.sweep{stroke-dasharray:80 1600;transform-origin:320px 280px;animation:orbit 30s linear infinite;stroke:var(--mint);stroke-opacity:.8}.graticule{fill:none;stroke:#a9cebf;stroke-opacity:.14}.land{fill:#518078;fill-opacity:.42;stroke:#9fc6b3;stroke-width:1;stroke-opacity:.45}.connections{fill:none;stroke:var(--mint);stroke-opacity:.6;stroke-dasharray:3 6}.visual-controls{position:absolute;inset:12% 8% 16%;z-index:4}.node{position:absolute;transform:translate(-50%,-50%);background:#292e30e8;color:var(--paper);border:1px solid #648d85;padding:9px 11px;font:10px 'Courier New',monospace;white-space:nowrap;min-height:36px}.node:before{content:'';display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:7px}.node[aria-pressed=true]{background:var(--mint);color:var(--navy);box-shadow:0 0 30px #b6dfb130}.node[aria-pressed=true]:before{background:var(--navy)}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#8fa7a8;gap:15px;font-size:9px;letter-spacing:1px}footer a{text-decoration:none;color:#c1d0ca}.pager{display:flex;align-items:center;gap:10px}.pager span{margin-right:12px}.pager button{border:1px solid var(--line);background:transparent;color:var(--paper);width:32px;height:30px}.copy.enter{animation:reveal .4s ease both}.skip-link{position:fixed;top:-80px;left:16px;z-index:10;background:var(--mint);color:var(--navy);padding:10px}.skip-link:focus{top:10px}.no-script{position:fixed;inset:170px 10% 70px;background:var(--navy);padding:40px;z-index:9} @keyframes orbit{to{transform:rotate(360deg)}}@keyframes reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.lead{font-size:17px}.detail p{font-size:15px}.detail h2{font-size:23px}.selectors button{font-size:13px;padding:11px 15px}}
@media(max-width:1050px){.app{grid-template-rows:80px 58px minmax(0,1fr) 48px}.positioning{display:none}nav{gap:20px}h1{font-size:48px}.lead{font-size:14px}.footer-center{display:none}main{gap:3%}.visual-top,.visual-bottom{left:12px;right:12px;letter-spacing:.5px}.node{font-size:9px;padding:8px}.copy{padding:12px 0}.eyebrow{margin-bottom:12px}}
@media(max-width:700px){.app{padding-left:6%;padding-right:6%;grid-template-rows:65px 66px minmax(0,1fr) 43px}.brand img{width:32px;height:32px}.brand>span{font-size:17px;letter-spacing:3px}.brand small{font-size:8px;letter-spacing:4.7px}.edition{font-size:8px;max-width:85px;text-align:right}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}nav a{font-size:11px;gap:5px}nav a small{font-size:8px}main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 25%;gap:8px;padding:10px 0}.copy{padding:0;align-self:center;max-width:none}.eyebrow{font-size:8px;margin-bottom:9px;letter-spacing:1px}h1{font-size:clamp(30px,7.5vw,48px);letter-spacing:-1.3px;margin-bottom:11px;line-height:1.05}h1 em{display:inline}.lead{font-size:12px;line-height:1.5;margin-bottom:12px;max-width:none}.selectors{gap:5px;margin-bottom:10px}.selectors button{font-size:10px;padding:6px 8px;min-height:30px}.detail{min-height:74px;padding-left:12px}.detail small{font-size:8px}.detail h2{font-size:16px;margin:3px 0 5px}.detail p{font-size:11px;line-height:1.45}.actions{margin-top:12px;gap:17px}.primary{font-size:11px;padding:10px 13px;gap:15px}.secondary{font-size:10px}.visual{height:100%;width:100%}.globe{width:65%;height:230%;left:18%;top:-65%;opacity:.5}.visual-top{top:8px;font-size:7px}.visual-bottom{bottom:6px;font-size:7px}.visual-bottom .crosshair{display:none}.visual-controls{inset:28px 12px 23px;display:flex;align-content:center;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}.node{position:static;transform:none;min-height:28px;padding:5px 8px;font-size:8px}.node:before{width:3px;height:3px;margin-right:4px}footer{font-size:7px;letter-spacing:.4px}.pager{gap:5px}.pager span{margin-right:3px}.pager button{width:29px;height:28px}}
@media(max-height:740px) and (min-width:701px){.app{grid-template-rows:65px 47px minmax(0,1fr) 42px}h1{font-size:43px;margin-bottom:14px}.eyebrow{margin-bottom:10px}.lead{font-size:13px;line-height:1.45;margin-bottom:13px}.selectors{margin-bottom:12px;gap:5px}.selectors button{padding:7px 9px;min-height:30px;font-size:10px}.detail{min-height:75px}.detail p{font-size:12px}.detail h2{font-size:17px}.actions{margin-top:14px}.primary{padding:10px 14px}}
@media(max-height:680px) and (max-width:700px){main{grid-template-rows:minmax(0,1fr) 100px;gap:6px}.app{grid-template-rows:55px 60px minmax(0,1fr) 36px}.lead{font-size:11px;line-height:1.4;margin-bottom:9px}h1{font-size:30px;margin-bottom:8px}.eyebrow{margin-bottom:6px}.detail{min-height:64px}.detail h2{font-size:14px}.detail p{font-size:10px}.selectors{margin-bottom:8px;gap:4px}.selectors button{font-size:9px;padding:5px 7px;min-height:27px}.actions{margin-top:9px}.primary{padding:8px 11px}.visual-top,.visual-bottom{font-size:6px}.visual-controls{inset:22px 7px 20px}.node{min-height:25px}}
@media(max-height:520px){.app{grid-template-rows:46px 38px minmax(0,1fr) 32px}.brand img{width:28px;height:28px}.brand>span{font-size:15px}.brand small{font-size:7px;margin-top:2px}.edition{font-size:8px}nav{display:flex;justify-content:space-between;gap:8px}nav a{font-size:10px}nav a small{display:none}main{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:minmax(0,1fr);gap:20px;padding:7px 0}.copy{padding:0}.visual{height:100%}h1{font-size:28px;letter-spacing:-1px;margin-bottom:7px}.eyebrow{font-size:7px;margin-bottom:5px}.lead{font-size:10px;line-height:1.35;margin-bottom:7px}.selectors{gap:4px;margin-bottom:7px}.selectors button{font-size:8px;padding:4px 6px;min-height:25px}.detail{min-height:0;padding-left:9px}.detail small{display:none}.detail h2{font-size:13px;margin:0 0 4px}.detail p{font-size:10px;line-height:1.35}.actions{margin-top:8px}.primary{font-size:9px;padding:7px 10px}.secondary{font-size:9px}.visual-top,.visual-bottom{font-size:6px}.node{font-size:8px;padding:5px;min-height:27px}.globe{width:100%;height:100%;inset:0}.visual-controls{inset:15% 5% 17%}.footer-center{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.contact-status{border:0;background:transparent;color:var(--paper);padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
@media(max-height:680px) and (max-width:700px) and (min-height:521px){main{grid-template-rows:minmax(0,1fr) 80px}.visual-controls{inset:18px 7px 16px}.node{min-height:23px;font-size:7px;padding:4px 6px}}
/* On short portrait screens the visualization itself is the topic selector. */
@media(max-width:400px) and (max-height:600px){
.app{grid-template-rows:46px 60px minmax(0,1fr) 32px}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0 10px}nav a{font-size:10px}
main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 80px;gap:6px;padding:6px 0}.selectors{display:none}.copy{align-self:center}h1{font-size:28px;line-height:1.05}.lead{font-size:11px;line-height:1.4}.detail{min-height:60px}.detail h2{font-size:14px}.detail p{font-size:11px;line-height:1.4}.detail small{display:none}.actions{margin-top:9px}.visual-controls{inset:18px 7px 16px;display:flex;flex-wrap:wrap;gap:4px}.node{position:static;transform:none;font-size:8px;min-height:23px;padding:4px 6px}.visual-top{top:5px}.visual-bottom{bottom:4px}
}
.primary.contact-status{border:0;background:var(--mint);color:var(--navy);text-decoration:none;padding:11px 15px}
/* Larger, unified humanist type. System fonts keep the package offline-ready. */
body{font-family:'Segoe UI','Trebuchet MS',sans-serif}h1 em{font-family:inherit;font-style:normal;font-weight:300}h1{font-size:clamp(46px,4.7vw,80px);font-weight:350;letter-spacing:-2.5px}.lead{font-size:18px;line-height:1.45}.detail p{font-size:16px;line-height:1.45}.detail h2{font-size:23px}nav a{font-size:16px}.selectors button{font-size:14px}.primary,.secondary{font-size:15px}.node{font-family:inherit;font-size:13px}.positioning,.edition,.eyebrow,.visual-top,.visual-bottom,footer,.detail small{font-family:inherit;font-size:12px;letter-spacing:1px}nav a small{font-family:inherit;font-size:11px}.brand small{font-size:12px}.copy{max-width:none}.lead,.detail{max-width:620px}.positioning{font-size:11px}footer{font-size:11px}.app{grid-template-rows:85px 60px minmax(0,1fr) 48px}main{grid-template-columns:1.15fr 1fr;gap:4%}.copy{padding:10px 0}.eyebrow{margin-bottom:14px}h1{margin-bottom:16px}.lead{margin-bottom:16px}.selectors{margin-bottom:14px}.actions{margin-top:18px}
@media(max-width:1050px){.lead{font-size:17px}.detail p{font-size:15px}h1{font-size:48px}nav{gap:16px}nav a{font-size:14px}.edition{font-size:11px}.node{font-size:12px}.visual-top,.visual-bottom{font-size:10px}.selectors button{font-size:13px}}
@media(max-width:700px){.app{grid-template-rows:64px 76px minmax(0,1fr) 42px}.brand small{font-size:10px}.edition{font-size:10px}nav a{font-size:13px}nav a small{font-size:10px}main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 140px;gap:8px}h1{font-size:36px;letter-spacing:-1.2px}.lead{font-size:15px;line-height:1.4}.detail p{font-size:14px;line-height:1.4}.detail h2{font-size:19px}.detail small,.eyebrow{font-size:11px}.selectors{display:none}.node{font-size:12px;min-height:32px;padding:5px 8px}.visual-controls{inset:26px 8px 24px;gap:5px}.visual-top,.visual-bottom{font-size:8px}.primary,.secondary{font-size:13px}.detail{min-height:0}footer{font-size:9px}.copy{padding:0}.actions{margin-top:14px}.eyebrow{margin-bottom:10px}.lead{margin-bottom:12px}h1{margin-bottom:12px}}
@media(max-height:740px) and (min-width:701px){.app{grid-template-rows:56px 46px minmax(0,1fr) 38px}h1{font-size:42px}.lead{font-size:16px}.detail p{font-size:14px}.detail h2{font-size:20px}.selectors button{font-size:12px}.eyebrow{font-size:11px}.node{font-size:12px}.copy{padding:0}.actions{margin-top:12px}.primary,.secondary{font-size:13px}}
@media(max-height:520px) and (min-width:701px){h1{font-size:34px}.lead{font-size:14px}.detail p{font-size:13px}.detail h2{font-size:18px}.detail{min-height:0}.selectors button{font-size:11px}.eyebrow{font-size:10px}nav a{font-size:13px}.visual-top,.visual-bottom{font-size:9px}.node{font-size:11px}}
.panel-toggle{display:none}
@media(max-width:700px), (max-width:1100px) and (max-height:600px){
.panel-toggle{display:inline-block;border:1px solid var(--mint);color:var(--mint);background:transparent;font:inherit;font-size:14px;padding:8px 12px;margin:0 0 14px}.selectors{display:none}.app:not(.exploring) .detail,.app:not(.exploring) .visual{display:none}.app:not(.exploring) main{display:flex;align-items:center}.app:not(.exploring) .copy{width:100%;max-width:720px}.app.exploring .lead,.app.exploring h1,.app.exploring .actions{display:none}.app.exploring main{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 150px}.app.exploring .detail{margin-top:0}.app.exploring .visual{display:block}.app.exploring .copy{align-self:center}.visual-controls{inset:26px 8px 24px;display:flex;align-content:center;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px}.node{position:static;transform:none;min-height:32px;font-size:12px;padding:5px 8px}.detail p{font-size:15px}.detail h2{font-size:21px}.detail small{font-size:11px}.brand>span{font-size:21px}.brand small{font-size:11px;letter-spacing:5.6px}
}
@media(max-width:700px) and (max-height:680px){.app{grid-template-rows:55px 68px minmax(0,1fr) 36px}h1{font-size:34px}.lead{font-size:15px}.eyebrow{font-size:10px}.primary,.secondary{font-size:13px}.app.exploring main{grid-template-rows:minmax(0,1fr) 125px}.visual-top,.visual-bottom{font-size:8px}nav a{font-size:12px}.panel-toggle{margin-bottom:10px}.actions{margin-top:4px}.copy{padding:0}.detail p{font-size:14px}.detail h2{font-size:20px}}
@media(max-width:400px) and (max-height:520px){h1{font-size:32px}.lead{font-size:14px;line-height:1.35}.eyebrow{font-size:10px}.app.exploring main{grid-template-rows:minmax(0,1fr) 110px}.node{font-size:11px;min-height:29px;padding:4px 7px}.visual-controls{inset:22px 6px 20px}.panel-toggle{font-size:13px;padding:7px 10px;margin-bottom:8px}.detail p{font-size:14px}.detail h2{font-size:18px}nav a{font-size:11px}.actions{gap:12px}.primary,.secondary{font-size:12px}.brand>span{font-size:19px}.brand small{font-size:10px}footer{font-size:8px}}
@media(min-width:701px) and (max-width:1100px) and (max-height:600px){.app.exploring main{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr)}.app.exploring .visual{height:100%}.app.exploring .visual-controls{inset:35px 12px}.app:not(.exploring) .lead{max-width:750px}.app:not(.exploring) h1 em{display:inline}.detail p{font-size:15px}}
@media(min-width:521px) and (max-width:700px) and (max-height:520px){.app{grid-template-rows:46px 42px minmax(0,1fr) 32px}nav{display:flex;gap:8px}nav a{font-size:12px}.app.exploring main{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr)}.app.exploring .visual{height:100%}.app:not(.exploring) h1 em{display:inline}.app:not(.exploring) h1{font-size:32px}.app:not(.exploring) .lead{font-size:14px}.app:not(.exploring) .eyebrow{margin-bottom:5px}.app:not(.exploring) .panel-toggle{margin-bottom:5px}.app:not(.exploring) .actions{margin-top:4px}.app:not(.exploring) .primary{padding:7px 10px}}
@media(max-width:700px) and (min-height:741px){.app:not(.exploring) main{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 170px}.app:not(.exploring) .visual{display:block}}

/* Open, unframed visualizations; retain only meaningful interactive labels. */
.visual{border:0;background:transparent}
.visual:after{display:none}
.terrain{border-radius:50%;-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 25%,transparent 72%)}
.node{border-radius:999px;padding-left:14px;padding-right:14px}
.node:before{display:none}

/* Original interior mark beside a single-line company name. */
.brand{gap:13px;white-space:nowrap}.brand img{width:28px;height:46px;border-radius:0;object-fit:contain}.brand>span{font-size:27px;letter-spacing:1px;font-weight:400}
@media(max-width:700px){header .edition{display:none}.brand{gap:11px}.brand img{width:23px;height:39px}.brand>span{font-size:23px;letter-spacing:.6px}}
@media(max-height:520px){.brand img{width:20px;height:33px}.brand>span{font-size:22px}}
/* Give each view a diagram that represents its subject. */
.visual:not([data-view="global"]) .globe,.visual:not([data-view="global"]) .terrain{display:none}
.diagram{position:absolute;inset:12% 8% 16%;pointer-events:none}.diagram svg{width:100%;height:100%;overflow:visible}.diagram path,.diagram circle{fill:none;stroke:#90bca6;stroke-width:.22;stroke-opacity:.5}.diagram text{fill:#b6dfb1;font:2px 'Segoe UI',sans-serif;text-anchor:middle;letter-spacing:.2px}.diagram .support-line{stroke-dasharray:1 2;stroke-opacity:.25}
.visual[data-view="about"] .visual-controls{display:flex;flex-direction:column;justify-content:center;gap:18px;align-items:stretch;padding:0 10%}
.visual[data-view="about"] .node{position:static;transform:none;border-radius:0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:18px 0;color:var(--paper);font-size:24px;box-shadow:none;white-space:normal}
.visual[data-view="about"] .node small{display:block;font-size:14px;margin-top:8px;color:var(--muted)}
.visual[data-view="about"] .node[aria-pressed="true"]{color:var(--mint);border-color:var(--mint)}
@media(max-width:700px),(max-width:1100px) and (max-height:600px){.diagram{display:none}.visual[data-view="about"] .visual-controls{flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:5px;padding:0}.visual[data-view="about"] .node{font-size:12px;padding:6px 8px;border:1px solid var(--line);border-radius:999px}.visual[data-view="about"] .node small{display:none}}
/* Requested type pairing. Caslon Pro resolves from a licensed local installation. */
@font-face{font-family:Poppins;src:url('assets/fonts/Poppins-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/fonts/Poppins-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Caslon Pro';src:local('Adobe Caslon Pro'),local('ACaslonPro-Regular'),local('Caslon Pro');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Libre Caslon Text';src:url('assets/fonts/LibreCaslonText-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--body-font:'Poppins',sans-serif;--heading-font:'Caslon Pro','Libre Caslon Text',Georgia,serif}
body{font-family:var(--body-font)}
h1,h1 em,.detail h2,.brand>span{font-family:var(--heading-font);font-weight:400;letter-spacing:-.025em}
.brand>span{letter-spacing:0}
.positioning,.edition,.eyebrow,.visual-top,.visual-bottom,footer,.detail small,nav a small,.node,.diagram text,.panel-toggle{font-family:var(--body-font)}
h1 em{font-style:normal;font-weight:400}
:root{--heading-font:'adobe-caslon-pro','Caslon Pro','Libre Caslon Text',Georgia,serif}
/* Photographic mission stories, open edges, and clear editorial hierarchy. */
:root{--mint:#bfe9bc;--muted:#b6c9cd}
body{background:radial-gradient(ellipse at 90% 25%,#303436 0,transparent 50%),#202224}
.photo-stage{position:absolute;inset:0;isolation:isolate;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 96%,transparent)}
.photo-stage[hidden]{display:none}.photo-stage img{width:100%;height:100%;object-fit:cover;object-position:center;animation:photo-in .7s ease both}
.photo-wash{position:absolute;inset:0;background:linear-gradient(180deg,#20222440 0,transparent 28%,#20222430 48%,#202224fa 88%),linear-gradient(90deg,#20222420,transparent)}
.photo-caption{position:absolute;left:10%;right:8%;top:55%;display:flex;flex-direction:column;gap:10px}.photo-caption small{font-size:11px;letter-spacing:2px;color:var(--mint)}.photo-caption strong{font:400 clamp(30px,2.7vw,48px)/1.12 var(--heading-font);max-width:470px;color:#fff}.photo-caption>span{font-size:10px;color:#b4c8ce}
.visual[data-view="mission"] .diagram,.visual[data-view="domains"] .diagram,.visual[data-view="technologies"] .diagram,.visual[data-view="approach"] .diagram{display:none}
.visual[data-view="mission"] .visual-controls,.visual[data-view="domains"] .visual-controls,.visual[data-view="technologies"] .visual-controls,.visual[data-view="approach"] .visual-controls{inset:auto 9% 10%;display:flex;justify-content:flex-start;align-content:center;flex-wrap:wrap;gap:8px}
.visual[data-view="mission"] .node,.visual[data-view="domains"] .node,.visual[data-view="technologies"] .node,.visual[data-view="approach"] .node{position:static;transform:none;font-size:12px;min-height:34px;background:#292e30ed;border-color:#647f88;color:#e4eded;padding:7px 12px}.visual .node[aria-pressed="true"]{background:var(--mint);color:#202224;border-color:var(--mint);box-shadow:0 0 20px #bfe9bc20}
.visual-top{left:10%;right:8%;text-shadow:0 1px 10px #000}.visual-bottom{left:10%;right:8%;font-size:10px;color:#bad0d3}
.context-toggle{display:block;background:transparent;border:0;padding:7px 0 0;color:var(--mint);font:400 12px var(--body-font);cursor:pointer;text-align:left}.context-toggle:hover{text-decoration:underline;text-underline-offset:4px}
.detail p{line-height:1.5}.detail{padding-left:18px}.eyebrow{letter-spacing:1.5px;color:#bfe9bc}.selectors button{border-radius:999px;padding:8px 12px}.selectors{gap:7px}.primary{border-radius:999px}.lead{color:#c4d1d5}.app.exploring .detail{max-width:680px}
@keyframes photo-in{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(min-width:701px) and (max-height:800px){.detail p{font-size:14px;line-height:1.4}.detail h2{font-size:21px}.context-toggle{padding-top:5px;font-size:11px}.copy h1{font-size:clamp(38px,4vw,58px);margin-bottom:12px}.copy .lead{font-size:16px;line-height:1.4;margin-bottom:12px}.selectors{margin-bottom:10px}.copy .eyebrow{margin-bottom:10px}.actions{margin-top:12px}.copy{padding:0}}
@media(max-width:700px),(max-width:1100px) and (max-height:600px){.photo-caption{display:none}.photo-stage{mask-image:linear-gradient(180deg,transparent,#000 15%,#000 75%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 75%,transparent)}.photo-stage img{opacity:.6}.photo-wash{background:#20222460}.visual[data-view="mission"] .visual-controls,.visual[data-view="domains"] .visual-controls,.visual[data-view="technologies"] .visual-controls,.visual[data-view="approach"] .visual-controls{inset:26px 8px 24px;justify-content:center;align-content:center;gap:5px}.visual[data-view="mission"] .node,.visual[data-view="domains"] .node,.visual[data-view="technologies"] .node,.visual[data-view="approach"] .node{font-size:11px;min-height:30px;padding:5px 9px}.context-toggle{font-size:12px}.detail p{font-size:14px;line-height:1.45}.visual-top,.visual-bottom{font-size:8px;left:7%;right:7%}}
@media(max-width:400px) and (max-height:600px){.app.exploring .detail p{font-size:13px;line-height:1.4}.app.exploring .detail h2{font-size:18px}.app.exploring .eyebrow{margin-bottom:7px}.app.exploring .panel-toggle{margin-bottom:8px}.context-toggle{font-size:11px;padding-top:5px}.visual[data-view="mission"] .node,.visual[data-view="domains"] .node,.visual[data-view="technologies"] .node,.visual[data-view="approach"] .node{font-size:10px;padding:4px 7px;min-height:28px}}
@media(max-width:400px) and (max-height:600px){.app.exploring .eyebrow{display:none}.app.exploring .panel-toggle{font-size:12px;padding:5px 9px;margin-bottom:7px}.app.exploring .detail h2{margin-top:0;margin-bottom:5px}.app.exploring .detail{padding-left:12px}.context-toggle{padding-top:4px}}
/* Fade all photo edges into the canvas rather than framing the image. */
@media(min-width:701px) and (min-height:601px){.photo-stage{-webkit-mask-image:linear-gradient(180deg,transparent,#000 7%,#000 83%,transparent),linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(180deg,transparent,#000 7%,#000 83%,transparent),linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}}
.brand>span{font-family:'adobe-caslon-pro','Caslon Pro','Libre Caslon Text',Georgia,serif;font-weight:600;font-style:italic;font-synthesis:none}
/* Simpler editorial structure: one selector per view, six domains together. */
.selectors,.context-toggle{display:none}
.photo-stage:has(.domain-gallery){mask-image:none;-webkit-mask-image:none;overflow:visible}
.domain-gallery{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:18px 12px;padding:45px 0 42px}
.domain-tile{background:none;border:0;color:var(--paper);padding:0;display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0;text-align:center}
.domain-tile img{width:100%;height:calc(100% - 31px);min-height:0;object-fit:cover;border-radius:16px;opacity:.85;transition:opacity .2s,transform .2s}
.domain-tile span{font:400 13px var(--body-font)}.domain-tile:hover img,.domain-tile[aria-pressed="true"] img{opacity:1}.domain-tile[aria-pressed="true"] span{color:var(--mint)}.domain-tile:focus-visible{outline-offset:3px;border-radius:16px}
.visual[data-view="mission"] .visual-controls,.visual[data-view="domains"] .visual-controls{display:none}
.visual[data-view="mission"] .visual-top,.visual[data-view="domains"] .visual-top,.visual[data-view="mission"] .visual-bottom,.visual[data-view="domains"] .visual-bottom{display:none}
.app[data-view="mission"] .eyebrow{font-size:10px;letter-spacing:1px;max-width:600px;line-height:1.8}.app[data-view="mission"] h1{font-size:clamp(42px,4.6vw,72px);line-height:1.04}.app[data-view="mission"] .detail{border:0;padding:0;margin-top:28px}.app[data-view="mission"] .detail h2{font:400 20px/1.5 var(--body-font);color:var(--mint);letter-spacing:0}.app[data-view="mission"] .actions{margin-top:25px}
.visual[data-view="technologies"] .photo-stage{display:none}
.visual[data-view="technologies"] .visual-controls{inset:12% 3% 12%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:0}
.visual[data-view="technologies"] .node{position:static;transform:none;white-space:normal;text-align:left;border:0;border-radius:0;border-bottom:1px solid var(--line);background:transparent;padding:19px 13px;font-size:19px;line-height:1.3;box-shadow:none;color:var(--paper)}
.visual[data-view="technologies"] .node[aria-pressed="true"]{background:transparent;color:var(--mint);border-color:var(--mint)}
.visual[data-view="technologies"] .visual-top{left:5%}.visual[data-view="technologies"] .visual-bottom{display:none}
@media(max-width:700px),(max-width:1100px) and (max-height:600px){
.app[data-view="mission"] .panel-toggle{display:none}.app[data-view="mission"] .detail{display:block;margin-top:18px}.app[data-view="mission"] .detail h2{font-size:16px}.app[data-view="mission"] h1{font-size:37px}.app[data-view="mission"] .eyebrow{font-size:8px}.app[data-view="mission"] .actions{margin-top:18px}.domain-gallery{gap:8px;padding:4px 0}.domain-tile{gap:4px}.domain-tile img{height:calc(100% - 19px);border-radius:9px;opacity:.9}.domain-tile span{font-size:10px}.visual[data-view="technologies"] .visual-controls{inset:12px 0;display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;gap:5px}.visual[data-view="technologies"] .node{font-size:11px;line-height:1.25;padding:6px 9px;border:1px solid var(--line);border-radius:999px;min-height:30px}.visual[data-view="technologies"] .visual-top{display:none}}
@media(max-width:700px) and (min-height:741px){.app[data-view="mission"] main{grid-template-rows:minmax(0,1fr) 190px}}
@media(max-width:700px) and (max-height:740px){.app[data-view="mission"] h1{font-size:33px}.app[data-view="mission"] .lead{font-size:14px}.app[data-view="mission"] .detail{margin-top:14px}.app[data-view="mission"] .detail h2{font-size:15px}.app[data-view="mission"] .eyebrow{font-size:8px;line-height:1.7}}
@media(max-width:400px) and (max-height:520px){.app[data-view="mission"] h1{font-size:30px}.app[data-view="mission"] .lead{font-size:13px}.app[data-view="mission"] .detail h2{font-size:14px}.app[data-view="mission"] .actions{margin-top:12px}.app[data-view="mission"] .eyebrow{font-size:7px}}
@media(max-width:1100px) and (max-height:600px){
.app:not(.exploring) .copy h1{font-size:30px;line-height:1.05;margin-bottom:8px}.app:not(.exploring) .copy .lead{font-size:14px;line-height:1.35;margin-bottom:8px}.app:not(.exploring) .copy .eyebrow{margin-bottom:7px}.app[data-view="mission"] .detail{margin-top:10px}.app[data-view="mission"] .detail h2{font-size:14px;line-height:1.4}.app[data-view="mission"] .actions{margin-top:10px}.app.exploring .detail h2{font-size:18px;line-height:1.15}.app.exploring .detail p{font-size:13px;line-height:1.4}.app.exploring .panel-toggle{padding:6px 9px;margin-bottom:7px;font-size:12px}.app.exploring .eyebrow{font-size:9px;margin-bottom:7px}
}
@media(min-width:701px) and (min-height:601px){.domain-gallery{height:auto;position:absolute;inset:0;align-content:center;grid-template-rows:auto auto;padding:0;gap:20px 12px}.domain-tile img{height:auto;aspect-ratio:4/3;object-fit:cover}.domain-tile{gap:8px}}
.edition{font-size:11px;letter-spacing:1px;color:var(--mint)}
.photo-caption>span{display:none}
.pager #autoplay{width:54px;font:400 11px var(--body-font);color:var(--mint)}
@media(max-width:700px){.pager #autoplay{width:43px;font-size:10px}.pager{gap:4px}.pager span{margin-right:1px}footer{font-size:8px;gap:6px}}
@media(min-width:701px) and (max-width:1250px){.positioning{display:none}}
/* Contact selection: a restrained accent and clear text contrast. */
.visual[data-view="about"] .node,.visual[data-view="about"] .node[aria-pressed="true"]{background:transparent;box-shadow:none;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--paper);padding:18px 16px;text-align:left;line-height:1.35}
.visual[data-view="about"] .node[aria-pressed="true"]{border-left:3px solid var(--mint);color:var(--mint);padding-left:13px}
.visual[data-view="about"] .node small{color:#b8cbd0;font-size:14px;line-height:1.5;margin-top:8px}
.visual[data-view="about"] .node:hover{background:#bfe9bc08}
@media(max-width:700px),(max-width:1100px) and (max-height:600px){.visual[data-view="about"] .node,.visual[data-view="about"] .node[aria-pressed="true"]{border:1px solid var(--line);border-radius:999px;padding:6px 10px;text-align:center;font-size:12px;min-height:32px}.visual[data-view="about"] .node[aria-pressed="true"]{border-color:var(--mint);color:var(--mint);background:#bfe9bc10}.visual[data-view="about"] .node small{display:none}}
/* Larger wordmark, optically centered with the isolated mark. */
.brand{display:inline-flex;align-items:center;gap:15px;line-height:1}
.brand>span{display:block;font-size:34px;line-height:1;transform:translateY(4px)}
.brand img{display:block;flex:none;width:30px;height:49px;object-fit:contain}
@media(max-width:700px){.brand{gap:12px}.brand>span{font-size:28px;transform:translateY(3px)}.brand img{width:25px;height:41px}}
@media(max-width:360px){.brand{gap:10px}.brand>span{font-size:26px}.brand img{width:23px;height:38px}}
@media(max-height:520px){.brand>span{font-size:27px;transform:translateY(3px)}.brand img{width:23px;height:38px}}
footer .naics{text-align:right;letter-spacing:.4px;white-space:nowrap}
.playback{border:0;background:transparent;color:var(--muted);font:400 10px var(--body-font);padding:6px 10px;min-height:28px;cursor:pointer}.playback:hover{color:var(--mint)}
@media(max-width:700px){footer{display:grid;grid-template-columns:1fr auto;grid-template-rows:16px 16px;gap:0 6px;align-content:center;font-size:7px}.playback{grid-column:2;grid-row:1 / 3;font-size:9px;padding:4px 7px}footer .naics{grid-column:1;grid-row:2;font-size:8px;text-align:left;letter-spacing:0}}
/* Match the Caslon wordmark’s visible height to the mark. */
.brand{align-items:center;gap:15px}.brand>span{font-size:47px;line-height:1;transform:translateY(5px)}.brand img{width:30px;height:49px}
@media(max-width:700px){.brand{gap:12px}.brand>span{font-size:38px;transform:translateY(4px)}.brand img{width:25px;height:41px}}
@media(max-width:360px){.brand{gap:10px}.brand>span{font-size:33px;transform:translateY(3px)}.brand img{width:22px;height:36px}}
@media(max-height:520px){.brand>span{font-size:34px;transform:translateY(3px)}.brand img{width:22px;height:36px}}
/* Six image-only hexagons, with accessible control names retained. */
.domain-gallery{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:10px;align-content:center;height:auto;padding:0}
.domain-tile{display:block;position:relative;aspect-ratio:1.1547;min-width:0;min-height:0;background:var(--mint);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);padding:2px;transition:filter .2s}
.domain-tile img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);opacity:.9}
.domain-tile span{display:none}
.domain-tile:hover,.domain-tile[aria-pressed="true"]{filter:drop-shadow(0 0 8px #bfe9bc55)}
.domain-tile:hover img,.domain-tile[aria-pressed="true"] img{opacity:1}
.domain-tile:focus-visible{outline:none;background:#fff;filter:brightness(1.3)}
@media(max-width:700px),(max-width:1100px) and (max-height:600px){.domain-gallery{position:absolute;inset:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;height:100%;align-content:center}.domain-tile{height:100%;aspect-ratio:auto;padding:1px}.domain-tile img{height:100%;aspect-ratio:auto}}
/* A single connected six-domain cluster, anchored by Cyber. */
.domain-gallery{display:block;position:absolute;inset:0;height:100%;padding:0;container-type:size}
.domain-tile{position:absolute;width:33%;height:auto;aspect-ratio:1.1547;transform:translate(-50%,-50%);padding:2px}
.domain-tile[data-photo="cyber"]{left:50%;top:50%;z-index:2}
.domain-tile[data-photo="undersea"]{left:24.5%;top:35.2%}
.domain-tile[data-photo="land"]{left:50%;top:20.4%}
.domain-tile[data-photo="air"]{left:75.5%;top:35.2%}
.domain-tile[data-photo="space"]{left:75.5%;top:64.8%}
.domain-tile[data-photo="maritime"]{left:24.5%;top:64.8%}
.domain-tile[data-photo="cyber"] img{opacity:1}
@media(max-width:700px),(max-width:1100px) and (max-height:600px){.domain-gallery{inset:0;height:100%}.domain-tile{width:auto;height:42%;aspect-ratio:1.1547;padding:1px}.domain-tile[data-photo="cyber"]{left:50%;top:50%}.domain-tile[data-photo="land"]{left:50%;top:7%}.domain-tile[data-photo="undersea"]{left:30%;top:28.5%}.domain-tile[data-photo="air"]{left:70%;top:28.5%}.domain-tile[data-photo="maritime"]{left:30%;top:71.5%}.domain-tile[data-photo="space"]{left:70%;top:71.5%}}
/* Equal hexagon geometry keeps shared edges aligned at every viewport. */
.domain-gallery{--hex-size:min(33cqw,43cqh)}
.domain-tile{width:var(--hex-size);height:calc(var(--hex-size)*.8660254);aspect-ratio:auto}
.domain-tile[data-photo="cyber"]{left:50%;top:calc(50% + var(--hex-size)*.216506)}
.domain-tile[data-photo="undersea"]{left:calc(50% - var(--hex-size)*.75);top:calc(50% - var(--hex-size)*.216506)}
.domain-tile[data-photo="land"]{left:50%;top:calc(50% - var(--hex-size)*.649519)}
.domain-tile[data-photo="air"]{left:calc(50% + var(--hex-size)*.75);top:calc(50% - var(--hex-size)*.216506)}
.domain-tile[data-photo="space"]{left:calc(50% + var(--hex-size)*.75);top:calc(50% + var(--hex-size)*.649519)}
.domain-tile[data-photo="maritime"]{left:calc(50% - var(--hex-size)*.75);top:calc(50% + var(--hex-size)*.649519)}
/* Complete seven-cell honeycomb: Cyber at the center, RF Spectrum below. */
.domain-gallery{--hex-size:min(33cqw,36cqh)}
.domain-tile[data-photo="cyber"]{left:50%;top:50%}
.domain-tile[data-photo="undersea"]{left:calc(50% - var(--hex-size)*.75);top:calc(50% - var(--hex-size)*.433013)}
.domain-tile[data-photo="land"]{left:50%;top:calc(50% - var(--hex-size)*.866025)}
.domain-tile[data-photo="air"]{left:calc(50% + var(--hex-size)*.75);top:calc(50% - var(--hex-size)*.433013)}
.domain-tile[data-photo="space"]{left:calc(50% + var(--hex-size)*.75);top:calc(50% + var(--hex-size)*.433013)}
.domain-tile[data-photo="maritime"]{left:calc(50% - var(--hex-size)*.75);top:calc(50% + var(--hex-size)*.433013)}
.domain-tile[data-photo="rf-spectrum"]{left:50%;top:calc(50% + var(--hex-size)*.866025)}

/* Global experience: immersive environments with an anchored selector. */
.visual[data-view="global"] .globe,.visual[data-view="global"] .terrain,.visual[data-view="global"] .diagram{display:none}
.visual[data-view="global"] .photo-stage{inset:0 0 70px;mask-image:linear-gradient(180deg,transparent,#000 5%,#000 88%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 5%,#000 88%,transparent)}
.visual[data-view="global"] .photo-stage img{opacity:1;object-position:center}
.visual[data-view="global"] .photo-wash{position:absolute;inset:0;background:linear-gradient(180deg,#20222420 35%,#202224c9 100%)}
.environment-caption{position:absolute;left:8%;right:8%;bottom:12%;color:#fff;text-shadow:0 2px 18px #0006}
.environment-caption small{font:400 12px/1.5 var(--body-font);letter-spacing:.6px;display:block;margin-bottom:10px}
.environment-caption strong{font:400 clamp(54px,6vw,96px)/1 var(--heading-font);display:block}
.visual[data-view="global"] .visual-top{left:8%;top:6%;font-size:10px;color:#fff}
.visual[data-view="global"] .visual-bottom{display:none}
.visual[data-view="global"] .visual-controls{inset:auto 6% 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.visual[data-view="global"] .node{position:static;transform:none;white-space:normal;background:transparent;border:0;border-radius:0;border-bottom:2px solid var(--line);padding:12px 0;color:var(--muted);font:400 14px/1.4 var(--body-font);box-shadow:none;min-height:44px;transition:color .2s,border-color .2s}
.visual[data-view="global"] .node:hover,.visual[data-view="global"] .node[aria-pressed="true"]{color:var(--mint);border-color:var(--mint);background:transparent}
@media(max-width:700px),(max-width:1100px) and (max-height:600px){
.visual[data-view="global"] .photo-stage{inset:0;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 80%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 80%,transparent)}
.visual[data-view="global"] .visual-top,.environment-caption{display:none}
.visual[data-view="global"] .visual-controls{inset:auto 4% 9px;gap:6px}
.visual[data-view="global"] .node{font-size:11px;min-height:36px;padding:8px 0;color:#fff;background:#20222466;border-color:#b6c9cd77}
.visual[data-view="global"] .node[aria-pressed="true"]{background:#202224bb}
}

@media(min-width:701px) and (min-height:601px){.visual[data-view="global"] .photo-stage{mask-image:linear-gradient(180deg,transparent,#000 5%,#000 88%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 5%,#000 88%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}}

/* Domain tags lead the description; every domain feeds a shared solution. */
.app[data-view="domains"] #selectors{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}
.app[data-view="domains"] #selectors button{font:400 12px/1.4 var(--body-font);border:1px solid #647f88;background:transparent;color:var(--paper);border-radius:999px;padding:8px 12px;min-height:34px}
.app[data-view="domains"] #selectors button[aria-pressed="true"]{background:var(--mint);color:var(--navy);border-color:var(--mint)}
.app[data-view="domains"] h1{font-size:clamp(38px,4vw,62px)}
.domain-tile[data-photo="rf-spectrum"]{left:50%;top:calc(50% - var(--hex-size)*.866025)}
.domain-tile[data-photo="land"]{left:50%;top:calc(50% + var(--hex-size)*.866025)}
.domain-network{position:absolute;inset:0;z-index:4;pointer-events:none}
.domain-link{position:absolute;left:50%;top:50%;width:calc(var(--hex-size)*.866025);height:1px;background:#c6f5dc80;transform-origin:left center;transform:rotate(var(--angle));box-shadow:0 0 5px #202224}
.domain-link:after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border:1px solid #daffe9;border-radius:50%;background:#103b46}
.domain-link.active{height:2px;background:var(--mint);box-shadow:0 0 8px #bfe9bc99}
.domain-link.active:after{background:var(--mint);box-shadow:0 0 12px #bfe9bc}
.solution-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#202224ed;border:1px solid #bfe9bca0;border-radius:50%;width:calc(var(--hex-size)*.7);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mint);font:400 clamp(9px,1vw,14px)/1.4 var(--body-font);box-shadow:0 0 35px #202224}
.solution-hub strong{font-weight:500;color:var(--paper);font-size:1.2em}
@media(max-width:700px),(max-width:1100px) and (max-height:600px){
.app[data-view="domains"]:not(.exploring) #selectors{display:none}
.app[data-view="domains"].exploring #selectors{margin-bottom:12px;gap:5px}
.app[data-view="domains"] #selectors button{font-size:11px;min-height:30px;padding:5px 9px}
.app[data-view="domains"] h1{font-size:34px}
.solution-hub{font-size:8px;width:calc(var(--hex-size)*.9)}
.domain-link:after{width:5px;height:5px;top:-2px}
}
@media(max-width:400px) and (max-height:600px){.app[data-view="domains"] #selectors button{font-size:10px;padding:4px 7px;min-height:27px}.app[data-view="domains"].exploring #selectors{margin-bottom:8px;gap:4px}}

/* Charcoal canvas with the established sea-blue and mint palette. */
:root{--navy:#202224;--paper:#b9d5df;--muted:#a9c1ca;--mint:#bfe9bc;--line:#49565b}
body{background:radial-gradient(ellipse at 90% 25%,#303436 0,transparent 55%),#202224;color:var(--paper)}
.brand>span{color:var(--paper)}
.positioning{color:var(--muted)}
h1,.detail h2{color:var(--paper)}
h1 em,.edition,.eyebrow,.app[data-view="mission"] .detail h2{color:var(--mint)}
.lead,.detail p{color:#b2cbd4}
.detail{border-left-color:#7caaa8}.detail small{color:#a0c3cd}
nav a,footer,.playback{color:var(--muted)}
nav a[aria-current="page"]{color:var(--mint)}
.app[data-view="domains"] #selectors button{color:var(--paper);border-color:#71888f}
.app[data-view="domains"] #selectors button[aria-pressed="true"],.primary,.primary.contact-status{color:var(--navy)}
.visual[data-view="about"] .node small{color:#adc6ce}
.visual[data-view="technologies"] .node{color:var(--paper)}
.visual[data-view="technologies"] .node[aria-pressed="true"]{color:var(--mint)}
.visual[data-view="approach"] .node{background:#292e30ed;color:var(--paper);border-color:#71888f}
.visual[data-view="approach"] .node[aria-pressed="true"]{background:var(--mint);color:var(--navy);border-color:var(--mint)}
.solution-hub{background:#202224ed}.solution-hub strong{color:var(--paper)}
.domain-link:after{background:#303e42}.domain-link.active:after{background:var(--mint)}

/* Descriptions follow the domain tags without repeated headings. */
.app[data-view="domains"] .detail{min-height:0;padding-top:3px;padding-bottom:3px}
.principles{margin:18px 0;display:grid;gap:12px}
.principles>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:baseline}
.principles dt{color:var(--mint);font-size:15px;font-weight:500}
.principles dd{margin:0;font-size:14px;line-height:1.5;color:#b2cbd4}
.detail .philosophy-closing{color:var(--paper);margin-top:16px}
@media(max-width:700px),(max-width:1100px) and (max-height:600px){
.app[data-view="about"]:not(.exploring) #selectors{display:none}
.app[data-view="about"].exploring #selectors{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.app[data-view="about"] #selectors button{font-size:12px;border-radius:999px;padding:6px 10px;min-height:31px}
.app[data-view="about"].exploring main{display:flex;align-items:center}
.app[data-view="about"].exploring .visual{display:none}
.app[data-view="about"].exploring .copy{width:100%;max-width:720px}
.principles{gap:10px;margin:14px 0}
.principles>div{display:block}
.principles dt,.principles dd{display:inline;font-size:13px;line-height:1.5}
.principles dt{margin-right:8px}
.detail .philosophy-closing{margin-top:12px}
}
@media(max-width:400px) and (max-height:680px){
.app[data-view="about"].exploring .eyebrow{display:none}
.app[data-view="about"].exploring .panel-toggle{font-size:11px;padding:5px 8px;margin-bottom:8px}
.app[data-view="about"].exploring #selectors{margin-bottom:10px;gap:5px}
.app[data-view="about"] #selectors button{font-size:11px;min-height:27px;padding:4px 8px}
.app[data-view="about"].exploring .detail small{display:none}
.app[data-view="about"].exploring .detail h2{font-size:19px;margin-bottom:8px}
.app[data-view="about"].exploring .detail p,.app[data-view="about"] .principles dt,.app[data-view="about"] .principles dd{font-size:12px;line-height:1.4}
.app[data-view="about"] .principles{gap:7px;margin:10px 0}
.app[data-view="about"] .detail .philosophy-closing{margin-top:10px}
}

@media(max-width:700px),(max-width:1100px) and (max-height:600px){.app[data-view="about"] .principles>div{font-size:13px;line-height:1.5}}
@media(max-width:400px) and (max-height:680px){.app[data-view="about"] .principles>div{font-size:12px;line-height:1.4}}
@media(min-width:521px) and (max-width:1100px) and (max-height:600px){
.app[data-view="about"].exploring .copy{display:grid;grid-template-columns:145px minmax(0,1fr);column-gap:20px;align-items:start;max-width:none}
.app[data-view="about"].exploring .eyebrow{display:none}
.app[data-view="about"].exploring .panel-toggle{grid-column:1;grid-row:1;font-size:11px;padding:6px 8px}
.app[data-view="about"].exploring #selectors{grid-column:1;grid-row:2;flex-direction:column;align-items:stretch;margin:0}
.app[data-view="about"].exploring .detail{grid-column:2;grid-row:1 / 4}
.app[data-view="about"].exploring .detail small{display:none}
.app[data-view="about"].exploring .detail h2{font-size:20px;line-height:1.15;margin:0 0 7px}
.app[data-view="about"].exploring .detail p{font-size:12px;line-height:1.4}
.app[data-view="about"] .principles{gap:7px;margin:10px 0}
.app[data-view="about"] .principles>div,.app[data-view="about"] .principles dt,.app[data-view="about"] .principles dd{font-size:12px;line-height:1.4}
}

.visual[data-view="about"] .visual-top{display:none}

/* One shared environment replaces separate domain image tiles. */
.brand>span{color:#eeeede}
.visual .visual-top,.visual .visual-bottom,.photo-caption small,.detail>small{display:none!important}
.app:not([data-view="mission"]) .eyebrow{display:none}
.visual .photo-stage.unified-stage{display:grid;place-items:center;inset:0;overflow:hidden;mask-image:none;-webkit-mask-image:none}
.visual .photo-stage.unified-stage .unified-illustration{width:100%;height:100%;object-fit:contain;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.visual[data-view="mission"] .diagram,.visual[data-view="domains"] .diagram{display:none}
@media(max-width:700px) and (min-height:741px){.app[data-view="domains"].exploring main{grid-template-rows:minmax(0,1fr) 240px}.app[data-view="mission"] main{grid-template-rows:minmax(0,1fr) 210px}}

.visual .photo-stage.unified-stage .unified-illustration{height:auto;max-height:100%;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}

/* Six capabilities stay readable in a dedicated compact topic panel. */
@media(max-width:700px),(max-width:1100px) and (max-height:600px){
.app[data-view="technologies"].exploring main{display:flex;align-items:center}
.app[data-view="technologies"].exploring .visual{display:none}
.app[data-view="technologies"].exploring .copy{width:100%;max-width:720px}
.app[data-view="technologies"].exploring #selectors{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.app[data-view="technologies"] #selectors button{font-size:12px;line-height:1.35;padding:7px 10px;min-height:32px}
}
@media(max-width:400px) and (max-height:680px){
.app[data-view="technologies"].exploring .panel-toggle{font-size:12px;padding:5px 8px;margin-bottom:10px}
.app[data-view="technologies"].exploring #selectors{gap:5px;margin-bottom:12px}
.app[data-view="technologies"] #selectors button{font-size:11px;padding:5px 8px;min-height:29px}
.app[data-view="technologies"].exploring .detail h2{font-size:20px;line-height:1.2}
.app[data-view="technologies"].exploring .detail p{font-size:13px;line-height:1.4}
}
@media(min-width:521px) and (max-width:1100px) and (max-height:600px){
.app[data-view="technologies"].exploring .copy{display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:24px;max-width:none;align-items:start}
.app[data-view="technologies"].exploring .panel-toggle{grid-column:1;grid-row:1;font-size:11px;padding:5px 8px}
.app[data-view="technologies"].exploring #selectors{grid-column:1;grid-row:2;gap:5px;margin:0}
.app[data-view="technologies"] #selectors button{font-size:10px;padding:4px 6px;min-height:27px}
.app[data-view="technologies"].exploring .detail{grid-column:2;grid-row:1 / 4}
}

@media(max-width:400px){
.app[data-view="technologies"].exploring #selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.app[data-view="technologies"] #selectors button{font-size:11px;line-height:1.25;padding:5px 6px;min-height:29px;white-space:normal}
}
@media(max-width:360px) and (max-height:600px){
.app[data-view="technologies"].exploring .detail h2{font-size:18px;line-height:1.15;margin-bottom:7px}
.app[data-view="technologies"].exploring .detail p{font-size:12px;line-height:1.4}
}

.eyebrow{display:none!important}

/* Compact navigation and content keep the visual story on screen. */
.menu-toggle,.mobile-title,.mobile-topics{display:none}
.actions:empty{display:none}
.mobile-menu{position:fixed;inset:0;margin:76px 5vw auto auto;width:min(90vw,440px);max-height:calc(100dvh - 100px);padding:16px 20px 20px;border:1px solid #627278;border-radius:18px;background:#25292bed;color:var(--paper);box-shadow:0 24px 80px #0008}
.mobile-menu::backdrop{background:#111516b8;backdrop-filter:blur(8px)}
.menu-close{display:block;margin-left:auto;min-height:40px;background:transparent;border:0;color:var(--mint);font:400 14px var(--body-font);padding:8px}
#mobile-navigation{display:grid;gap:4px}
#mobile-navigation a{min-height:46px;display:flex;align-items:center;gap:14px;padding:10px 8px;color:var(--paper);font-size:17px;border-bottom:1px solid var(--line)}
#mobile-navigation a small{display:inline;font-size:11px;color:var(--muted);opacity:1}
#mobile-navigation a[aria-current="page"]{color:var(--mint);border-color:var(--mint)}
@media(max-width:700px),(max-width:1100px) and (max-height:600px){
.app{grid-template-rows:64px minmax(0,1fr) 38px;padding-left:5%;padding-right:5%}
header{gap:8px;min-width:0}.positioning,header .edition{display:none}
.brand{gap:8px;min-width:0}.brand>span{font-size:clamp(24px,7vw,31px);line-height:1;transform:translateY(3px)}.brand img{width:21px;height:35px;flex:none}
.menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:58px;min-height:44px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--paper);font:400 12px var(--body-font);padding:8px 10px;flex:none}
.menu-toggle span{font-size:14px;line-height:1}
#navigation{display:none}
.app main,.app.exploring main{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;gap:10px;padding:14px 0;min-height:0}
.app .copy,.app.exploring .copy{display:block!important;align-self:start;width:100%;max-width:none!important;padding:0;min-width:0}
.app .copy h1,.app.exploring .copy h1{display:block;font-size:30px;line-height:1.08;letter-spacing:-.6px;margin:0 0 12px}
.app .copy .desktop-title{display:none}.app .copy .mobile-title{display:block}
.app[data-view="mission"] .copy .desktop-title{display:block}.app[data-view="mission"] .copy .mobile-title{display:none}
.app[data-view="mission"] h1{font-size:clamp(29px,8vw,38px)}
.app .lead,.app.exploring .lead{display:none!important}
.app[data-view="mission"] .lead{display:block!important;font-size:14px;line-height:1.45;margin:0 0 12px}
.app .panel-toggle{display:none!important}
.app #selectors,.app.exploring #selectors{display:flex!important;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.app #selectors button{font:400 12px/1.25 var(--body-font);border:1px solid #71888f;border-radius:999px;padding:7px 10px;min-height:34px;max-width:100%;white-space:normal;background:transparent;color:var(--paper)}
.app #selectors button[aria-pressed="true"]{background:var(--mint);color:var(--navy);border-color:var(--mint)}
.app[data-view="mission"] #selectors,.app[data-view="technologies"] #selectors{display:none!important}
.app .detail,.app.exploring .detail{display:block;min-height:0;max-width:none;padding-left:12px;margin:0}
.app .detail h2,.app.exploring .detail h2{font-size:21px;line-height:1.15;margin:0 0 8px}
.app .detail p,.app.exploring .detail p{font-size:14px;line-height:1.45}
.app[data-view="mission"] .detail{border:0;padding:0;margin:12px 0 0}
.app[data-view="mission"] .detail h2{font:400 15px/1.4 var(--body-font);color:var(--mint);margin:0}
.app .actions,.app.exploring .actions{display:flex;margin-top:14px}
.app .actions:empty{display:none}
.app .primary{font-size:12px;min-height:36px;padding:9px 13px;line-height:1.35}
.app .visual,.app.exploring .visual{display:block!important;height:100%;width:100%;min-height:0;max-height:none;align-self:stretch}
.app .visual-controls{display:none!important}
.app .photo-stage img{opacity:1}
.app .photo-caption{display:none}
.app .photo-wash{background:linear-gradient(180deg,#20222410,transparent 40%,#20222499)}
.app[data-view="global"] .photo-stage{inset:0}
.app[data-view="global"] .environment-caption{display:none}
.app[data-view="technologies"] main,.app[data-view="about"] main{display:flex!important;align-items:center;padding:16px 0}
.app[data-view="technologies"] .copy,.app[data-view="about"] .copy{align-self:auto}
.app[data-view="technologies"] .visual,.app[data-view="about"] .visual{display:none!important}
.app[data-view="technologies"] .mobile-topics{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px;margin:0 0 16px}
.mobile-topics select,.mobile-topics button{min-width:0;min-height:44px;border:1px solid #71888f;border-radius:10px;background:#292e30;color:var(--paper);font:400 13px var(--body-font)}
.mobile-topics select{padding:10px 8px}.mobile-topics button{color:var(--mint);font-size:24px}
.app[data-view="about"] .principles{margin:14px 0;gap:10px}
.app[data-view="about"] .principles>div,.app[data-view="about"] .principles dt,.app[data-view="about"] .principles dd{font-size:13px;line-height:1.45}
.app[data-view="about"] .principles>div{display:block}.app[data-view="about"] .principles dt,.app[data-view="about"] .principles dd{display:inline}
.app[data-view="about"] .principles dt{margin-right:7px}
.app[data-view="about"] .detail .philosophy-closing{margin-top:12px}
footer{display:grid;grid-template-columns:1fr auto;grid-template-rows:14px 14px;gap:0 6px;align-content:center;font-size:7px}
footer .naics{grid-column:1;grid-row:2;text-align:left;font-size:8px;letter-spacing:0}
.playback{grid-column:2;grid-row:1 / 3;font-size:10px;min-height:32px;padding:6px 9px}
}
@media(max-width:400px) and (max-height:700px){
.app main,.app.exploring main{gap:8px;padding:10px 0}
.app .copy h1,.app.exploring .copy h1{font-size:26px;margin-bottom:10px}
.app[data-view="mission"] .copy h1{font-size:30px}
.app[data-view="mission"] .lead{font-size:13px;line-height:1.4;margin-bottom:10px}
.app[data-view="mission"] .detail{display:none}
.app .detail p,.app.exploring .detail p{font-size:13px;line-height:1.4}
.app .detail h2,.app.exploring .detail h2{font-size:20px;line-height:1.15;margin-bottom:7px}
.app #selectors,.app.exploring #selectors{gap:5px;margin-bottom:10px}
.app #selectors button{font-size:11px;padding:6px 9px;min-height:32px}
.app .actions,.app.exploring .actions{margin-top:10px}
.app[data-view="about"] .principles{gap:8px;margin:12px 0}
.app[data-view="about"] .principles>div,.app[data-view="about"] .principles dt,.app[data-view="about"] .principles dd{font-size:12px;line-height:1.4}
}
@media(min-width:521px) and (max-width:1100px) and (max-height:600px){
.app{grid-template-rows:54px minmax(0,1fr) 32px}
.app main,.app.exploring main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:24px;padding:10px 0}
.app .copy,.app.exploring .copy{align-self:center}
.app .copy h1,.app.exploring .copy h1{font-size:27px;margin-bottom:9px}
.app[data-view="mission"] .copy h1{font-size:28px}
.app[data-view="mission"] .lead{font-size:13px;line-height:1.4}
.app[data-view="mission"] .detail{display:none}
.app .detail p,.app.exploring .detail p{font-size:13px;line-height:1.4}
.app .detail h2,.app.exploring .detail h2{font-size:20px;line-height:1.15}
.app #selectors button{font-size:11px;min-height:32px;padding:6px 9px}
.app .actions,.app.exploring .actions{margin-top:10px}
.app[data-view="technologies"] .copy,.app[data-view="about"] .copy{max-width:760px!important;margin:auto}
.app[data-view="about"] .principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.app[data-view="about"] .principles dt,.app[data-view="about"] .principles dd{display:block}
.mobile-menu{margin-top:60px;max-height:calc(100dvh - 80px)}
#mobile-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
#mobile-navigation a{font-size:15px;min-height:48px}
}

#mobile-navigation{grid-template-columns:minmax(0,1fr);width:100%;align-items:stretch}
@media(max-width:700px),(max-width:1100px) and (max-height:600px){.app #selectors,.app.exploring #selectors{flex-direction:row!important;margin-bottom:12px}}
@media(min-width:521px) and (max-width:1100px) and (max-height:600px){
#mobile-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}
.app[data-view="technologies"] .copy{display:grid!important;grid-template-columns:210px minmax(0,1fr);column-gap:24px;align-items:start}
.app[data-view="technologies"] h1{grid-column:1;grid-row:1}
.app[data-view="technologies"] .mobile-topics{grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.app[data-view="technologies"] #topic-picker{grid-column:1 / -1;font-size:12px}
.app[data-view="technologies"] .detail{grid-column:2;grid-row:1 / 3}
.app[data-view="technologies"] .actions{grid-column:2;grid-row:3}
}
@media(min-width:521px) and (max-width:1100px) and (max-height:350px){
.app main,.app.exploring main{padding:6px 0;gap:16px}
.app .copy h1,.app.exploring .copy h1{font-size:24px;margin-bottom:6px}
.app #selectors,.app.exploring #selectors{gap:4px;margin-bottom:8px}
.app #selectors button{font-size:10px;padding:5px 7px;min-height:28px}
.app .detail h2,.app.exploring .detail h2{font-size:18px;line-height:1.15;margin-bottom:6px}
.app .detail p,.app.exploring .detail p{font-size:12px;line-height:1.35}
.app .primary{min-height:32px;padding:7px 11px;font-size:11px}
.app .actions,.app.exploring .actions{margin-top:8px}
.app[data-view="about"] .principles{gap:12px;margin:10px 0}
.app[data-view="about"] .principles>div,.app[data-view="about"] .principles dt,.app[data-view="about"] .principles dd{font-size:12px;line-height:1.35}
}

@media(min-width:521px) and (max-width:1100px) and (max-height:350px){
.app main,.app.exploring main{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)!important}
.app[data-view].exploring #selectors{margin-bottom:8px;gap:4px}
.app[data-view] #selectors button{font-size:10px;line-height:1.2;padding:5px 7px;min-height:28px}
.app[data-view="about"].exploring #selectors{margin-bottom:6px}
.app[data-view="about"].exploring .detail h2{font-size:18px;line-height:1.15;margin-bottom:6px}
.app[data-view="about"] .principles{margin:6px 0;gap:12px}
.app[data-view="about"] .detail .philosophy-closing{margin-top:6px}
}

@media(min-width:521px) and (max-width:1100px) and (max-height:350px){.app[data-view="about"] .principles{grid-template-columns:1fr 1fr 1.3fr}}

/* Top-aligned mobile reading, quiet topic tabs, restrained supporting photos. */
.short-topic{display:none}
@media(max-width:700px),(max-width:1100px) and (max-height:600px){
.app main,.app.exploring main{align-content:start;align-items:start}
.app .copy,.app.exploring .copy,.app[data-view="technologies"] .copy,.app[data-view="about"] .copy{display:block!important;align-self:start!important;margin:0!important;max-width:none!important}
.app[data-view="technologies"] main,.app[data-view="about"] main{display:block!important;padding-top:14px;align-items:start}
.app[data-view].exploring #selectors{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:4px 10px;margin:0 0 14px;grid-column:auto;grid-row:auto}
.app[data-view="mission"].exploring #selectors{display:none!important}
.app[data-view].exploring #selectors button{font:400 12px/1.3 var(--body-font);min-height:36px;padding:7px 3px;max-width:100%;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent!important;color:var(--muted);box-shadow:none}
.app[data-view].exploring #selectors button[aria-pressed="true"]{color:var(--mint);border-bottom-color:var(--mint)}
.app #selectors .full-topic{display:none}.app #selectors .short-topic{display:inline}
.app[data-view="mission"] .visual{max-height:320px;align-self:start}
.app[data-view="domains"] .visual{max-height:260px;align-self:start}
.app[data-view="global"] .visual,.app[data-view="approach"] .visual{height:min(100%,180px);max-height:180px;align-self:start}
.app[data-view="global"] .photo-stage,.app[data-view="approach"] .photo-stage{inset:0;mask-image:linear-gradient(180deg,transparent,#000 8%,#000 88%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 8%,#000 88%,transparent)}
}
@media(max-width:400px) and (max-height:700px){
.app[data-view].exploring #selectors{gap:3px 9px;margin-bottom:10px}
.app[data-view].exploring #selectors button{font-size:11px;min-height:32px;padding:6px 2px}
.app[data-view="technologies"] main,.app[data-view="about"] main{padding-top:10px}
.app[data-view="global"] .visual,.app[data-view="approach"] .visual{max-height:150px;height:min(100%,150px)}
}
@media(min-width:521px) and (max-width:1100px) and (max-height:600px){
.app .copy,.app.exploring .copy{align-self:start!important}
.app[data-view="mission"] .visual,.app[data-view="domains"] .visual{max-height:none}
.app[data-view="global"] .visual,.app[data-view="approach"] .visual{max-height:180px;height:min(100%,180px)}
.app[data-view="technologies"] .detail,.app[data-view="about"] .detail{grid-column:auto;grid-row:auto}
.app[data-view="technologies"] main,.app[data-view="about"] main{padding-top:10px}
}
@media(min-width:521px) and (max-width:1100px) and (max-height:350px){
.app[data-view].exploring #selectors{gap:3px 8px;margin-bottom:8px}
.app[data-view].exploring #selectors button{font-size:10px;min-height:28px;padding:5px 2px}
.app[data-view="technologies"] main,.app[data-view="about"] main{padding-top:4px;padding-bottom:4px}
.app[data-view="about"] .principles{margin:5px 0}
.app[data-view="about"] .detail .philosophy-closing{margin-top:5px}
}