:root{--f:"Montserrat","Tajawal",system-ui,sans-serif;--fd:"Cormorant Garamond","Tajawal",Georgia,serif;--acc:#000000;--acc2:#8a8a8a}
body{font-family:var(--f);color:#111}
.btn,.form,.form input,.form select,.pj,.pj .ph,.tag,.new,.tabs>*,.gal img,.faq details,.strip>.wrap>div{border-radius:0!important}
.btn{text-transform:uppercase;letter-spacing:.1em;font-weight:500;font-size:11px}
.btn-dark{background:#000;color:#fff;border:1px solid #000}
.btn-dark:hover{background:#fff;color:#000}
.btn-ghost{background:transparent;border:1px solid currentColor}
.topbar{background:#000;color:#9a9a9a;border-bottom:1px solid #232323}
.hd{background:#000;border-bottom:0}
.hd nav a{text-transform:uppercase;font-size:11px;font-weight:500;letter-spacing:.08em;color:#fff}
.hd nav a:hover{color:#bdbdbd}
.hd .btn-dark{background:#fff;color:#000;border-color:#fff}
.hd .lang{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}
.brand{display:flex;align-items:center;gap:12px}
.brand b{display:none}
.brand .brand-logo{height:34px;width:auto;display:block}
.brand small{color:#9a9a9a;letter-spacing:.1em;text-transform:uppercase;font-size:10px}
.hero h1,.h2,.form h2,.pj h3{font-family:var(--fd);font-weight:500;letter-spacing:0}
.hero h1{font-size:clamp(2.6rem,6vw,4.6rem)}
.eyebrow{color:#8a8a8a;letter-spacing:.18em;font-weight:500}
.hero .eyebrow{color:rgba(255,255,255,.7)}
#overview{background:#000;color:#fff}
#overview p{color:rgba(255,255,255,.64)}
#overview .h2{color:#fff}
#overview .btn-dark{background:transparent;border:1px solid #fff;color:#fff}
#projects,#gallery{background:#fff!important}
#faq{background:#f6f6f6!important}
.strip{background:#fff}
.tabs>*{border:1px solid #000;background:#fff;color:#000;text-transform:uppercase;font-size:11px;letter-spacing:.08em}
.tabs .on,.tabs button.on,.tabs a.on{background:#000!important;border-color:#000!important;color:#fff!important}
.new{background:#000!important;color:#fff!important}
.dark{background:#000}
.ft{background:#000;color:#9a9a9a}