/* Einhar / V24: one quiet visual language, from first word to the last grain.
   Original logo path is unchanged. The page's actual base remains #000000. */
:root{
 --font-einhar:'Instrument Sans','Segoe UI Variable Text','Segoe UI','Helvetica Neue',Arial,sans-serif;
 --font-text:#f4f4f2; --font-secondary:#d3d3d0;
}
html,body,button,input,textarea,select{font-family:var(--font-einhar)!important}
body{background:#000!important;color:var(--font-text);letter-spacing:-.019em!important;font-weight:400}
.site-header .wordmark,.header-shell .wordmark,.hero-logotype,
.workbench-brand,.footer-word-fallback,.site-nav .nav-select,
.pane-primary a,.research-entry,.recent-topline,.reading,.globe-text,
.workbench-frame,.article-content,.research-browser{font-family:var(--font-einhar)!important}
.site-header .wordmark,.header-shell .wordmark{font-weight:550!important;font-size:19px!important;letter-spacing:-.062em!important}
.site-nav .nav-select{font-weight:500!important;font-size:12.3px!important;letter-spacing:-.012em!important}
.reading p,.opening p,.essay p,.paired-text p,.globe-text p,
.research-intro p,.article-content p{line-height:1.78!important;letter-spacing:-.012em!important;font-weight:400!important}
.reading h2,.globe-text h2,.research-browser h2,.recent-topline h2{font-weight:600!important;letter-spacing:-.023em!important}
.essay-links a,.quiet-link,.inline-link{font-weight:500!important}

/* Official mark and name, owned by the opening itself rather than only the header. */
.opening{padding-top:clamp(110px,10.8vw,175px)!important;margin-bottom:clamp(126px,13vw,195px)!important}
.hero-lockup{display:flex;align-items:center;gap:clamp(12px,1.8vw,24px);margin:0 0 clamp(44px,5.4vw,73px);color:#fafaf8;white-space:nowrap}
.hero-lockup .hero-symbol{display:block!important;position:relative;flex:0 0 auto;width:clamp(56px,6.1vw,83px)!important;height:clamp(56px,6.1vw,83px)!important;background-color:#f5f5f4!important;opacity:1}
.hero-logotype{font-size:clamp(57px,6.9vw,91px);line-height:.96;letter-spacing:-.077em;font-weight:510;color:#f7f7f6}
.opening h1{font-size:clamp(22px,2.15vw,27px)!important;line-height:1.37!important;letter-spacing:-.037em!important;font-weight:480!important;max-width:510px!important;margin-bottom:29px!important}
.opening p{font-size:14.35px!important}

/* All demo/instruction artifacts have been removed in markup. The remaining
   embedded study is composed like a real interface, not a slide about itself. */
.workbench-wrap{margin-top:clamp(155px,17vw,248px)!important}
.workbench-lead{margin-bottom:clamp(34px,4vw,54px)!important}
.workbench-lead p{font-weight:400;font-size:15px!important;line-height:1.7!important;color:#e6e6e4!important}
.workbench-figure{padding:clamp(65px,8vw,114px) clamp(19px,5vw,68px)!important;min-height:clamp(560px,49vw,720px)!important;border-radius:16px!important}
.workbench-frame{font-family:var(--font-einhar)!important;max-width:866px!important;min-height:0!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:18px!important;background:#fcfbf9!important;color:#1c2525!important;box-shadow:0 48px 105px rgba(11,31,37,.23),0 10px 28px rgba(10,27,32,.07)!important}
.workbench-top{height:63px!important;padding:0 clamp(22px,3vw,38px)!important;border-bottom:1px solid #ededeb!important}
.workbench-brand{font-size:13px!important;letter-spacing:-.03em!important;font-weight:650!important;gap:9px!important}
.workbench-brand .brand-mark{width:21px!important;height:17px!important}
.workbench-topright{color:#7e8482!important;font-size:11px!important;font-weight:450!important;letter-spacing:-.013em!important}
.workbench-content{padding:clamp(24px,4vw,43px) clamp(22px,3.6vw,42px) clamp(22px,3vw,35px)!important}
.workbench-question{font-family:var(--font-einhar)!important;color:#1c2728!important;font-size:clamp(25px,3.2vw,36px)!important;line-height:1.17!important;font-weight:505!important;letter-spacing:-.049em!important;min-height:0!important;max-width:700px!important;margin:0 0 27px!important}
.workbench-scenarios{gap:clamp(19px,2.6vw,34px)!important;padding-bottom:30px!important;flex-wrap:wrap!important}
.workbench-scenarios button{border:none!important;border-bottom:1px solid transparent!important;background:none!important;color:#8e9290!important;border-radius:0!important;padding:0 0 8px!important;font-size:12px!important;font-weight:530!important;letter-spacing:-.009em!important;transition:color .2s,border-color .2s!important}
.workbench-scenarios button[aria-pressed=true]{background:none!important;color:#1e2828!important;border-color:#253939!important}
.workbench-scenarios button:hover:not([aria-pressed=true]){background:none!important;color:#384b48!important}
.workbench-study{background:#f2f4f1!important;border:0!important;border-radius:12px!important;min-height:212px!important}
.workbench-stage{padding:clamp(21px,2.3vw,29px)!important}
.workbench-stage-count{font-size:11px!important;color:#647874!important;font-weight:570!important;letter-spacing:-.012em!important}
.workbench-stage-count i{display:none!important}
.workbench-stage-title{margin:clamp(21px,2.9vw,34px) 0 9px!important;color:#22302e!important;font-size:clamp(18px,2vw,21px)!important;font-weight:575!important;letter-spacing:-.038em!important}
.workbench-stage-copy{font-size:12.65px!important;line-height:1.64!important;color:#5b6b65!important;min-height:0!important;max-width:335px!important}
.workbench-visual{background:#e6eee8!important;border-left:1px solid #e2e7e2!important;min-height:212px!important}
.workbench-bottom{padding-top:27px!important}
.workbench-steps{gap:7px!important}
.workbench-steps button{height:3px!important;border-radius:2px!important;width:42px!important}
.workbench-steps button[aria-current=step]{height:3px!important;background:#223b35!important}
.workbench-replay{background:#243734!important;color:#fff!important;border-radius:5px!important;padding:12px 16px!important;font-family:var(--font-einhar)!important;font-size:11.5px!important;font-weight:550!important;transform:none!important}
.workbench-replay:hover{background:#354c47!important;transform:none!important}

/* Seamless approach. Same black surface above and below, no opaque image panel
   and no hard edge where the particle renderer begins. */
html,body,body main,.site-footer,.footer-approach{background-color:#000000!important}
.footer-approach{height:clamp(250px,30vw,440px);position:relative;overflow:hidden;margin-top:clamp(95px,12vw,180px);pointer-events:none;background:#000!important;isolation:isolate}
.footer-approach::before{
 content:"";position:absolute;inset:0;
 background:
  radial-gradient(ellipse 55% 74% at 50% 108%,rgba(103,118,140,.07) 0%,transparent 76%),
  radial-gradient(circle at 22% 91%,rgba(238,245,252,.4) 0 .6px,transparent 1px),
  radial-gradient(circle at 70% 67%,rgba(234,245,254,.31) 0 .55px,transparent 1px),
  radial-gradient(circle at 47% 83%,rgba(222,234,247,.23) 0 .65px,transparent 1px);
 background-size:100% 100%,91px 107px,137px 149px,181px 157px;
 opacity:.25;mask-image:linear-gradient(to bottom,transparent 3%,rgba(0,0,0,.05) 18%,rgba(0,0,0,.45) 63%,#000 100%);
}
.footer-approach::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 52% 45% at 50% 120%,rgba(171,190,209,.044),transparent 80%);mask-image:linear-gradient(to bottom,transparent 5%,#000 100%)}
.site-footer{overflow:clip!important;isolation:isolate!important;margin-top:-1px!important}
.site-footer .footer-arrival{background:#000!important;height:clamp(185px,24svh,320px)!important;min-height:185px!important}
.site-footer .footer-arrival::before{background:radial-gradient(ellipse at 50% -25%,rgba(148,163,185,.033),transparent 67%)!important;mask-image:linear-gradient(0deg,transparent 0%,#000 90%)!important}
.site-footer .footer-dust{opacity:.1!important;mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),transparent 90%)!important}
.site-footer .footer-identity{background:#000!important}
.site-footer .footer-identity::before{opacity:.45!important}
.site-footer .particle-title{background:transparent!important}
.site-footer .word-particle-canvas{background:transparent!important}
.site-footer .footer-word-fallback{font-family:var(--font-einhar)!important;font-weight:650!important;letter-spacing:-.095em!important;opacity:.08!important}

@media(max-width:760px){
 .opening{padding-top:112px!important;margin-bottom:126px!important}
 .hero-lockup{margin-bottom:42px;gap:12px}
 .hero-lockup .hero-symbol{width:58px!important;height:58px!important}
 .hero-logotype{font-size:clamp(53px,12.7vw,68px);letter-spacing:-.073em}
 .opening h1{font-size:23px!important;line-height:1.4!important}
 .workbench-wrap{margin:130px auto 140px!important}
 .workbench-figure{min-height:0!important;padding:56px 12px!important;border-radius:13px!important}
 .workbench-frame{border-radius:13px!important}
 .workbench-top{height:52px!important;padding:0 20px!important}
 .workbench-content{padding:26px 19px 22px!important}
 .workbench-question{font-size:clamp(23px,5.7vw,28px)!important;margin-bottom:24px!important}
 .workbench-scenarios{gap:19px!important;padding-bottom:21px!important}
 .workbench-scenarios button{font-size:11.6px!important}
 .workbench-study{grid-template-columns:1fr!important;min-height:0!important}
 .workbench-stage{padding:21px 19px!important}
 .workbench-stage-title{font-size:19px!important;margin-top:17px!important}
 .workbench-stage-copy{max-width:none!important}
 .workbench-visual{height:156px!important;min-height:156px!important;border:0!important;border-top:1px solid #e1e7e3!important}
 .workbench-bottom{padding-top:23px!important}
 .footer-approach{height:260px;margin-top:92px}
 .site-footer .footer-arrival{height:180px!important;min-height:180px!important}
}
@media(max-width:370px){
 .hero-logotype{font-size:49px}
 .hero-lockup .hero-symbol{width:54px!important;height:54px!important}
 .workbench-figure{padding:44px 8px!important}
 .workbench-top{padding:0 15px!important}
 .workbench-content{padding:22px 16px!important}
}
@media(prefers-reduced-motion:reduce){
 .workbench-figure::before{animation:none!important}
 .footer-approach::before{transition:none!important}
}