:root{--f:"Poppins","Tajawal",system-ui,sans-serif;--acc:#111111;--acc2:#B8963E}
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:.08em;font-weight:500;font-size:13px}
.btn-dark{background:#111;color:#fff;border:1px solid #111}
.btn-dark:hover{background:#fff;color:#111}
.btn-ghost{background:transparent;border:1px solid currentColor}
.topbar{background:#000;color:#bdbdbd;letter-spacing:.04em}
.hd{background:#fff;border-bottom:1px solid #ececec}
.hd nav a{text-transform:uppercase;font-size:12px;font-weight:500;letter-spacing:.05em;color:#000}
.hd nav a:hover{color:#B8963E}
.brand{display:flex;align-items:center;gap:12px}
.brand b{display:none}
.brand .brand-logo{height:30px;width:auto;display:block}
.brand small{border-left:1px solid #ddd;padding-left:12px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#777}
html[dir=rtl] .brand small{border-left:0;border-right:1px solid #ddd;padding-left:0;padding-right:12px}
.hero h1{text-transform:uppercase;font-weight:500;letter-spacing:.03em}
.hero .eyebrow,.dark .eyebrow,#overview .eyebrow{color:#F3D267}
.eyebrow{color:#B8963E;letter-spacing:.18em;font-weight:500}
.h2{font-weight:500;text-transform:uppercase;letter-spacing:.02em}
.form h2{text-transform:uppercase;font-weight:500;letter-spacing:.03em}
#overview{background:#111;color:#fff}
#overview p{color:#d4d4d4}
#overview .h2{color:#fff}
#overview .btn-dark{background:transparent;border:1px solid #fff;color:#fff}
#overview .btn-dark:hover{background:#fff;color:#111}
.soft,.s.soft{background:#fff}
.strip{background:#fff;border-bottom:1px solid #ececec}
.pj h3{font-weight:500;text-transform:uppercase;letter-spacing:.02em}
.tabs>*{border:1px solid #111;background:#fff;color:#111;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.tabs>.on{background:#111;color:#fff}
.dark{background:#111}
.ft{background:#111;color:#bdbdbd}
.s.soft+.s.soft,#faq{background:#f7f7f7}
#projects,#gallery,#overview+.s{background:#fff!important}
#faq{background:#f7f7f7!important}
