/* D&A unified shell — shared by every public page */
html{background:#03060b url('/assets/images/da-about-deep-space-field-v1.png') center/cover fixed no-repeat!important;}
body{position:relative;min-height:100vh;background:transparent!important;}
body::after{content:"";position:fixed;inset:0;z-index:-30;pointer-events:none;background:linear-gradient(180deg,rgba(2,5,10,.18),rgba(2,5,10,.54)),url('/assets/images/da-about-deep-space-field-v1.png') center/cover no-repeat;opacity:.92;}
.environment-bar{display:none!important;}
.da-global-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:14px clamp(20px,5vw,72px);background:rgba(4,7,12,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(207,174,87,.28);}
.da-global-header .da-brand{display:flex;align-items:center;gap:12px;color:#f0d98e;text-decoration:none;min-width:0;}
.da-global-header .da-brand img{width:44px;height:44px;object-fit:contain;flex:0 0 auto;}
.da-global-header .da-brand-copy{display:block;line-height:1;min-width:0;}
.da-global-header .da-brand-name{display:block;font-family:Georgia,'Times New Roman',serif;letter-spacing:.14em;font-size:1.02rem;font-weight:600;color:#f0d98e;white-space:nowrap;}
.da-global-header .da-brand-kicker{display:block;margin-top:.36rem;color:#c6c1b6;font:600 .54rem/1.1 Arial,sans-serif;letter-spacing:.21em;text-transform:uppercase;white-space:nowrap;}
.da-global-header .da-menu-toggle{display:none;background:transparent;color:#f0d98e;border:1px solid rgba(207,174,87,.35);padding:.55rem .75rem;border-radius:999px;cursor:pointer;}
.da-global-header .da-site-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(.45rem,1.25vw,1.35rem);flex-wrap:wrap;}
.da-global-header .da-site-nav a{color:#f3efe4;text-decoration:none;font:600 .72rem/1 Arial,sans-serif;letter-spacing:.09em;text-transform:none;white-space:nowrap;padding:.45rem .1rem;border-bottom:1px solid transparent;}
.da-global-header .da-site-nav a:hover,.da-global-header .da-site-nav a:focus-visible,.da-global-header .da-site-nav a[aria-current="page"]{color:#f0d98e;border-bottom-color:rgba(240,217,142,.7);outline:none;}
.da-global-footer{position:relative;z-index:20;background:rgba(4,7,12,.92);border-top:1px solid rgba(207,174,87,.28);padding:38px clamp(20px,5vw,72px) 26px;color:#b6bac2;}
.da-global-footer .da-footer-grid{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:clamp(1.5rem,5vw,4rem);}
.da-global-footer .da-footer-title{font-family:Georgia,serif;color:#f0d98e;font-size:1.05rem;letter-spacing:.08em;margin-bottom:.5rem;}
.da-global-footer p{margin:.35rem 0;color:#aeb4bf;font-size:.82rem;line-height:1.55;}
.da-global-footer .da-footer-label{color:#d7b45c;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.55rem;}
.da-global-footer .da-footer-links{display:grid;gap:.35rem;}
.da-global-footer a{color:#d8d4cb;text-decoration:none;font-size:.8rem;}
.da-global-footer a:hover,.da-global-footer a:focus-visible{color:#f0d98e;text-decoration:underline;}
.da-global-footer .da-copyright{width:min(1180px,100%);margin:24px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:.7rem;color:#7f8792;}
/* transparent common content surfaces so the starfield remains present */
.page-hero,.article-hero,.section,.section-tight,.content-section,.section-alt{background-color:transparent!important;}
.article-body,.prose,.card,.portal,.panel,.section-shell{position:relative;}
/* Framework motion field */
.fw-geometry-field{position:fixed;inset:0;z-index:-4;pointer-events:none;overflow:hidden;opacity:.38;}
.fw-shape{position:absolute;width:clamp(34px,5vw,78px);aspect-ratio:1;border:1px solid rgba(224,185,93,.32);filter:drop-shadow(0 0 12px rgba(224,185,93,.08));animation:fw-drift 28s ease-in-out infinite alternate;}
.fw-shape.circle{border-radius:50%;}
.fw-shape.diamond{transform:rotate(45deg);}
.fw-shape.triangle{width:0;height:0;aspect-ratio:auto;border-left:34px solid transparent;border-right:34px solid transparent;border-bottom:58px solid rgba(0,0,0,0);border-top:0;border-radius:0;outline:1px solid rgba(119,169,220,.28);clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(145deg,rgba(119,169,220,.08),rgba(224,185,93,.03));}
.fw-shape.s1{left:6%;top:18%;animation-duration:31s}.fw-shape.s2{right:9%;top:24%;animation-duration:36s;animation-delay:-8s}.fw-shape.s3{left:18%;bottom:11%;animation-duration:34s;animation-delay:-13s}.fw-shape.s4{right:22%;bottom:18%;animation-duration:41s;animation-delay:-19s}.fw-shape.s5{left:48%;top:9%;animation-duration:38s;animation-delay:-5s}.fw-shape.s6{right:4%;bottom:6%;animation-duration:44s;animation-delay:-23s}
@keyframes fw-drift{0%{translate:-10px 10px;rotate:0deg;opacity:.2}50%{translate:18px -22px;rotate:28deg;opacity:.58}100%{translate:-6px 16px;rotate:-18deg;opacity:.3}}
@media(max-width:920px){
 .da-global-header{padding:12px 18px}.da-global-header .da-menu-toggle{display:block}.da-global-header .da-site-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px;background:rgba(4,7,12,.97);border-bottom:1px solid rgba(207,174,87,.28);flex-direction:column;align-items:flex-start}.da-global-header .da-site-nav.open{display:flex}.da-global-header .da-brand-name{font-size:.88rem}.da-global-header .da-brand-kicker{font-size:.48rem}.da-global-footer .da-footer-grid{grid-template-columns:1fr 1fr}.da-global-footer .da-footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:560px){.da-global-header .da-brand img{width:38px;height:38px}.da-global-footer .da-footer-grid{grid-template-columns:1fr}.da-global-footer .da-footer-grid>div:first-child{grid-column:auto}.fw-geometry-field{opacity:.24}}
@media(prefers-reduced-motion:reduce){.fw-shape{animation:none!important}}

/* Build 17 — one shared sparkling starfield across the public platform.
   This layer is visual-only and deliberately does not replace or alter
   page-specific moving graphics (JWST, verification beam, framework geometry,
   About solar system, Seahorse marine motion, rotating report Earth, etc.). */
html{
  position:relative;
  min-height:100%;
  background:#03060b!important;
}
html::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-100;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,5,10,.14),rgba(2,5,10,.46)),
    url('/assets/images/da-about-deep-space-field-v1.png') center/cover no-repeat;
}
html::after{
  content:"";
  position:fixed;
  inset:-4%;
  z-index:-99;
  pointer-events:none;
  opacity:.46;
  background-image:
    radial-gradient(circle at 7% 18%,rgba(255,255,255,.98) 0 1.2px,transparent 1.9px),
    radial-gradient(circle at 16% 68%,rgba(236,244,255,.94) 0 1px,transparent 1.7px),
    radial-gradient(circle at 27% 34%,rgba(255,244,200,.92) 0 1.15px,transparent 1.8px),
    radial-gradient(circle at 39% 82%,rgba(224,238,255,.94) 0 1px,transparent 1.7px),
    radial-gradient(circle at 51% 15%,rgba(255,255,255,.96) 0 1.25px,transparent 1.9px),
    radial-gradient(circle at 62% 57%,rgba(255,244,207,.9) 0 1px,transparent 1.65px),
    radial-gradient(circle at 73% 29%,rgba(232,245,255,.96) 0 1.1px,transparent 1.75px),
    radial-gradient(circle at 84% 76%,rgba(255,255,255,.95) 0 1.2px,transparent 1.85px),
    radial-gradient(circle at 94% 43%,rgba(255,240,190,.9) 0 1px,transparent 1.7px),
    radial-gradient(circle at 33% 9%,rgba(255,255,255,.72) 0 .75px,transparent 1.35px),
    radial-gradient(circle at 68% 91%,rgba(227,240,255,.76) 0 .8px,transparent 1.4px),
    radial-gradient(circle at 89% 12%,rgba(255,255,255,.72) 0 .7px,transparent 1.3px);
  filter:drop-shadow(0 0 3px rgba(214,231,255,.28));
  animation:da-star-sparkle 5.8s ease-in-out infinite alternate;
}
@keyframes da-star-sparkle{
  0%{opacity:.26;filter:brightness(.85) drop-shadow(0 0 2px rgba(214,231,255,.18));transform:scale(1)}
  28%{opacity:.58;filter:brightness(1.24) drop-shadow(0 0 4px rgba(255,244,200,.3))}
  54%{opacity:.35;filter:brightness(.98) drop-shadow(0 0 2px rgba(214,231,255,.2));transform:scale(1.002)}
  78%{opacity:.68;filter:brightness(1.38) drop-shadow(0 0 5px rgba(226,239,255,.38))}
  100%{opacity:.4;filter:brightness(1.08) drop-shadow(0 0 3px rgba(255,244,200,.22));transform:scale(1.004)}
}
/* Force legacy shell variants onto the same underlying deep-space image.
   Only the background field is normalized; their independent motion layers remain intact. */
body.press-cosmos::before,
body.reports-cosmos::before,
body.verification-cosmos::before,
body.about-cosmos::before{
  background-image:url('/assets/images/da-about-deep-space-field-v1.png')!important;
}
@media(prefers-reduced-motion:reduce){html::after{animation:none;opacity:.42;transform:none}}


/* Build 20 — randomized meteor layer across all non-Seahorse public pages.
   Replaces legacy repeating comet loops without touching page-specific motion. */
body:not(.da-no-meteors) .comet-layer{display:none!important;}
.da-meteor-layer{position:fixed;inset:0;z-index:12;overflow:hidden;pointer-events:none;contain:layout paint;}
.da-meteor{position:absolute;left:0;top:0;width:var(--meteor-length,150px);height:2px;opacity:0;transform-origin:100% 50%;background:linear-gradient(90deg,transparent 0%,rgba(235,244,255,.08) 18%,rgba(255,246,211,.75) 72%,rgba(255,255,255,.98) 100%);box-shadow:0 0 5px rgba(232,242,255,.48),0 0 12px rgba(255,239,190,.20);filter:blur(.1px);will-change:transform,opacity;animation:da-meteor-flight var(--meteor-duration,2.25s) cubic-bezier(.16,.66,.24,1) forwards;}
.da-meteor::after{content:"";position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.98);box-shadow:0 0 7px rgba(255,249,224,.95),0 0 16px rgba(218,232,255,.55);}
@keyframes da-meteor-flight{
  0%{opacity:0;transform:translate3d(var(--meteor-x0),var(--meteor-y0),0) rotate(var(--meteor-angle));}
  10%{opacity:var(--meteor-opacity,.78);}
  74%{opacity:calc(var(--meteor-opacity,.78) * .92);}
  100%{opacity:0;transform:translate3d(var(--meteor-x1),var(--meteor-y1),0) rotate(var(--meteor-angle));}
}
@media(prefers-reduced-motion:reduce){.da-meteor-layer{display:none!important;}}

/* Build 22 — keep the unified sparkling starfield visible on legacy pages such as Indices. */
body:not(.da-no-meteors){background:transparent!important;}