.demo-photo{background-color:#bbb;background-position:50%;background-size:cover;position:relative;overflow:hidden}.demo-photo:after{content:"";background:linear-gradient(135deg,#0000 40%,#0003);position:absolute;inset:0}.architecture-1{clip-path:polygon(5% 15%,95% 0,100% 85%,0 100%);background:linear-gradient(125deg,#dbe9f5 0 40%,#fff 40% 58%,#17324e 58%)}.architecture-2{clip-path:polygon(0 0,78% 12%,100% 100%,12% 90%);background:repeating-linear-gradient(110deg,#f8fbff 0 8%,#8ba9c4 8% 10%)}.architecture-3{background:linear-gradient(135deg,#062449 50%,#58dfff 50% 52%,#f8fbff 52%)}.madmak-projects .demo-photo{height:min(72vw,48rem)}.madmak-projects .demo-photo span,.madmak-projects .demo-photo i{z-index:2;color:#111;background:#ff5718;padding:.5rem;font:700 .65rem Geist;position:absolute;inset:1rem auto auto 1rem}.madmak-projects .demo-photo i{inset:auto 1rem 1rem auto}.demo-madar{color:#fafcff;background:#1259d6}.madar-hero{height:100svh;min-height:720px;position:relative;overflow:hidden}.blueprint-source{opacity:.18;filter:contrast(2);position:absolute;inset:-24%}.blueprint-source section{height:140vh!important}.madar-hero:after{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#58dfff44 1px,#0000 1px),linear-gradient(#58dfff44 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:5vw 5vw;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:5rem}.madar-hero nav{z-index:3;border-block-end:1px solid #58dfff66;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;padding:1.2rem 2rem;display:grid;position:relative}.madar-hero nav b{font:700 1.2rem Alexandria}.madar-hero nav span{font:600 .62rem Geist,monospace}.madar-hero nav button{color:#fff;background:0 0;border:1px solid #58dfff;gap:.5rem;padding:.5rem;display:flex}.madar-copy{z-index:3;position:absolute;inset:50% clamp(2rem,6vw,7rem) auto auto;translate:0 -45%}.madar-copy>span,.blueprint-corner{color:#58dfff;font:600 .65rem Geist,monospace}.madar-copy h1{margin:1rem 0;font:600 clamp(4rem,10vw,10rem)/.92 Alexandria}.madar-copy h1 em{color:#58dfff;font-style:normal}.madar-copy p{max-width:30rem}.blueprint-corner{z-index:3;text-align:left;direction:ltr;position:absolute;inset:auto auto 2rem 2rem}.madar-layers{border-block:1px solid #58dfff66;grid-template-columns:8rem repeat(4,1fr);display:grid}.madar-layers>span{padding:2rem;font:600 .65rem Geist}.madar-layers article{border-inline-start:1px solid #58dfff66;min-height:18rem;padding:2rem}.madar-layers article b{color:#58dfff}.madar-layers h2{margin-block-start:5rem;font:600 2rem Alexandria}.madar-projects{color:#07162f;background:#fafcff;padding:6rem clamp(1.2rem,4vw,4rem)}.madar-projects article{grid-template-columns:1.5fr .5fr;align-items:end;gap:2rem;margin-block-end:8rem;display:grid}.madar-projects article:nth-child(2n){grid-template-columns:.5fr 1.5fr}.madar-projects article:nth-child(2n) .demo-photo{grid-column:2}.madar-projects .demo-photo{height:40rem}.annotation{z-index:2;border:1px solid #1259d6;padding:.5rem;font:600 .6rem Geist;position:absolute;inset:1rem 1rem auto auto}.madar-projects h2{font:600 2.8rem Alexandria}.property-card .demo-photo{height:100%}.rowa-properties .demo-photo{height:32rem}.nasej-reel .demo-photo{height:65vh}.mazaq-story .demo-photo{min-height:70vh}.rihla-hero>.demo-photo{position:absolute;inset:0}.rihla-hero>.demo-photo:after{background:linear-gradient(90deg,#063b57bb,#0000 65%)}.rihla-chapter .demo-photo{grid-area:1/2/3;height:48rem}.rihla-rooms .demo-photo{height:60vh}.rihla-journal .demo-photo{min-height:70vh}.ronq-products .demo-photo{height:32rem}.ronq-look .demo-photo{min-height:80vh}@media (max-width:900px){.rusukh-nav div,.mithaq-margin,.mithaq-nav,.madmak-hero nav span,.madar-hero nav span,.wasl-hero nav>span,.mizan-nav>span,.rowa-hero nav span,.nasej-nav span,.masar-hero nav>span,.safa-nav span,.sanad-nav span,.athar-hero nav span,.luma-hero nav span,.rihla-hero nav span,.shift-nav span,.ronq-nav>div,.namaq-nav span{display:none}.madmak-copy h1,.madar-copy h1,.wasl-copy h1,.mizan-hero h1,.rowa-title,.nasej-title h1,.masar-copy h1,.safa-copy h1,.sanad-hero h1,.athar-copy h1,.nexa-copy h1,.mazaq-copy h1,.luma-copy h1,.rihla-title,.shift-copy h1,.ronq-copy h1,.namaq-copy h1{font-size:clamp(3.6rem,15vw,6.4rem)}.madar-layers,.wasl-services,.safa-services,.luma-specialties{grid-template-columns:repeat(2,1fr)}.madar-layers>span{grid-column:1/-1}.madar-projects article,.madar-projects article:nth-child(2n){grid-template-columns:1fr}.madar-projects article:nth-child(2n) .demo-photo{grid-column:1}.nasej-reel .demo-photo{height:55vh}.rihla-chapter .demo-photo{grid-area:auto/1;height:30rem}}@media (max-width:520px){.rusukh-nav,.madmak-hero nav,.madar-hero nav,.wasl-hero nav,.mizan-nav,.rowa-hero nav,.nasej-nav,.masar-hero nav,.safa-nav,.sanad-nav,.athar-hero nav,.luma-hero nav,.rihla-hero nav,.shift-nav,.ronq-nav,.namaq-nav{grid-template-columns:1fr auto;padding-inline:1rem}.madmak-hero,.madar-hero,.rowa-hero,.masar-hero,.luma-hero,.rihla-hero,.shift-hero{min-height:680px}.madmak-projects .demo-photo,.madar-projects .demo-photo{height:24rem}.madar-layers,.wasl-services,.safa-services,.luma-specialties{grid-template-columns:1fr}}.demo-photo{background-position:50%;background-repeat:no-repeat;background-size:cover}.architecture-1{clip-path:none!important;background-image:linear-gradient(#1259d622,#1259d622),url(/media/architecture-1.webp)!important}.architecture-2{clip-path:none!important;background-image:linear-gradient(#1259d622,#1259d622),url(/media/architecture-2.webp)!important}.architecture-3{background-image:linear-gradient(#1259d622,#1259d622),url(/generated/architecture.jpg)!important}.demo-photo{isolation:isolate}.demo-photo>*{z-index:2;position:relative}.demo-madar{font-family:IBM Plex Sans Arabic,Arial,sans-serif}