:root{--bg:#121517;--bg-elevated:#1a1e22;--bg-elevated-2:#21262b;--line:#ffffff17;--line-strong:#ffffff29;--text:#ededed;--text-muted:#9aa1a8;--text-dim:#6c7379;--gold:#fec42d;--gold-deep:#d79f1e;--gold-soft:#fec42d1f;--gold-line:#fec42d59;--font-display:"Cairo", "Segoe UI", sans-serif;--font-body:"Tajawal", "Segoe UI", sans-serif;--container:1280px;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--space-section:clamp(64px, 9vw, 132px)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 .5em;font-weight:800;line-height:1.2}h2{font-size:clamp(1.9rem,1.4rem + 2.2vw,3.2rem)}h3{font-size:clamp(1.15rem,1.05rem + .5vw,1.5rem);font-weight:700}p{color:var(--text-muted);margin:0 0 1em}.text-gold{color:var(--gold)}.container{max-width:var(--container);margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}.eyebrow{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold);text-transform:uppercase;align-items:center;gap:10px;margin:0 0 14px;font-size:.85rem;font-weight:700;display:flex}.eyebrow:before{content:"";background:var(--gold);border-radius:2px;width:26px;height:2px;display:inline-block}.eyebrow.center{justify-content:center}.eyebrow.center:before{display:none}.center{text-align:center}.skip-link{z-index:1000;background:var(--gold);color:#14171a;transition:top .2s var(--ease-out);border-radius:8px;padding:10px 18px;font-weight:700;position:fixed;top:-100px;right:16px}.skip-link:focus{top:16px}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.loader{z-index:2000;background:var(--bg);transition:opacity .6s var(--ease-soft), visibility .6s;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader__mark img{opacity:.9;filter:drop-shadow(0 0 18px #fec42d40)}.loader__bar{background:var(--line);border-radius:2px;width:min(240px,60vw);height:2px;overflow:hidden}.loader__bar span{background:var(--gold);width:0%;height:100%;transition:width .15s linear;display:block}.loader__label{font-family:var(--font-display);letter-spacing:.12em;color:var(--text-dim);gap:8px;font-size:.8rem;display:flex}.loader__label span:first-child{color:var(--gold)}.site-header{inset-inline:0;z-index:200;transition:padding .35s var(--ease-soft), background .35s var(--ease-soft), border-color .35s var(--ease-soft), backdrop-filter .35s;border-bottom:1px solid #0000;padding:20px 0;position:fixed;top:0}.site-header.is-scrolled{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-color:var(--line);background:#121517b8;padding:12px 0}.site-header__row{align-items:center;gap:28px;display:flex}.brand__logo{width:auto;height:34px;transition:height .35s var(--ease-soft)}.site-header.is-scrolled .brand__logo{height:30px}.nav{gap:30px;margin-inline-start:auto;display:flex}.nav a{color:var(--text-muted);padding-block:4px;font-size:.95rem;font-weight:500;transition:color .25s;position:relative}.nav a:after{content:"";inset-inline:0;background:var(--gold);transform-origin:50%;height:2px;transition:transform .3s var(--ease-out);position:absolute;bottom:-2px;transform:scaleX(0)}.nav a:hover{color:var(--text)}.nav a:hover:after{transform:scaleX(1)}.nav-cta{margin-inline-start:4px}.menu-toggle{flex-direction:column;gap:5px;width:26px;margin-inline-start:auto;display:none}.menu-toggle span{background:var(--text);height:2px;transition:transform .3s var(--ease-out), opacity .3s;border-radius:2px;display:block}.btn{font-family:var(--font-display);transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out), background .3s, color .3s, border-color .3s;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:13px 28px;font-size:.92rem;font-weight:700;display:inline-flex}.btn--gold{background:var(--gold);color:#17140a;box-shadow:0 8px 24px -8px #fec42d8c}.btn--gold:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px #fec42db3}.btn--ghost{border:1.5px solid var(--line-strong);color:var(--text)}.btn--ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.btn--sm{padding:9px 20px;font-size:.85rem}.btn--full{width:100%}.hero{isolation:isolate;flex-direction:column;justify-content:flex-end;align-items:center;height:100svh;min-height:560px;display:flex;position:relative;overflow:hidden}.hero__media{z-index:-2;position:absolute;inset:0;overflow:hidden}.hero__img{object-fit:cover;object-position:center 65%;will-change:transform;width:100%;height:100%;transform:scale(1.22)}.hero__scrim{background:linear-gradient(#0a0c0d8c 0%,#0a0c0d26 30%,#0a0c0d59 60%,#0a0c0deb 100%);position:absolute;inset:0}.hero__vignette{position:absolute;inset:0;box-shadow:inset 0 0 180px 40px #0000008c}.hero__logo-overlay{top:clamp(90px,14vh,160px);z-index:2;opacity:0;position:absolute;inset-inline-end:clamp(20px,6vw,72px);transform:translateY(-16px)}.hero__logo-overlay img{filter:drop-shadow(0 4px 18px #00000073);width:auto;height:clamp(48px,6vw,72px)}.hero__content{z-index:2;text-align:center;max-width:900px;padding-bottom:clamp(64px,10vh,120px);position:relative}.hero__content .eyebrow{color:var(--gold);opacity:0;justify-content:center}.hero__content .eyebrow:before{display:none}.hero h1{opacity:0;margin-bottom:.25em;font-size:clamp(2.4rem,1.7rem + 4.2vw,5rem)}.hero__tagline{color:var(--text-muted);opacity:0;max-width:560px;margin-inline:auto;font-size:clamp(1rem,.9rem + .5vw,1.25rem)}.hero__actions{opacity:0;justify-content:center;gap:16px;margin-top:28px;display:flex}.scroll-cue{bottom:28px;z-index:2;color:var(--text-dim);opacity:0;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;inset-inline-end:clamp(20px,6vw,72px)}.scroll-cue span{letter-spacing:.1em;writing-mode:vertical-rl;font-size:.72rem}.scroll-cue__dot{animation:1.8s ease-in-out infinite cueDrop}@keyframes cueDrop{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(10px)}}.reel{background:#0c0e10;height:400vh;position:relative}.reel__sticky{height:100svh;position:sticky;top:0;overflow:hidden}.reel__canvas{object-fit:cover;background:#0c0e10;width:100%;height:100%;position:absolute;inset:0}.reel__gradient{pointer-events:none;position:absolute}.reel__gradient--side{inset-inline-start:0;background:linear-gradient(90deg,#08090a99 0%,#08090a47 60%,#0000 100%);width:min(44%,580px);top:0;bottom:0}[dir=rtl] .reel__gradient--side{background:linear-gradient(270deg,#08090a99 0%,#08090a47 60%,#0000 100%)}.reel__gradient--bottom{inset-inline:0;background:linear-gradient(#0000,#08090ad9);height:30%;bottom:0}.reel__progress{background:var(--line);z-index:3;width:2px;position:absolute;inset-block:0;inset-inline-end:clamp(16px,3vw,40px)}.reel__progress span{top:0;background:var(--gold);height:0%;box-shadow:0 0 10px var(--gold);border-radius:2px;position:absolute;inset-inline:0}.reel__captions{z-index:2;align-items:center;display:flex;position:absolute;inset:0}.reel__phase{opacity:0;max-width:min(460px,80vw);position:absolute;inset-inline-start:clamp(24px,8vw,100px);transform:translateY(24px)}.reel__phase-index{font-family:var(--font-display);color:var(--gold);letter-spacing:.15em;margin-bottom:10px;font-size:.85rem;font-weight:800;display:block}.reel__phase h3{margin-bottom:.35em;font-size:clamp(1.6rem,1.3rem + 1.6vw,2.6rem)}.reel__phase p{color:#c7cbcf;max-width:420px;font-size:clamp(.95rem,.9rem + .2vw,1.05rem)}.reveal{opacity:0;transform:translateY(28px)}.about{padding-block-start:var(--space-section)}.about__grid{grid-template-columns:1.3fr .9fr;align-items:start;gap:clamp(32px,6vw,80px);display:grid}.about__lead{color:var(--text);font-size:1.1rem}.about__quote{border-inline-start:2px solid var(--gold);font-family:var(--font-display);color:var(--text);margin:28px 0;padding-inline-start:20px;font-size:1.1rem;font-style:normal;font-weight:600}.about__badges{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.badge{background:var(--gold-soft);color:var(--gold);border:1px solid var(--gold-line);border-radius:999px;padding:8px 16px;font-size:.8rem;font-weight:600}.about__stats{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.stat{background:var(--bg-elevated);padding:30px 24px}.stat__num{font-family:var(--font-display);color:var(--gold);font-size:clamp(2rem,1.6rem + 1.6vw,2.8rem);font-weight:800;display:block}.stat__label{color:var(--text-muted);font-size:.88rem}.values{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:clamp(48px,7vw,88px);display:grid}.value-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color .3s, transform .3s var(--ease-out);padding:30px 26px}.value-card:hover{border-color:var(--gold-line);transform:translateY(-4px)}.value-card h3{color:var(--gold);margin-bottom:10px}.value-card p{margin:0}.why{padding-block:var(--space-section)}.why h2{margin-bottom:clamp(36px,6vw,64px)}.why__grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.why-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-md);transition:transform .35s var(--ease-out), border-color .35s, background .35s;padding:30px}.why-card:hover{border-color:var(--gold-line);background:var(--bg-elevated-2);transform:translateY(-6px)}.why-card__icon{background:var(--gold-soft);width:46px;height:46px;color:var(--gold);border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.why-card__icon svg{width:22px;height:22px}.why-card h3{margin-bottom:8px;font-size:1.1rem}.why-card p{margin:0;font-size:.92rem}.services{padding-block:var(--space-section);background:var(--bg-elevated);position:relative;overflow:hidden}.services__bg{opacity:.06;mix-blend-mode:screen;pointer-events:none;background-image:url(/img/textures/blueprint-villa.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.services h2{margin-bottom:clamp(36px,6vw,64px)}.services__grid{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;position:relative;overflow:hidden}.service-card{background:var(--bg-elevated);padding:34px 30px;transition:background .3s}.service-card:hover{background:var(--bg-elevated-2)}.service-card__num{font-family:var(--font-display);color:var(--gold-deep);opacity:.8;font-size:.85rem;font-weight:800}.service-card h3{margin-top:14px;margin-bottom:8px}.service-card p{margin:0;font-size:.92rem}.projects{padding-block:var(--space-section)}.projects__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.projects__filters{gap:8px;display:flex}.filter-btn{border:1px solid var(--line-strong);color:var(--text-muted);border-radius:999px;padding:9px 20px;font-size:.85rem;font-weight:600;transition:all .25s}.filter-btn:hover{color:var(--text);border-color:var(--gold-line)}.filter-btn.is-active{background:var(--gold);border-color:var(--gold);color:#17140a}.projects__hint{color:var(--text-dim);margin:0 0 clamp(24px,4vw,40px);font-size:.82rem}.projects__pin-track{position:relative}.projects__strip-wrap{align-items:center;width:100vw;height:100svh;margin-inline-start:calc(50% - 50vw);display:flex;position:sticky;top:0;overflow:hidden}.projects__strip{will-change:transform;align-items:flex-start;gap:18px;width:max-content;padding-inline:clamp(20px,5vw,48px);display:flex}.project-card{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--bg-elevated);width:300px;height:320px;transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out), border-color .4s;flex:none;position:relative;overflow:hidden}.project-card--sq{width:300px;height:320px}.project-card--wide{width:460px;height:320px}.project-card--tall{width:300px;height:500px}.project-card--lg{width:480px;height:500px}.project-card:hover{border-color:var(--gold-line);transform:translateY(-6px);box-shadow:0 24px 50px -20px #0009}.project-card.is-hidden{display:none}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out);pointer-events:none;position:absolute;inset:0}.project-card:hover img{transform:scale(1.06)}.project-card__scrim{pointer-events:none;background:linear-gradient(#0000 32%,#08090a73 60%,#08090aeb 100%);position:absolute;inset:0}.project-card__info{inset-inline:0;pointer-events:none;opacity:.001;transition:transform .4s var(--ease-out), opacity .4s var(--ease-out);padding:20px 22px 22px;position:absolute;bottom:0;transform:translateY(10px)}.project-card:hover .project-card__info,.project-card:focus-visible .project-card__info{opacity:1;transform:translateY(0)}.project-card__info h3{color:#fff;margin-bottom:4px;font-size:1.05rem}.project-card__info p{color:#ffffffbf;margin:0;font-size:.86rem}.tag{border-radius:999px;margin-bottom:10px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-block}.tag--done{color:#6ed99a;background:#59c78224}.tag--progress{background:var(--gold-soft);color:var(--gold)}@media (hover:none){.project-card__info{opacity:1;transform:translateY(0)}.project-card__scrim{background:linear-gradient(#0000 30%,#08090a40 55%,#08090ad9 100%)}}.project-modal{z-index:500;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.project-modal[hidden]{display:none}.project-modal__backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08090ad1;position:absolute;inset:0}.project-modal__panel{z-index:1;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;max-width:920px;max-height:88vh;position:relative;overflow:hidden auto}.project-modal__panel img{object-fit:cover;width:100%;max-height:60vh;display:block}.project-modal__info{padding:24px clamp(20px,4vw,36px) 30px}.project-modal__info h3{margin-bottom:6px}.project-modal__info p{margin:0}.project-modal__close{top:16px;z-index:2;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08090a99;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .25s,transform .25s;display:flex;position:absolute;inset-inline-end:16px}.project-modal__close svg{width:18px;height:18px}.project-modal__close:hover{background:var(--gold);color:#17140a;transform:rotate(90deg)}.trust{padding-block:var(--space-section);position:relative;overflow:hidden}.trust__bg{opacity:.16;background-image:url(/img/textures/gold-bokeh.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.trust__bg:after{content:"";background:linear-gradient(180deg, var(--bg) 0%, #12151799 40%, var(--bg) 100%);position:absolute;inset:0}.trust__grid{grid-template-columns:1.5fr 1fr;align-items:center;gap:clamp(32px,6vw,72px);display:grid;position:relative}.trust__mark{color:var(--gold);opacity:.85;margin-bottom:18px}.trust__quote p{font-family:var(--font-display);color:var(--text);font-size:clamp(1.2rem,1.05rem + .9vw,1.7rem);font-weight:600;line-height:1.55}.trust__author{flex-direction:column;margin-top:22px;display:flex}.trust__author-name{color:var(--gold);font-weight:700}.trust__author-title{color:var(--text-dim);font-size:.86rem}.trust__clients{border-inline-start:1px solid var(--line);padding-inline-start:clamp(24px,4vw,48px)}.trust__clients-label{color:var(--text-dim);margin-bottom:14px;font-size:.85rem}.trust__clients-list{flex-direction:column;gap:14px;display:flex}.trust__clients-list li{font-family:var(--font-display);color:var(--text-muted);font-size:1.15rem;font-weight:700}.team{padding-block:var(--space-section)}.team h2{margin-bottom:clamp(36px,6vw,64px)}.team__grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.team-card{text-align:center;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-md);transition:transform .3s var(--ease-out), border-color .3s;padding:32px 20px}.team-card:hover{border-color:var(--gold-line);transform:translateY(-4px)}.team-card--lead{border-color:var(--gold-line);background:var(--bg-elevated-2)}.team-card__avatar{width:64px;height:64px;margin-inline:auto 14px auto;background:var(--gold-soft);color:var(--gold);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.team-card__avatar svg{width:30px;height:30px}.team-card h3{margin-bottom:4px;font-size:1rem}.team-card p{color:var(--text-dim);margin:0;font-size:.85rem}.cta{padding-block:clamp(48px,7vw,80px)}.cta__box{background:linear-gradient(135deg, var(--bg-elevated) 0%, var(--bg-elevated-2) 100%);border:1px solid var(--gold-line);border-radius:var(--radius-lg);text-align:center;padding:clamp(40px,6vw,72px)}.cta__box h2{margin-bottom:12px}.cta__box p{max-width:520px;margin-inline:auto 24px}.cta__actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;display:flex}.contact{padding-block:var(--space-section)}.contact__grid{grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,80px);display:grid}.contact__list{flex-direction:column;gap:18px;margin:28px 0;display:flex}.contact__list li{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding-bottom:14px;display:flex}.contact__list span{color:var(--text-dim);font-size:.78rem}.contact__list a{font-family:var(--font-display);font-size:1.05rem;font-weight:700;transition:color .25s}.contact__list a:hover{color:var(--gold)}.social{gap:12px;display:flex}.social a{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.social a svg{width:18px;height:18px}.social a:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-3px)}.contact__form{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;gap:18px;padding:clamp(28px,4vw,40px);display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--text-muted);font-size:.85rem;font-weight:600}.field input,.field textarea{background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);resize:vertical;padding:13px 16px;font-size:.95rem;transition:border-color .25s,box-shadow .25s}.field input:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);outline:none}.field__hint{color:var(--gold);min-height:1.2em;margin:0;font-size:.85rem}.site-footer{border-top:1px solid var(--line);padding-block:32px}.site-footer__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-nav{flex-wrap:wrap;gap:20px;display:flex}.footer-nav a{color:var(--text-muted);font-size:.88rem;transition:color .25s}.footer-nav a:hover{color:var(--gold)}.site-footer__copy{color:var(--text-dim);margin:0;font-size:.8rem}@media (width<=980px){.about__grid,.contact__grid{grid-template-columns:1fr}.values,.why__grid,.services__grid,.team__grid{grid-template-columns:repeat(2,1fr)}.trust__grid{grid-template-columns:1fr}.trust__clients{border-inline-start:none;border-top:1px solid var(--line);padding-inline-start:0;padding-top:24px}}@media (width<=760px){.nav,.nav-cta{display:none}.menu-toggle{display:flex}.site-header.is-nav-open .nav{inset:0;z-index:150;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex;position:fixed;top:0}.site-header.is-nav-open .nav a{font-size:1.4rem}.site-header.is-nav-open .menu-toggle{top:26px;z-index:151;position:fixed;inset-inline-end:24px}.site-header.is-nav-open .menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.site-header.is-nav-open .menu-toggle span:nth-child(2){opacity:0}.site-header.is-nav-open .menu-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.values,.why__grid,.services__grid,.team__grid{grid-template-columns:1fr}.about__stats{grid-template-columns:1fr 1fr}.reel__phase{max-width:calc(100vw - 40px);inset-inline-start:20px}.hero__logo-overlay{top:88px}.project-card,.project-card--sq{width:240px;height:260px}.project-card--wide{width:360px;height:260px}.project-card--tall{width:240px;height:400px}.project-card--lg{width:380px;height:400px}}