/* Shared editorial system: restrained relief, clear hierarchy, generous space. */
:root{--ink:#203437;--paper:#f8f6f1;--sand:#ddc5a0;--teal:#007e80;--muted:#5a6b6d;--edge:#d9ddd7;--gutter:clamp(24px,6vw,110px)}
body{font-family:'Manrope',Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.7;background:var(--paper)}
[dir=rtl] body{font-family:'Noto Sans Arabic',Tahoma,sans-serif}
h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
header{height:118px;padding-inline:var(--gutter);background:#faf8f3;border-bottom:1px solid #dedbd2;gap:30px}
.brand,header .brand{font-family:'Manrope',sans-serif;font-size:29px;font-weight:800;letter-spacing:2px;line-height:1.15;gap:12px;min-width:0;color:#243b3e;text-shadow:0 1px 0 #fff,0 2px 1px #18363d20}
.brand-emblem{width:82px;height:82px;object-fit:contain}.brand small{font-size:9px;font-weight:600;letter-spacing:2.15px;line-height:1.6;margin-top:6px;color:#607174}
.brand .brand-ar{font-family:'Noto Sans Arabic',Tahoma,sans-serif;font-size:13px;line-height:1.7;font-weight:600;letter-spacing:0;color:#00777b;margin-top:3px}
nav{gap:clamp(17px,2.4vw,38px);font-size:13px;font-weight:600}nav a{position:relative;padding-block:12px}nav a:hover{color:var(--teal)}nav a:after{content:'';position:absolute;bottom:5px;inset-inline-start:0;width:0;height:1px;background:var(--teal);transition:width .2s}nav a:hover:after{width:100%}
.lang{border:1px solid #bdc9c5;border-radius:4px;padding:11px 16px;color:#294448;font-size:12px;background:#fff8;min-height:44px}.lang:hover{background:#e7eeea}
.hero{min-height:650px;height:calc(100svh - 118px);max-height:950px}.intro,[dir=rtl] .intro{padding-block:58px;width:45%;max-width:650px}
.hero h1{font-family:'Manrope',sans-serif;font-weight:700;letter-spacing:-2.6px;font-size:clamp(48px,5.3vw,82px);line-height:1.16;text-shadow:0 1px 0 #bba887,0 2px 1px #7b684b,0 8px 28px #0006;margin:27px 0}
.hero h1 em{font-family:Georgia,serif;font-weight:400;text-shadow:0 1px 0 #876d45,0 7px 24px #0005}
[dir=rtl] .hero h1{font-family:'Noto Sans Arabic',Tahoma,sans-serif;font-size:clamp(43px,4.65vw,72px);font-weight:700;letter-spacing:0;line-height:1.55}
.hero .eyebrow{font-size:11px;font-weight:600;letter-spacing:2.4px;color:#ead9b9}[dir=rtl] .hero .eyebrow{letter-spacing:0;font-size:13px}
.intro p{font-size:17px;line-height:1.95;max-width:430px;color:#e3e8e6;text-shadow:0 2px 8px #0005}.intro .btn{margin-top:24px}
.btn{padding:16px 27px;min-height:52px;border-radius:3px;font-size:13px;font-weight:700;border:1px solid #e4d0ad;border-bottom:2px solid #ab8d61;background:linear-gradient(135deg,#ecdabb,#d5b789);box-shadow:0 5px 14px #0001;line-height:1.6;transition:transform .2s,background .2s}
.hero-caption{border-radius:3px;font-size:10px;letter-spacing:0;background:#14262b80}
.strip{padding:25px var(--gutter);background:#eeece4;color:#465b5a;font-size:11px;font-weight:600;letter-spacing:1.5px;border-color:#dbded5}[dir=rtl] .strip{letter-spacing:0;font-size:13px}
.section{padding:100px var(--gutter)}.section-label{color:#00777b;font-size:11px;font-weight:700;letter-spacing:2.3px}[dir=rtl] .section-label{font-size:13px;letter-spacing:0}
.section h2,.portfolio-teaser h2,.project-cta h2{font-size:clamp(32px,3.5vw,50px);font-weight:600;line-height:1.3;letter-spacing:-1.5px;text-shadow:0 1px 0 #fff,0 2px 2px #20343710;margin-block:18px 38px}
[dir=rtl] .section h2,[dir=rtl] .portfolio-teaser h2,[dir=rtl] .project-cta h2{letter-spacing:0;line-height:1.65}
.services{gap:28px}.service{border:1px solid #d9ddd5;border-top:2px solid #b49a71;padding:38px;background:#fff9;border-radius:4px;box-shadow:0 14px 35px #273e3605}.num{font:500 12px 'Manrope',sans-serif;color:#897252;letter-spacing:2px}.service h3{font-size:25px;font-weight:600;line-height:1.6;text-shadow:none;margin:20px 0 12px}.service p,.about p{font-size:16px;line-height:2;color:var(--muted);margin-bottom:0}
.portfolio-teaser{padding:64px var(--gutter);border-block:1px solid #dce0d8;background:#edf1ec}.portfolio-teaser h2{margin:10px 0 0}.about{background:#e9eeea;gap:9%}.credential{padding:24px 0;border-color:#cdd8d0;font-size:14px;align-items:center}.credential b{font-weight:600}.credentials{border-top:1px solid #cdd8d0}.credential span{color:#526b66}
.contact{gap:9%;background:#f8f6f1}.details a{font-family:'Manrope',sans-serif;font-size:16px;text-decoration-color:#b3c3bd}.details a:hover{color:var(--teal)}form{background:#fff9;border:1px solid #e0e4dc;padding:32px;border-radius:5px;box-shadow:0 16px 40px #20343705}label{font-size:13px;font-weight:600;gap:9px}input,select,textarea{font-size:15px;background:#fafbf8;border:1px solid #cdd7d1;border-radius:3px;padding:13px 15px;line-height:1.7}input:focus,select:focus,textarea:focus{outline:2px solid #007e8050;outline-offset:2px;border-color:#007e80}form small{font-size:11px;font-weight:400;line-height:1.9;color:#62716b}input[type=email]{direction:ltr}
footer{padding:48px var(--gutter);background:#193235;color:#c6d4d0;align-items:center;font-size:11px;line-height:2.1}footer .brand{font-size:25px;text-shadow:none;color:#f2e4ca}footer .brand small{color:#becfca}footer .brand .brand-ar{color:#a1d3cb}footer .brand-emblem{width:74px;height:74px}
.portfolio-intro{padding:85px var(--gutter) 80px;background:radial-gradient(ellipse at top left,#28595a,transparent 65%),#193235;border-bottom:3px solid #bda27a}.portfolio-intro .eyebrow{color:#d9c39d;line-height:2}.portfolio-intro h1{font-size:clamp(38px,4.6vw,66px);font-weight:600;line-height:1.4;max-width:960px;letter-spacing:-1.8px;color:#f5eddd;text-shadow:0 1px 1px #0004;margin-block:22px}.portfolio-intro p{font-size:16px;line-height:2;max-width:740px;color:#cbdad5}[dir=rtl] .portfolio-intro h1{letter-spacing:0;line-height:1.65}
.project{padding:90px var(--gutter);border-color:#d7dfd7}.project:nth-of-type(2){background:#eff1eb}.project-heading{margin-bottom:38px;gap:50px}.project-heading>div{max-width:760px}.project h2{font-weight:600;font-size:clamp(28px,3vw,43px);line-height:1.55;letter-spacing:-1px}.project p{font-size:16px;line-height:2;margin-bottom:0}[dir=rtl] .project h2{letter-spacing:0}.project-number{font-family:'Manrope',sans-serif;font-size:78px;font-weight:400;color:#9c8a6c;line-height:1.2;border-top:1px solid #c1b598;padding-top:16px;min-width:95px;text-align:center}
.gallery{gap:28px}.gallery a{border-radius:4px;box-shadow:0 14px 32px #1e373512}.gallery img{height:430px;object-fit:cover}.gallery figure:first-child img{height:auto;max-height:none}.gallery figure:last-child:nth-child(even){grid-column:1/-1}.gallery figure:last-child:nth-child(even) img{height:auto;max-height:none}.gallery figcaption{font-size:12px;font-weight:500;line-height:1.9;padding:15px 3px;color:#566d69;display:flex;align-items:center;gap:10px}.gallery figcaption:before{content:'';width:20px;height:1px;background:#9aaf9f}.project-note{max-width:900px!important;background:#e5eae350;border-inline-start:2px solid #a9b9aa;padding:13px 18px;color:#63736d!important;font-size:11px!important;margin-top:20px!important}.project-cta{background:#e2eae3;padding:75px var(--gutter)}.project-cta h2{margin-bottom:8px}
@media(min-width:1600px){:root{--gutter:max(6vw,calc((100vw - 1440px)/2))}}
@media(max-width:1050px){header{gap:20px}.brand,header .brand{font-size:24px;gap:7px}.brand-emblem{width:66px;height:66px}.brand .brand-ar{font-size:11px}nav{gap:16px;font-size:12px}.brand small{font-size:7px}.contact{gap:5%}}
@media(max-width:760px){header{height:auto;min-height:108px;flex-wrap:wrap;gap:10px;padding:15px 6% 12px}header .brand{font-size:24px;gap:9px;flex:1}.brand-emblem{width:64px;height:64px}.brand small{font-size:7px;letter-spacing:1.7px}.brand .brand-ar{font-size:11px}nav{width:100%;justify-content:space-between;gap:8px;font-size:11px;border-top:1px solid #e1e4db;padding-top:6px}nav a,nav .projects-link{display:block;font-size:11px;padding:8px 0}nav a[href$='#about']{display:none}.lang{min-height:38px;padding:7px 12px;font-size:11px}
.hero{height:auto;min-height:820px;max-height:none;align-items:flex-start}.intro,[dir=rtl] .intro{width:88%;margin:0 6%;padding:44px 0 340px;max-width:none}.hero h1{font-size:clamp(42px,10vw,60px);line-height:1.2;letter-spacing:-1.7px}[dir=rtl] .hero h1{font-size:clamp(35px,8.6vw,50px);line-height:1.55}.intro p{font-size:15px;max-width:390px;line-height:1.9}.hero .eyebrow{font-size:10px}[dir=rtl] .hero .eyebrow{font-size:11px}.hero-caption{font-size:9px;bottom:20px;max-width:88%;right:6%}[dir=rtl] .hero-caption{left:6%}.strip{padding:22px 6%;gap:12px;flex-wrap:wrap;font-size:9px}[dir=rtl] .strip{font-size:11px}
.section{padding:64px 6%}.section h2,.portfolio-teaser h2,.project-cta h2{font-size:32px}.services,.about,.contact{grid-template-columns:1fr;gap:30px}.service{padding:28px}.service h3{font-size:23px}.service p,.about p,.project p{font-size:15px}.credentials{margin-top:6px}.credential{font-size:12px;gap:15px}.portfolio-teaser{padding:44px 6%}.portfolio-teaser .btn{margin-top:24px}.portfolio-teaser h2{font-size:29px}form{padding:24px}.details a{font-size:15px}footer{padding:40px 6%;align-items:flex-start;gap:26px}footer .brand{font-size:24px}
.portfolio-intro{padding:55px 6%}.portfolio-intro h1{font-size:36px;letter-spacing:-1px}.portfolio-intro p{font-size:15px}.project{padding:58px 6%}.project-heading{gap:16px;align-items:flex-start}.project h2{font-size:27px;margin-block:14px}.project-number{font-size:41px;min-width:47px}.gallery{grid-template-columns:1fr;gap:22px}.gallery img{height:auto;max-height:none}.gallery .portrait img{max-height:620px;object-fit:contain}.gallery figcaption{font-size:11px;padding-top:12px}.project-note{font-size:10px!important}.project-cta{padding:55px 6%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}