/* Einhar V27: one editorial system and a monochrome workbench */
:root{--einhar-black:#000;--einhar-white:#fafafa;--einhar-paper:#fbfbfa;--einhar-muted:#c8c8c6}
html,body,main,.site-header,.header-shell,.nav-stage,.site-footer{background-color:#000!important}
.site-header,.header-shell{border:0!important;border-bottom:0!important;box-shadow:none!important}
.site-nav .nav-direct-link,.header-shell .wordmark{color:#fff!important;opacity:1!important}
.site-nav{gap:clamp(22px,2.9vw,43px)!important}
.site-nav .nav-direct-link{font:500 13px/1.2 var(--font-einhar)!important;letter-spacing:-.005em!important}
.site-nav .nav-direct-link:hover{color:#fff!important;opacity:.78!important}
/* Not a duplicated project portfolio in the page. */
.research-outro{display:none!important}
/* Workbench: an actual monochrome interactive study, not a pastel demonstration template. */
.workbench-wrap{width:min(1320px,calc(100% - 44px));margin:clamp(152px,15vw,220px) auto clamp(160px,19vw,265px)!important}
.workbench-lead{width:min(490px,100%);margin:0 auto clamp(44px,5vw,66px)!important}
.workbench-lead h2{font:550 clamp(24px,2.9vw,35px)/1.2 var(--font-einhar)!important;color:#fff!important;letter-spacing:-.045em;margin:0 0 18px!important}
.workbench-lead p{font:400 clamp(14px,1.15vw,16px)/1.77 var(--font-einhar)!important;color:#ececec!important;margin:0}
.workbench-figure{background:radial-gradient(ellipse at 10% 16%,#3b3b3b 0%,transparent 47%),radial-gradient(ellipse at 100% 100%,#202020 0%,transparent 47%),linear-gradient(135deg,#101010,#242424 58%,#0e0e0e)!important;width:100%;padding:clamp(53px,8vw,108px) clamp(18px,5vw,77px)!important;min-height:600px!important;display:grid;place-items:center;border-radius:16px!important;overflow:hidden;isolation:isolate}
.workbench-figure::before{z-index:0!important;inset:0!important;background-image:radial-gradient(circle,rgba(255,255,255,.28) 0 .58px,transparent .75px),radial-gradient(circle,rgba(255,255,255,.16) 0 .6px,transparent .8px)!important;background-size:7px 7px,13px 13px!important;background-position:0 0,5px 4px!important;opacity:.18!important;filter:none!important;animation:none!important}
.workbench-figure::after{box-shadow:none!important;background:linear-gradient(0deg,rgba(0,0,0,.25),transparent 35%,transparent 65%,rgba(255,255,255,.018))!important;opacity:1!important}
.workbench-frame{width:min(920px,100%)!important;background:#fbfbfa!important;border:0!important;border-radius:18px!important;box-shadow:0 35px 85px rgba(0,0,0,.28),0 10px 24px rgba(0,0,0,.16)!important;color:#151515!important;min-height:0!important;font-family:var(--font-einhar)!important}
.workbench-top{height:65px!important;padding:0 clamp(23px,3vw,40px)!important;border:0!important}
.workbench-brand{color:#171717!important;font:600 13px/1 var(--font-einhar)!important;letter-spacing:-.035em;gap:10px!important}
.workbench-brand .brand-mark{width:21px!important;height:16px!important}
.workbench-topright{color:#757575!important;font:450 11px/1.2 var(--font-einhar)!important;letter-spacing:0!important}
.workbench-content{padding:clamp(12px,1.75vw,25px) clamp(23px,3vw,40px) clamp(26px,3.5vw,47px)!important}
.workbench-question{color:#111!important;font:540 clamp(27px,3vw,39px)/1.12 var(--font-einhar)!important;letter-spacing:-.053em!important;max-width:700px!important;min-height:0!important;margin:0 0 28px!important}
.workbench-scenarios{background:#efefed!important;padding:4px!important;display:inline-flex!important;align-items:center!important;gap:2px!important;border-radius:11px!important;margin:0 0 28px!important;flex-wrap:nowrap!important}
.workbench-scenarios button{appearance:none;background:none!important;color:#666!important;font:520 12px/1.2 var(--font-einhar)!important;padding:9px 15px!important;border:0!important;border-bottom:0!important;border-radius:8px!important;box-shadow:none!important;transition:background-color .22s ease,color .22s ease!important;cursor:pointer}
.workbench-scenarios button[aria-selected=true]{background:#202020!important;color:#fff!important;border:0!important}
.workbench-scenarios button:hover:not([aria-selected=true]){background:#dededc!important;color:#161616!important}
.workbench-study{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;background:#f1f1ef!important;border:0!important;border-radius:11px!important;min-height:270px!important;overflow:hidden!important;gap:0!important}
.workbench-stage{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:0;padding:clamp(27px,3vw,40px)!important;min-width:0}
.workbench-stage-title{font:560 clamp(21px,2.1vw,27px)/1.22 var(--font-einhar)!important;color:#181818!important;letter-spacing:-.048em!important;margin:0 0 17px!important}
.workbench-stage-copy{font:430 13.5px/1.7 var(--font-einhar)!important;color:#595959!important;margin:0!important;max-width:285px!important;min-height:0!important}
.workbench-visual{position:relative;min-height:270px!important;height:auto!important;background:#efefed!important;border:0!important;display:grid!important;align-items:stretch}
.workbench-visual canvas{width:100%;height:100%;display:block;min-height:270px}
/* Finishing typography: short functional controls, not training material. */
.workbench-stage.is-entering .workbench-stage-title,.workbench-stage.is-entering .workbench-stage-copy{animation:none!important}
@media(max-width:760px){
 .site-header,.header-shell{height:60px!important}
 .site-header .site-nav{display:none!important}
 .mobile-direct{gap:4px!important}
 .workbench-wrap{width:calc(100% - 24px)!important;margin:124px auto 145px!important}
 .workbench-lead{margin-bottom:31px!important}
 .workbench-lead h2{font-size:25px!important}
 .workbench-figure{padding:55px 11px!important;min-height:0!important;border-radius:12px!important}
 .workbench-frame{border-radius:12px!important}
 .workbench-top{height:54px!important;padding:0 19px!important}
 .workbench-topright{font-size:10px!important}
 .workbench-content{padding:16px 18px 25px!important}
 .workbench-question{font-size:clamp(23px,5.6vw,30px)!important;margin-bottom:21px!important}
 .workbench-scenarios{margin-bottom:18px!important}
 .workbench-scenarios button{font-size:11.5px!important;padding:9px 11px!important}
 .workbench-study{grid-template-columns:1fr!important}
 .workbench-stage{padding:27px 23px 22px!important}
 .workbench-stage-title{font-size:22px!important;margin-bottom:10px!important}
 .workbench-stage-copy{font-size:13px!important;max-width:100%!important}
 .workbench-visual{min-height:190px!important;height:190px!important}
 .workbench-visual canvas{min-height:190px!important;height:190px!important}
}
@media(prefers-reduced-motion:reduce){.workbench-figure::before,.workbench-scenarios button{animation:none!important;transition:none!important}}
/* Defeat legacy hover rules which were canceling the new active tab backdrop. */
.workbench-scenarios button[aria-selected="true"]:hover:not([aria-pressed="true"]),
.workbench-scenarios button[aria-selected="true"]:hover,
.workbench-scenarios button[aria-selected="true"]:focus-visible{background:#202020!important;color:#fff!important}
/* Mobile drawer: undo an inherited shorthand that was moving it ABOVE the header. */
@media(max-width:760px){
 .site-header .nav-stage{inset:auto 0 auto 0!important;top:100%!important;bottom:auto!important;left:0!important;right:0!important;max-height:calc(100dvh - 60px)!important;transform:translateY(-13px)!important}
 .site-header.menu-open .nav-stage{transform:translateY(0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
}