@font-face{font-family:Noto Sans;src:url('../assets/fonts/noto-sans-latin-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans;src:url('../assets/fonts/noto-sans-latin-semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans;src:url('../assets/fonts/noto-sans-latin-bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url('../assets/fonts/noto-sans-arabic-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url('../assets/fonts/noto-sans-arabic-semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url('../assets/fonts/noto-sans-arabic-bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}:root{--bg:#080808;--bg-2:#141210;--panel:#171513;--panel-2:#211d18;--gold:#d5ad5c;--gold-light:#f2dca7;--mint:#e0d2ba;--ink:#faf7f0;--muted:#d3c8b5;--line:rgba(213,173,92,.26);--line-cool:rgba(233,215,179,.18);--max:1200px;--ease:cubic-bezier(.2,.78,.2,1);--shadow:0 28px 90px rgba(0,0,0,.22)} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(7,6,5,.89) 55%,rgba(0,0,0,.94)),url('../assets/images/gold-wave.webp') center top/100% auto repeat-y}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img,video{display:block;max-width:100%}img{height:auto}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}::selection{background:rgba(202,164,91,.34);color:#fff}.wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.section-pad{padding:112px 0;position:relative}.ambient{display:none!important}.ambient-one{width:400px;height:400px;left:-230px;top:30vh;background:#9c7332}.ambient-two{width:320px;height:380px;right:-230px;top:110vh;background:#bc9041}.watermark{position:fixed;inset:auto -6vw 0 auto;width:min(58vw,780px);height:55vh;background:url('../assets/images/km-watermark.svg') center/contain no-repeat;opacity:.035;z-index:-2;pointer-events:none;transform:rotate(-7deg)} .site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid transparent;background:rgba(7,7,7,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:border-color .25s,background .25s}.site-header.scrolled{border-bottom-color:var(--line-cool);background:rgba(7,7,7,.92)}.header-inner{min-height:88px;display:flex;align-items:center;gap:26px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand>img{width:51px;height:51px;object-fit:contain;filter:drop-shadow(0 5px 16px rgba(199,159,83,.12))}.brand>span{display:flex;flex-direction:row;align-items:baseline;gap:0;line-height:1.05;white-space:nowrap}.brand strong,.brand b{font-size:1.05rem;letter-spacing:.05em}.brand strong{color:var(--gold-light)}.brand b{font-weight:550;color:var(--ink)}.brand small{display:block;margin-top:6px;font-size:.64rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#c9b991;position:absolute;transform:translateY(17px)}.primary-nav{display:flex;align-items:center;gap:clamp(16px,2.6vw,34px);margin-inline-start:auto}.primary-nav a,.footer-links a{font-size:.84rem;color:#ded4c3;transition:color .2s;white-space:nowrap}.primary-nav a:hover,.primary-nav a.active,.footer-links a:hover{color:var(--gold-light)}.header-tools{display:flex;align-items:center;gap:10px}.language-switch{display:flex;align-items:center;gap:3px;border:1px solid var(--line-cool);border-radius:999px;padding:4px;background:rgba(0,0,0,.52)}.lang-button{border:0;background:transparent;color:#cfc09f;border-radius:999px;padding:7px 9px;min-width:35px;cursor:pointer;font-size:.69rem;font-weight:750;transition:background .2s,color .2s}.lang-button:hover{color:white}.lang-button.active{background:var(--gold);color:#11100c}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#090807;align-items:center;justify-content:center;gap:5px;flex-direction:column;margin-inline-start:auto}.menu-toggle span{height:1.5px;width:18px;background:var(--gold-light);transition:transform .2s,opacity .2s}.menu-toggle.open span:first-child{transform:translateY(6.5px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:last-child{transform:translateY(-6.5px) rotate(-45deg)} .hero{min-height:640px;padding-top:92px;padding-bottom:54px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .96fr;align-items:center;gap:clamp(42px,6vw,88px)}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--gold-light);text-transform:uppercase;font-size:.68rem;font-weight:750;letter-spacing:.145em;line-height:1.5}.eyebrow-line{width:30px;height:1px;background:var(--gold);display:inline-block;flex:none}.hero h1,.projects-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(3.5rem,6.1vw,5.5rem);letter-spacing:-.055em;line-height:.99;margin:26px 0 25px;max-width:650px}.hero h1 em,.section-heading h2 em,.approach h2 em,.contact h2 em,.projects-hero h1 em,.project-contact h2 em{font-style:normal;color:var(--gold-light)}.hero-lead{max-width:565px;font-size:1.05rem;color:#ded7ca;line-height:1.85;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:49px;padding:0 18px;border-radius:4px;font-size:.82rem;font-weight:750;transition:transform .23s var(--ease),background .23s,border-color .23s;color:var(--ink);border:1px solid transparent}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--gold);color:#11100c;border-color:var(--gold)}.button-primary:hover{background:var(--gold-light);border-color:var(--gold-light)}.button-ghost{background:rgba(14,12,10,.72);border-color:rgba(213,173,92,.3)}.button-ghost:hover,.button-outline:hover{border-color:var(--gold);background:rgba(202,164,91,.08)}.button-outline{border-color:var(--line);background:transparent}.button-arrow{font-size:1rem;line-height:1}.hero-meta{display:flex;align-items:center;gap:9px;color:#c9b991;font-size:.74rem;margin-top:29px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#dfbd75;box-shadow:0 0 0 4px rgba(213,173,92,.08);flex:none}.hero-visual{position:relative;min-width:0;padding:18px}.visual-frame{position:relative;overflow:hidden;aspect-ratio:1.02/1;border:1px solid rgba(205,178,113,.38);background:#0b0907;box-shadow:0 26px 80px rgba(0,0,0,.33);z-index:1}.visual-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(0,0,0,.12),rgba(0,0,0,.05) 40%,rgba(0,0,0,.82));mix-blend-mode:normal}.visual-topline{height:43px;position:absolute;inset:0 0 auto;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:rgba(0,0,0,.8);border-bottom:1px solid rgba(213,190,142,.2);font-size:.57rem;letter-spacing:.15em;color:#cbbd99}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#bb9250}.window-dots i:nth-child(2){background:#9c7332}.window-dots i:nth-child(3){background:#b98d43}.visual-index{color:#c9b991}.intro-video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.88}.visual-overlay{position:absolute;z-index:2;inset:auto 23px 21px;pointer-events:none}.visual-mark{font-family:Georgia,serif;font-size:clamp(3.4rem,7.3vw,6.5rem);font-weight:bold;line-height:.9;letter-spacing:-.07em;color:#e1bf77}.visual-mark span{color:#e1c27b;font-size:.55em;vertical-align:top;margin-inline-start:4px}.visual-overlay p{margin:11px 0 0;color:#f5e8c9;font-size:.8rem}.visual-orbit{position:absolute;border:1px solid rgba(201,164,91,.28);border-radius:50%;z-index:0}.orbit-a{width:105%;aspect-ratio:1;top:-16%;left:-11%;transform:rotate(-24deg)}.orbit-b{width:118%;aspect-ratio:1;top:-9%;left:-1%;transform:rotate(35deg);border-color:rgba(213,173,92,.21)}.floating-tag{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;background:rgba(10,9,8,.94);border:1px solid var(--line);padding:10px 13px;font-size:.72rem;color:#e0d2ba;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.tag-top{right:-10px;top:15%}.tag-bottom{left:-12px;bottom:13%}.tag-icon{color:var(--gold-light);font-size:1.1rem}.tag-icon-green{color:#e0c894}.hero-footer{display:flex;align-items:center;justify-content:space-between;color:#bfb39d;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;margin-top:66px}.coordinates-note{margin-inline-start:12px;color:#dbc28c}.intro-strip{border-top:1px solid var(--line-cool);border-bottom:1px solid var(--line-cool);background:rgba(14,12,10,.58)}.intro-strip-inner{min-height:71px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#ded4c3;font-size:.76rem}.intro-strip-inner i{width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.85} .section-heading{display:grid;grid-template-columns:1.08fr .65fr;align-items:end;gap:70px;margin-bottom:49px}.section-heading h2,.approach h2,.contact h2,.project-contact h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2.8rem,4.8vw,4.4rem);letter-spacing:-.045em;line-height:1.04;margin:21px 0 0}.section-heading>p{max-width:445px;margin:0 0 3px;color:#ded4c3;line-height:1.85;font-size:.94rem}.about{padding-top:124px}.founder-panel{display:grid;grid-template-columns:.9fr 1fr;border:1px solid var(--line-cool);background:linear-gradient(125deg,rgba(24,20,15,.88),rgba(9,8,7,.94));box-shadow:var(--shadow);overflow:hidden}.founder-photo-wrap{position:relative;min-height:470px;background:#0c0b09;overflow:hidden}.founder-photo-wrap img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 36%;filter:saturate(.85)}.founder-photo-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.64),transparent 38%),linear-gradient(90deg,transparent 70%,rgba(0,0,0,.25))}.photo-corner{position:absolute;z-index:1;inset:20px;border:1px solid rgba(226,198,130,.52);pointer-events:none}.photo-label{position:absolute;z-index:2;left:32px;bottom:31px;color:#eadab4;font-size:.64rem;letter-spacing:.17em;font-weight:750}.founder-copy{padding:clamp(30px,5vw,62px);align-self:center}.mini-label{display:block;color:var(--gold-light);font-size:.67rem;letter-spacing:.14em;font-weight:800;text-transform:uppercase}.founder-copy h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,3.6vw,3.3rem);font-weight:500;letter-spacing:-.035em;margin:14px 0 3px}.founder-role{color:var(--mint)!important;font-size:.91rem!important;margin:0 0 22px!important}.founder-copy>p{color:#ded4c3;font-size:.91rem;line-height:1.85;margin:0 0 14px}.founder-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px 0;margin:24px 0 20px;border-block:1px solid var(--line-cool)}.founder-facts div{display:flex;flex-direction:column;gap:2px}.founder-facts strong{font-family:Georgia,serif;color:var(--gold-light);font-size:1.8rem;font-weight:500}.founder-facts span{font-size:.67rem;color:#bfb39d;line-height:1.35}.text-link{display:inline-flex;gap:16px;align-items:center;color:var(--gold-light);font-size:.84rem;font-weight:750}.text-link:hover{color:white}.services{background:linear-gradient(180deg,rgba(9,8,7,0),rgba(30,24,17,.25),rgba(9,8,7,0))}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{position:relative;min-height:250px;padding:28px 25px 24px;background:linear-gradient(150deg,rgba(29,24,18,.88),rgba(10,9,8,.94));border:1px solid var(--line-cool);transition:transform .28s var(--ease),border-color .28s,background .28s;overflow:hidden}.service-card::before{content:"";height:2px;width:0;position:absolute;top:0;left:0;background:var(--gold);transition:width .35s}.service-card:hover{transform:translateY(-5px);border-color:rgba(206,172,100,.46);background:rgba(32,25,17,.96)}.service-card:hover::before{width:100%}.service-number{position:absolute;right:20px;top:18px;font-size:.68rem;letter-spacing:.12em;color:#c9b991}.service-icon{width:42px;height:42px;border:1px solid rgba(202,164,91,.36);display:grid;place-items:center;color:var(--gold-light);font-size:1.25rem;margin-bottom:25px}.service-card h3{font-size:1.05rem;line-height:1.4;margin:0 0 10px;font-weight:650;max-width:280px}.service-card p{margin:0;color:#ded4c3;font-size:.83rem;line-height:1.75}.service-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.service-tags span{color:#cfc09f;background:rgba(116,158,128,.08);border:1px solid rgba(142,182,152,.15);padding:4px 7px;font-size:.61rem;border-radius:2px} .approach-grid{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(48px,8vw,120px);align-items:start}.approach-copy{position:sticky;top:130px}.approach h2{margin-bottom:22px}.approach-copy>p{color:#ded4c3;line-height:1.9;font-size:.93rem;max-width:470px;margin:0 0 29px}.approach-list{border-top:1px solid var(--line-cool)}.approach-row{display:grid;grid-template-columns:36px 1fr 24px;gap:17px;align-items:start;padding:24px 0;border-bottom:1px solid var(--line-cool)}.approach-row>span{font-size:.72rem;color:var(--gold-light);padding-top:5px}.approach-row h3{margin:0 0 6px;font-size:1rem;font-weight:650}.approach-row p{margin:0;color:#c9b991;font-size:.82rem;line-height:1.75}.approach-row>b{color:#cfc09f;font-weight:400}.featured{background:linear-gradient(180deg,rgba(10,8,6,.15),rgba(9,8,7,0))}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.featured-card{position:relative;display:grid;grid-template-columns:.9fr 1fr;min-height:245px;border:1px solid var(--line-cool);background:rgba(18,14,9,.82);overflow:hidden;transition:transform .25s var(--ease),border-color .25s}.featured-card:hover{transform:translateY(-4px);border-color:rgba(202,164,91,.45)}.featured-card>img{width:100%;height:100%;min-height:245px;object-fit:cover}.featured-card-copy{padding:23px 22px;align-self:center}.featured-card-copy h3{font-family:Georgia,serif;font-size:1.48rem;font-weight:550;line-height:1.2;margin:13px 0 10px}.featured-card-copy p{margin:0;color:#a7b6aa;font-size:.79rem;line-height:1.75}.featured-card .mini-label{font-size:.61rem}.card-arrow{display:block;color:var(--gold-light);font-size:1.1rem;margin-top:16px}.center-action{text-align:center;margin-top:33px}.contact{padding-top:80px;padding-bottom:130px}.contact-panel{display:grid;grid-template-columns:1fr .85fr;gap:80px;padding:clamp(30px,6vw,72px);border:1px solid rgba(205,170,99,.34);background:radial-gradient(ellipse at 0 100%,rgba(213,173,92,.08),transparent 45%),linear-gradient(120deg,rgba(28,22,15,.97),rgba(9,8,7,.96));box-shadow:var(--shadow)}.contact h2{margin:20px 0}.contact-copy>p,.project-contact p{color:#ded4c3;line-height:1.9;max-width:440px;font-size:.92rem}.contact-details{align-self:center;border-top:1px solid var(--line-cool)}.contact-row{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:12px;min-height:77px;border-bottom:1px solid var(--line-cool);transition:background .2s}.contact-row:hover{background:rgba(148,190,159,.05)}.contact-symbol{display:grid;place-items:center;border:1px solid var(--line);width:36px;height:36px;color:var(--gold-light)}.contact-row>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.contact-row small{font-size:.68rem;color:#c9b991;margin-bottom:2px}.contact-row strong{font-size:.81rem;font-weight:650;overflow-wrap:anywhere}.contact-row>b{color:var(--gold-light);font-weight:400}.site-footer{border-top:1px solid var(--line-cool);background:rgba(0,0,0,.58)}.footer-main{display:grid;grid-template-columns:1.05fr 1.2fr .5fr;gap:50px;padding-top:43px;padding-bottom:36px;align-items:center}.footer-brand>img{width:45px;height:45px}.footer-brand small{position:static;transform:none;font-size:.59rem;letter-spacing:.04em;color:#c9b991;margin-top:5px}.footer-main>p{max-width:420px;font-size:.78rem;line-height:1.8;color:#cfc3ad;margin:0}.footer-links{display:flex;flex-direction:column;gap:7px;align-items:flex-start}.footer-links a{font-size:.78rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:17px 0 22px;border-top:1px solid rgba(213,173,92,.12);font-size:.68rem;color:#bfb39d}.creator-credit{color:#c1b6a2}.creator-credit i{font-style:normal;color:var(--gold);padding-inline:4px} .projects-hero{padding-top:65px;padding-bottom:82px;overflow:hidden}.projects-hero-grid{display:grid;grid-template-columns:1.05fr .85fr;align-items:center;gap:65px}.back-link{display:inline-flex;align-items:center;gap:10px;font-size:.79rem;color:#a9b9ac;margin-bottom:40px}.back-link:hover{color:var(--gold-light)}.back-link span:first-child{font-size:1.1rem}.projects-hero h1{font-size:clamp(3.4rem,5.7vw,5.25rem);margin-top:22px}.projects-hero .hero-lead{font-size:.96rem;max-width:650px}.project-hero-stats{display:flex;gap:30px;margin-top:36px;padding-top:21px;border-top:1px solid var(--line-cool)}.project-hero-stats div{display:flex;flex-direction:column}.project-hero-stats strong{font-family:Georgia,serif;color:var(--gold-light);font-size:1.9rem;font-weight:500;line-height:1.3}.project-hero-stats span{font-size:.68rem;color:#c9b991}.projects-hero-art{position:relative;padding:15px;border:1px solid var(--line);background:rgba(18,15,11,.82)}.projects-hero-art img{width:100%;aspect-ratio:1.25;object-fit:cover}.art-note{display:flex;align-items:center;gap:9px;padding:14px 5px 0;color:#a6b7aa;font-size:.7rem}.project-list{padding-top:65px}.project-list-heading{margin-bottom:50px}.project-detail{display:grid;grid-template-columns:.92fr 1fr;gap:clamp(30px,5vw,70px);align-items:center;padding:45px 0 60px;border-top:1px solid var(--line-cool);scroll-margin-top:120px}.project-detail-reverse .project-media{order:2}.project-detail-reverse .project-content{order:1}.project-media{position:relative;padding:9px;border:1px solid var(--line);background:rgba(18,14,9,.82);overflow:hidden;min-width:0}.project-media img{width:100%;aspect-ratio:1.31;object-fit:cover;background:#1b1711}.project-media-tag{position:absolute;backdrop-filter:none;-webkit-backdrop-filter:none;left:20px;bottom:20px;background:rgba(0,0,0,.9);border:1px solid rgba(211,185,121,.38);padding:8px 11px;font-size:.65rem;color:#f0deb2;backdrop-filter:blur(8px)}.project-content{min-width:0}.project-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c1b6a2;font-size:.69rem;letter-spacing:.09em;margin-bottom:17px}.status-pill{display:inline-flex;align-items:center;border-radius:2px;padding:5px 8px;font-size:.6rem;letter-spacing:.015em}.status-live{color:#e8d39f;background:rgba(213,173,92,.12);border:1px solid rgba(213,173,92,.27)}.status-progress{color:#edcf8f;background:rgba(202,164,91,.1);border:1px solid rgba(202,164,91,.25)}.project-content h2{font-family:Georgia,serif;font-size:clamp(2rem,3.4vw,3rem);font-weight:550;letter-spacing:-.04em;line-height:1.15;margin:0 0 8px}.title-submark{font:700 .65rem/1 system-ui,sans-serif;letter-spacing:.12em;color:#bfb39d;vertical-align:middle;white-space:nowrap}.project-content h3{font-size:1rem;color:var(--gold-light);font-weight:600;line-height:1.55;margin:0 0 18px}.project-content>p{font-size:.87rem;color:#aebdb1;line-height:1.9;margin:0 0 15px}.project-content .project-highlight{color:#ead5a6;border-left:2px solid var(--gold);padding:8px 0 8px 15px;background:linear-gradient(90deg,rgba(202,164,91,.06),transparent);font-weight:650}.feature-list{list-style:none;margin:22px 0 19px;padding:0;display:grid;gap:10px}.feature-list li{position:relative;padding-inline-start:21px;color:#ded4c3;font-size:.81rem;line-height:1.7}.feature-list li::before{content:"";position:absolute;left:2px;top:.67em;width:6px;height:6px;border-radius:50%;background:var(--gold)}html[dir="rtl"] .feature-list li::before{left:auto;right:2px}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.project-tags span{padding:5px 8px;border:1px solid var(--line-cool);background:rgba(120,165,133,.04);color:#ded4c3;font-size:.63rem}.project-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.project-actions .button{min-height:44px}.project-contact{padding-top:60px;padding-bottom:120px}.project-contact-panel{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:clamp(29px,5vw,56px);border:1px solid var(--line);background:linear-gradient(125deg,rgba(28,22,15,.94),rgba(8,7,6,.96))}.project-contact h2{font-size:clamp(2.35rem,4vw,3.4rem);margin-top:18px}.project-contact p{margin-bottom:0} .floating-whatsapp,.scroll-top,.brand-badge{position:fixed;z-index:120;display:grid;place-items:center;border:1px solid var(--line);background:rgba(9,8,7,.94);backdrop-filter:blur(12px);box-shadow:0 12px 32px rgba(0,0,0,.24);cursor:pointer;transition:transform .22s var(--ease),opacity .22s,background .22s,border-color .22s}.floating-whatsapp{bottom:25px;left:25px;width:49px;height:49px;border-radius:50%;color:#e0c894;font-size:1.45rem}.floating-whatsapp:hover,.scroll-top:hover,.brand-badge:hover{transform:translateY(-4px);border-color:var(--gold);background:#1d170c}.scroll-top{bottom:86px;left:25px;width:43px;height:43px;border-radius:50%;color:var(--gold-light);opacity:0;pointer-events:none;font-size:1.18rem}.scroll-top.visible{opacity:1;pointer-events:auto}.brand-badge{width:66px;height:66px;bottom:22px;right:24px;border-radius:50%;padding:8px;border-color:rgba(213,181,111,.6);box-shadow:0 0 0 5px rgba(202,164,91,.06),0 14px 32px rgba(0,0,0,.38)}.brand-badge img{width:100%;height:100%;object-fit:contain}.brand-splash{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:rgba(3,9,6,.91);backdrop-filter:blur(13px);opacity:0;transition:opacity .22s;pointer-events:none}.brand-splash[hidden]{display:none}.brand-splash.show{opacity:1}.splash-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px;transform:translateY(10px) scale(.98);transition:transform .25s var(--ease)}.brand-splash.show .splash-content{transform:translateY(0) scale(1)}.splash-content>img{width:clamp(130px,23vw,190px);height:auto;filter:drop-shadow(0 0 25px rgba(202,164,91,.16))}.splash-company{font-family:Georgia,serif;letter-spacing:.19em;font-weight:700;font-size:1.3rem;color:var(--gold-light);margin:18px 0 7px}.splash-founder{font-size:1.2rem;font-weight:700;margin:0 0 1px}.splash-role{margin:0;color:#ded4c3;font-size:.8rem}.splash-timer{margin-top:27px;width:150px;height:2px;background:rgba(174,192,175,.18);overflow:hidden}.splash-timer span{display:block;width:100%;height:100%;background:var(--gold);transform-origin:left;animation:splash-time 3s linear forwards}html[dir="rtl"] .splash-timer span{transform-origin:right}@keyframes splash-time{to{transform:scaleX(0)}} .reveal{opacity:0;transform:translateY(18px);transition:opacity .62s var(--ease),transform .62s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)} html[dir="rtl"] body{font-family:"Noto Sans Arabic","Noto Sans",Tahoma,"Segoe UI",Arial,sans-serif}html[dir="rtl"] .hero h1,html[dir="rtl"] .projects-hero h1,html[dir="rtl"] .section-heading h2,html[dir="rtl"] .approach h2,html[dir="rtl"] .contact h2,html[dir="rtl"] .project-contact h2,html[dir="rtl"] .founder-copy h3,html[dir="rtl"] .project-content h2{font-family:Tahoma,"Segoe UI",Arial,sans-serif;letter-spacing:0;line-height:1.25}html[dir="rtl"] .eyebrow{letter-spacing:0}html[dir="rtl"] .brand>span{direction:ltr}html[dir="rtl"] .primary-nav{margin-inline-start:auto}html[dir="rtl"] .project-content .project-highlight{border-left:0;border-right:2px solid var(--gold);padding:8px 15px 8px 0}html[dir="rtl"] .project-media-tag{left:auto;right:20px}html[dir="rtl"] .hero-footer>span:last-child{direction:ltr}html[dir="rtl"] .floating-whatsapp{left:25px;right:auto} @media(max-width:1080px){.header-inner{gap:18px}.brand>img{width:46px;height:46px}.primary-nav{gap:18px}.primary-nav a{font-size:.78rem}.lang-button{padding:7px 7px;min-width:31px}.hero-grid{gap:34px}.hero h1{font-size:clamp(3.1rem,6vw,4.8rem)}.section-heading{gap:35px}.founder-copy{padding:34px}.contact-panel{gap:38px}.projects-hero-grid{gap:38px}.project-detail{gap:35px}} @media(max-width:860px){.wrap{width:min(calc(100% - 38px),var(--max))}.header-inner{min-height:78px}.menu-toggle{display:flex;order:3}.header-tools{margin-inline-start:auto;order:2}.primary-nav{position:absolute;top:calc(100% + 1px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px max(20px,calc((100vw - var(--max))/2));background:rgba(9,8,7,.98);border-bottom:1px solid var(--line);box-shadow:0 22px 35px rgba(0,0,0,.22)}.primary-nav.open{display:flex}.primary-nav a{padding:14px 2px;border-bottom:1px solid rgba(150,188,163,.1);font-size:.9rem}.primary-nav a:last-child{border-bottom:0}.hero{padding-top:76px}.hero-grid{grid-template-columns:1fr;gap:50px}.hero-copy{max-width:750px}.hero-visual{width:min(100%,620px);margin-inline:auto}.visual-frame{aspect-ratio:1.25/1}.hero h1{max-width:700px}.hero-footer{margin-top:45px}.section-heading{grid-template-columns:1fr;gap:17px}.section-heading>p{max-width:650px}.founder-panel{grid-template-columns:1fr 1fr}.founder-photo-wrap{min-height:470px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approach-grid{grid-template-columns:1fr;gap:45px}.approach-copy{position:static}.approach-copy>p{max-width:650px}.featured-grid{grid-template-columns:1fr}.featured-card{grid-template-columns:.9fr 1fr}.contact-panel{grid-template-columns:1fr;gap:35px}.contact-details{max-width:700px;width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-main>p{grid-column:1/-1;grid-row:2}.footer-links{align-items:flex-end}.projects-hero-grid{grid-template-columns:1fr}.projects-hero-art{max-width:650px}.project-detail{grid-template-columns:1fr 1fr;gap:28px}.project-content h2{font-size:2rem}.project-detail-reverse .project-media{order:0}.project-detail-reverse .project-content{order:0}} @media(max-width:600px){.wrap{width:calc(100% - 32px)}.section-pad{padding:76px 0}.header-inner{min-height:72px;gap:9px}.brand{gap:7px}.brand>img{width:37px;height:37px}.brand strong,.brand b{font-size:.9rem}.brand small{font-size:.5rem;letter-spacing:.04em;transform:translateY(14px)}.header-tools{max-width:100%}.language-switch{gap:1px;padding:3px}.lang-button{font-size:.62rem;padding:6px 5px;min-width:27px}.menu-toggle{width:38px;height:38px;flex:none}.hero{padding-top:61px;padding-bottom:38px;min-height:0}.hero-grid{gap:38px}.hero h1,.projects-hero h1{font-size:clamp(2.8rem,12.5vw,4rem);line-height:1.05;margin:20px 0}.hero-lead{font-size:.94rem;line-height:1.8}.hero-actions{gap:9px;margin-top:25px}.button{min-height:46px;padding:0 13px;gap:12px;font-size:.77rem}.hero-meta{font-size:.66rem}.hero-visual{padding:10px}.visual-frame{aspect-ratio:.94/1}.visual-topline{height:37px;padding:0 9px;font-size:.49rem}.visual-overlay{inset:auto 16px 18px}.visual-mark{font-size:5rem}.visual-overlay p{font-size:.72rem}.floating-tag{font-size:.63rem;padding:8px 9px}.tag-top{right:-5px;top:11%}.tag-bottom{left:-4px;bottom:12%}.hero-footer{font-size:.54rem;letter-spacing:.035em;gap:12px;margin-top:31px}.coordinates-note{display:none}.intro-strip-inner{flex-wrap:wrap;justify-content:center;gap:12px 17px;padding:18px 0;font-size:.67rem}.intro-strip-inner i{width:3px;height:3px}.section-heading{margin-bottom:31px}.section-heading h2,.approach h2,.contact h2{font-size:clamp(2.5rem,11vw,3.4rem)}.section-heading>p{font-size:.85rem}.about{padding-top:78px}.founder-panel{grid-template-columns:1fr}.founder-photo-wrap{min-height:350px;aspect-ratio:1.05}.founder-photo-wrap img{object-position:center 34%}.founder-copy{padding:26px 22px 30px}.founder-copy h3{font-size:2.35rem}.founder-facts{gap:7px}.founder-facts strong{font-size:1.5rem}.founder-facts span{font-size:.62rem}.services-grid{grid-template-columns:1fr;gap:10px}.service-card{min-height:auto;padding:23px 21px}.service-icon{margin-bottom:17px}.service-card h3{font-size:1rem}.service-card p{font-size:.82rem}.approach-grid{gap:33px}.approach-row{grid-template-columns:27px 1fr 18px;gap:10px;padding:20px 0}.approach-row h3{font-size:.94rem}.approach-row p{font-size:.78rem}.featured-grid{gap:12px}.featured-card{grid-template-columns:1fr;min-height:0}.featured-card>img{height:auto;aspect-ratio:1.5;min-height:0}.featured-card-copy{padding:21px}.featured-card-copy h3{font-size:1.5rem}.featured-card-copy p{font-size:.81rem}.contact{padding-top:45px;padding-bottom:100px}.contact-panel{padding:25px 21px;gap:23px}.contact-row{grid-template-columns:34px minmax(0,1fr) 15px;gap:10px;min-height:72px}.contact-symbol{width:31px;height:31px}.contact-row strong{font-size:.75rem}.footer-main{grid-template-columns:1fr;gap:22px;padding-top:31px}.footer-main>p{grid-column:auto;grid-row:auto}.footer-links{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:18px}.footer-bottom{flex-direction:column;gap:8px;font-size:.63rem}.brand-badge{width:58px;height:58px;right:15px;bottom:15px}.floating-whatsapp{width:45px;height:45px;left:15px;bottom:15px}.scroll-top{width:39px;height:39px;left:18px;bottom:70px}.watermark{width:90vw;right:-23vw;height:43vh;opacity:.025}.projects-hero{padding-top:37px;padding-bottom:54px}.back-link{margin-bottom:31px}.projects-hero h1{margin-top:18px}.projects-hero .hero-lead{font-size:.89rem}.project-hero-stats{gap:18px;margin-top:29px}.project-hero-stats strong{font-size:1.6rem}.project-hero-stats span{font-size:.6rem}.projects-hero-art{padding:8px}.projects-hero-art img{aspect-ratio:1.15}.project-list{padding-top:42px}.project-detail{grid-template-columns:1fr;gap:24px;padding:32px 0 42px}.project-media img{aspect-ratio:1.2}.project-media-tag{left:16px;bottom:16px;font-size:.61rem}.project-content h2{font-size:2.15rem}.project-content h3{font-size:.93rem}.project-content>p{font-size:.82rem}.project-content .project-highlight{font-size:.83rem}.feature-list li{font-size:.77rem}.project-kicker{margin-bottom:13px}.project-tags span{font-size:.59rem}.project-contact{padding-top:34px;padding-bottom:90px}.project-contact-panel{flex-direction:column;align-items:flex-start;gap:25px;padding:25px 21px}.project-contact h2{font-size:2.5rem}.brand-splash .splash-content{padding:20px}.splash-founder{font-size:1.06rem}.splash-role{max-width:280px;font-size:.72rem}} @media(max-width:385px){.brand>span{max-width:100px}.brand small{font-size:.46rem}.header-inner{gap:6px}.header-tools{margin-inline-start:auto}.lang-button{min-width:24px;padding-inline:4px}.hero h1,.projects-hero h1{font-size:2.6rem}.hero-actions{align-items:stretch;flex-direction:column;max-width:240px}.hero-footer{flex-direction:column;align-items:flex-start}.project-hero-stats{justify-content:space-between;gap:8px}.featured-card-copy{padding:18px}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}} body{background:#080808;color:var(--ink)} body::before{background-image:linear-gradient(180deg,rgba(0,0,0,.54),rgba(4,3,2,.84) 44%,rgba(0,0,0,.93)),url('../assets/images/gold-wave.webp');background-position:center top;background-size:100% auto;background-repeat:repeat-y;opacity:1} .site-header{background:rgba(7,7,7,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} .site-header.scrolled{background:rgba(7,7,7,.97)} .intro-strip{background:rgba(14,12,10,.76);border-color:var(--line)} .service-card,.project-detail,.featured-card,.founder-panel,.contact-panel,.project-contact-panel{background:linear-gradient(145deg,rgba(28,23,17,.93),rgba(10,9,8,.96));border-color:rgba(213,173,92,.23)} .button-ghost{background:rgba(9,8,7,.72);border-color:rgba(213,173,92,.38)} .hero-lead,.section-heading>p,.founder-copy>p,.approach-copy>p,.contact-copy>p,.project-content>p,.ndvi-copy>p{color:#ded7ca} .hero-meta,.hero-footer,.visual-index,.founder-facts span,.project-kicker,.project-content h3,.approach-row p,.footer-main>p,.footer-bottom{color:#c1b6a2} .primary-nav a,.footer-links a{color:#eee5d6} .service-card p{color:#d2c8b9} .service-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(213,173,92,.24);border-radius:12px;background:rgba(213,173,92,.08);color:var(--gold-light)} .service-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round} .service-card:hover{background:linear-gradient(145deg,rgba(36,29,20,.97),rgba(13,11,9,.98));border-color:rgba(213,173,92,.54)} .service-card::before{background:linear-gradient(90deg,#9c7332,#f1d79b,#b98d43)} .hero-visual{isolation:isolate} .visual-frame{background:#0b0907;border-color:rgba(213,173,92,.5)} .visual-frame::after{background:linear-gradient(135deg,rgba(0,0,0,.02),rgba(5,4,3,.12) 52%,rgba(3,3,3,.76))} .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.94} .intro-video{z-index:1;opacity:.28;mix-blend-mode:screen;pointer-events:none} .visual-topline{background:rgba(2,2,2,.72);color:#e1c890} .visual-mark{color:#f1d79b}.visual-mark span{color:#e7e0d3} .tag-icon-green{color:#e0c894} .floating-tag{background:rgba(9,8,7,.95);border-color:rgba(213,173,92,.34);box-shadow:0 12px 32px rgba(0,0,0,.28);backdrop-filter:none;-webkit-backdrop-filter:none} .approach,.services{background:transparent}.approach{isolation:isolate}.approach::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,5,.93),rgba(5,5,5,.78)),url('../assets/images/company-office.webp') center 42%/cover no-repeat;opacity:.52} .founder-photo-wrap{background:#15120f}.founder-photo-wrap img{filter:saturate(.92)} .founder-photo-wrap::after{background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 40%),linear-gradient(90deg,transparent 70%,rgba(0,0,0,.2))} .ndvi-section{border-block:1px solid rgba(213,173,92,.13);background:linear-gradient(90deg,rgba(8,8,8,.66),rgba(19,14,9,.52),rgba(8,8,8,.68))} .ndvi-grid{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:clamp(32px,5vw,78px)} .ndvi-visual{position:relative;border:1px solid rgba(213,173,92,.4);padding:10px;background:rgba(9,8,7,.9);box-shadow:0 25px 70px rgba(0,0,0,.28)} .ndvi-visual img{width:100%;height:auto;aspect-ratio:1.49;object-fit:cover} .ndvi-image-note{display:block;color:#dac99f;font-size:.72rem;padding:10px 8px 2px;letter-spacing:.04em} .ndvi-copy h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2.5rem,4.2vw,3.9rem);line-height:1.08;letter-spacing:-.04em;margin:20px 0} .ndvi-copy h2 em{font-style:normal;color:var(--gold-light)} .ndvi-copy>p{font-size:.93rem;line-height:1.85;margin:0 0 15px} .ndvi-method{padding-inline-start:15px;border-inline-start:2px solid var(--gold)} .ndvi-caveat{margin:18px 0 22px;padding:14px 16px;background:rgba(212,173,92,.08);border:1px solid rgba(213,173,92,.18);color:#d2c6b3;font-size:.78rem;line-height:1.8} .video-toggle{position:absolute;z-index:6;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;background:rgba(5,5,5,.87);color:#f5e8c9;border:1px solid rgba(213,173,92,.45);border-radius:999px;font-size:.7rem;cursor:pointer} html[dir="rtl"] .video-toggle{right:auto;left:12px} .video-toggle:hover{background:rgba(213,173,92,.2)} .site-loader{position:fixed;inset:0;z-index:5000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#030303;color:#f0d59c;transition:opacity .42s ease,visibility .42s ease;overflow:hidden} .site-loader::before{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at center,rgba(202,158,71,.15),transparent 48%);animation:loader-glow 2.5s ease-in-out infinite alternate;pointer-events:none} .site-loader img{position:relative;z-index:1;display:block;width:min(72vw,335px);height:auto;max-height:64vh;object-fit:contain;filter:drop-shadow(0 0 12px rgba(218,177,89,.16)) drop-shadow(0 0 34px rgba(198,145,43,.12));animation:loader-rise 1.2s ease both} .loader-caption{position:relative;z-index:1;font-size:.72rem;font-weight:700;letter-spacing:.26em;color:#d9bd7c} .loader-progress{position:relative;z-index:1;width:min(170px,40vw);height:2px;background:rgba(230,208,160,.18);overflow:hidden} .loader-progress span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#8d682b,#f7e4ad,#ad8133);animation:loader-progress 2.5s ease-in-out forwards} html[dir="rtl"] .loader-progress span{transform-origin:right} .site-loader.is-done{opacity:0;visibility:hidden;pointer-events:none} @keyframes loader-progress{to{transform:scaleX(0)}}@keyframes loader-glow{from{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}@keyframes loader-rise{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}} .brand-splash{background:rgba(3,3,3,.94);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)} .splash-content>img{filter:drop-shadow(0 0 18px rgba(221,178,91,.22))} .splash-role{color:#ddd0b9} .floating-whatsapp{display:grid;place-items:center;background:#0c0b09;border:1px solid rgba(213,173,92,.72);color:#f5dc9e;box-shadow:0 8px 22px rgba(0,0,0,.4)} .floating-whatsapp svg{width:25px;height:25px;display:block} .floating-whatsapp:hover{background:#1a140b;border-color:#f2dca7;color:#fff2d0} .brand-badge{background:#090807;border-color:rgba(213,173,92,.72)} .watermark{opacity:.055;filter:none;background-image:url('../assets/images/km-watermark.svg')} .contact-panel{position:relative;isolation:isolate;overflow:hidden} .contact-panel::after{content:"";position:absolute;z-index:0;top:0;right:0;width:34%;height:100%;background:url('../assets/images/contact-tech.webp') center/cover no-repeat;opacity:.12;mask-image:linear-gradient(90deg,transparent,black 45%);pointer-events:none}.contact-panel>*{position:relative;z-index:1} .site-footer{background:rgba(3,3,3,.65)} .hero-actions .button-outline{background:rgba(8,7,6,.82);border-color:rgba(213,173,92,.32)} @media(max-width:600px){.brand small{font-size:.58rem;letter-spacing:.02em;transform:translateY(14px)} .visual-topline{font-size:.62rem} .photo-label,.mini-label,.service-number,.founder-facts span,.project-kicker,.project-tags span,.project-media-tag,.ndvi-image-note{font-size:max(.68rem,11px)} .ndvi-grid{grid-template-columns:1fr;gap:28px} .ndvi-copy h2{font-size:clamp(2.25rem,10vw,3rem)} .ndvi-copy>p{font-size:.91rem} .ndvi-caveat{font-size:.82rem} .video-toggle{font-size:.7rem;padding:7px 9px;bottom:9px;right:9px} html[dir="rtl"] .video-toggle{right:auto;left:9px} .contact-panel::after{width:65%;opacity:.09} .site-header{backdrop-filter:none;-webkit-backdrop-filter:none} .site-loader img{width:min(74vw,280px)}} @media(max-width:385px){.hero-actions{max-width:none}.hero-actions .button{width:100%}.brand small{font-size:.55rem}} @media(prefers-reduced-motion:reduce){.site-loader::before,.site-loader img,.loader-progress span{animation:none!important}.site-loader.is-done{transition-duration:.01ms!important}.intro-video{display:none!important}.video-toggle{display:none!important}.ndvi-visual,.contact-panel{backdrop-filter:none!important}} .hero .visual-frame{aspect-ratio:16/9} .hero .hero-image{object-fit:cover;object-position:center} .founder-panel{grid-template-columns:1fr} .founder-photo-wrap{width:100%;min-height:0!important;height:auto;aspect-ratio:16/9;max-height:none;background:#050505} .founder-photo-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.95)} .founder-photo-wrap::after{background:linear-gradient(0deg,rgba(0,0,0,.58),transparent 36%)} .founder-copy{width:100%;padding:clamp(26px,4.5vw,56px)} .office-video-section{background:linear-gradient(180deg,rgba(9,8,7,.35),rgba(20,15,9,.56),rgba(8,8,8,.35));border-block:1px solid rgba(213,173,92,.12)} .office-video-section .section-heading{margin-bottom:34px} .office-video-frame{position:relative;isolation:isolate;width:min(100%,1100px);margin-inline:auto;padding:10px;border:1px solid rgba(213,173,92,.42);background:linear-gradient(145deg,rgba(34,26,16,.86),rgba(5,5,5,.96));box-shadow:0 24px 70px rgba(0,0,0,.42);overflow:hidden} .office-video-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;color:#dfc68c;background:#080706;border-bottom:1px solid rgba(213,173,92,.22);font-size:.68rem;font-weight:750;letter-spacing:.12em} .office-video{display:block;position:relative;inset:auto;z-index:1;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;opacity:1;mix-blend-mode:normal;background:#060606} .office-video-frame .video-toggle{bottom:22px;right:22px;z-index:3} html[dir="rtl"] .office-video-frame .video-toggle{right:auto;left:22px} .project-media img,.projects-hero-art img,.featured-card>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#080706} .project-media{background:#080706} .projects-hero-art img{aspect-ratio:16/9} .featured-card>img{aspect-ratio:16/9} @media(max-width:860px){.founder-photo-wrap{aspect-ratio:16/9}.office-video-section{padding-block:78px}} @media(max-width:600px){.hero .visual-frame{aspect-ratio:16/9}.founder-photo-wrap{aspect-ratio:16/9;min-height:0!important}.founder-photo-wrap img{object-fit:cover;object-position:center}.office-video-frame{padding:6px}.office-video-topline{font-size:.59rem;padding:8px}.office-video-frame .video-toggle{bottom:12px;right:12px;font-size:.66rem}.office-video-frame .video-toggle{max-width:calc(100% - 24px)}html[dir="rtl"] .office-video-frame .video-toggle{left:12px;right:auto}.project-media img{aspect-ratio:auto}.projects-hero-art img,.featured-card>img{aspect-ratio:16/9}} @media(prefers-reduced-motion:reduce){.office-video{display:block!important;visibility:visible}.office-video-frame .video-toggle{display:inline-flex!important}} .theme-toggle{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;background:rgba(0,0,0,.45);color:var(--gold-light);cursor:pointer;transition:background .2s,border-color .2s,transform .2s} .theme-toggle:hover{transform:translateY(-1px);background:rgba(213,173,92,.12);border-color:var(--gold)} .theme-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .theme-icon-moon{display:none} html[data-theme="light"] .theme-icon-sun{display:none} html[data-theme="light"] .theme-icon-moon{display:block} .brand{min-width:0;max-width:100%} .brand>span{display:grid;grid-template-columns:max-content max-content;align-items:baseline;column-gap:0;row-gap:4px;min-width:0;white-space:normal} .brand strong,.brand b{line-height:1.1} .brand small{position:static;grid-column:1/-1;margin-top:0;transform:none;white-space:nowrap;font-size:.58rem;letter-spacing:.045em;line-height:1.15;max-width:100%} .header-tools{gap:7px;flex-shrink:0} .language-switch{flex-shrink:0} .primary-nav{min-width:0} .footer-bottom{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 24px} .footer-bottom>span{min-width:0;max-width:100%;overflow-wrap:anywhere;line-height:1.75} .creator-credit{display:flex;flex-wrap:wrap;gap:0 7px;max-width:100%;overflow-wrap:anywhere;white-space:normal} .site-footer{padding-bottom:112px} html[dir="rtl"] .brand small{letter-spacing:0;text-transform:none;font-family:"Noto Sans Arabic","Noto Sans",sans-serif} html[dir="rtl"] .brand>span{justify-items:start;direction:ltr} html[dir="rtl"] .primary-nav a{line-height:1.6} html[dir="rtl"] .creator-credit{direction:rtl} img,video{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none} html.km-copy-guard,html.km-copy-guard body,html.km-copy-guard body *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important} html.km-copy-guard img,html.km-copy-guard video{-webkit-user-drag:none!important;user-drag:none!important;pointer-events:auto} @media print{html,body{display:none!important}body::before,body::after{display:none!important}} html[data-theme="light"]{color-scheme:light;--bg:#f5efdE;--bg-2:#ede2c4;--panel:#fff9e9;--panel-2:#efe3c4;--gold:#98702b;--gold-light:#75551e;--mint:#6a5634;--ink:#211b12;--muted:#625744;--line:rgba(127,91,30,.34);--line-cool:rgba(105,80,37,.22);--shadow:0 24px 65px rgba(80,58,18,.13)} html[data-theme="light"] body{background:var(--bg);color:var(--ink)} html[data-theme="light"] body::before{background-image:linear-gradient(180deg,rgba(250,246,233,.87),rgba(248,241,221,.91) 55%,rgba(246,238,215,.94)),url('../assets/images/gold-wave.webp');background-position:center top;background-size:100% auto;background-repeat:repeat-y} html[data-theme="light"] .site-header,html[data-theme="light"] .site-header.scrolled{background:rgba(248,242,224,.96);border-bottom-color:rgba(123,91,37,.22);backdrop-filter:none;-webkit-backdrop-filter:none} html[data-theme="light"] .brand b{color:#2a2113} html[data-theme="light"] .brand small{color:#6e572f} html[data-theme="light"] .primary-nav a,html[data-theme="light"] .footer-links a{color:#362b19} html[data-theme="light"] .primary-nav a:hover,html[data-theme="light"] .primary-nav a.active,html[data-theme="light"] .footer-links a:hover{color:#8c641d} html[data-theme="light"] .language-switch{background:rgba(255,250,235,.95);border-color:rgba(116,83,26,.29)} html[data-theme="light"] .lang-button{color:#5f4b29} html[data-theme="light"] .lang-button:hover{color:#171208} html[data-theme="light"] .lang-button.active{background:#9c7327;color:#fff9e9} html[data-theme="light"] .theme-toggle{background:#fff8e6;color:#795819;border-color:rgba(116,83,26,.35)} html[data-theme="light"] .menu-toggle{background:#fff8e6;border-color:rgba(116,83,26,.35)} html[data-theme="light"] .menu-toggle span{background:#795819} html[data-theme="light"] .hero-lead,html[data-theme="light"] .section-heading>p,html[data-theme="light"] .founder-copy>p,html[data-theme="light"] .approach-copy>p,html[data-theme="light"] .contact-copy>p,html[data-theme="light"] .project-content>p,html[data-theme="light"] .ndvi-copy>p{color:#4c402b} html[data-theme="light"] .hero-meta,html[data-theme="light"] .hero-footer,html[data-theme="light"] .visual-index,html[data-theme="light"] .founder-facts span,html[data-theme="light"] .project-kicker,html[data-theme="light"] .project-content h3,html[data-theme="light"] .approach-row p,html[data-theme="light"] .footer-main>p,html[data-theme="light"] .footer-bottom{color:#65583f} html[data-theme="light"] .eyebrow{color:#7d5b1c} html[data-theme="light"] .hero h1 em,html[data-theme="light"] .section-heading h2 em,html[data-theme="light"] .approach h2 em,html[data-theme="light"] .contact h2 em,html[data-theme="light"] .projects-hero h1 em,html[data-theme="light"] .project-contact h2 em,html[data-theme="light"] .ndvi-copy h2 em{color:#8a641e} html[data-theme="light"] .intro-strip{background:rgba(255,250,236,.86);border-color:rgba(127,91,30,.22)} html[data-theme="light"] .intro-strip-inner{color:#4b3d25} html[data-theme="light"] .service-card,html[data-theme="light"] .project-detail,html[data-theme="light"] .featured-card,html[data-theme="light"] .founder-panel,html[data-theme="light"] .contact-panel,html[data-theme="light"] .project-contact-panel{background:linear-gradient(145deg,rgba(255,251,239,.97),rgba(241,231,206,.97));border-color:rgba(143,104,36,.31);box-shadow:0 18px 50px rgba(81,60,22,.09)} html[data-theme="light"] .service-card p,html[data-theme="light"] .featured-card-copy p,html[data-theme="light"] .project-contact-panel p{color:#5a4c34} html[data-theme="light"] .service-card h3,html[data-theme="light"] .featured-card-copy h3,html[data-theme="light"] .project-content h2,html[data-theme="light"] .project-content h3{color:#271f13} html[data-theme="light"] .service-card:hover{background:linear-gradient(145deg,#fffdf5,#f2e6c9);border-color:rgba(143,104,36,.54)} html[data-theme="light"] .service-icon{background:rgba(166,125,40,.09);border-color:rgba(143,104,36,.3);color:#785719} html[data-theme="light"] .approach::before{background:linear-gradient(90deg,rgba(248,242,224,.93),rgba(248,242,224,.86)),url('../assets/images/company-office.webp') center 42%/cover no-repeat;opacity:.9} html[data-theme="light"] .approach-row{border-color:rgba(118,87,34,.24)} html[data-theme="light"] .approach-row h3{color:#2c2315} html[data-theme="light"] .ndvi-section{background:linear-gradient(90deg,rgba(247,239,218,.86),rgba(240,228,198,.8),rgba(247,239,218,.86));border-color:rgba(127,91,30,.2)} html[data-theme="light"] .ndvi-visual{background:#fff9e8;border-color:rgba(143,104,36,.42);box-shadow:0 20px 52px rgba(81,60,22,.12)} html[data-theme="light"] .ndvi-image-note{color:#62502d} html[data-theme="light"] .ndvi-caveat{background:rgba(156,115,39,.08);border-color:rgba(143,104,36,.25);color:#5a4c34} html[data-theme="light"] .button-ghost{background:rgba(255,250,235,.84);border-color:rgba(143,104,36,.35);color:#302514} html[data-theme="light"] .button-outline{background:rgba(255,250,235,.54);border-color:rgba(143,104,36,.43);color:#302514} html[data-theme="light"] .button-ghost:hover,html[data-theme="light"] .button-outline:hover{background:#eee0bd;border-color:#98702b} html[data-theme="light"] .floating-tag{background:rgba(255,249,232,.97);border-color:rgba(143,104,36,.39);color:#3f3018;box-shadow:0 12px 32px rgba(81,60,22,.13)} html[data-theme="light"] .tag-icon{color:#8a641e} html[data-theme="light"] .site-footer{background:rgba(242,233,210,.94);border-top:1px solid rgba(127,91,30,.22)} html[data-theme="light"] .floating-whatsapp,html[data-theme="light"] .brand-badge{background:#211a10;color:#f5dc9e;border-color:rgba(143,104,36,.72)} html[data-theme="light"] .scroll-top{background:#fff7e2;color:#6e501b;border-color:rgba(143,104,36,.55)} html[data-theme="light"] .primary-nav{background:rgba(250,244,227,.99);border-bottom-color:rgba(127,91,30,.25)} html[data-theme="light"] .primary-nav a{border-color:rgba(127,91,30,.13)} html[data-theme="light"] .project-tags span{background:rgba(156,115,39,.08);border-color:rgba(143,104,36,.28);color:#59451f} html[data-theme="light"] .project-media{background:#efe5cc;border-color:rgba(143,104,36,.34)} html[data-theme="light"] .project-hero-stats>div{border-color:rgba(127,91,30,.25)} html[data-theme="light"] .project-hero-stats strong{color:#75551e} html[data-theme="light"] .back-link{color:#6e501b} html[data-theme="light"] .site-loader{background:#030303;color:#f0d59c} html[data-theme="light"] .site-loader::before{background:radial-gradient(ellipse at center,rgba(202,158,71,.15),transparent 48%)} html[data-theme="light"] .brand-splash{background:rgba(3,3,3,.94);color:#faf7f0} @media(max-width:860px){.header-inner{gap:12px}.header-tools{order:2;margin-inline-start:auto}.menu-toggle{order:3;margin-inline-start:0}.primary-nav{order:1}.brand{margin-inline-end:auto}} @media(max-width:600px){.site-footer{padding-bottom:140px}.footer-bottom{gap:9px}.creator-credit{gap:0 5px}.brand>img{width:36px;height:36px}.brand strong,.brand b{font-size:.82rem}.brand small{font-size:.49rem;letter-spacing:.015em}.header-tools{gap:5px}.theme-toggle{width:34px;height:34px;flex-basis:34px}.theme-icon{width:17px;height:17px}.language-switch{gap:0;padding:2px}.lang-button{font-size:.59rem;min-width:25px;padding:6px 4px}.footer-bottom>span{overflow-wrap:anywhere}.site-footer .wrap{max-width:100%}} @media(max-width:350px){.header-inner .brand>span{display:none}.header-inner{gap:6px}.brand{margin-inline-end:auto}.brand>img{width:34px;height:34px}.header-tools{gap:4px}.lang-button{min-width:22px;padding:5px 3px;font-size:.57rem}.theme-toggle{width:31px;height:31px;flex-basis:31px}.menu-toggle{width:34px;height:34px}} html[data-theme="light"] .services{background:linear-gradient(180deg,rgba(248,242,224,0),rgba(198,162,88,.11),rgba(248,242,224,0))} html[data-theme="light"] .featured{background:linear-gradient(180deg,rgba(246,237,215,.2),rgba(235,221,187,.22))} html[data-theme="light"] .service-number,html[data-theme="light"] .service-tags span,html[data-theme="light"] .project-hero-stats span,html[data-theme="light"] .art-note,html[data-theme="light"] .back-link,html[data-theme="light"] .title-submark,html[data-theme="light"] .contact-row small{color:#66512c} html[data-theme="light"] .text-link:hover{color:#6c4c14} html[data-theme="light"] .projects-hero-art,html[data-theme="light"] .project-media{background:#fff8e7;border-color:rgba(143,104,36,.37)} html[data-theme="light"] .status-live{color:#6e4e15;background:rgba(156,115,39,.1);border-color:rgba(143,104,36,.32)} html[data-theme="light"] .status-progress{color:#6b4911;background:rgba(184,126,27,.1);border-color:rgba(143,104,36,.32)} html[data-theme="light"] .project-content .project-highlight{color:#57431e;border-color:#98702b;background:linear-gradient(90deg,rgba(156,115,39,.1),transparent)} html[dir="rtl"][data-theme="light"] .project-content .project-highlight{border-right-color:#98702b}html[data-theme="light"] .feature-list li{color:#4e412b} html[data-theme="light"] .contact-row:hover{background:rgba(156,115,39,.07)} .service-request-form{grid-column:1/-1;position:relative;z-index:1;margin-top:8px;padding-top:31px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:22px;min-width:0} .request-form-heading{max-width:720px} .request-form-heading .mini-label{color:var(--gold-light);letter-spacing:.13em} .request-form-heading h3{margin:9px 0 7px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.7rem,3vw,2.35rem);font-weight:500;line-height:1.15;color:var(--ink)} .request-form-heading p{margin:0;max-width:690px;color:var(--muted);font-size:.86rem;line-height:1.8} .request-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px} .request-field{display:flex;flex-direction:column;gap:7px;min-width:0;color:var(--ink);font-size:.79rem;font-weight:700} .request-field>span{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px} .request-field b{color:var(--gold-light);font-size:.8rem} .request-field small{font-size:.71rem;font-weight:400;color:var(--muted)} .request-field input,.request-field select,.request-field textarea{width:100%;max-width:100%;min-width:0;border:1px solid rgba(213,173,92,.3);border-radius:4px;background:rgba(0,0,0,.38);color:var(--ink);font:inherit;font-size:.88rem;font-weight:400;line-height:1.55;padding:12px 13px;outline:none;transition:border-color .2s,background .2s,box-shadow .2s} .request-field input,.request-field select{min-height:48px} .request-field textarea{resize:vertical;min-height:120px} .request-field input::placeholder,.request-field textarea::placeholder{color:#aa9c83;opacity:1} .request-field input:focus,.request-field select:focus,.request-field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(213,173,92,.12)} .request-field select option{background:#171410;color:#f8f1e4} .request-field-wide{grid-column:1/-1} .request-form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap} .request-form-actions .button{cursor:pointer} .request-form-status{margin:0;color:var(--gold-light);font-size:.8rem;line-height:1.65;overflow-wrap:anywhere} html[dir="rtl"] .request-form-heading,html[dir="rtl"] .request-field{text-align:right} html[dir="rtl"] .request-form-actions{justify-content:flex-start} html[data-theme="light"] .request-form-heading h3,html[data-theme="light"] .request-field{color:#211b12} html[data-theme="light"] .request-form-heading p,html[data-theme="light"] .request-field small{color:#62543b} html[data-theme="light"] .request-field b{color:#8e661d} html[data-theme="light"] .request-field input,html[data-theme="light"] .request-field select,html[data-theme="light"] .request-field textarea{background:rgba(255,255,255,.72);color:#211b12;border-color:rgba(143,104,36,.35)} html[data-theme="light"] .request-field input::placeholder,html[data-theme="light"] .request-field textarea::placeholder{color:#7b6d55} html[data-theme="light"] .request-field select option{background:#fffaf0;color:#211b12} html[data-theme="light"] .request-form-status{color:#72501c} .km-copy-guard input,.km-copy-guard textarea,.km-copy-guard select{user-select:text!important;-webkit-user-select:text!important} @media(max-width:600px){.service-request-form{padding-top:25px;gap:18px}.request-form-grid{grid-template-columns:minmax(0,1fr);gap:14px}.request-field-wide{grid-column:auto}.request-form-actions{align-items:stretch;flex-direction:column}.request-form-actions .button{width:100%}.request-form-status{width:100%}.request-form-heading p{font-size:.82rem}} .language-dropdown{display:none;position:relative;flex:0 0 auto;color:var(--ink);z-index:130} .language-dropdown>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:6px;min-width:67px;min-height:38px;padding:0 10px;border:1px solid var(--line-cool);border-radius:999px;background:rgba(0,0,0,.52);color:#f1d69d;cursor:pointer;font-size:.75rem;font-weight:800;white-space:nowrap;user-select:none;-webkit-user-select:none} .language-dropdown>summary::-webkit-details-marker{display:none} .language-dropdown>summary>svg:not(.language-icon){width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .2s} .language-dropdown[open]>summary>svg:not(.language-icon){transform:rotate(180deg)} .language-options{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:164px;padding:6px;border:1px solid rgba(207,169,93,.42);border-radius:14px;background:rgba(9,8,7,.98);box-shadow:0 16px 40px rgba(0,0,0,.48);display:grid;gap:3px;z-index:140} .language-options a{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 11px;border-radius:9px;color:#f3ead8;font-size:.8rem;text-decoration:none;white-space:nowrap} .language-options a:hover,.language-options a:focus-visible{background:rgba(213,173,94,.17);outline:none} .language-options a[aria-current="page"]{background:var(--gold);color:#18130a} .language-option-code{font-size:.65rem;font-weight:800;opacity:.72} html[data-theme="light"] .language-dropdown>summary{background:#fff7df;color:#644916;border-color:rgba(116,83,26,.35)} html[data-theme="light"] .language-options{background:#fff9e9;border-color:rgba(116,83,26,.32);box-shadow:0 16px 34px rgba(75,52,12,.18)} html[data-theme="light"] .language-options a{color:#332817} html[data-theme="light"] .language-options a[aria-current="page"]{background:#d7ad5a;color:#1d170d} @media(max-width:860px){.language-switch{display:none!important} .language-dropdown{display:block} .header-inner{gap:10px} .header-tools{display:flex;align-items:center;gap:8px;flex-shrink:0} .theme-toggle{flex:0 0 auto} .menu-toggle{flex:0 0 auto}} @media(max-width:600px){.header-inner{min-height:68px;gap:8px} .header-inner .brand{margin-inline-end:auto;gap:0;min-width:36px} .header-inner .brand>span{display:none!important} .header-inner .brand>img{width:38px;height:38px;flex:0 0 38px} .header-tools{gap:7px} .language-dropdown>summary{min-width:62px;min-height:36px;padding:0 8px;gap:5px;font-size:.72rem} .theme-toggle{width:35px;height:35px;flex-basis:35px} .menu-toggle{width:38px;height:38px}} @media(max-width:350px){.header-inner{gap:5px} .header-inner .brand>img{width:33px;height:33px;flex-basis:33px} .header-tools{gap:4px} .language-dropdown>summary{min-width:55px;min-height:32px;padding:0 6px;gap:4px;font-size:.67rem} .theme-toggle{width:31px;height:31px;flex-basis:31px} .menu-toggle{width:34px;height:34px}} .language-current-flag{display:inline-flex;align-items:center;justify-content:center;width:18px;height:16px;flex:0 0 18px;line-height:0} .language-current-flag .language-icon{display:block;width:18px;height:12px;overflow:visible} .language-current-flag .language-icon-globe{width:16px;height:16px} .language-options a>.language-flag{display:flex;align-items:center;justify-content:center;width:22px;height:16px;line-height:0} .language-options a>.language-flag .language-icon{display:block;width:22px;height:15px;overflow:visible} .language-options a>.language-flag .language-icon-globe{width:16px;height:16px} .language-dropdown>summary{gap:5px} .language-options a>span:nth-child(2){min-width:0} .project-banner-media .project-media-image-link{display:block;outline-offset:4px} .project-banner-media .project-media-image-link img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center} .project-banner-media .project-media-tag{pointer-events:none} .project-media-image-link:focus-visible,.apamea-live-link:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px} .apamea-project-media .project-media-tag{position:static;display:inline-flex;align-items:center;margin:0 0 10px;backdrop-filter:none;-webkit-backdrop-filter:none} .apamea-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .apamea-gallery>div{min-width:0;overflow:hidden;background:#100d08;border:1px solid rgba(213,173,92,.16)} .apamea-gallery .apamea-main{grid-column:1/-1} .apamea-gallery img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .35s ease} .apamea-gallery .apamea-main img{aspect-ratio:16/9;object-position:center} .apamea-gallery .apamea-thumb img{aspect-ratio:1.15;object-position:center} .apamea-gallery .apamea-thumb:nth-child(2) img{object-position:center 48%} .apamea-live-link{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;border:1px solid rgba(213,173,92,.34);background:rgba(213,173,92,.08);color:var(--gold-light);font-size:.78rem} .apamea-live-link:hover{background:rgba(213,173,92,.14);border-color:rgba(213,173,92,.55)} .scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:10001;pointer-events:none;background:rgba(213,173,92,.08)} .scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#9c7430,#f2d596,#c49a4c);box-shadow:0 0 9px rgba(213,173,92,.6);transform-origin:left center} .cursor-glow{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.5;mix-blend-mode:soft-light;background:radial-gradient(340px circle at var(--cursor-x,-500px) var(--cursor-y,-500px),rgba(229,188,103,.22),rgba(229,188,103,.06) 32%,transparent 70%)} @media(hover:hover) and (pointer:fine) and (min-width:1024px) and (prefers-reduced-motion:no-preference){.cursor-glow{display:block}} @media(max-width:600px){.apamea-gallery{gap:5px}.apamea-gallery .apamea-thumb img{aspect-ratio:1/1}.apamea-live-link{font-size:.73rem;padding:10px 11px}} @media(prefers-reduced-motion:reduce){.scroll-progress,.cursor-glow{display:none!important}.apamea-gallery img{transition:none!important}}