/* Luminous graphite, never a black vignette. Route artwork preserves aspect ratios. */
:root:has(body[data-theme="graphite"]){background:#d5e2e6}
body[data-theme="graphite"]{background:radial-gradient(ellipse at 85% 10%,#d2ece9,transparent 60%),linear-gradient(145deg,#e7eff0,#cbdce2 65%,#e2eded);background-attachment:fixed}
body[data-theme="graphite"][data-catalog-world]::before{opacity:.24;background-image:linear-gradient(180deg,#dce9edb3,#d8e7e9b3),var(--world-image);filter:blur(3px) saturate(.55)}
body[data-theme="graphite"] #catalog .filter-tab .category-label{background:none!important}
body[data-theme="graphite"] #catalog .catalog-filters :is(.catalog-toolbar,.filter-line){background:transparent!important}
body[data-view="services-logistics"]{isolation:isolate}
body:is([data-view="services"],[data-view="services-logistics"]) .section-page-background{display:block;background-image:linear-gradient(90deg,rgba(225,236,239,.5),rgba(225,236,239,.1)),url('/assets/backgrounds/logistics-light-20261015.jpg')}
body[data-view="glossary"] .section-page-background{display:block;background-image:linear-gradient(90deg,rgba(225,236,239,.5),rgba(225,236,239,.15)),url('/assets/backgrounds/glossary-light-20261015.jpg')}
body:is([data-view="services"],[data-view="services-logistics"],[data-view="glossary"]) .section-page-background::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(213,228,232,.25),transparent 55%)}
/* The landscape and SVG share one 5:4 canvas: the facility sits inside the dome. */
.protection-page-background{background:linear-gradient(145deg,#dce7e9,#c4d7de)}
.protection-page-background .protection-motion{opacity:1;color:#1e797c}
.protection-page-background .protection-motion::before{content:"";position:absolute;inset:0;background:url('/assets/backgrounds/protection-light-20261015.jpg') center/cover no-repeat;mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,#000 50%,transparent 100%);opacity:.9}
.protection-page-background .protection-motion svg{opacity:.8}
.protection-page-background .pm-site{display:none}
.protection-page-background .pm-dome stop{stop-color:#258c8b}
.protection-page-background .pm-aircraft{color:#215b65}
.protection-page-background .pm-station path{stroke:#286b74}
.protection-page-background .pm-radar-head path:first-child{fill:#bfd7db}
.protection-page-background .pm-sweep{background:conic-gradient(from 0deg,transparent 0deg 270deg,#14766f00 275deg,#14766f12 330deg,#14766f47 359deg,transparent 360deg)}
.protection-page-background::after{background:linear-gradient(90deg,rgba(221,233,236,.90),rgba(221,233,236,.62) 36%,rgba(221,233,236,.04) 76%),linear-gradient(0deg,rgba(221,233,236,.2),transparent 55%)}
@media(max-width:650px){body:is([data-view="services"],[data-view="services-logistics"],[data-view="glossary"]) .section-page-background::after{background:rgba(225,237,240,.60)}.protection-page-background .protection-motion{opacity:.8}.protection-page-background::after{background:linear-gradient(90deg,rgba(221,233,236,.72),rgba(221,233,236,.25))}}