.project-stage{display:grid;gap:28px}
.project-detail{display:grid;grid-template-columns:240px 1fr;gap:42px;background:#111914;border:1px solid var(--line);border-radius:10px;padding:36px}
.project-identity{display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-height:250px;border-inline-end:1px solid var(--line);padding-inline-end:30px}
.project-number{font:13px var(--mono);color:#819c88}
.project-identity img{width:140px;height:140px;object-fit:contain;margin:auto}
.pd-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.pd-head h3{margin:0;font-size:29px;font-weight:550}
.project-status{font:11px/1.5 var(--mono);color:#bdd6c3;border:1px solid #344c3d;border-radius:30px;padding:6px 12px}
.pd-desc{margin:0 0 22px;max-width:72ch}
.pd-points{padding-inline-start:20px;color:#d0dad2;font-size:15px;line-height:1.8;margin-bottom:25px}
.pd-points li{padding-inline-start:5px;margin-bottom:6px}
.pd-meta{display:grid;gap:12px;margin:0 0 22px}
.pd-meta>div{display:grid;grid-template-columns:64px 1fr;gap:12px}
.pd-meta dt{font:12px/1.8 var(--mono);color:#91a798}
.pd-meta dd{margin:0;font-size:14px;color:var(--muted)}
.pd-cta{display:inline-flex;padding:8px 0;color:var(--paper);border-bottom:1px solid #698471;font-size:15px}
.project-detail{grid-template-columns:170px 1fr;gap:25px}
.project-detail{grid-template-columns:1fr;padding:24px;gap:20px}
.project-identity{flex-direction:row;align-items:center;min-height:0;border:0;padding:0;border-bottom:1px solid var(--line);padding-bottom:20px}
.project-identity img{margin:0;width:65px;height:65px}
.pd-head{gap:10px}
.pd-head h3{font-size:25px}
.pd-desc,.pd-points{font-size:15px}
.pd-meta>div{grid-template-columns:50px 1fr}
.pd-meta dd{font-size:13px}
.project-status{font-size:10px}

:root{--muted:#b0bcb2}body{font-size:16px;line-height:1.65}
.header-normal{column-gap:28px}html[dir=rtl] .header-normal .brand{justify-self:start}html[dir=rtl] .header-actions{justify-self:end}
.project-detail .pd-cta{color:#102017;background:var(--green);padding:12px 20px;border-radius:6px;border:0}.project-detail .pd-cta:hover{color:#102017;background:#c8e8ce}
html[dir=rtl]{--sans:"Noto Sans Arabic",Arial,sans-serif;--mono:"Noto Sans Arabic",Arial,sans-serif}
.screen-panel p,.enhanced .screen-panel p,.pd-points li,.enhanced .experience-list>li>p,.about-bio{font-size:16px;line-height:1.7;color:#bbc5bd}
.site-nav a,.menubar-nav a,.menubar-contact,.header-status,.menubar-inner .lang-switch button,.field label,.tg-tags span,.cred-meta b,.channel-meta b,.gi-name{font-size:14px;min-height:32px}
.menubar-inner .lang-switch button{min-width:36px}.menubar-inner{gap:16px}.term-prompt{font-size:12px}
.enhanced .screen-panel{overflow-y:auto;overscroll-behavior:contain;align-content:start;padding-bottom:48px;scrollbar-gutter:stable}
.screen-panel{scroll-margin-top:90px}.enhanced .projects-panel{display:block}.project-heading{margin-bottom:28px}
.project-stage{display:grid;gap:24px;width:100%}.project-detail,.project-detail.is-active{display:grid!important;grid-template-columns:160px minmax(0,1fr);gap:30px;animation:none;padding:28px;background:#111914}
.project-identity{min-height:180px}.project-identity img{width:110px;height:110px}.project-copy{min-width:0}.pd-head{margin-top:0}.pd-points{padding-inline-start:20px}.pd-points li{padding-left:0}.pd-points li:before{display:none}.pd-meta dd{font-size:14px}.pd-cta{font-size:15px}.project-status{font-size:12px}
.enhanced .contact-panel{display:block}.contact-grid{align-items:start}.contact-form{align-self:start!important}.contact-form input,.contact-form textarea{font:16px/1.6 var(--sans);width:100%;padding:10px 12px}.contact-form .field-error,#message-hint,.inquiry-privacy{font-size:14px!important}.contact-form label{font-size:14px!important}.contact-form textarea{min-height:140px}.contact-form .button{font-size:16px;min-height:48px}.contact-form [aria-invalid=true]{border-color:#f0a6a6}.contact-form button:disabled{opacity:.6;cursor:wait}.inquiry-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#inquiry-status:empty,.field-error:empty{display:none}#inquiry-status[data-error=true]{color:#ffc2ba}#inquiry-status{overflow-wrap:anywhere}
.cred-meta i,.stat-grid small,.channel-meta i,.overview-meta dd,.overview-meta dt,.lb-name,.lb-val,.lb-empty{font-size:14px}.site-footer{font-size:14px}
@media(max-width:1100px){.term-prompt,.term-wire,.term-node{display:none}.menubar-nav{gap:12px}.menubar-inner{gap:10px}}
@media(max-width:899px),(max-height:639px){.project-detail,.project-detail.is-active{grid-template-columns:1fr;gap:20px;padding:22px}.project-identity{min-height:0;flex-direction:row;border-inline-end:0;border-bottom:1px solid var(--line);padding:0 0 16px}.project-identity img{width:64px;height:64px;margin:0}.contact-grid{grid-template-columns:1fr}.screen-panel{padding-inline:22px}.site-nav a{min-height:44px}.lab-board{display:block}.pd-head{flex-wrap:wrap}.pd-head h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Fit the complete source frame before the deliberate screen-entry zoom. */
.enhanced .laptop-scene{width:min(100vw,calc(100svh * 1916 / 1080))}
.enhanced .site-footer{display:none}
.laptop-video,.laptop-poster{object-fit:contain}
@media(max-width:899px),(max-height:639px){
 .header-normal{grid-template-columns:1fr auto auto;gap:14px;background:#080a09f5}
 .header-normal .brand{grid-column:1;grid-row:1}.brand>span:last-child{display:inline}
 .header-actions{grid-column:2;grid-row:1}.menu-toggle{grid-column:3;grid-row:1}
 .site-nav{display:none;transform:none;inset:64px 0 auto;max-height:calc(100svh - 64px);overflow-y:auto}
 .site-nav.is-open{display:grid}
 .laptop-hero{padding-top:64px}.laptop-scene{width:100%;aspect-ratio:auto}
 .stage-zoom{display:grid;min-height:0;overflow:visible;transform:none!important;background:#080a09}
 .stage-zoom::after{display:none}
 .stage-zoom .laptop-video,.stage-zoom .laptop-poster{grid-area:1/1;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1916/1080;object-fit:contain;filter:none}
 .stage-zoom .laptop-video{display:block;opacity:1;visibility:visible;z-index:1}
 .stage-zoom .laptop-poster{display:none}
 .stage-zoom .board-hero{grid-area:2/1;position:relative;inset:auto;width:100%;height:auto;padding:30px 22px 25px}
 .hero-card{width:min(100%,440px);padding:26px 24px}.hero-card h1{font-size:clamp(30px,7vw,42px)}
 .board-hero .scroll-cue{margin-top:20px}.hero-phrase{display:none}
 .screen-overlay{width:100%;margin-top:0}.screen-panel{min-width:0}.about-grid2,.contact-grid,.lab-layout{min-width:0;grid-template-columns:minmax(0,1fr)}
 .overview-meta{grid-template-columns:minmax(0,1fr)}.project-status{max-width:100%;white-space:normal}
 .game-menu{grid-template-columns:1fr 1fr}.monitor-screen{height:440px}.pd-meta>div{grid-template-columns:1fr}.pd-meta dd{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
 .laptop-hero{padding-top:72px;display:block;min-height:0}.laptop-scene{width:100%;aspect-ratio:auto}
 .stage-zoom{position:relative;display:grid;min-height:0;transform:none!important}.stage-zoom::after{display:none}
 .stage-zoom .laptop-video{display:none}.stage-zoom .laptop-poster{display:block;position:relative;grid-area:1/1;inset:auto;width:100%;height:auto;aspect-ratio:1916/1080;object-fit:contain}
 .stage-zoom .board-hero{position:relative;grid-area:2/1;inset:auto;width:100%;height:auto;padding:30px 22px}
 .screen-overlay{width:100%;margin:0}.screen-menubar{display:none}
}