:root{--navy:#083c5f;--navy2:#062d47;--orange:#f99d1b;--ink:#102633;--muted:#687780;--sand:#f5f1ea;--line:rgba(8,60,95,.14);--max:1180px}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"IBM Plex Sans Arabic",Arial,sans-serif;background:#fff}body.en{font-family:Manrope,Arial,sans-serif;direction:ltr}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.nav{height:84px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.nav-inner{height:100%;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:13px}.brand img{width:58px;height:58px;object-fit:cover}.brand-copy{display:grid;gap:3px;color:var(--navy)}.brand-copy strong{font-size:17px}.brand-copy span{font:700 9px Manrope;color:#687780}.actions{margin-inline-start:auto;display:flex;gap:10px}.actions a,.actions button{min-height:42px;padding:0 15px;border:1px solid var(--line);background:#fff;color:var(--navy);display:flex;align-items:center;font-weight:700}.actions a{background:var(--navy);color:#fff}.intro{padding:80px 0 45px;background:var(--sand)}.eyebrow{font:700 11px Manrope;letter-spacing:.18em;color:var(--orange)}h1{font-size:clamp(42px,6vw,78px);line-height:1.08;color:var(--navy);margin:20px 0}.intro p{max-width:690px;color:var(--muted);font-size:17px;line-height:1.9}.notice{border-inline-start:3px solid var(--orange);padding:13px 16px;background:#fff;color:var(--muted);font-size:14px;margin-top:28px}.portfolio{padding:55px 0 100px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid var(--line);background:#fff;color:var(--navy);padding:10px 16px;font-weight:700}.filter.active,.filter:hover{background:var(--navy);color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:460px;position:relative;overflow:hidden;display:flex;align-items:flex-end;color:#fff;background:var(--navy)}.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.7s}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,30,48,.97),rgba(4,30,48,.05) 72%)}.card:hover img{transform:scale(1.045)}.card:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.card-info{position:relative;z-index:1;padding:25px;width:100%}.card small{font:700 10px Manrope;letter-spacing:.15em;color:var(--orange)}.card h2{font-size:25px;margin:10px 0}.card p{color:rgba(255,255,255,.72);line-height:1.7;font-size:14px}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.meta span{padding:6px 9px;border:1px solid rgba(255,255,255,.25);font-size:12px}.empty{display:none;text-align:center;padding:60px;background:var(--sand);color:var(--muted)}.footer{background:var(--navy2);color:rgba(255,255,255,.6);padding:36px 0}.footer-row{display:flex;justify-content:space-between;gap:20px}.en-only{display:none}body.en .ar-only{display:none}body.en .en-only{display:revert}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.brand-copy span{display:none}}@media(max-width:600px){.wrap{width:calc(100% - 30px)}.nav{height:72px}.brand img{width:47px;height:47px}.brand-copy strong{font-size:14px;max-width:145px;line-height:1.2}.actions a{display:none}.intro{padding:55px 0 35px}.grid{grid-template-columns:1fr}.card{min-height:390px}.footer-row{display:grid}}