@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;600;700;800&display=swap";
@media (max-width:900px){.contentgrid{grid-template-columns:1fr 1fr}.contentgrid article{border-bottom:1px solid var(--line)}}@media (max-width:560px){.contentgrid{grid-template-columns:1fr}.contentgrid article{border-inline-end:0}.statement{gap:3rem}.strengthlist article{grid-template-columns:42px 1fr}}
.contentband{background:#fff}.contentband .sectionhead>p:not(.eyebrow){color:var(--muted);max-width:760px;margin-top:2rem;font-size:1.08rem;line-height:1.85}.contentgrid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:4rem;display:grid}.contentgrid article{border-inline-end:1px solid var(--line);padding:2.4rem 1.7rem}.contentgrid article:last-child{border:0}.contentgrid b,.strengthlist span{color:var(--gold);letter-spacing:.15em;font-size:.8rem}.contentgrid h3{margin:2.6rem 0 1rem;font-size:1.3rem}.contentgrid p{color:var(--muted);line-height:1.75}.statement{background:#e9e4da}.statement h2{font-size:clamp(2rem,3.5vw,3.7rem)}.strengthlist article{border-bottom:1px solid #c8c2b7;grid-template-columns:55px 1fr;gap:1rem;padding:1.5rem 0;display:grid}.strengthlist h3{margin:0 0 .5rem;font-size:1.15rem}.strengthlist p{margin:0;font-size:.96rem;line-height:1.65}.values p,.process article p{color:var(--muted);line-height:1.7}.process article p{color:#aebcc5;font-size:.92rem}.values article{min-height:330px}.values h3{margin-top:3.5rem}:root{--navy:#061c30;--gold:#e9a83d;--cream:#f3efe7;--ink:#102435;--muted:#687985;--line:#d7d4cd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Inter,Arial,sans-serif}.ar{font-family:Tajawal,Noto Sans Arabic,Arial,sans-serif}.site{overflow:hidden}header{z-index:20;background:#061c30f7;border-bottom:1px solid #ffffff1c;align-items:center;height:92px;padding:0 5vw;display:flex;position:relative}.brand{align-items:center;width:210px;height:72px;display:flex}.brand img{object-fit:contain;max-width:100%;max-height:66px}nav{gap:2.2rem;margin:auto;display:flex}nav a,.lang{color:#dce4e9;letter-spacing:.07em;padding:10px 0;font-size:.86rem;text-decoration:none;position:relative}nav a:after{content:"";background:var(--gold);width:0;height:2px;transition:all .25s;position:absolute;bottom:0;left:0}nav a:hover:after,nav a.active:after{width:100%}.lang{border:1px solid #fff5;padding:10px 16px}.menu{display:none}.hero{color:#fff;background:linear-gradient(90deg,#041321f2 8%,#041321b5 52%,#04132135),url(/images/villa-twilight.png) 50%/cover;align-items:center;min-height:calc(100vh - 92px);display:flex}.ar .hero{background:linear-gradient(270deg,#041321f2 8%,#041321b5 52%,#04132135),url(/images/villa-twilight.png) 50%/cover}.herocopy{width:min(760px,84vw);margin-inline-start:8vw;padding:7rem 0}.eyebrow{letter-spacing:.22em;color:var(--gold);margin-bottom:1.5rem;font-size:.72rem;font-weight:700}.hero h1,.pagehero h1,.contact h1{letter-spacing:-.055em;margin:0 0 2rem;font-size:clamp(3.4rem,7vw,7.3rem);font-weight:500;line-height:.92}.ar .hero h1,.ar .pagehero h1,.ar .contact h1{letter-spacing:-.02em;line-height:1.08}.hero h1 span,.pagehero h1 span{display:block}.herocopy>p:not(.eyebrow){color:#d7e0e6;max-width:650px;font-size:1.08rem;line-height:1.8}.actions{gap:1rem;margin-top:2.2rem;display:flex}.btn{font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:1rem;padding:1rem 1.5rem;font-weight:700;text-decoration:none;display:inline-flex}.gold{background:var(--gold);color:var(--ink)}.ghost{color:#fff;border:1px solid #fff7}.stats{background:#fff;grid-template-columns:repeat(3,1fr);padding:3rem 8vw;display:grid}.stats div{border-inline-end:1px solid var(--line);padding:0 3rem}.stats div:last-child{border:0}.stats b{margin-bottom:.35rem;font-size:2rem;display:block}.stats span{color:var(--muted)}section{padding:8rem 8vw}.split{grid-template-columns:1.05fr 1fr;gap:8vw;display:grid}.split h2,.sectionhead h2,.feature h2{letter-spacing:-.04em;margin:0;font-size:clamp(2.2rem,4vw,4.4rem);font-weight:500;line-height:1.08}.ar .split h2,.ar .sectionhead h2,.ar .feature h2{letter-spacing:-.015em}.split p{color:#566875;font-size:1.08rem;line-height:1.9}.textlink{color:var(--ink);margin-top:1.5rem;font-weight:700;display:inline-block}.services{background:var(--navy);color:#fff}.services.light{background:var(--cream);color:var(--ink)}.sectionhead{max-width:850px}.servicegrid{border-top:1px solid #ffffff2d;grid-template-columns:repeat(4,1fr);margin-top:5rem;display:grid}.light .servicegrid{border-color:var(--line)}.servicegrid article{border-inline-end:1px solid #ffffff2d;padding:2rem 1.5rem}.light .servicegrid article{border-color:var(--line)}.servicegrid span,.values b,.process b{color:var(--gold)}.servicegrid h3{margin:2.8rem 0 1rem;font-size:1.35rem}.servicegrid p{color:#b9c6ce;font-size:.92rem;line-height:1.7}.light .servicegrid p{color:var(--muted)}.feature{background:#fff;grid-template-columns:1.25fr 1fr;padding:0;display:grid}.feature img{object-fit:cover;width:100%;height:650px}.feature>div{flex-direction:column;justify-content:center;align-items:flex-start;padding:7vw;display:flex}.feature .btn{margin-top:2rem}.pagehero{color:#fff;align-items:flex-end;height:72vh;min-height:560px;display:flex;position:relative}.pagehero:after{content:"";background:linear-gradient(#04142218,#041422f2);position:absolute;inset:0}.pagehero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pagehero>div{z-index:1;padding:6vw 8vw;position:relative}.pagehero h1{margin:0;font-size:clamp(3.2rem,6vw,6.4rem)}.values{background:#d9d5cd;grid-template-columns:repeat(4,1fr);gap:1px;padding:0;display:grid}.values article{background:var(--cream);min-height:250px;padding:4rem 2rem}.values h3{margin-top:5rem;font-size:1.35rem}.process{background:var(--navy);color:#fff}.process>div{grid-template-columns:repeat(4,1fr);margin-top:4rem;display:grid}.process article{border-inline-start:1px solid #fff3;padding:2rem}.process h3{margin-top:4rem}.gallerylead{padding-top:4rem;padding-bottom:4rem}.gallerylead p{max-width:760px;font-size:1.35rem;line-height:1.8}.gallery{grid-template-columns:repeat(2,1fr);gap:1.2rem;padding-top:0;display:grid}.gallery figure{background:#fff;margin:0}.gallery figure.wide{grid-column:1/-1}.gallery img{object-fit:cover;width:100%;height:500px;display:block}.gallery .wide img{height:650px}.gallery figcaption{padding:1.4rem;font-weight:700}.gallery figcaption span{color:var(--gold);margin-inline-end:1rem}.contact{background:var(--navy);color:#fff;grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;min-height:82vh;display:grid}.contact h1{font-size:clamp(3rem,5vw,5.4rem)}.contact>div>p:not(.eyebrow){color:#bdc9d0;line-height:1.8}.details{flex-direction:column;gap:1rem;margin-top:2.5rem;display:flex}.details a,.details span{color:#fff;text-decoration:none}.contact form{background:#fff;gap:1rem;padding:3rem;display:grid}.contact input,.contact textarea{border:0;border-bottom:1px solid var(--line);font:inherit;background:0 0;padding:1.1rem .3rem}.contact textarea{resize:none;height:120px}.contact .btn{margin-top:1rem}footer{color:#c7d1d7;background:#041522;grid-template-columns:2fr 1fr 1fr;gap:4rem;padding:5rem 8vw 2rem;display:grid}footer img{object-fit:contain;max-width:250px;max-height:100px}footer p{max-width:360px;line-height:1.7}footer>div:not(.footerbrand){flex-direction:column;gap:.9rem;display:flex}footer b{color:var(--gold);letter-spacing:.18em;margin-bottom:.8rem;font-size:.72rem}footer a,footer span{color:#c7d1d7;font-size:.9rem;text-decoration:none}footer small{color:#83929c;border-top:1px solid #ffffff1f;grid-column:1/-1;padding-top:2rem}.whatsapp{z-index:30;color:#fff;background:#25d366;border-radius:50%;place-items:center;width:54px;height:54px;font-size:1.6rem;text-decoration:none;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #0004}.ar .whatsapp{left:24px;right:auto}@media (max-width:900px){header{height:78px}.brand{width:155px}.menu{color:#fff;background:0 0;border:0;margin-inline-start:auto;font-size:1.4rem;display:block}.lang{margin-inline-start:1rem}nav{background:var(--navy);flex-direction:column;gap:.5rem;padding:1.5rem 6vw;display:none;position:absolute;top:78px;left:0;right:0}nav.open{display:flex}.hero{min-height:760px}.herocopy{margin-inline:6vw}.actions{flex-wrap:wrap}.stats{grid-template-columns:1fr;padding:1rem 7vw}.stats div{border:0;border-bottom:1px solid var(--line);padding:1.5rem 0}.split,.feature,.contact{grid-template-columns:1fr}section{padding:5rem 6vw}.servicegrid,.values,.process>div{grid-template-columns:1fr 1fr}.feature img{height:440px}.gallery{grid-template-columns:1fr}.gallery figure.wide{grid-column:auto}.gallery img,.gallery .wide img{height:420px}.contact{padding-top:6rem}.contact form{padding:2rem}footer{grid-template-columns:1fr 1fr}.footerbrand{grid-column:1/-1}}@media (max-width:560px){.servicegrid,.values,.process>div,footer{grid-template-columns:1fr}.servicegrid article{border-bottom:1px solid #ffffff2d}.hero h1{font-size:3.4rem}.feature img{height:320px}.pagehero{min-height:480px}.pagehero h1{font-size:3rem}.gallery img,.gallery .wide img{height:300px}footer .footerbrand,footer small{grid-column:auto}.contact{padding-inline:5vw}.contact form{padding:1.4rem}}.servicearrow{color:var(--gold);margin-top:1.4rem;font-weight:700;text-decoration:none;display:inline-block}.gallerycount{align-items:end;gap:1rem;margin-top:2rem;display:flex}.gallerycount b{color:var(--gold);font-size:3rem;line-height:1}.gallerycount span{color:var(--muted);padding-bottom:.35rem}.photoarchive{grid-template-columns:repeat(3,1fr);gap:14px;padding-top:0;display:grid}.photoarchive figure{background:#fff;margin:0;overflow:hidden}.photoarchive figure.featured{grid-column:span 2}.photoarchive img{object-fit:cover;width:100%;height:390px;transition:transform .65s;display:block}.photoarchive .featured img{height:560px}.photoarchive figure:hover img{transform:scale(1.04)}.photoarchive figcaption{gap:1rem;padding:1rem 1.2rem;font-weight:700;display:flex}.photoarchive figcaption span{color:var(--gold)}.servicedetailintro h2,.servicevisual h2{margin:0;font-size:clamp(2.3rem,4vw,4.5rem);font-weight:500;line-height:1.08}.detailgrid{grid-template-columns:repeat(4,1fr);padding-top:0;display:grid}.detailgrid article{border-inline-end:1px solid var(--line);background:#fff;min-height:290px;padding:3rem 2rem}.detailgrid b{color:var(--gold)}.detailgrid h3{margin-top:3rem;font-size:1.35rem}.detailgrid p{color:var(--muted);line-height:1.7}.servicevisual{background:var(--navy);color:#fff;grid-template-columns:1.2fr 1fr;padding:0;display:grid}.servicevisual img{object-fit:cover;width:100%;height:620px}.servicevisual>div{flex-direction:column;justify-content:center;align-items:flex-start;padding:6vw;display:flex}.servicevisual .btn{margin-top:2rem}@media (max-width:900px){.photoarchive{grid-template-columns:1fr 1fr}.photoarchive figure.featured{grid-column:span 2}.detailgrid{grid-template-columns:1fr 1fr}.servicevisual{grid-template-columns:1fr}.servicevisual img{height:430px}}@media (max-width:560px){.photoarchive{grid-template-columns:1fr}.photoarchive figure.featured{grid-column:auto}.photoarchive img,.photoarchive .featured img{height:320px}.detailgrid{grid-template-columns:1fr}.servicevisual img{height:320px}}.projectstream{background:#fff;padding-inline:0;overflow:hidden}.projectstream .sectionhead,.projectstream>.textlink{margin-inline:8vw}.imagebelt{gap:12px;width:max-content;margin:4rem 0 2rem;animation:70s linear infinite imagebelt;display:flex}.ar .imagebelt{animation-direction:reverse}.imagebelt:hover{animation-play-state:paused}.imagebelt img{object-fit:cover;flex:none;width:320px;height:420px}.imagebelt img:nth-child(4n+1){width:520px}@keyframes imagebelt{to{transform:translate(calc(-50% - 6px))}}.gallerycta{background:var(--navy);color:#fff;grid-template-columns:1fr 1fr;align-items:end;gap:3rem;display:grid}.gallerycta h2{margin:0;font-size:clamp(2.3rem,4vw,4.6rem);line-height:1.05}.gallerycta p{color:#c2cdd3;font-size:1.1rem;line-height:1.8}.gallerycta .btn{justify-self:start}.photoarchive figure{cursor:zoom-in}.lightbox{z-index:100;cursor:zoom-out;background:#020b12ed;border:0;place-items:center;padding:4vh 4vw;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:92vw;max-height:92vh;box-shadow:0 25px 80px #000}.lightbox span{color:#fff;font-size:3rem;font-weight:200;position:absolute;top:22px;right:30px}.ar .lightbox span{left:30px;right:auto}.serviceproof{background:#fff}.servicephotogrid{grid-template-columns:repeat(4,1fr);grid-auto-rows:290px;gap:12px;margin:4rem 0 1.5rem;display:grid}.servicephotogrid figure{margin:0;overflow:hidden}.servicephotogrid figure.large{grid-column:span 2}.servicephotogrid img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.servicephotogrid figure:hover img{transform:scale(1.035)}@media (max-width:900px){.gallerycta{grid-template-columns:1fr}.servicephotogrid{grid-template-columns:1fr 1fr}.imagebelt img{width:260px;height:340px}.imagebelt img:nth-child(4n+1){width:400px}}@media (max-width:560px){.servicephotogrid{grid-template-columns:1fr;grid-auto-rows:300px}.servicephotogrid figure.large{grid-column:auto}.imagebelt img,.imagebelt img:nth-child(4n+1){width:78vw;height:380px}.projectstream .sectionhead,.projectstream>.textlink{margin-inline:6vw}.gallerylead .gallerycount{flex-direction:column;align-items:flex-start}.gallerycount span{padding-bottom:0}}@media (prefers-reduced-motion:reduce){.imagebelt{animation:none;overflow-x:auto}.photoarchive img,.servicephotogrid img{transition:none}}.hero-slider{isolation:isolate;background:var(--navy);position:relative;overflow:hidden}.hero-slides,.hero-slide,.hero-shade{position:absolute;inset:0}.hero-slides{z-index:-3}.hero-slide{opacity:0;transition:opacity 1.35s;overflow:hidden}.hero-slide.is-active{opacity:1;z-index:1}.hero-slide img{object-fit:cover;filter:saturate(.92)contrast(1.03);width:100%;height:100%;transform:scale(1.02)}.hero-slide.is-active img{animation:6.6s ease-out forwards heroZoom}.hero-shade{z-index:-1;background:linear-gradient(90deg,#041321f2 7%,#041321b8 52%,#04132135)}.ar .hero-shade{background:linear-gradient(270deg,#041321f2 7%,#041321b8 52%,#04132135)}@keyframes heroZoom{0%{transform:scale(1.015)}to{transform:scale(1.085)}}.hero-slider .herocopy{z-index:2;animation:1s cubic-bezier(.2,.7,.2,1) both heroCopyIn;position:relative}.hero-slider .herocopy h1 span{opacity:0;animation:.9s cubic-bezier(.2,.75,.2,1) forwards heroLineIn;transform:translateY(34px)}.hero-slider .herocopy h1 span:first-child{animation-delay:.12s}.hero-slider .herocopy h1 span:nth-child(2){animation-delay:.25s}@keyframes heroCopyIn{0%{opacity:0}to{opacity:1}}@keyframes heroLineIn{to{opacity:1;transform:none}}.hero-dots{z-index:3;gap:.55rem;display:flex;position:absolute;bottom:3.2rem;right:6vw}.ar .hero-dots{left:6vw;right:auto}.hero-dots button{cursor:pointer;background:#fff6;border:0;width:26px;height:3px;padding:0;transition:width .35s,background .35s}.hero-dots button.active{background:var(--gold);width:58px}.scrollhint{z-index:2;color:#fff9;letter-spacing:.22em;font-size:.64rem;position:absolute;bottom:3rem;left:8vw}.ar .scrollhint{left:auto;right:8vw}.reveal{opacity:0;transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);transform:translateY(34px)}.reveal.revealed{opacity:1;transform:none}.servicegrid article.reveal:nth-child(2),.contentgrid article.reveal:nth-child(2){transition-delay:80ms}.servicegrid article.reveal:nth-child(3),.contentgrid article.reveal:nth-child(3){transition-delay:.16s}.servicegrid article.reveal:nth-child(4),.contentgrid article.reveal:nth-child(4){transition-delay:.24s}.pagehero>div{animation:.9s cubic-bezier(.2,.7,.2,1) .12s both pageHeroIn}.pagehero img{animation:8s ease-out both pageHeroZoom}@keyframes pageHeroIn{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes pageHeroZoom{0%{transform:scale(1.02)}to{transform:scale(1.08)}}@media (max-width:900px){.hero-dots{bottom:2rem}.scrollhint{display:none}.hero-shade{background:linear-gradient(90deg,#041321ed 5%,#041321a8 72%,#0413214d)}.ar .hero-shade{background:linear-gradient(270deg,#041321ed 5%,#041321a8 72%,#0413214d)}}@media (prefers-reduced-motion:reduce){.hero-slide,.hero-slide img,.hero-slider .herocopy,.hero-slider .herocopy h1 span,.pagehero img,.pagehero>div,.reveal{transition:none!important;animation:none!important;transform:none!important}.reveal{opacity:1}}.hero-slide:first-child img{object-position:50% 38%}
