/* Einhar V27: one editorial system, an honest projects index, 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,.site-nav .projects-trigger,.header-shell .wordmark{color:#fff!important;opacity:1!important}
.site-nav{gap:clamp(22px,2.9vw,43px)!important}
.site-nav .nav-direct-link,.site-nav .projects-trigger{font:500 13px/1.2 var(--font-einhar)!important;letter-spacing:-.005em!important}
.site-nav .projects-trigger{border:0!important;padding:0!important;display:inline-flex!important;align-items:center;gap:9px;background:transparent!important;height:44px;cursor:pointer;white-space:nowrap}
.site-nav .projects-trigger .nav-symbol{color:#fff!important;opacity:1;width:12px;height:12px}
.site-nav .projects-trigger[aria-expanded=true] .nav-symbol{transform:rotate(45deg)}
.site-nav .nav-direct-link:hover,.site-nav .projects-trigger:hover{color:#fff!important;opacity:.78!important}
.projects-nav{position:relative;display:inline-flex;align-items:center;isolation:isolate}
.projects-menu{position:absolute;z-index:1250;top:calc(100% + 6px);right:-96px;width:min(740px,calc(100vw - 48px));background:#080808!important;color:#fff;border:1px solid #161616;border-radius:12px;box-shadow:0 34px 65px rgba(0,0,0,.78);padding:clamp(28px,3.2vw,42px);box-sizing:border-box;animation:einhar-projects-enter .32s cubic-bezier(.18,.77,.24,1) both}
.projects-menu[hidden]{display:none!important}
@keyframes einhar-projects-enter{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
.projects-menu-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);column-gap:clamp(28px,4vw,72px);align-items:start}
.projects-menu-caption{font:500 10px/1.4 var(--font-einhar);letter-spacing:.05em;color:#8f8f8f!important;margin:0 0 21px!important}
.projects-list{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.projects-entry{appearance:none;border:0!important;border-radius:4px;background:none!important;color:#fff!important;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:15px;font:500 clamp(17px,1.4vw,20px)/1.42 var(--font-einhar)!important;letter-spacing:-.04em!important;cursor:pointer;padding:3px 0!important;text-decoration:none!important;transition:opacity .18s ease}
.projects-entry:hover,.projects-entry[aria-pressed=true]{opacity:.7}
.projects-entry svg{width:13px;height:13px;opacity:.85;flex:none}
.projects-preview{padding:43px 0 0;max-width:250px;min-height:170px}
.projects-preview h3{font:500 clamp(25px,2.5vw,36px)/1.06 var(--font-einhar)!important;color:#fff;letter-spacing:-.055em;margin:0 0 19px}
.projects-preview p{font:400 13px/1.75 var(--font-einhar)!important;color:#a8a8a8!important;margin:0;max-width:235px}
.projects-preview-meta{margin-top:40px!important;font:450 11px/1.5 var(--font-einhar)!important;color:#777!important}
.mobile-projects{display:none}
/* 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:1100px){.projects-menu{right:-90px;width:min(650px,calc(100vw - 40px))}}
@media(max-width:760px){
 .site-header,.header-shell{height:60px!important}
 .site-header .site-nav{display:none!important}
 .mobile-projects{display:block!important}
 .mobile-projects summary{list-style:none;display:flex;justify-content:space-between;align-items:center;color:#fff;font:500 17.5px/1.4 var(--font-einhar);letter-spacing:-.03em;padding:11px 1px;cursor:pointer}
 .mobile-projects summary::-webkit-details-marker{display:none}
 .mobile-projects summary .nav-symbol{color:#fff;opacity:1}
 .mobile-projects[open] summary .nav-symbol{transform:rotate(45deg)}
 .mobile-projects-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;padding:16px 0 18px 12px}
 .mobile-project-entry{display:inline-flex;align-items:center;gap:7px;color:#fff!important;font:470 13px/1.4 var(--font-einhar)!important;text-decoration:none}
 .mobile-project-entry svg{width:12px;height:12px}
 .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){.projects-menu,.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}
.projects-entry[aria-pressed="true"]{opacity:1!important;font-weight:570!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}
}