/* Two separate header bands. The navigation keeps its original cut corners. */
:root{--header-height:161px;--scene-rgb:88,179,195;--scene-decay:0}
body{isolation:isolate;background:#070d12}
.site-header{background:#071219;box-shadow:0 9px 35px #0005;border-bottom:1px solid #24424d}
.masthead{background:var(--yellow);position:relative;color:#08191e}
.masthead:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#172a1570;pointer-events:none}
.header-inner{min-height:83px;max-width:1920px;padding:0 3.5%;gap:35px;align-items:center;flex-wrap:nowrap}
.brand{height:auto;max-width:none;flex:none;gap:13px}
.brand img{width:38px;height:46px}
.brand strong{font-size:clamp(26px,2.35vw,43px);font-weight:500;letter-spacing:-.035em}
.brand small{font-size:9px;letter-spacing:.02em;text-align:left;margin-top:7px}
.masthead-caption{font-size:10px;line-height:1.3;letter-spacing:.14em;border-left:1px solid #555a275e;padding-left:25px;margin-left:8px;color:#3e4e32}
.masthead-caption span{display:block;font-size:15px;letter-spacing:.04em;margin-top:5px;color:#162d26}
.masthead-tools{margin-left:auto;display:flex;align-items:center;gap:23px;flex:none}
.header-search{height:40px;width:34px;padding:0;align-items:center;justify-content:center}
.motion-toggle{display:flex;align-items:center;gap:9px;min-height:38px;padding:5px 10px;border:1px solid #22382b70;background:none;color:#142d27;font-size:10px;letter-spacing:.05em;line-height:1}
.motion-toggle svg{width:18px;height:18px;stroke-width:1.4}
.motion-toggle b{font-weight:700;margin-left:6px}
.motion-toggle:hover{background:#0b292514;border-color:#16382c}
.motion-toggle[aria-pressed=false]{color:#5e643a}
.masthead a:focus-visible,.masthead button:focus-visible{outline-color:#082e35}
.section-navigation{background:linear-gradient(90deg,#07151c,#08131a 75%,#0b1d24);position:relative}
.section-navigation:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#3a87965c,transparent);pointer-events:none}
.section-nav-inner{max-width:1920px;margin:auto;display:flex;gap:30px;align-items:center;padding:13px 3.5% 9px;min-height:77px}
.primary-nav{order:0;display:flex;flex:1;flex-basis:auto;align-items:flex-end;gap:17px;min-width:0;height:56px;margin:0;padding:0;scroll-padding-inline:5px}
.primary-nav a{position:relative;flex:0 0 clamp(140px,9.9vw,190px);min-width:0;height:56px;align-items:center;justify-content:flex-start;font-size:clamp(21px,1.5vw,29px);padding:15px 18px 8px;overflow:hidden;transition:background .2s,color .2s,transform .2s;clip-path:polygon(0 0,72px 0,77px 4px,calc(100% - 40px) 4px,calc(100% - 35px) 0,calc(100% - 12px) 0,100% 13px,100% 100%,0 100%)}
.primary-nav a:before{content:'';position:absolute;inset:-20% -40%;background:linear-gradient(110deg,transparent 42%,#ffffff59 50%,transparent 58%);transform:translateX(-100%);transition:transform .7s;pointer-events:none}
.primary-nav a:hover:before{transform:translateX(100%)}
.primary-nav a:hover{transform:translateY(-2px);background:#7be6ee}
.primary-nav a:after{content:'';position:absolute;bottom:3px;left:17px;right:17px;height:2px;background:#08212f3d}
.primary-nav a[aria-current=page]:after{background:var(--yellow)}
.primary-nav a[aria-current=page]:hover{background:#ff747a}
.nav-context{flex:0 0 125px;min-width:0;color:#668995;font-size:10px;line-height:1.2;letter-spacing:.075em;text-align:right}
.nav-context:before{content:'';display:block;position:relative;float:right;width:5px;height:5px;background:rgb(var(--scene-rgb));box-shadow:0 0 14px rgb(var(--scene-rgb));margin:4px 0 8px 10px}
.nav-context span{display:block;font-size:16px;letter-spacing:.03em;color:#acc4cb;margin-top:5px}

/* The canvas and scan are decorative; no layer can intercept an input event. */
.site-atmosphere{position:fixed;inset:var(--header-height) 0 0;z-index:0;pointer-events:none;overflow:hidden;contain:strict;background:radial-gradient(ellipse at 90% 18%,rgba(var(--scene-rgb),.045),transparent 70%)}
.site-atmosphere canvas{display:block;width:100%;height:100%;max-width:none;opacity:.85}
.ambient-veil{position:absolute;inset:0;background:linear-gradient(90deg,#070d1208,#070d1270 23%,#070d129c 53%,#070d122b 76%,transparent),linear-gradient(0deg,#070d128f,transparent 20%);pointer-events:none}
.ambient-scan{position:absolute;top:-10%;left:0;right:0;height:10%;background:linear-gradient(0deg,transparent,rgba(var(--scene-rgb),.04),transparent);opacity:0;transform:translateY(-100%);pointer-events:none}
body[data-motion=running] .ambient-scan{opacity:1;animation:ambient-scan 17s linear infinite}
body[data-motion=running] .hero:after{animation:hero-trace-drift 16s linear infinite}
body[data-motion=running] .hero-coordinate svg{animation:interface-breathe 6s ease-in-out infinite}
#content{position:relative;z-index:1}
.site-footer{position:relative;z-index:1;background:#070d12c7}
.entry:not(.entry-cover){background:transparent}
.entry:before{background:radial-gradient(ellipse at 95% 0,rgba(var(--scene-rgb),.045),transparent 57%)}
.atlas-page{background:linear-gradient(90deg,#070d12a6,#070d126b)}
.person-mast{background:radial-gradient(ellipse at 70% 10%,#12384233,transparent 70%)}
.codex-mast{background:linear-gradient(120deg,#24372721,#080d1000)}
.chronicle-mast:before{opacity:.1}
.entry-prose,.transcript-body{background:#080e12e8;box-shadow:0 0 36px 26px #080e12e8}
.focus-reading .entry-prose,.focus-reading .transcript-body{background:#080d10;box-shadow:0 0 50px 35px #080d10}
.library-header{position:relative;isolation:isolate}
.library-header:after{content:'';position:absolute;width:100px;height:3px;top:35px;right:48px;background:linear-gradient(90deg,transparent,rgb(var(--scene-rgb)));box-shadow:20px 8px 0 -1px rgba(var(--scene-rgb),.35);pointer-events:none}
.archive-search label,.archive-search select{background:#0a1821ed}
.catalog-card{background:#0a151def}
.catalog-card:hover{background:#0e222ced;box-shadow:0 8px 35px #0003}
.button,.utility-button,.atlas-tools button,.entry-section-nav button{transition:background .18s,color .18s,border-color .18s,box-shadow .18s}
.button:hover,.utility-button:hover,.atlas-tools button:hover{box-shadow:0 0 23px rgba(var(--scene-rgb),.12)}
.image-open{transition:box-shadow .25s}
.image-open:hover{box-shadow:0 0 30px rgba(var(--scene-rgb),.12)}
.scene-entrance>.library-header,.scene-entrance>.reading-utility+article>header,.scene-entrance>.atlas-page>.atlas-report-head,.scene-entrance>.atlas-index>header,.scene-entrance>.hero .hero-content{animation:interface-arrival .55s both cubic-bezier(.2,.7,.2,1)}
body:not([data-motion=running]) .scene-entrance *{animation:none!important}
body[data-degradation]:not([data-degradation="0"]) .nav-context:before{background:#e25c60;box-shadow:0 0 15px #df404c66}
@keyframes ambient-scan{from{transform:translateY(-100%)}to{transform:translateY(1200%)}}
@keyframes hero-trace-drift{from{background-position:0 0}to{background-position:72px 0}}
@keyframes interface-breathe{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes interface-arrival{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1550px){.primary-nav{gap:13px}.primary-nav a{flex-basis:140px;font-size:22px;padding-left:16px;padding-right:16px}}
@media(max-width:1400px){.masthead-caption{display:none}}
@media(max-width:1200px){.nav-context{display:none}.section-nav-inner{gap:0}}
@media(max-width:760px){
  :root{--header-height:132px}
  .header-inner{padding:0 17px;min-height:68px;gap:10px;flex-wrap:nowrap}
  .brand{height:auto;max-width:calc(100% - 81px);flex:1;gap:9px}
  .brand img{display:block;width:27px;height:34px}
  .brand strong{font-size:clamp(17px,3.5vw,26px);white-space:nowrap;letter-spacing:-.035em}
  .brand small{font-size:6.5px;margin-top:5px;letter-spacing:0}
  .masthead-tools{gap:8px}
  .motion-toggle{width:31px;height:34px;padding:5px;min-height:34px;justify-content:center;border-color:#152e244d}
  .motion-toggle>span{display:none}
  .motion-toggle svg{width:18px;height:18px}
  .header-search{width:30px;height:34px}
  .header-search svg{width:21px;height:21px}
  .section-nav-inner{padding:10px 0 8px 17px;min-height:64px}
  .primary-nav{height:46px;flex:1;flex-basis:auto;padding:0 17px 0 0;gap:13px;margin:0}
  .primary-nav a{flex:0 0 145px;min-width:145px;height:46px;font-size:22px;padding:12px 16px 7px}
  .primary-nav a:after{left:16px;right:16px;bottom:3px;height:1px}
  .library-header:after{top:22px;right:24px;width:70px}
  .ambient-veil{background:linear-gradient(90deg,#070d1280,#070d12a8 50%,#070d122b),linear-gradient(0deg,#070d1270,transparent 45%)}
  .site-atmosphere canvas{opacity:.66}
  .entry-prose,.transcript-body{box-shadow:0 0 20px 14px #080e12e8}
}
@media(prefers-reduced-motion:reduce){.primary-nav a,.primary-nav a:before,.button,.utility-button,.atlas-tools button,.catalog-card,.image-open{transition:none}.primary-nav a:hover{transform:none}.scene-entrance *{animation:none!important}}