/* Midnight blue glass, matched to the original J Pro emblem. */
:root{
  color-scheme:dark;
  --paper:#070c16;
  --ink:#edf4ff;
  --muted:#a3b4ce;
  --accent:#79b4ff;
  --line:rgba(154,191,244,.17);
}
body{background:var(--paper)}
::selection{background:#4084df80;color:#fff}
.ambient{
  z-index:0;
  background:radial-gradient(ellipse at 84% 26%,#113e7847,transparent 58%),radial-gradient(ellipse at 4% 80%,#0e234d50,transparent 55%),linear-gradient(135deg,#050910,#0a1323 60%,#070d18);
}
.header,.mobile-nav,main,.footer{position:relative}
.header{position:fixed}
.mobile-nav{position:fixed}
main,.footer{z-index:1}
.orb{background:#1e60c53b;opacity:.75}
.glass{
  background:linear-gradient(135deg,rgba(24,41,68,.7),rgba(10,19,34,.64));
  border-color:rgba(158,193,244,.17);
  box-shadow:0 22px 60px #0004,inset 0 1px 0 #d5e6ff12;
}
.header.glass{background:linear-gradient(120deg,#14243ce8,#0b1525df);box-shadow:0 16px 44px #0005,inset 0 1px 0 #c8ddff13}
.mobile-nav.glass{background:#0d192cf5}
.brand-logo{width:58px;height:55px;object-fit:contain;flex:none;filter:drop-shadow(0 0 10px #4b8cff25)}
.brand-name{color:#f1f6ff}
.brand-name small{color:#aabbd4}
.header .brand{gap:11px}
.footer-top .brand{gap:17px}
.footer-top{grid-template-columns:1.15fr 1fr 1.25fr 1.2fr}
.footer .brand-logo{width:86px;height:82px}
.footer .brand-name{font-size:15px}
.skip-link{background:#89bdff;color:#06142a}
.desktop-nav a:hover,.mobile-nav a:hover{color:#b5d5ff}
.quote-button,.primary{background:#77b2ff;color:#06152d;box-shadow:0 8px 28px #2767d52b}
.quote-button:hover,.primary:hover{background:#a3cdff;color:#041126}
.secondary{background:#152642;color:var(--ink);border-color:#84b8ff38}
.secondary:hover{background:#203959;color:#fff}
.mini-tags span{background:#81b6ff08;border-color:#91bfff26}
.photo-button{background:#122139}
.story-image,.story-detail-photo{box-shadow:0 22px 48px #0005,0 0 0 1px #a2c9ff0d}
.expand-icon{background:#09162bdc;border-color:#a5caff40;color:#e6f1ff}
.photo-button:hover .expand-icon{background:#1d3b64;color:#fff}
.story-dots a:after{background:#38516f}
.story-dots a.active:after{background:var(--accent)}
.story-detail.is-loading .story-detail-photo{background:linear-gradient(120deg,#142239,#1c3555)}
.search-field{background:#070f1f80;border-color:#89b9fb33}
.search-field input{color:var(--ink)}
.search-field input::placeholder{color:#9babc3;opacity:1}
.filter-tabs button:hover{background:#83b8ff16}
.filter-tabs button[aria-pressed=true]{background:#83b9ff;color:#06152d}
.brand-proof img{filter:drop-shadow(0 0 12px #2f6fce25)}
.lightbox{background:#050a13f7;color:var(--ink)}
.lightbox::backdrop{background:#050a13}
.lightbox .eyebrow,.lightbox-bottom{color:#a1b7d5}
.lightbox-tools button,.lightbox-tools a,.lightbox-prev,.lightbox-next{background:#172b455e;border-color:#a4c8ff26;color:#edf5ff}
.lightbox-tools button:hover,.lightbox-tools a:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#2d5082;color:#fff}
.lightbox-prev,.lightbox-next{background:#09162ccc}
@media(hover:hover) and (pointer:fine){
  .aviation-card:hover{box-shadow:0 25px 45px #0005,inset 0 1px 0 #bcd8ff24}
  .photo-grid .photo-button:hover{box-shadow:0 22px 35px #0006}
}
@media(max-width:1100px){.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:850px){
  .header .brand-logo{width:43px;height:41px}
  .header .brand{gap:8px}
}
@media(max-width:700px){
  .header .brand-logo{width:42px;height:40px}
  .header .brand-name{font-size:11px}
  .header .brand-name small{font-size:5.5px;letter-spacing:.1em}
  .header .brand{gap:7px}
  .footer .brand-logo{width:66px;height:63px}
  .footer .brand-name{font-size:12px}
  .footer-top .brand{gap:9px}
  .lightbox-tools button,.lightbox-tools a{background:transparent;border:0}
}