/* Complete original content, with clear routes into each system and work. */
.nav-shell{gap:22px}.nav-shell .brand{width:155px}.nav-links{gap:20px}.nav-actions{gap:14px}
.nav-dropdown{position:relative}.nav-dropdown>summary{display:flex;align-items:center;gap:7px;cursor:pointer;color:var(--muted);font-size:12px;padding:10px 0;white-space:nowrap;list-style:none;min-height:44px}
.nav-dropdown>summary::-webkit-details-marker,.collection-index>summary::-webkit-details-marker,.footer-directory summary::-webkit-details-marker{display:none}
.nav-dropdown>summary.active,.nav-dropdown[open]>summary{color:var(--ink)}.nav-dropdown>summary>span{color:var(--accent);font-size:15px}
.nav-submenu{position:absolute;inset-inline-start:-22px;top:calc(100% + 16px);width:520px;max-height:70svh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:18px 22px;background:#1c201a;border:1px solid var(--line);box-shadow:0 18px 45px #0007;z-index:60}
.nav-links .nav-submenu a{font-size:12px;min-height:44px;padding:11px 8px;white-space:normal;border-bottom:1px solid #ffffff0e;line-height:1.6}
.nav-submenu a:hover,.nav-submenu a[aria-current]{color:var(--accent);background:#ffffff05}.nav-submenu a.active:after{display:none}
.nav-links .nav-submenu .submenu-overview{grid-column:1/-1;display:flex;justify-content:space-between;color:var(--ink);border-bottom-color:var(--line);margin-bottom:8px}
.nav-dropdown>summary:focus-visible,.collection-index>summary:focus-visible,.footer-directory summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.footer-directory{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line);padding-top:24px;margin-top:36px}
.footer-directory summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding-block:12px;font-size:14px}.footer-directory summary>span{color:var(--accent);font:12px Manrope,sans-serif}
.footer-directory details>div{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding-top:10px}.footer-directory a{font-size:12px;min-height:44px;padding:10px 0;color:var(--muted);border-bottom:1px solid #ffffff0a}.footer-directory a:hover{color:var(--accent)}
.catalog-card .project-image{aspect-ratio:var(--photo-ratio,1.2);background:#21251e;border:0}.catalog-card .project-image img{object-fit:contain}
.detail-layout{display:grid;grid-template-columns:245px minmax(0,1fr);align-items:start;gap:clamp(26px,4vw,64px);padding-inline:var(--pad);padding-bottom:50px}
.detail-content{min-width:0}.detail-content .detail-cover{margin:0;width:100%;max-height:85svh}.detail-content .detail-cover img{object-fit:contain}.detail-content .gallery-section{padding-inline:0;padding-bottom:26px}.detail-content .gallery{columns:2}
.project-detail-content .detail-cover img{object-fit:contain}.project-detail-content>.technical-documents{margin-inline:var(--pad)}
.collection-sidebar{position:sticky;top:114px;min-width:0}.collection-index{border:1px solid var(--line);background:#191d17}.collection-index>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 16px;cursor:pointer;font-size:13px;min-height:58px}.collection-index>summary>span:last-child{color:var(--accent);font:12px Manrope,sans-serif;white-space:nowrap}
.collection-list{display:grid;padding:0 16px 10px;border-top:1px solid var(--line)}.collection-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:11px 0;border-bottom:1px solid #ffffff10;font-size:12px;line-height:1.7;color:var(--muted)}.collection-list a>span:last-child{color:var(--accent)}.collection-list a[aria-current]{color:var(--accent);font-weight:500}.collection-list a:hover{color:var(--ink)}.collection-list .collection-all{color:var(--ink);padding-block:15px}
.page-sections{display:grid;margin-top:18px}.page-sections a{min-height:44px;padding:12px 2px;display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.page-sections a>span{color:var(--accent)}
.technical-documents{padding-top:45px;border-top:1px solid var(--line);margin-top:12px}.technical-heading .eyebrow{margin-bottom:18px}.technical-heading h2{font-size:27px;font-weight:400;line-height:1.6;margin:0 0 12px}.technical-heading p{font-size:13px;color:var(--muted);max-width:650px;line-height:1.9;margin-bottom:30px}
.document-panel{border:1px solid var(--line);background:#1c2019;margin:0 0 26px;overflow:hidden;border-radius:3px}.document-panel>header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 22px}.document-panel>header>div:first-child{min-width:0}.document-format{font:10px/1.2 Manrope,sans-serif;letter-spacing:1px;color:var(--accent)}.document-panel h3{font-size:16px;font-weight:400;line-height:1.7;margin:7px 0 0;overflow-wrap:anywhere}.document-actions{display:flex;gap:18px;flex-wrap:wrap;flex-shrink:0}.document-actions a{display:flex;align-items:center;min-height:44px;font-size:11px;color:var(--ink);border-bottom:1px solid var(--line)}.document-actions a:hover{color:var(--accent)}
.document-panel iframe{display:block;width:100%;height:640px;height:min(75svh,740px);min-height:430px;border:0;background:#f1f1ed;color-scheme:light}.document-file{padding:38px 24px;border-top:1px solid var(--line)}.document-file>strong{font:300 52px Manrope,sans-serif;color:var(--accent)}.document-file p{font-size:13px;color:var(--muted)}
.adjacent-items{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:30px;padding-block:24px;gap:30px}.project-detail-content>.adjacent-items{margin-inline:var(--pad);padding-block:36px}.adjacent-items a{min-width:0;display:grid;gap:12px;padding-block:12px}.adjacent-items a:last-child{text-align:end;border-inline-start:1px solid var(--line);padding-inline-start:28px}.adjacent-items small{font-size:10px;color:var(--accent)}.adjacent-items a>span{font-size:20px;line-height:1.7;overflow-wrap:anywhere}.adjacent-items a:hover>span{color:var(--accent)}
.company-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(30px,6vw,90px);align-items:start}.company-copy .eyebrow{margin-bottom:22px}.company-copy>p{font-size:15px;line-height:2.15;margin:0 0 24px}.company-copy .button{margin-top:12px;color:var(--black);border-color:#24272055}.company-photograph img{width:100%;height:auto;border:1px solid #24272016}.company-directory{display:grid;grid-template-columns:1.5fr 1fr;gap:60px}.company-directory h3{font-size:22px;font-weight:400;border-bottom:1px solid var(--line);padding-bottom:20px}.company-system-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.company-system-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding-block:12px;border-bottom:1px solid #ffffff12;font-size:13px}.company-system-list .arrow{font-size:16px;color:var(--accent)}
.engineering-content .gallery-section{padding-inline:0}.engineering-content>.technical-documents{margin-top:0}.engineering-content>.technical-documents .document-panel iframe{height:min(80svh,820px)}
@media(max-width:1450px){.nav-contact{display:none}.nav-shell .brand{width:145px}.nav-links{gap:18px}.nav-links>a,.nav-dropdown>summary{font-size:12px}}
@media(max-width:1200px){
 #header{height:76px}.nav-shell{gap:14px}.nav-shell .brand{width:145px}.nav-actions{gap:12px}.menu-toggle{display:block}.nav-contact{display:none}
 .nav-links{display:none;position:absolute;inset:76px 0 auto;flex-direction:column;align-items:stretch;gap:0;padding:18px var(--pad) 24px;background:var(--bg);border-bottom:1px solid var(--line);max-height:calc(100svh - 76px);overflow:auto;overscroll-behavior:contain}.nav-links.open{display:flex}.nav-links>a{display:flex;min-height:48px;align-items:center;font-size:14px}.nav-dropdown{border-top:1px solid #ffffff0d}.nav-dropdown>summary{min-height:50px;justify-content:space-between;font-size:14px}.nav-submenu{position:static;width:100%;max-height:none;box-shadow:none;border:0;padding:4px 12px 14px;grid-template-columns:1fr 1fr;gap:0 18px}.nav-links .nav-submenu a{font-size:12px}.nav-submenu a[aria-current]{color:var(--accent)}
 .detail-layout{display:block}.collection-sidebar{position:static;margin-bottom:24px}.page-sections{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:8px}.page-sections a{font-size:11px;gap:18px}.collection-list{grid-template-columns:1fr 1fr;gap:0 24px;max-height:55svh;overflow:auto}.collection-list .collection-all{grid-column:1/-1}.detail-content .detail-cover{max-height:none}.company-layout{gap:35px}.company-directory{gap:32px}
}
@media(max-width:700px){.footer-directory{grid-template-columns:1fr;gap:12px}.company-layout{grid-template-columns:1fr}.company-copy>p{font-size:15px;line-height:2.1}.company-photograph{max-width:480px}.company-directory{grid-template-columns:1fr;gap:26px}.company-system-list{gap:0 18px}.document-panel>header{display:block;padding:18px}.document-actions{gap:16px;margin-top:12px}.document-panel iframe{height:58svh;min-height:390px}.technical-heading h2{font-size:22px}.adjacent-items{gap:18px}.adjacent-items a>span{font-size:16px}.adjacent-items a:last-child{padding-inline-start:16px}.document-file{padding:28px 18px}}
@media(max-width:600px){#header{height:72px}.nav-links{inset-block-start:72px;max-height:calc(100svh - 72px)}.nav-shell .brand{width:130px}.nav-shell{gap:8px}.nav-actions{gap:10px}.nav-submenu{grid-template-columns:1fr;gap:0}.nav-links .nav-submenu a{min-height:46px}.detail-layout{padding-bottom:20px}.detail-top{padding-bottom:22px}.collection-index>summary{font-size:13px;min-height:54px}.collection-list{grid-template-columns:1fr}.collection-list a{min-height:46px}.page-sections a{min-height:44px}.detail-content .gallery{columns:2}.technical-documents{padding-top:30px}.technical-heading .eyebrow{margin-bottom:14px}.company-system-list{grid-template-columns:1fr}.company-system-list a{min-height:48px}.technical-heading p{font-size:13px}.document-panel h3{font-size:15px}.document-actions a{font-size:11px}.adjacent-items small{font-size:10px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.nav-submenu,.document-panel,.collection-index{animation:none!important;transition:none!important}}



.contact-map{padding:0 var(--pad) 60px}.contact-map iframe{display:block;width:100%;height:450px;min-height:320px;border:1px solid var(--line);border-radius:3px}@media(max-width:600px){.contact-map{padding-bottom:35px}.contact-map iframe{height:350px}}

/* Clear, consistent header typography and generous touch targets. */
#header .nav-shell{gap:20px}
#header .nav-links{gap:clamp(16px,1.4vw,24px)}
#header .nav-links>a,#header .nav-dropdown>summary{font-weight:500;line-height:1.8;min-height:44px;display:flex;align-items:center;color:#d9ddd3;transition:color 160ms ease}
#header .nav-links>a:hover,#header .nav-links>a.active,#header .nav-dropdown>summary:hover,#header .nav-dropdown>summary.active,#header .nav-dropdown[open]>summary{color:var(--ink)}
#header .nav-dropdown>summary>span{display:inline-flex;align-items:center;justify-content:center;width:18px;font-family:Manrope,sans-serif;transition:transform 180ms ease}
#header .nav-dropdown[open]>summary>span{transform:rotate(180deg)}
#header .nav-submenu{border-top:2px solid var(--accent);border-radius:0 0 6px 6px;padding:20px 24px}
#header .nav-submenu a{display:flex;align-items:center;font-size:13px;line-height:1.8;min-height:48px;color:#d9ddd3}
#header .nav-submenu a:hover,#header .nav-submenu a[aria-current]{color:var(--accent)}
#header .language-list{gap:4px}
#header .language-list a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:44px;font-size:11px;font-weight:500}
#header a:focus-visible,#header button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}
#header .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
#header .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
#header .menu-toggle span{transition:transform 180ms ease}
html[lang=ar] #header .nav-links>a,html[lang=ar] #header .nav-dropdown>summary{font-family:var(--ar-display);font-size:15px;font-weight:500;letter-spacing:0;line-height:1.9}
html[lang=ar] #header .nav-submenu a{font-family:var(--ar-display);font-size:13px;font-weight:400;line-height:1.9;letter-spacing:0}
html[lang=ar] #header .language-list a[lang=ar]{font-family:var(--ar-display);font-size:12px}
@media(min-width:1201px) and (max-width:1350px){html[lang=ar] #header .nav-links>a,html[lang=ar] #header .nav-dropdown>summary{font-size:14px}#header .nav-shell{gap:16px}#header .nav-links{gap:16px}}
@media(max-width:1200px){
 #header .nav-links{gap:0;padding-block:18px 26px}
 #header .nav-links>a,#header .nav-dropdown>summary{min-height:56px;border-bottom:1px solid #ffffff12;padding-block:12px;font-size:16px}
 #header .nav-dropdown{border-top:0}
 #header .nav-submenu{border-top:0;border-radius:0;border-inline-start:2px solid #df7b3c66;padding:4px 14px 14px;margin-block:8px 12px;background:#ffffff03;width:100%}
 #header .nav-submenu a{font-size:14px;min-height:48px;padding-block:12px}
 #header .nav-submenu .submenu-overview{padding-inline:8px}
 html[lang=ar] #header .nav-links>a,html[lang=ar] #header .nav-dropdown>summary{font-size:17px}
 html[lang=ar] #header .nav-submenu a{font-size:14px;line-height:2}
 #header .language-list a{min-width:32px;min-height:44px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){#header .nav-links>a,#header .nav-dropdown>summary,#header .nav-dropdown>summary>span,#header .menu-toggle span{transition:none}}

@media(max-width:600px){#header .nav-shell{gap:8px}}
@media(max-width:360px){#header .nav-shell .brand{width:114px}#header .nav-actions{gap:4px}#header .language-list{gap:2px}#header .language-list a{min-width:28px}}
