.services-page{background:#03101e;color:#f6f2ed;overflow-x:clip}.services-page main{padding-top:140px;position:relative;background:linear-gradient(#03101e33,#03101e55),url('/assets/sections/navy-silk-v2.webp') center top/100% auto repeat-y}.services-page-intro{text-align:center;padding:12px 20px 20px}.services-page-intro h1{font:600 clamp(48px,6vw,78px)/1.25 ArabicDisplay,ArabicUI,sans-serif;margin:0 0 6px}.services-page-intro>p{font-size:20px;color:#bdc7d3;margin:0 0 24px}.service-jumps{display:flex;width:360px;max-width:100%;padding:4px;margin:auto;border:1px solid #5ca2c26b;border-radius:40px;background:#071d30a8}.service-jumps a{flex:1;padding:10px 14px;border-radius:30px;font-size:16px;color:#c9d6df}.service-jumps a.active{color:#002334;background:linear-gradient(135deg,#58e8ff,#1bb4e9);box-shadow:0 0 22px #11c4ff50,inset 0 0 0 1px #bdf9ff}.service-showcase{max-width:1180px;margin:auto;padding:22px 28px 34px;scroll-margin-top:126px}.showcase-layout{display:grid;grid-template-columns:330px minmax(0,1fr);align-items:center;gap:34px}.showcase-copy h2{font:600 clamp(34px,4vw,52px)/1.3 ArabicDisplay,ArabicUI,sans-serif;margin:4px 0 22px}.showcase-kicker{display:flex;align-items:center;gap:22px;color:#b8c7d4;font-size:15px;margin:0}.showcase-kicker:before{content:'';width:34px;height:2px;background:#59d9ef}.showcase-lead{font-size:17px;line-height:1.8;color:#bcc9d5;margin:0}.fitout-features{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:22px 0 0;gap:20px 12px}.fitout-features li{text-align:center;font-size:13px;line-height:1.55;color:#c9d6df}.fitout-features svg{display:block;width:37px;height:37px;margin:0 auto 8px;padding:8px;border:1px solid #adc1d1;border-radius:50%;fill:none;stroke:currentColor;stroke-width:1.2;overflow:visible}.showcase-deck{height:410px;position:relative;min-width:0;direction:ltr;perspective:1300px;padding:10px 3px 16px 18%}.deck-front,.deck-back{position:absolute;overflow:hidden;border:1px solid #b5d9e481;border-radius:15px;background:#0b1c29;box-shadow:0 15px 24px #0006}.deck-front{width:76%;height:94%;right:1%;top:1%;margin:0;transform:rotateY(-9deg) rotateZ(-1deg);z-index:3;border-inline-start:3px solid #76dfff}.deck-front>img,.deck-back img{width:100%;height:100%;object-fit:cover;display:block}.deck-back{width:65%;height:79%;left:4%;top:11%;transform:rotateY(18deg) rotateZ(-2deg);filter:brightness(.65)}.deck-back.back-0{left:12%;top:7%;height:85%;z-index:2;filter:brightness(.8)}.deck-badge{position:absolute;top:17px;right:17px;max-width:85%;padding:8px 15px;background:#051321cf;border:1px solid #91aab669;border-radius:13px;font-size:15px;direction:rtl}.deck-front .deck-caption{position:absolute;bottom:0;inset-inline:0;padding:40px 22px 18px;background:linear-gradient(transparent,#03101eed);text-align:start;direction:rtl}.deck-front h3{font-size:22px;line-height:1.5;margin:0 0 3px}.deck-front p{font-size:13px;line-height:1.7;color:#dae0e6;margin:0}.showcase-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.showcase-option{position:relative;isolation:isolate;overflow:hidden;border:1px solid #55738b80;border-radius:10px;min-height:125px;padding:70px 8px 12px;color:#f7f6f2;background:#081a2c;font:15px/1.5 ArabicUI,sans-serif;cursor:pointer;transition:border-color .2s,box-shadow .2s}.showcase-option img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.showcase-option:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,#03101ed9 70%,#03101e);z-index:-1}.showcase-option[aria-pressed=true]{border-color:#6be6ff;box-shadow:0 0 15px #2bc8fa42,inset 0 0 0 1px #6be6ff}.showcase-option:hover{border-color:#b3edff}.services-page button:focus-visible,.services-page a:focus-visible{outline:2px solid #85e6ff;outline-offset:4px}#construction{padding-top:36px;position:relative}#construction:before{content:'';position:absolute;top:0;inset-inline:28px;height:1px;background:linear-gradient(90deg,transparent,#53bbdd70,transparent)}#construction .showcase-deck{height:340px}.concept-note{text-align:center;font-size:12px;color:#94a9ba;margin:0 20px 24px}.services-cta{position:relative;text-align:center;padding:55px 20px 65px;background:linear-gradient(90deg,#03101e25,#03101ed9 35%,#03101ef2 60%,#03101e44),url('/assets/sections/villa-v1.webp') left 50%/55% auto no-repeat,url('/assets/sections/office-v1.webp') right 50%/55% auto no-repeat;isolation:isolate}.services-cta:before{content:'';position:absolute;inset:0;background:linear-gradient(#03101e,transparent 30%,transparent 70%,#03101e);z-index:-1}.services-cta h2{font:600 44px/1.4 ArabicDisplay,ArabicUI,sans-serif;margin:0}.services-cta p{color:#c3ced7;font-size:18px;margin:4px 0 18px}.services-cta a{display:inline-block;background:linear-gradient(135deg,#54e3f7,#13a9e0);border:1px solid #7deaff;color:#002234;border-radius:30px;padding:10px 40px;font-size:16px}.services-empty{text-align:center;padding:80px 24px}html[dir=ltr] .deck-front .deck-caption,html[dir=ltr] .deck-badge{direction:ltr}html[dir=ltr] .showcase-copy h2{font-size:42px}.services-page [hidden]{display:none!important}
@media(min-width:1500px){.service-showcase{max-width:1250px}.showcase-deck{height:440px}}
@media(max-width:900px){.services-page main{padding-top:98px}.services-page-intro h1{font-size:56px}.showcase-layout{grid-template-columns:260px minmax(0,1fr);gap:16px}.showcase-copy h2{font-size:36px}.showcase-deck{height:360px}.showcase-options{gap:8px}.showcase-option{font-size:13px;min-height:115px}.service-showcase{padding-inline:20px;scroll-margin-top:92px}.fitout-features{gap:14px 8px}.fitout-features li{font-size:12px}}
@media(max-width:650px){.services-page-intro{padding-bottom:14px}.services-page-intro h1{font-size:48px}.services-page-intro>p{font-size:16px}.showcase-layout{grid-template-columns:minmax(0,1fr);gap:18px}.showcase-copy h2{font-size:36px;margin-bottom:10px}.showcase-lead{font-size:16px}.showcase-deck,#construction .showcase-deck{height:clamp(285px,83vw,400px)}.fitout-features{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:18px;gap:8px}.fitout-features li{font-size:11px}.fitout-features svg{width:32px;height:32px;padding:6px}.showcase-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.showcase-option{min-height:105px;padding:60px 5px 8px;font-size:12px}.deck-front{width:82%}.deck-front .deck-caption{padding:30px 14px 14px}.deck-front h3{font-size:19px}.deck-front p{font-size:12px}.deck-badge{font-size:12px;padding:6px 10px;top:12px;right:10px}.service-showcase{padding:20px 16px 28px}.services-cta{padding:40px 18px 55px;background-size:auto,cover,cover}.services-cta h2{font-size:35px}.services-cta p{font-size:16px}html[dir=ltr] .showcase-copy h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.services-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.deck-front,.deck-back{transform:none}}