/* EINHAR — V22 / orbital editorial system.
   Site canvas remains exact #000000. Figures carry deliberately muted color;
   the footer continues the particle grammar of the interactive Earth. */
:root{--black:#000000;--paper:#000000;--text:#fff;--body:#f1f1ef;--soft:#bfbfbc;--dim:#8b8b89}
html,body,body main,.site-header,.header-shell,.nav-stage,.site-footer{background:#000!important;background-color:#000!important}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{color:#f5f5f3!important}
.reading p,.opening p,.essay p,.paired-text p,.globe-text p,.research-intro p,.article-content p{color:#ededeb!important}
/* Distinct, crisp editorial glyphs, drawn only for the concepts they accompany. */
.sentence-glyph,.inline-link .sentence-glyph{
 width:1.08em!important;height:1.08em!important;min-width:1.08em;
 display:inline-block!important;vertical-align:-.19em!important;margin:0 .15em 0 .16em!important;
 color:#f5f5f3!important;stroke:currentColor!important;stroke-width:1.55!important;
 stroke-linecap:round;stroke-linejoin:round;fill:none!important;
 opacity:1!important;overflow:visible!important;filter:none!important;
}
.sentence-glyph.glyph-foundation{width:1.12em!important;height:1.12em!important}
.sentence-glyph.glyph-intelligence{width:1.08em!important;height:1.08em!important}
.glyph-intelligence .glyph-node{fill:#fff;stroke:none}
.sentence-glyph.glyph-research{width:1.1em!important;height:1.1em!important}
.inline-link{color:#cececa!important;text-decoration-color:#6e6e68!important;text-underline-offset:3px!important}
.inline-link:hover,.inline-link[aria-expanded="true"]{color:#fff!important;text-decoration-color:#a9a9a6!important}

/* Optical forms in place of unrelated nature shots. No overlay filter that
   turns an illustration into a monochrome object or wallpaper. */
.first-landscape img,.leaf-inset img,.living-plate img,.research-still img,.article-cover img{
 filter:saturate(.82) contrast(1.12) brightness(.89)!important;
}
.first-landscape .film-frame,.leaf-inset,.living-plate,.research-still,.article-cover{background:#020202!important}
.first-landscape .film-frame::after,.leaf-inset::after,.living-plate::after,.research-still::after,.article-cover::after{opacity:.07!important;mix-blend-mode:normal!important}
/* Image motion is slow and local. Text remains still, readable, undisturbed. */
.atmospheric-visual{will-change:opacity,transform;transition:opacity .9s cubic-bezier(.2,.75,.2,1),transform 1.15s cubic-bezier(.16,.8,.22,1)}
html.has-motion .atmospheric-visual.motion-pending{opacity:.64;transform:translateY(20px) scale(.989)}
html.has-motion .atmospheric-visual.is-in-view{opacity:1;transform:none}

/* A full-screen final scene: small copyright/navigation first, then an enormous
   open celestial space. EINHAR arrives *below* the navigation rather than acting
   as a background for footer links. */
.site-footer{
 min-height:115svh!important;min-height:max(115svh,870px)!important;
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 background:#000!important;position:relative!important;isolation:isolate;
 padding:0!important;margin:0!important;overflow:hidden!important;
}
.site-footer .footer-arrival{
 height:clamp(125px,18svh,270px)!important;min-height:125px!important;
 flex:none!important;order:0!important;position:relative!important;
 background:#000!important;
}
.site-footer .footer-arrival::before{content:"";position:absolute;inset:0;
 background:radial-gradient(ellipse at 50% 100%,rgba(210,219,231,.062),transparent 58%);
 mask-image:linear-gradient(180deg,transparent 4%,#000 100%);
}
.site-footer .footer-dust{opacity:.22!important;mask-image:linear-gradient(to bottom,transparent 0%,#000 100%)}
.site-footer .footer-bottom{
 order:1!important;position:relative!important;z-index:3!important;
 max-width:none!important;width:100%!important;
 display:grid!important;grid-template-columns:1fr auto 1fr!important;
 align-items:center!important;justify-items:stretch!important;
 padding:0 clamp(22px,4.5vw,90px) 12px!important;
 gap:18px!important;margin:0!important;color:#969696!important;
 font-size:11px!important;letter-spacing:.005em;
}
.site-footer .footer-bottom nav{display:flex!important;gap:clamp(18px,2.6vw,39px)!important;justify-content:center!important;align-items:center!important}
.site-footer .footer-bottom a{color:#c4c4c2!important;text-decoration:none!important}
.site-footer .footer-bottom a:hover{color:#fff!important}
.site-footer .footer-bottom .back-to-top{justify-self:end!important;display:inline-flex!important;align-items:center!important;gap:9px!important;white-space:nowrap}
.site-footer .footer-identity{
 order:2!important;flex:1 0 auto!important;position:relative!important;z-index:1!important;
 min-height:clamp(520px,82svh,1060px)!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 background:#000!important;
}
.site-footer .footer-identity::before{
 content:"";position:absolute;left:50%;top:54%;width:min(110vw,1900px);height:min(42vw,650px);
 transform:translate(-50%,-50%) rotate(-11deg);
 background:radial-gradient(ellipse at center,rgba(132,145,157,.076),rgba(34,42,53,.026) 42%,transparent 69%);
 opacity:.95;pointer-events:none;
}
.site-footer .particle-title{
 position:relative!important;width:100%!important;max-width:none!important;
 height:clamp(440px,77svh,1060px)!important;min-height:440px!important;
 display:block!important;margin:0!important;overflow:hidden!important;background:transparent!important;
 text-decoration:none!important;
}
.site-footer .footer-word-fallback{
 color:#e6ebf0!important;opacity:.12!important;
 font-size:clamp(68px,20vw,405px)!important;
 font-weight:700!important;letter-spacing:-.105em!important;
 transition:opacity .5s;
}
.site-footer .word-particle-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;z-index:2!important;pointer-events:none}
/* Only the footer mark is a link. Pointer cues never sit on the particles. */
.site-footer .particle-title:hover{color:#fff!important}

@media(max-width:760px){
 html{scroll-padding-top:74px}
 .site-footer{min-height:max(110svh,730px)!important}
 .site-footer .footer-arrival{height:clamp(100px,15svh,165px)!important;min-height:100px!important}
 .site-footer .footer-bottom{
  display:grid!important;grid-template-columns:1fr auto!important;
  grid-template-rows:auto auto!important;
  padding:0 22px 0!important;gap:23px 12px!important;
  font-size:10.5px!important;
 }
 .site-footer .footer-bottom nav{grid-column:1/-1!important;grid-row:1!important;justify-content:flex-start!important;gap:22px!important}
 .site-footer .footer-bottom>span{grid-column:1!important;grid-row:2!important}
 .site-footer .footer-bottom .back-to-top{grid-column:2!important;grid-row:2!important}
 .site-footer .footer-identity{min-height:clamp(440px,72svh,760px)!important}
 .site-footer .particle-title{height:clamp(360px,67svh,730px)!important;min-height:360px!important}
 .site-footer .footer-word-fallback{font-size:20.5vw!important}
 .atmospheric-visual{transition-duration:.62s,.8s}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .atmospheric-visual,.atmospheric-visual.motion-pending{transition:none!important;opacity:1!important;transform:none!important}
}