:root{--f:"Lato","Tajawal",system-ui,sans-serif;--acc:#D31148;--acc2:#D31148}
body{font-family:var(--f);color:#2C2A26}
.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:.06em;font-weight:700;font-size:13px}
.btn-dark{background:#D31148;color:#fff;border:1px solid #D31148}
.btn-dark:hover{background:#181818;border-color:#181818}
.btn-ghost{background:transparent;border:1px solid currentColor}
.topbar{background:#181818;color:#bdbdbd}
.hd{background:#fff;border-bottom:1px solid #eee}
.hd nav a{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.05em;color:#2C2A26}
.hd nav a:hover{color:#D31148}
.brand{display:flex;align-items:center;gap:12px}
.brand b{display:none}
.brand .brand-logo{height:30px;width:auto;display:block}
.brand small{color:#888;letter-spacing:.1em;text-transform:uppercase;font-size:10px}
.hero h1,.h2,.form h2,.pj h3{text-transform:uppercase;font-weight:900;letter-spacing:.01em}
.eyebrow{color:#D31148;letter-spacing:.16em;font-weight:700}
.hero .eyebrow{color:#ff5c8a}
#overview{background:#181818;color:#fff}
#overview p{color:#cfcfcf}
#overview .h2{color:#fff}
#projects,#gallery{background:#FAF9F5!important}
#faq{background:#fff!important}
.strip{background:#fff}
.tabs>*{border:1px solid #2C2A26;background:#fff;color:#2C2A26;text-transform:uppercase;font-weight:700;font-size:12px}
.tabs .on,.tabs button.on,.tabs a.on{background:#D31148!important;border-color:#D31148!important;color:#fff!important}
.new{background:#D31148!important;color:#fff!important}
.dark{background:#181818}
.ft{background:#181818;color:#bdbdbd}