@font-face{font-family:"Alexandria";font-style:normal;font-weight:300 700;font-display:swap;src:url("fonts/alexandria-arabic.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:"Alexandria";font-style:normal;font-weight:300 700;font-display:swap;src:url("fonts/alexandria-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F}@font-face{font-family:"Aref Ruqaa";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/aref-ruqaa-arabic.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:"Aref Ruqaa";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/aref-ruqaa-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
:root{--teal:#66d4c2;--teal-deep:#0b8f83;--black:#090b0b;--ink:#171a19;--muted:#767d7b;--paper:#f5f5f3;--line:#d9dcda;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden;background:var(--white);color:var(--ink);font-family:Arial,"Segoe UI",Tahoma,sans-serif;-webkit-font-smoothing:antialiased}body *{font-family:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:10px;inset-inline-start:10px;padding:12px 16px;translate:0 -160%;background:#fff;color:#111}.skip-link:focus{translate:0}
.site-nav{position:absolute;z-index:50;top:0;left:0;width:100%;height:110px;padding:0 clamp(28px,7vw,105px);display:flex;align-items:center;justify-content:space-between;background:transparent}.brand{display:block}.brand img{width:112px;height:45px;padding:8px 10px;object-fit:contain;background:rgba(255,255,255,.94)}.nav-menu{display:flex;align-items:center;gap:25px;color:#fff}.nav-menu a,.lang-toggle{padding:5px 0;border:0;background:transparent;color:rgba(255,255,255,.78);font-size:12px;font-weight:500;cursor:pointer}.nav-menu a:hover,.lang-toggle:hover{color:#fff}.lang-toggle{width:34px;height:34px;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-size:10px}.nav-menu .nav-cta{padding:11px 17px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff}.nav-menu .nav-cta:hover{background:#fff;color:#111}
.hero{height:100svh;min-height:680px;overflow:hidden;background:var(--black);color:#fff;position:relative;isolation:isolate}.hero-canvas{position:absolute;z-index:-3;inset:0;width:100%;height:100%;filter:saturate(.78) contrast(1.08)}.hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.06) 46%,rgba(0,0,0,.46)),linear-gradient(90deg,rgba(0,0,0,.15),transparent 45%)}.hero-index{position:absolute;inset-inline-start:8%;top:48%;color:rgba(255,255,255,.6);font-size:13px;direction:ltr}.hero-content{position:absolute;inset-inline-start:15%;bottom:9%;width:min(760px,70vw);text-align:start}.hero-label{display:block;margin-bottom:24px;color:rgba(255,255,255,.62);font-size:14px;direction:ltr}.hero h1{margin:0;color:rgba(255,255,255,.78);font-size:clamp(58px,6.3vw,96px);font-weight:300;line-height:1.02;letter-spacing:-.055em;transition:opacity .36s ease,translate .36s ease}.hero h1 span{display:block}.hero h1 span:last-child{color:#fff}.hero h1.changing{opacity:0;translate:0 22px}.hero-controls{margin-top:75px;display:flex;align-items:center;gap:26px;direction:ltr}.hero-controls button{padding:8px 0;border:0;background:transparent;color:rgba(255,255,255,.75);font-size:13px;cursor:pointer}.hero-controls button:hover{color:#fff}.hero-controls i{color:rgba(255,255,255,.45);font-style:normal}.hero-scroll{position:absolute;inset-inline-end:5%;bottom:8%;display:flex;align-items:center;gap:13px;color:rgba(255,255,255,.55);font-size:10px;letter-spacing:.12em;direction:ltr;rotate:90deg;transform-origin:right center}.hero-scroll i{width:54px;height:1px;background:rgba(255,255,255,.35);position:relative}.hero-scroll i::after{content:"";position:absolute;left:0;top:0;width:18px;height:1px;background:#fff;animation:scrollLine 2.4s ease-in-out infinite}@keyframes scrollLine{0%,100%{translate:0}50%{translate:36px}}
.manifesto{padding:180px 0 190px;background:#fff}.manifesto-grid{display:grid;grid-template-columns:180px 1fr;gap:25px}.eyebrow{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.14em;direction:ltr}.manifesto h2{grid-column:2;margin:0;max-width:900px;font-size:clamp(58px,7.2vw,106px);font-weight:300;line-height:.98;letter-spacing:-.065em}.manifesto p{grid-column:2;max-width:540px;margin:55px 0 0;color:var(--muted);font-size:17px;line-height:1.9}
.projects-section{padding:150px 0 180px;background:var(--paper)}.section-head{margin-bottom:80px;display:grid;grid-template-columns:1fr 420px;align-items:end;gap:60px}.section-head h2{margin:18px 0 0;font-size:clamp(52px,6.3vw,88px);font-weight:300;line-height:1;letter-spacing:-.06em}.section-head>p{margin:0;color:var(--muted);line-height:1.85}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{min-height:520px;padding:30px;display:flex;flex-direction:column;overflow:hidden;background:#e7e9e7;position:relative}.project-card:nth-child(5n+1){grid-column:1/-1;min-height:650px}.project-card:nth-child(3n+2){background:#dce8e5}.project-card:nth-child(4n){background:#161a19;color:#fff}.project-number{align-self:flex-start;color:var(--teal-deep);font-size:11px;letter-spacing:.12em;direction:ltr}.project-card:nth-child(4n) .project-number{color:var(--teal)}.project-logo{width:min(260px,46%);aspect-ratio:1;margin:auto;display:grid;place-items:center;overflow:hidden;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.1);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-logo{transform:scale(1.06) rotate(-2deg)}.project-logo img{width:100%;height:100%;object-fit:contain}.project-meta{display:flex;flex-direction:column;gap:7px}.project-meta strong{font-size:28px;font-weight:400}.project-meta span{color:var(--muted);font-size:10px;letter-spacing:.1em;direction:ltr;text-align:inherit}.project-card:nth-child(4n) .project-meta span{color:#929997}.project-card>i{position:absolute;inset-inline-end:30px;bottom:30px;width:46px;height:46px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:var(--teal-deep);font-style:normal;transition:.35s ease}.project-card:hover>i{rotate:45deg;background:var(--teal);border-color:var(--teal);color:#111}
.services-section{padding:175px 0;background:#fff}.service-list{margin-top:80px;border-top:1px solid var(--line)}.service-list article{min-height:126px;padding:22px 0;display:grid;grid-template-columns:70px minmax(300px,1fr) 1fr;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.service-list article>span{color:var(--muted);font-size:10px}.service-list h3{margin:0;font-size:clamp(27px,3vw,42px);font-weight:300}.service-list p{max-width:430px;margin:0;color:var(--muted);font-size:14px;line-height:1.75}.contact-section{padding:0;background:#fff}.contact-card{width:100%;min-height:620px;padding:100px max(6vw,40px);display:flex;align-items:end;justify-content:space-between;gap:50px;background:var(--black);color:#fff}.contact-card .eyebrow{color:rgba(255,255,255,.48)}.contact-card h2{max-width:820px;margin:22px 0 16px;font-size:clamp(62px,7vw,105px);font-weight:300;line-height:.96;letter-spacing:-.065em}.contact-card p{margin:0;color:rgba(255,255,255,.48)}.button{min-height:56px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:13px}.button-light{z-index:1;flex:0 0 auto;color:#fff}.button-light:hover{background:#fff;color:#111}footer{padding:38px 0;background:var(--black);color:#fff;border-top:1px solid rgba(255,255,255,.1)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner img{width:100px;padding:7px;background:#fff}.footer-inner p{margin:0;color:rgba(255,255,255,.45);font-size:11px;direction:ltr}.footer-inner>a{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%}.float-wa{position:fixed;z-index:45;inset-inline-end:22px;bottom:22px;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 14px 38px rgba(0,0,0,.22)}.float-wa img{width:42px;height:42px;object-fit:contain}
.reveal{opacity:0;translate:0 70px;transition:opacity 1.1s cubic-bezier(.2,.7,.2,1) var(--delay,0ms),translate 1.1s cubic-bezier(.2,.7,.2,1) var(--delay,0ms)}.reveal.visible{opacity:1;translate:0}:focus-visible{outline:2px solid var(--teal);outline-offset:5px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scroll i::after{animation:none}.reveal{opacity:1;translate:0;transition:none}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.hero-content{inset-inline-start:9%;width:78vw}.manifesto-grid{grid-template-columns:1fr}.manifesto h2,.manifesto p{grid-column:1}.section-head{grid-template-columns:1fr}.project-card,.project-card:nth-child(5n+1){grid-column:auto;min-height:480px}.service-list article{grid-template-columns:55px 1fr}.service-list p{display:none}.contact-card{display:grid}}
@media(max-width:680px){.wrap{width:calc(100% - 24px)}.site-nav{height:82px;padding:0 18px}.brand img{width:92px;height:39px}.nav-menu{gap:15px}.nav-services,.nav-menu .nav-cta{display:none!important}.hero{min-height:720px}.hero-index{inset-inline-start:7%;top:31%}.hero-content{inset-inline-start:7%;bottom:9%;width:86vw}.hero-label{margin-bottom:18px}.hero h1{font-size:clamp(48px,14vw,64px);line-height:1.04}.hero-controls{margin-top:55px}.hero-scroll{display:none}.manifesto{padding:110px 0 120px}.manifesto h2{font-size:52px;margin-top:24px}.manifesto p{margin-top:35px;font-size:15px}.projects-section,.services-section{padding:110px 0}.section-head{margin-bottom:50px}.section-head h2{font-size:52px}.section-head>p{font-size:14px}.project-grid{grid-template-columns:1fr;gap:10px}.project-card,.project-card:nth-child(n){grid-column:1!important;min-height:410px!important;padding:22px}.project-logo{width:190px}.project-meta strong{font-size:24px}.service-list{margin-top:50px}.service-list article{min-height:100px;padding:18px 0}.service-list h3{font-size:25px}.contact-card{min-height:580px;padding:60px 22px}.contact-card h2{font-size:55px}.button-light{width:100%}.footer-inner{flex-wrap:wrap}.footer-inner p{width:100%;order:3}.float-wa{inset-inline-end:14px;bottom:14px}}
html[lang=en] body{font-family:Arial,"Segoe UI",sans-serif}html[lang=en] .hero-content{text-align:left}html[lang=en] .project-meta span{text-align:start}

/* Unified client cards */
.projects-section{background:#f3f5f4}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card,.project-card:nth-child(n){grid-column:auto;min-height:390px;padding:24px;border:1px solid rgba(11,143,131,.1);border-radius:34px;background:linear-gradient(145deg,#e1ece9,#d5e4e0);color:#17201f;box-shadow:0 18px 50px rgba(22,39,36,.06);isolation:isolate}.project-card::before{content:"";position:absolute;z-index:-1;width:240px;height:240px;top:-120px;inset-inline-end:-90px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.72),rgba(255,255,255,0) 70%);transition:scale .6s ease,translate .6s ease}.project-card:hover{translate:0 -7px;box-shadow:0 28px 70px rgba(22,39,36,.12)}.project-card:hover::before{scale:1.25;translate:-18px 18px}.project-card .project-number{color:#0b8f83}.project-card .project-logo{width:170px;border-radius:28px;box-shadow:0 20px 45px rgba(20,46,41,.12)}.project-card .project-meta span{color:#61706d}.project-card>i{color:#0b8f83;border-color:rgba(11,143,131,.3)}
@media(max-width:960px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card,.project-card:nth-child(n){min-height:370px}}
@media(max-width:620px){.project-grid{grid-template-columns:1fr;gap:12px}.project-card,.project-card:nth-child(n){min-height:340px!important;border-radius:27px}.project-card .project-logo{width:155px}}

/* Arabic typography and word-by-word hero */
body{font-family:"Alexandria",Arial,"Segoe UI",Tahoma,sans-serif}.hero h1{font-family:"Alexandria",Arial,sans-serif;font-weight:400}.hero h1 span.handwritten,.manifesto h2 em,.section-head h2 em,.contact-card h2 em{font-family:"Aref Ruqaa","Alexandria",serif;font-weight:400;font-style:normal;letter-spacing:0}.hero h1 span.handwritten{color:var(--teal);font-size:1.08em;line-height:1.12}.hero-word{display:inline-block;margin-inline-end:.22em;opacity:0;translate:0 34px;filter:blur(8px);animation:heroWordIn .82s cubic-bezier(.2,.75,.2,1) forwards}@keyframes heroWordIn{to{opacity:1;translate:0;filter:blur(0)}}.hero h1.changing{opacity:0;translate:0 -18px}.manifesto h2 em,.section-head h2 em,.contact-card h2 em{color:var(--teal-deep)}.contact-card h2 em{color:var(--teal)}
/* Free-floating client marks */
.project-card .project-logo,.project-card:nth-child(n) .project-logo{width:72%;height:175px;aspect-ratio:auto;margin:auto;overflow:visible;border-radius:0;background:transparent;box-shadow:none}.project-card .project-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(22,39,36,.14));transition:transform .6s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-logo{transform:none}.project-card:hover .project-logo img{transform:scale(1.06) translateY(-5px)}
@media(max-width:620px){.project-card .project-logo,.project-card:nth-child(n) .project-logo{width:72%;height:150px}}
@media(prefers-reduced-motion:reduce){.hero-word{opacity:1;translate:0;filter:none;animation:none}}
.hero h1>.handwritten .hero-word{color:var(--teal)}.hero h1>span:not(.handwritten) .hero-word{color:rgba(255,255,255,.82)}
.project-card .project-logo img{mix-blend-mode:multiply}

/* V6: framed client marks, adaptive PIK mark and compact English hero */
.site-nav .brand img{width:118px;height:auto;padding:0;background:transparent;filter:brightness(0) invert(1);transition:filter .3s ease,opacity .3s ease}.site-nav .brand:hover img{opacity:.78}.footer-inner img{width:104px;padding:0;background:transparent;filter:brightness(0) invert(1)}
.project-card .project-logo,.project-card:nth-child(n) .project-logo{position:relative;width:min(82%,255px);height:auto;aspect-ratio:1;margin:auto;padding:10px;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:30px;background:rgba(255,255,255,.48);box-shadow:0 22px 55px rgba(23,49,44,.13),inset 0 0 0 1px rgba(11,143,131,.08);backdrop-filter:blur(12px);transition:transform .7s cubic-bezier(.2,.75,.2,1),box-shadow .7s ease}.project-card .project-logo::after{content:"";position:absolute;inset:10px;border:1px solid rgba(11,143,131,.12);border-radius:21px;pointer-events:none}.project-card .project-logo img{width:100%;height:100%;object-fit:cover;border-radius:20px;background:#fff;filter:none;mix-blend-mode:normal;transition:transform .7s cubic-bezier(.2,.75,.2,1)}.project-card:hover .project-logo{transform:translateY(-7px) rotate(-1.5deg);box-shadow:0 30px 70px rgba(23,49,44,.18),inset 0 0 0 1px rgba(11,143,131,.1)}.project-card:hover .project-logo img{transform:scale(1.035)}
html[lang=en] .hero-content{width:min(900px,78vw)}html[lang=en] .hero h1{max-width:900px;font-family:"Alexandria",Arial,sans-serif;font-size:clamp(40px,4.6vw,66px);font-weight:400;line-height:1.06;letter-spacing:-.045em}html[lang=en] .hero h1>span{display:flex;flex-wrap:wrap;align-items:baseline;max-width:100%}html[lang=en] .hero h1 span.handwritten{font-family:"Alexandria",Arial,sans-serif;font-size:.92em;font-weight:300;line-height:1.16;letter-spacing:-.04em}html[lang=en] .hero-word{margin-inline-end:.14em}
@media(max-width:680px){.site-nav .brand img{width:94px;height:auto}.project-card .project-logo,.project-card:nth-child(n) .project-logo{width:205px;height:205px;border-radius:25px}.project-card .project-logo::after{border-radius:17px}.project-card .project-logo img{border-radius:16px}html[lang=en] .hero-content{width:90vw}html[lang=en] .hero h1{font-size:clamp(32px,8.9vw,40px);line-height:1.09;letter-spacing:-.035em}}

/* V7: flat, quiet client cards */
.project-card,.project-card:nth-child(n){border:1px solid #d8e2df;background:#e7eeec;box-shadow:none;transition:border-color .25s ease,background-color .25s ease}.project-card::before{display:none}.project-card:hover{translate:0;background:#e1ebe8;border-color:#bfd2cd;box-shadow:none}.project-card .project-logo,.project-card:nth-child(n) .project-logo{background:#f7f9f8;border-color:#d8e2df;box-shadow:none;backdrop-filter:none;transition:transform .25s ease}.project-card .project-logo::after{border-color:#e0e7e5}.project-card:hover .project-logo{transform:translateY(-2px);box-shadow:none}.project-card:hover .project-logo img{transform:none}.project-card>i{transition:background-color .25s ease,color .25s ease,border-color .25s ease}.project-card:hover>i{rotate:0;background:#0b8f83;border-color:#0b8f83;color:#fff}.reveal{translate:0 28px;transition-duration:.65s}

/* V11: infinitely sharp vector ribbon */
.hero-ribbon{--hero-x:0px;--hero-y:0px;position:absolute;z-index:-1;left:50%;top:46%;width:128vw;pointer-events:none;opacity:.72;mix-blend-mode:screen;transform:translate3d(calc(-50% + var(--hero-x)),calc(-50% + var(--hero-y)),0);transform-origin:center;transition:transform .8s cubic-bezier(.2,.7,.2,1);will-change:transform;mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}.hero-ribbon-art{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 20px 38px rgba(28,201,178,.12));transform-origin:center;animation:vectorRibbonDrift 11s ease-in-out infinite alternate;will-change:transform}@keyframes vectorRibbonDrift{0%{transform:translate3d(-1.5%,1%,0) rotate(-1.2deg) scaleY(.97)}50%{transform:translate3d(1%,-1.5%,0) rotate(.8deg) scaleY(1.035)}100%{transform:translate3d(-.5%,1.2%,0) rotate(-.4deg) scaleY(.985)}}@media(max-width:899px){.hero-ribbon{top:44%;width:205vw;opacity:.58}.hero-ribbon-art{animation-duration:9s}}@media(prefers-reduced-motion:reduce){.hero-ribbon{transform:translate3d(-50%,-50%,0)}.hero-ribbon-art{animation:none}}
/* V8 raster ribbon retained below as an inactive fallback */
.hero-ribbon-raster{--hero-x:0px;--hero-y:0px;position:absolute;z-index:-1;left:50%;top:46%;width:min(118vw,1756px);pointer-events:none;opacity:.58;mix-blend-mode:screen;transform:translate3d(calc(-50% + var(--hero-x)),calc(-50% + var(--hero-y)),0);transform-origin:center;transition:transform .8s cubic-bezier(.2,.7,.2,1);will-change:transform;perspective:1100px;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}.hero-ribbon-raster::after{content:"";position:absolute;inset:-4%;z-index:-1;background:url("pik-ribbon-hero.png") center/100% 100% no-repeat;opacity:.22;filter:blur(14px) saturate(1.15);mix-blend-mode:screen;animation:heroRibbonEcho 8.5s ease-in-out infinite alternate;will-change:transform}.hero-ribbon-raster img{display:block;width:100%;height:auto;filter:saturate(.9) contrast(1.09);transform-origin:50% 48%;animation:heroRibbonFlow 9s cubic-bezier(.45,.05,.35,1) infinite alternate;will-change:transform,filter}html[dir=rtl] .hero-label{text-align:right}@keyframes heroRibbonFlow{0%{transform:translate3d(-2.5%,1.5%,0) rotate(-4deg) skewX(-2deg) scale3d(1.04,.92,1);filter:saturate(.82) contrast(1.08)}28%{transform:translate3d(1%,-2%,0) rotate(-1deg) skewX(1.5deg) scale3d(.98,1.08,1);filter:saturate(.98) contrast(1.12)}55%{transform:translate3d(2.5%,1%,0) rotate(2.5deg) skewX(-1deg) scale3d(1.05,.96,1);filter:saturate(.88) contrast(1.08)}78%{transform:translate3d(-1%,-1.5%,0) rotate(.5deg) skewX(2deg) scale3d(1.01,1.06,1);filter:saturate(1.02) contrast(1.11)}100%{transform:translate3d(-2%,2%,0) rotate(-2deg) skewX(-1.5deg) scale3d(1.06,.94,1);filter:saturate(.9) contrast(1.09)}}@keyframes heroRibbonEcho{0%{transform:translate3d(-2%,3%,0) scale3d(1.03,.9,1) rotate(-2deg)}50%{transform:translate3d(2%,-2%,0) scale3d(.98,1.08,1) rotate(2deg)}100%{transform:translate3d(-1%,1%,0) scale3d(1.05,.95,1) rotate(-1deg)}}@media(max-width:899px){.hero-ribbon-raster{top:43%;width:178vw;opacity:.45}.hero-ribbon-raster::after{filter:blur(10px) saturate(1.1);opacity:.18}.hero-ribbon-raster img{animation-duration:7.5s}}@media(prefers-reduced-motion:reduce){.hero-ribbon-raster{transform:translate3d(-50%,-50%,0)}.hero-ribbon-raster::after,.hero-ribbon-raster img{animation:none}}