/* 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}}

/* Photo-first system pages: the original image stays intact at every width. */
.solution-heading{padding:30px var(--pad) 24px}
.solution-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:20px}
.solution-breadcrumb .back-link,.solution-breadcrumb .eyebrow{margin:0;min-height:44px;font-size:14px}
.solution-heading h1{font:400 clamp(36px,4.2vw,64px)/1.25 'Cormorant Garamond',serif;margin:16px 0 0;max-width:1100px;text-wrap:balance}
html[lang=ar] .solution-heading h1{font-family:var(--ar-display);font-size:clamp(27px,3.3vw,48px);line-height:1.65;font-weight:400}
.solution-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,5vw,78px);align-items:center;padding:0 var(--pad) 48px}
.solution-visual{margin:0;min-width:0}
.solution-hero .solution-cover{margin:0;width:100%;height:clamp(340px,36vw,540px);max-height:none;background:#20231e;border:1px solid var(--line);border-radius:6px}
.solution-cover img{object-fit:contain;opacity:1;filter:none;transform:none}
.solution-cover .image-arrow{width:46px;height:46px;background:#151714d9;border-color:#ffffff50}
.solution-visual figcaption{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px;line-height:1.7;padding:14px 2px 0}
.solution-visual figcaption>span:last-child{font-family:Manrope,sans-serif;white-space:nowrap;color:var(--ink)}
.solution-overview{min-width:0}.solution-overview .eyebrow{font-size:13px;margin-bottom:18px}
.solution-intro{font-size:clamp(18px,1.45vw,22px);line-height:1.85;margin:0 0 20px;color:var(--ink)}
.solution-original{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 24px}
.solution-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.solution-actions>.button{width:100%;max-width:450px;font-size:14px;min-height:54px}
.solution-actions .text-link{font-size:14px;min-height:48px;gap:18px}
.solution-actions .text-link>span{color:var(--accent);white-space:nowrap}
.solution-layout{padding-top:38px;border-top:1px solid var(--line)}
.system-guide{padding:0 0 30px;scroll-margin-top:28px}
.system-guide>h2{font-size:26px;font-weight:400;line-height:1.7;margin:0 0 28px;text-wrap:balance}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.guide-grid>section{padding:24px;border:1px solid var(--line);border-radius:5px;background:#1b1e18}
.guide-number{display:block;font:13px/1.5 Manrope,sans-serif;color:var(--accent);margin-bottom:20px}
.guide-grid h3{font-size:19px;font-weight:500;line-height:1.7;margin:0 0 16px}
.guide-grid p{font-size:16px;line-height:1.95;color:#c8ccc0;margin:0}
.guide-reference{font-size:14px;color:var(--muted);line-height:1.95;margin:24px 0 0;max-width:850px}
.solution-layout .collection-index>summary,.solution-layout .collection-list a,.solution-layout .page-sections a{font-size:14px;line-height:1.85}
.solution-layout .gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));columns:auto;gap:22px}
.solution-layout .gallery>button{aspect-ratio:var(--photo-ratio,1.2);min-width:0;background:#20231e}
.solution-layout .gallery>button:nth-child(7n+1){grid-column:auto;aspect-ratio:var(--photo-ratio,1.2)}
.solution-layout .gallery img{object-fit:contain}
.solution-layout .gallery-section{padding-top:22px}
html[lang=ar] .solution-intro{font-size:20px;line-height:1.95}
html[lang=ar] :is(.system-guide h2,.guide-grid h3){font-family:var(--ar-display);font-weight:400}
html[lang=ar] .guide-grid h3{font-size:19px;line-height:1.9}
/* Readable supporting copy, including the English and Turkish interfaces. */
body{font-size:16px}
:is(.button,.text-link,.filter,.catalog-card p,.result-line,.project-meta .project-location,.form-note,.footer-note,.footer-column a,.footer-column p,.footer-directory a,.document-actions a,.technical-heading p,.company-system-list a,.field>span){font-size:14px;line-height:1.85}
.field :is(input,select,textarea){font-size:16px}
.footer-column h3,.footer-bottom,.document-format,.adjacent-items small{font-size:12px;line-height:1.8}
.footer-directory a,.document-actions a{min-height:44px}
.catalog-card p{margin-top:8px}.catalog-card h2{line-height:1.7}
.technical-heading p{font-size:15px}.document-panel h3{font-size:18px}
.gallery-heading h2{font-size:18px}.gallery-heading>span{font-size:14px}
@media(max-width:1200px){.solution-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px}.solution-layout{display:flex;flex-direction:column;gap:28px}.solution-layout>.collection-sidebar{order:2;width:100%;margin:0}.solution-layout>.detail-content{order:1;width:100%}.solution-layout .page-sections{gap:8px 22px}.guide-grid{gap:18px}.guide-grid>section{padding:22px}}
@media(max-width:760px){
 .solution-heading{padding-block:18px 20px}.solution-breadcrumb .eyebrow{display:none}.solution-heading h1{font-size:36px;line-height:1.3;margin-top:10px}html[lang=ar] .solution-heading h1{font-size:29px;line-height:1.65;margin-top:8px}
 .solution-hero{grid-template-columns:1fr;gap:28px;padding-bottom:32px}.solution-hero .solution-cover{height:clamp(245px,70vw,430px);max-height:56svh}.solution-visual figcaption{font-size:13px;padding-top:12px}
 .solution-overview .eyebrow{margin-bottom:12px}.solution-intro,html[lang=ar] .solution-intro{font-size:18px;line-height:1.9;margin-bottom:14px}.solution-original{font-size:15px;line-height:1.9;margin-bottom:18px}
 .solution-actions{gap:8px 20px}.solution-actions>.button{max-width:none;font-size:14px;padding:14px 18px}.solution-actions .text-link{font-size:14px;gap:12px}
 .solution-layout{padding-top:30px}.system-guide>h2{font-size:23px;margin-bottom:20px}.guide-grid{grid-template-columns:1fr;gap:16px}.guide-grid>section{padding:22px 20px}.guide-number{margin-bottom:12px}.guide-grid h3,html[lang=ar] .guide-grid h3{font-size:19px;margin-bottom:12px}.guide-grid p{font-size:16px;line-height:1.95}
 .solution-layout .gallery{grid-template-columns:1fr;gap:18px}.solution-layout .gallery>button{max-height:none}.solution-layout .gallery-section{padding-top:10px}.solution-layout .gallery-heading{gap:16px}.solution-layout .gallery-heading h2{font-size:18px}.solution-layout .gallery-heading>span{font-size:14px}
 .catalog-card h2,html[lang=ar] .catalog-card h2{font-size:17px}.catalog-card p,html[lang=ar] .catalog-card p{font-size:14px;line-height:1.85}
 .page-heading .lead,.service-intro p,.cta p{font-size:16px;line-height:1.9}.filter{font-size:14px;min-height:44px;padding:9px 12px}.search input{font-size:16px}.company-copy>p{font-size:16px}.technical-heading p{font-size:15px}.document-panel h3{font-size:17px}.document-actions a{font-size:14px}.adjacent-items small{font-size:12px}.adjacent-items a>span{font-size:18px}
}
@media(max-width:360px){.solution-heading h1{font-size:32px}html[lang=ar] .solution-heading h1{font-size:25px}.solution-hero .solution-cover{height:245px}.solution-visual figcaption{font-size:12px}.solution-intro,html[lang=ar] .solution-intro{font-size:17px}}
@media(prefers-reduced-motion:reduce){.solution-cover,.solution-cover img{animation:none!important;transition:none!important}}

@media(min-width:1201px){.solution-layout>.detail-content{grid-column:2;grid-row:1}.solution-layout>.collection-sidebar{grid-column:1;grid-row:1}}