@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700;800&family=Noto+Kufi+Arabic:wght@500;600;700;800&display=swap";
:root{--ink:#142f36;--ink-soft:#38555b;--blue:#1b3472;--cyan:#12a8d3;--steel:#8e9492;--mist:#e7eef2;--sand:#ecd2bd;--paper:#f4f7f8;--line:#0b304c2e;--white:#fff;--shadow:0 24px 70px #0b304c2e}*{box-sizing:border-box}html{scroll-behavior:smooth;direction:ltr;width:100%;max-width:100%}body{background:var(--paper);color:var(--ink);direction:rtl;width:100%;max-width:100%;margin:0;font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{display:block}img{max-width:100%}main,section,header{max-width:100vw}.site-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f7f8f0;justify-content:space-between;align-items:center;min-height:74px;padding:0 clamp(22px,5vw,72px);display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:.04em;align-items:center;font-size:20px;font-weight:800;display:inline-flex}.brand img{object-fit:contain;object-position:right center;width:clamp(148px,14vw,220px);height:54px}nav{color:var(--ink-soft);gap:clamp(16px,3vw,34px);font-size:15px;font-weight:800;display:flex}.hero{background:var(--mist);grid-template-columns:minmax(0,1fr) minmax(320px,44vw);align-items:center;gap:clamp(34px,7vw,96px);min-height:calc(100vh - 74px);padding:clamp(36px,6vw,88px) clamp(22px,5vw,72px);display:grid}.hero-copy{min-width:0;max-width:740px}.hero-copy h1,.section-heading h2,.intro-band h2,.closing h2{color:var(--ink);letter-spacing:0;margin:0;font-family:Noto Kufi Arabic,IBM Plex Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;font-weight:850}.hero-copy h1{overflow-wrap:anywhere;max-width:760px;margin-top:24px;font-size:clamp(52px,7.6vw,112px);line-height:.98}.hero-copy p{color:#0e2f48;max-width:680px;margin:28px 0 0;font-size:clamp(19px,2vw,27px);line-height:1.85}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-art,.hero-logo-panel{box-shadow:var(--shadow);background:#e9f1f6;border-radius:8px;min-width:0;margin:0;overflow:hidden}.hero-art img,.hero-logo-panel img{aspect-ratio:1;object-fit:contain;width:100%}.hero-logo-panel{place-items:center;padding:clamp(10px,2.4vw,34px);display:grid}.hero-logo-panel img{aspect-ratio:1.85}.ui-button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:10px;font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;font-weight:800;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.ui-button:hover{transform:translateY(-1px)}.ui-button-md{min-height:48px;padding:0 20px;font-size:15px}.ui-button-lg{min-height:56px;padding:0 26px;font-size:17px}.ui-button-default{background:var(--blue);color:var(--white)}.ui-button-outline{color:var(--ink);background:0 0;border-color:#0b304c52}.ui-button-ghost{color:var(--ink)}.ui-button svg{width:18px;height:18px}.ui-badge{min-height:32px;color:var(--ink);background:#ecd2bdb8;border-radius:999px;align-items:center;padding:0 12px;font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;font-size:14px;font-weight:850;display:inline-flex}.ui-card{border:1px solid var(--line);background:#ffffff85;border-radius:8px}.ui-card-content{padding:clamp(18px,2.4vw,30px)}.ui-separator{background:var(--line);width:100%;height:1px;display:block}.intro-band{background:var(--ink);color:var(--white);grid-template-columns:minmax(280px,.9fr) 1fr;gap:clamp(28px,5vw,80px);padding:clamp(42px,7vw,92px) clamp(22px,5vw,72px);display:grid}.intro-band h2,.closing h2{color:var(--white);font-size:clamp(34px,4vw,64px);line-height:1.14}.intro-band p:not(.section-label){color:#ffffffd1;max-width:760px;margin:0;font-size:clamp(18px,2vw,25px);line-height:1.9}.section{padding:clamp(48px,7vw,104px) clamp(22px,5vw,72px)}.section-label{color:var(--cyan);letter-spacing:.03em;margin:0 0 16px;font-size:17px;font-weight:900}.section-heading{min-width:0;max-width:860px;margin-bottom:clamp(30px,5vw,58px)}.section-heading h2{font-size:clamp(36px,5vw,76px);line-height:1.07}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.work-card{grid-template-columns:42% 1fr;align-items:center;gap:clamp(20px,3vw,34px);min-width:0;display:grid}.work-card img{aspect-ratio:1;object-fit:contain;background:#20394e;border-radius:7px;width:100%}.work-card h3{color:var(--ink);margin:20px 0 14px;font-size:clamp(28px,3.5vw,48px);line-height:1.14}.work-card ul{color:var(--ink-soft);margin:0;padding:0 22px 0 0;font-size:clamp(17px,1.8vw,23px);line-height:1.85}.gallery-strip{background:var(--steel);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,26px);padding:clamp(32px,5vw,72px);display:grid}.gallery-strip figure{background:var(--ink);border-radius:8px;margin:0;overflow:hidden;box-shadow:0 20px 50px #0b304c2e}.gallery-strip img{aspect-ratio:1;object-fit:contain;width:100%}.videos{background:var(--ink);color:var(--white)}.videos .section-heading h2{color:var(--white)}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,30px);display:grid}.video-card{background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;overflow:hidden}.video-frame{aspect-ratio:16/9;background:#0c2026;position:relative}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-card h3{min-height:72px;color:var(--white);margin:0;padding:18px 20px;font-size:clamp(18px,1.8vw,25px);font-weight:850;line-height:1.35}.capabilities{background:var(--paper)}.clients{background:linear-gradient(180deg, #e7eef29e, #ffffffeb), var(--white)}.clients-grid{background:#142f36bd;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:clamp(12px,1.6vw,18px);display:grid;box-shadow:0 18px 42px #142f361f}.client-logo-card{background:var(--white);border:1px solid #ecd2bd61;border-radius:4px;place-items:center;min-height:clamp(122px,11vw,164px);padding:clamp(12px,1.7vw,22px);display:grid}.client-logo-card img{object-fit:contain;width:100%;height:clamp(72px,7vw,104px)}.capability-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,5vw,80px);display:grid}.capability{color:var(--ink);gap:18px;padding:26px 0;font-size:clamp(21px,2.4vw,34px);font-weight:800;display:grid}.profile-viewer{background:var(--mist);grid-template-columns:minmax(280px,.34fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,72px);padding:clamp(48px,7vw,104px) clamp(22px,5vw,72px);display:grid}.profile-viewer-copy{min-width:0;position:sticky;top:104px}.profile-viewer-copy h2{color:var(--ink);margin:24px 0 0;font-size:clamp(36px,5vw,72px);font-weight:850;line-height:1.05}.profile-viewer-copy p{color:var(--ink-soft);margin:24px 0 0;font-size:clamp(18px,1.7vw,24px);line-height:1.85}.profile-viewer-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.profile-pages-shell{min-width:0;box-shadow:var(--shadow);background:#f5f1eab8;border:1px solid #0b304c38;border-radius:8px;overflow:hidden}.profile-frame-top{border-bottom:1px solid var(--line);background:var(--ink);min-height:54px;color:var(--white);justify-content:space-between;align-items:center;gap:16px;padding:0 18px;font-size:14px;font-weight:850;display:flex}.contact{background:var(--ink);color:var(--white);grid-template-columns:minmax(280px,.9fr) minmax(320px,.7fr);align-items:start;gap:clamp(28px,6vw,96px);padding:clamp(52px,8vw,112px) clamp(22px,5vw,72px);display:grid}.contact-copy h2{color:var(--white);margin:0;font-size:clamp(46px,6vw,92px);font-weight:850;line-height:1.02}.contact-copy p:not(.section-label){color:#ffffffc7;max-width:780px;margin:24px 0 0;font-size:clamp(19px,2vw,27px);line-height:1.85}.contact-panel{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;gap:14px;padding:clamp(18px,3vw,30px);display:grid}.contact-item{min-height:70px;color:var(--white);border-bottom:1px solid #ffffff26;grid-template-columns:42px 1fr;align-items:center;gap:14px;padding:12px 0;display:grid}.contact-item svg{width:24px;height:24px;color:var(--cyan)}.contact-item span{color:#ffffffa8;font-size:13px;font-weight:800;display:block}.contact-item strong{color:var(--white);margin-top:4px;font-size:clamp(18px,2vw,25px);font-weight:800;display:block}.profile-frame-top span{align-items:center;gap:8px;display:inline-flex}.profile-frame-top svg{width:17px;height:17px}.profile-pages{gap:18px;max-height:min(82vh,920px);padding:clamp(14px,2vw,24px);display:grid;overflow-y:auto}.profile-page{background:var(--white);border:1px solid #0b304c29;border-radius:7px;margin:0;overflow:hidden}.profile-page img{aspect-ratio:16/9;object-fit:contain;background:var(--white);width:100%}.profile-page figcaption{color:var(--ink-soft);border-top:1px solid #0b304c1f;padding:10px 14px 12px;font-size:13px;font-weight:800}.closing{text-align:center;background:var(--blue);min-height:58vh;color:var(--white);place-items:center;gap:26px;padding:clamp(48px,8vw,110px) clamp(22px,5vw,72px);display:grid}.closing h2{max-width:900px}@media (max-width:980px){.site-header{flex-direction:column;align-items:flex-start;gap:12px;padding-block:16px}.hero,.intro-band,.work-grid,.work-card,.gallery-strip,.video-grid,.clients-grid,.capability-list,.profile-viewer,.contact{grid-template-columns:1fr}.hero{min-height:auto}.hero-art,.hero-logo-panel{order:-1}.profile-viewer-copy{position:static}.profile-pages{max-height:none}}@media (max-width:560px){.site-header{align-items:stretch;min-height:auto;padding:14px 22px}.brand{align-self:flex-end;font-size:18px}.brand img{width:140px;height:42px}nav{justify-content:space-between;gap:10px;width:100%;font-size:13px}.hero,.intro-band,.section,.gallery-strip,.profile-viewer,.contact,.closing{padding-left:24px;padding-right:24px}.hero{width:100vw;max-width:100vw;overflow:hidden}.hero-copy,.hero-art,.hero-logo-panel,.hero-copy h1,.hero-copy p,.section-heading,.intro-band>*,.profile-viewer-copy,.profile-pages-shell,.contact-copy,.contact-panel,.closing>*{width:100%;max-width:calc(100vw - 48px)}.hero-copy h1{font-size:34px;line-height:1.12}.hero-copy p{font-size:18px;line-height:1.85}.hero-actions{gap:10px}.ui-button-lg{width:100%;min-height:52px;padding:0 16px;font-size:16px}.profile-viewer-actions .ui-button{width:100%}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logo-card{min-height:112px}.work-card h3,.section-heading h2,.intro-band h2,.profile-viewer-copy h2,.contact-copy h2,.closing h2{overflow-wrap:anywhere}}