:root{--f:"Nunito Sans","Tajawal",system-ui,sans-serif;--fd:"Cormorant Garamond","Tajawal",Georgia,serif;--acc:#000000;--acc2:#4D4D4D}
body{font-family:var(--f);color:#000}
.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:600;font-size:12px}
.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}
.hd{background:#000;border-bottom:0}
.hd nav a{text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.1em;color:#fff}
.hd nav a:hover{color:#D9D9D9}
.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:10px;color:#fff}
.brand b{display:none}
.brand .hap-mark{display:block;color:#fff}
.brand .hap-word{font-size:11px;line-height:1.15;letter-spacing:.14em;font-weight:700;color:#fff}
.brand small{color:#9a9a9a;letter-spacing:.1em;text-transform:uppercase;font-size:9px;border-left:1px solid #333;padding-left:10px}
html[dir=rtl] .brand small{border-left:0;border-right:1px solid #333;padding-left:0;padding-right:10px}
.hero h1,.h2,.form h2,.pj h3{text-transform:uppercase;font-weight:800;letter-spacing:.02em}
.eyebrow{font-family:var(--fd);font-style:italic;text-transform:none;letter-spacing:.02em;font-size:1.05rem;color:#4D4D4D}
.hero .eyebrow{color:#fff}
#overview{background:#000;color:#fff}
#overview p{color:#cfcfcf}
#overview .h2{color:#fff}
#overview .eyebrow{color:#D9D9D9}
#overview .btn-dark{background:transparent;border:1px solid #fff;color:#fff}
#projects,#gallery{background:#fff!important}
#faq{background:#D9D9D9!important}
.strip{background:#fff}
.tabs>*{border:1px solid #000;background:#fff;color:#000;text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:600}
.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}