.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}.property-1{background:linear-gradient(160deg,#8dc9e5 0 45%,#f2ede4 45% 65%,#2d664d 65%)}.property-2{background:linear-gradient(140deg,#b9d7e5 0 38%,#fff 38% 70%,#745a46 70%)}.property-3{background:linear-gradient(120deg,#bad6d0 0 45%,#405a48 45% 55%,#e8e5df 55%)}.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}.madar-projects article:nth-child(2n) .demo-photo{grid-column:2}.madar-projects .demo-photo{height:40rem}.demo-rowa{color:#10261e;background:#ecf2ef}.rowa-hero{color:#fff;background:#0a593c;height:100svh;min-height:720px;position:relative;overflow:hidden}.rowa-hero nav{z-index:4;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;padding:1.3rem 2rem;display:grid;position:relative}.rowa-hero nav b{font:700 1.5rem Noto Kufi Arabic,Alexandria}.rowa-hero nav span{font:.65rem Geist,monospace}.rowa-hero nav button{color:#fff;background:0 0;border:0}.rowa-gallery{direction:ltr;justify-content:center;align-items:center;gap:2vw;display:flex;position:absolute;inset:5rem 0 0}.property-card{height:70vh;transition:all .4s}.property-main{width:48vw;transform:perspective(1000px)rotateY(0)}.property-side{opacity:.5;width:22vw;transform:perspective(1000px)rotateY(18deg)scale(.86)}.property-card .demo-photo{height:100%}.property-card>div:last-child{z-index:2;color:#fff;display:grid;position:absolute;inset:auto 1rem 1rem}.rowa-copy{z-index:5;pointer-events:none;position:absolute;inset:50% clamp(1.5rem,5vw,5rem) auto auto;translate:0 -50%}.rowa-title{max-width:700px;margin:1.2rem 0;font:600 clamp(3rem,7vw,7rem)/1 Noto Kufi Arabic}.rowa-controls{z-index:6;direction:ltr;align-items:center;gap:1rem;display:flex;position:absolute;inset:auto auto 1.5rem 1.5rem}.rowa-controls button{color:#fff;background:0 0;border:1px solid #fff;padding:.5rem}.rowa-story{padding:9rem clamp(1.2rem,7vw,8rem)}.rowa-story>span{color:#0a593c;font:.65rem Geist}.rowa-story h2{max-width:1100px;margin:3rem 0;font:600 clamp(2.8rem,6vw,6.5rem)/1.1 Noto Kufi Arabic}.rowa-properties{padding:0 clamp(1.2rem,4vw,4rem) 7rem}.rowa-properties article{grid-template-columns:auto 1fr;gap:1rem;margin-block-end:3rem;display:grid}.rowa-properties .demo-photo{height:32rem}.rowa-properties h3{grid-column:2;font:600 2rem Noto Kufi Arabic}.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-projects article:nth-child(2n) .demo-photo{grid-column:1}.rowa-gallery{inset:5rem -40% 0}.property-main{width:78vw}.property-side{width:40vw}.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}.property-side{display:none}.property-main{width:88vw}.rowa-copy{inset:auto 1rem 5rem}}.demo-photo{background-position:50%;background-repeat:no-repeat;background-size:cover}.property-1{background-image:linear-gradient(#0a593c18,#0a593c18),url(/media/property-1.webp)!important}.property-2{background-image:linear-gradient(#0a593c18,#0a593c18),url(/media/property-2.webp)!important}.property-3{background-image:linear-gradient(#0a593c18,#0a593c18),url(/media/property-3.webp)!important}.property-4{background-image:linear-gradient(#0a593c18,#0a593c18),url(/media/property-4.webp)!important}.demo-photo{isolation:isolate}.demo-photo>*{z-index:2;position:relative}.demo-rowa{font-family:Noto Sans Arabic,Arial,sans-serif}