:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fafbf7;--paper:#f0f2eb;--surface:#fff;--ink:#17221c;--muted:#566258;--line:#dce2d6;--accent:#73844e;--primary:#17221c;--primary-text:#f7faef;--glass:#fafbf7e0;--badge:#ffffffc2;--hero-top:#ffffffeb;--hero-mid:#ffffffad;--hero-background:#fff;--shadow:0 18px 42px #1c2b1c14}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#101715;--paper:#141e1a;--surface:#1a2520;--ink:#f1f5eb;--muted:#b4c0b6;--line:#334138;--accent:#c4d6a0;--primary:#c4d6a0;--primary-text:#17221c;--glass:#101715e6;--badge:#1a2520c2;--hero-top:#101715de;--hero-mid:#101715bd;--hero-background:#101715;--shadow:0 18px 42px #0003}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{background:var(--background);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,Noto Sans Arabic,sans-serif}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button,a,.service,.project,.social{transition:color .2s,background-color .2s,border-color .2s,transform .2s,box-shadow .2s}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{color:#17221c;background:#d4e3b4}.wrap{width:min(1184px,100% - 80px);margin-inline:auto}.skip-link{top:12px;z-index:100;background:var(--primary);color:var(--primary-text);border-radius:8px;padding:12px 20px;position:fixed;inset-inline-start:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}.header{z-index:50;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.header.scrolled{border-color:var(--line);box-shadow:0 4px 24px #0000000a}.nav{justify-content:space-between;align-items:center;gap:24px;min-height:90px;display:flex}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-mark{object-fit:contain;border-radius:50%;flex-shrink:0;width:60px;height:60px}.brand-name{letter-spacing:-.8px;font-size:22px;font-weight:800;line-height:1.2}.brand-name>span{font-weight:500}.brand-name small{letter-spacing:0;color:var(--muted);text-align:start;margin-top:5px;font-size:10px;font-weight:500;display:block}.nav-links,.nav-right{align-items:center;gap:24px;display:flex}.nav-links{font-size:13px;font-weight:600}.nav-links a{padding-block:8px}.nav-links a:hover,footer a:hover{color:var(--accent)}.nav-right{gap:12px}.language-select{color:var(--muted);align-items:center;gap:4px;display:flex}.language-select select{max-width:90px;color:var(--ink);background:0 0;border:0;padding:10px 2px;font-size:12px;font-weight:600}.language-select option{background:var(--surface);color:var(--ink)}.icon-button{border:1px solid var(--line);background:var(--badge);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-button:hover{background:var(--paper);border-color:var(--accent)}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:16px 24px;font-size:13px;font-weight:700;display:inline-flex}.button-primary{background:var(--primary);color:var(--primary-text)}.button-primary:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.button-secondary{background:var(--badge);border-color:var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button-secondary:hover{background:var(--surface);border-color:var(--accent)}.nav-quote{min-height:42px;padding:12px 16px;font-size:12px}.menu-toggle{display:none}.mobile-menu{border-top:1px solid var(--line);background:var(--background);padding:8px 24px 20px}.mobile-menu a{border-bottom:1px solid var(--line);padding:12px 0;font-size:14px;display:block}.hero{isolation:isolate;align-items:center;min-height:max(750px,92svh);display:flex;position:relative;overflow:hidden}.hero-video,.hero-overlay{z-index:-2;position:absolute;inset:0}.hero-video{background:var(--hero-background)}.hero-video video{object-fit:cover;object-position:center top;width:100%;height:100%}.hero-overlay{z-index:-1;background:linear-gradient(180deg, var(--hero-top) 0%, var(--hero-mid) 38%, var(--hero-mid) 68%, var(--background) 100%)}.hero-inner{text-align:center;flex-direction:column;align-items:center;padding-block:170px 40px;display:flex}.badge{border:1px solid var(--line);background:var(--badge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:9px;max-width:100%;padding:9px 16px;font-size:11px;font-weight:600;display:inline-flex}.dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent);border-radius:50%;flex-shrink:0}.hero-eyebrow{letter-spacing:.24em;color:var(--muted);margin-top:36px;font-size:10px;font-weight:700}.hero h1{letter-spacing:-.07em;margin:12px 0 10px;font-size:clamp(62px,8.9vw,128px);font-weight:800;line-height:1.15}.hero h1>span:first-child{font-weight:400}.title-dot{color:var(--accent)}.hero-description{max-width:625px;color:var(--ink);opacity:.88;font-size:15px;line-height:2}.hero-btns{justify-content:center;align-items:center;gap:12px;margin-top:30px;display:flex}.hero-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;width:100%;margin-top:88px;padding-top:24px;display:flex}.scroll-hint{color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex}.scroll-circle{border:1px solid var(--line);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.video-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.video-toggle{background:var(--badge);border:1px solid var(--line);color:var(--ink);border-radius:30px;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:10px 14px;font-size:10px;display:flex}.video-toggle:hover{background:var(--surface)}.section{padding-block:94px;scroll-margin-top:10px}.services,.contact{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:38px;display:flex}.section-heading>div{max-width:620px}.kicker{color:var(--accent);margin-bottom:14px;font-size:11px;font-weight:700}.kicker span{margin-inline-end:10px;font-family:Manrope,sans-serif;font-size:10px}h2{letter-spacing:-.8px;text-wrap:balance;font-size:clamp(26px,2.7vw,38px);font-weight:600;line-height:1.65}.section-description{color:var(--muted);max-width:380px;font-size:13px;line-height:2}.grid-services{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.service{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:26px 22px}.service:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-4px)}.service-top{color:var(--accent);justify-content:space-between;align-items:center;margin-bottom:42px;display:flex}.service-top span{color:var(--muted);font-size:10px}.service h3{margin-bottom:10px;font-size:15px;font-weight:700;line-height:1.8}.service p{color:var(--muted);font-size:12px;line-height:2}.gallery-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.filters{border:1px solid var(--line);background:var(--paper);border-radius:8px;flex-wrap:wrap;gap:6px;padding:4px;display:flex}.filters button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:10px;padding:9px 15px;font-size:11px;font-weight:600;display:flex}.filters button.active{background:var(--surface);color:var(--ink);border-color:var(--line)}.filters button:hover{color:var(--ink)}.filters button span{opacity:.6;font-size:10px}.gallery-count{color:var(--muted);font-variant-numeric:tabular-nums;direction:ltr;font-size:11px}.grid-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px;display:grid}.project{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.project:hover{border-color:var(--accent);box-shadow:var(--shadow)}.project-media{aspect-ratio:4/3;background:var(--paper);overflow:hidden}.project-media img,.project-media video{width:100%;height:100%;display:block}.project-media img{object-fit:cover;transition:transform .4s}.project:hover .project-media img{transform:scale(1.025)}.project-media video{object-fit:contain;background:#101715}.project-body{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;display:flex}.project-body h3{font-size:12px;font-weight:600;line-height:1.9}.media-type{white-space:nowrap;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:4px 8px;font-size:10px}.media-error{place-content:center;gap:14px;height:100%;padding:22px;font-size:12px;line-height:1.8;display:grid}.media-error a{color:var(--accent);align-items:center;gap:6px;display:flex}.contact .section-heading{align-items:center}.contact .button{flex-shrink:0}.grid-social{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.social{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0;padding:20px}.social:hover{border-color:var(--accent);transform:translateY(-4px)}.social-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.platform{align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.platform svg{color:var(--accent)}.social-index{color:var(--muted);font-size:10px}.qr{aspect-ratio:1.35;background:#fff;border-radius:6px;justify-content:center;align-items:center;margin-top:20px;padding:12px;display:flex}.qr img{object-fit:contain;width:100%;height:100%}.social-body{margin-top:18px}.account{text-align:center;overflow-wrap:anywhere;font-size:11px;font-weight:700}.hint{color:var(--muted);text-align:center;margin-top:6px;font-size:10px;line-height:1.9}.social-link{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding-top:14px;font-size:12px;font-weight:600;display:flex}.social-link:hover{color:var(--accent)}footer{color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding:30px max(40px,50% - 592px);font-size:10px;display:flex}.footer-brand{color:var(--ink);white-space:nowrap;letter-spacing:-.5px;font-size:17px;font-weight:800}.footer-brand span{font-weight:500}footer>a:last-child{white-space:nowrap}@media (width>=1021px){.mobile-menu{display:none}}@media (width<=1100px){.nav-links{gap:15px}.nav-quote{display:none}.nav{gap:16px}.section-heading{gap:32px}}@media (width<=1020px){.wrap{width:calc(100% - 48px)}.nav{min-height:78px}.nav-links{display:none}.menu-toggle{display:flex}.grid-services,.grid-social,.grid-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:740px}.hero-inner{padding-top:160px}.hero h1{font-size:clamp(62px,11vw,100px)}.section-heading{flex-direction:column;align-items:flex-start;gap:18px}.section-description{max-width:650px}.contact .section-heading{align-items:flex-start}footer{flex-wrap:wrap;padding-inline:24px}}@media (width<=600px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 36px)}.nav{gap:8px;min-height:76px}.brand{gap:5px}.brand-mark{width:44px;height:44px}.brand-name{letter-spacing:-.5px;font-size:19px}.brand-name small{font-size:8px}.nav-right{gap:7px}.language-select{gap:0}.language-select>svg{display:none}.language-select select{max-width:67px;font-size:10px}.icon-button{width:34px;height:34px}.hero{min-height:max(680px,92svh)}.hero-inner{padding-block:140px 32px}.badge{padding:8px 12px;font-size:9px}.hero-eyebrow{letter-spacing:.18em;margin-top:32px;font-size:8px}.hero h1{margin-block:17px;font-size:clamp(45px,12.6vw,74px)}.hero-description{font-size:12px;line-height:2.1}.hero-btns{gap:9px;width:100%;margin-top:26px}.hero-btns .button{gap:9px;padding:13px 17px;font-size:11px}.hero-bottom{gap:14px;margin-top:65px;padding-top:20px}.scroll-hint{text-align:start;gap:8px;font-size:9px}.scroll-circle{flex-shrink:0;width:29px;height:29px}.video-toggle{padding:9px}.video-toggle span{display:none}.section{padding-block:64px}.section-heading{margin-bottom:28px}h2{letter-spacing:-.4px;font-size:25px}.section-description{font-size:12px}.grid-services,.grid-projects{grid-template-columns:1fr}.service{padding:24px}.service-top{margin-bottom:24px}.grid-social{gap:12px}.social{padding:14px}.platform{gap:5px;font-size:10px}.social-index{display:none}.qr{aspect-ratio:1;margin-top:14px;padding:6px}.account,.hint{font-size:9px}.social-link{font-size:10px}.filters{gap:1px}.filters button{gap:6px;padding:9px 11px}footer{gap:20px;padding:26px 18px}footer p{order:3;width:100%;line-height:2}}@media (width<=350px){.brand-mark{width:38px;height:38px}.brand-name{font-size:16px}.brand-name small{font-size:7px}.grid-social{grid-template-columns:1fr}.gallery-count{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.portfolio-category{text-align:start;width:100%;min-height:115px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;gap:18px;padding:22px 24px;display:flex}.portfolio-category:hover{border-color:var(--accent)}.portfolio-category.active{color:var(--ink);border-color:var(--ink);background:var(--paper);box-shadow:inset 0 -3px 0 var(--ink)}.portfolio-category-icon{background:var(--background);border:1px solid var(--line);border-radius:9px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.portfolio-category-copy{flex:1;gap:7px;min-width:0;display:grid}.portfolio-category-copy strong{font-size:15px;font-weight:700;line-height:1.8}.portfolio-category-copy>span{color:var(--muted);text-align:start;letter-spacing:.03em;font-size:11px}.portfolio-category-count{text-align:center;font-variant-numeric:tabular-nums;font-size:24px;font-weight:500;display:grid}.portfolio-category-count small{color:var(--muted);margin-top:3px;font-size:9px;font-weight:500}.portfolio-overview{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;font-size:11px;display:flex}.portfolio-overview>span{white-space:nowrap}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px;display:grid}.portfolio-card{border:1px solid var(--line);background:var(--surface);text-align:start;border-radius:10px;width:100%;min-width:0;padding:0;overflow:hidden}.portfolio-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}.portfolio-cover{aspect-ratio:16/10;background:var(--paper);position:relative;overflow:hidden}.portfolio-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.portfolio-card:hover .portfolio-cover>img{transform:scale(1.025)}.portfolio-cover-count{bottom:12px;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101715b8;border-radius:5px;align-items:center;gap:7px;padding:6px 9px;font-size:10px;display:inline-flex;position:absolute;inset-inline-end:12px}.portfolio-cover-fallback{color:#eef3ef;background:#192729;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex}.portfolio-cover-fallback>span{font-size:20px;font-weight:600}.portfolio-card-body{padding:20px}.portfolio-card-body h3{text-wrap:balance;min-height:2em;font-size:14px;font-weight:700;line-height:1.9}.portfolio-card-counts{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:9px;font-size:10px;display:flex}.portfolio-card-counts>span{align-items:center;gap:6px;display:inline-flex}.portfolio-open{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;font-size:11px;font-weight:600;display:flex}.portfolio-empty{border:1px solid var(--line);min-height:180px;color:var(--muted);border-radius:10px;place-content:center;justify-items:center;gap:18px;padding:30px;font-size:13px;display:grid}.media-watermark{z-index:2;color:#ffffff54;text-shadow:0 1px 3px #0003;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;font-family:Manrope,sans-serif;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-watermark strong{letter-spacing:.04em;font-size:clamp(48px,7vw,100px);font-weight:800;line-height:1}.media-watermark>span{letter-spacing:.3em;padding-inline-start:.3em;font-size:clamp(16px,2vw,27px);font-weight:500;line-height:1.8}.portfolio-cover .media-watermark strong{font-size:48px}.portfolio-cover .media-watermark>span{font-size:15px}.album-dialog{border:1px solid var(--line);background:var(--surface);width:min(1120px,100% - 48px);max-width:none;height:min(870px,100svh - 48px);max-height:calc(100svh - 48px);color:var(--ink);border-radius:14px;margin:auto;padding:0;overflow:hidden;box-shadow:0 30px 100px #00000059}.album-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#060d0ab8}.album-shell{flex-direction:column;height:100%;display:flex}.album-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px 18px;display:flex}.album-header>div{min-width:0}.album-header .kicker{margin-bottom:4px;font-size:10px}.album-header h2{letter-spacing:-.3px;font-size:20px;line-height:1.6}.album-close{flex-shrink:0;width:44px;height:44px}.album-toolbar{background:var(--paper);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:9px 28px;display:flex}.album-group-select{min-width:0;color:var(--muted);flex:1;align-items:center;gap:9px;display:flex}.album-group-select select{border:1px solid var(--line);background:var(--surface);min-width:0;max-width:100%;color:var(--ink);border-radius:5px;padding:8px 10px;font-size:11px}.album-current-group{color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:9px;min-width:0;font-size:11px;display:flex}.album-total{color:var(--muted);white-space:nowrap;font-size:10px}.album-stage{touch-action:pan-y pinch-zoom;background:#111715;flex:1;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.album-visual{place-items:center;width:100%;min-width:0;height:100%;min-height:0;animation:.18s ease-out media-in;display:grid;position:relative}.album-visual>img,.album-visual>video{object-fit:contain;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;position:absolute;inset:0}.album-visual.is-loading>.album-image{opacity:0}.album-video-play{z-index:3;color:#fff;background:#101715cc;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:72px;height:72px;padding-inline-start:4px;display:grid;position:absolute;box-shadow:0 4px 24px #00000047}.album-video-play:hover{background:#16211b;transform:scale(1.06)}.album-visual>.album-preview{opacity:.78;filter:blur(1px)}.album-loading{z-index:3;color:#dce5de;background:#111715;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;inset:0}.album-loading--inline{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;white-space:nowrap;background:#111715d1;border-radius:8px;flex-direction:row;gap:8px;padding:9px 13px;font-size:10px;inset:auto auto 16px 50%;transform:translate(-50%)}.album-loading--inline.video-buffering{bottom:64px}.loading-spinner{animation:1s linear infinite loading-turn}.album-media-error{color:#f1f5eb;text-align:center;background:#111715;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100%;padding:24px;font-size:13px;display:flex}.album-media-error .button{color:#16211b;background:#e9eee9;border-color:#e9eee9;padding:12px 18px}.album-navigation{flex-shrink:0;justify-content:center;align-items:center;gap:24px;padding:14px 24px 5px;display:flex}.album-arrow{border:1px solid var(--line);background:var(--paper);border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.album-arrow:hover:not(:disabled){border-color:var(--accent);background:var(--background)}.album-arrow:disabled{opacity:.4;cursor:default}.album-position{color:var(--muted);align-items:center;gap:12px;font-size:10px;display:flex}.album-position strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.album-position strong>span{color:var(--muted);margin-inline:5px}.album-hint{text-align:center;color:var(--muted);flex-shrink:0;padding-bottom:13px;font-size:9px}@keyframes loading-turn{to{transform:rotate(360deg)}}@keyframes media-in{0%{opacity:.5}to{opacity:1}}@media (width<=1020px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-category{gap:12px;padding:18px}.portfolio-category-copy strong{font-size:13px}.portfolio-category-count{font-size:21px}.portfolio-category-icon{width:39px;height:39px}}@media (width<=600px){.portfolio-categories,.portfolio-grid{grid-template-columns:1fr}.portfolio-categories{gap:10px}.portfolio-category{min-height:92px;padding:17px}.portfolio-category-copy strong{font-size:12px}.portfolio-category-copy>span{font-size:9px}.portfolio-overview{align-items:flex-start;font-size:10px}.portfolio-card-body{padding:19px}.portfolio-card-body h3{font-size:14px}.album-dialog{border-radius:10px;width:calc(100% - 16px);height:calc(100svh - 24px);max-height:calc(100svh - 24px)}.album-header{gap:12px;padding:17px 16px 14px}.album-header h2{font-size:16px}.album-header .kicker{font-size:9px}.album-toolbar{gap:9px;min-height:56px;padding:9px 16px}.album-group-select{gap:5px}.album-group-select select{width:100%;padding:8px;font-size:10px}.album-total{display:none}.album-current-group{font-size:10px}.album-navigation{gap:22px;padding-top:13px}.album-hint{padding-bottom:11px;font-size:8px}.media-watermark strong{font-size:60px}.media-watermark>span{font-size:18px}}@media (prefers-reduced-motion:reduce){.album-visual,.loading-spinner{animation:none}}