.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}.food-1{background:radial-gradient(circle at 50% 52%,#ffc928 0 14%,#f2382a 14% 22%,#33130e 22% 31%,#fff1d6 31%)}.food-2{background:radial-gradient(circle at 46% 47%,#fff1d6 0 11%,#6a331f 11% 17%,#ffba20 17% 26%,#f2382a 26%)}.food-3{background:conic-gradient(from 30deg,#f2382a,#ffc928,#fff1d6,#f2382a)}.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}.property-card .demo-photo{height:100%}.rowa-properties .demo-photo{height:32rem}.nasej-reel .demo-photo{height:65vh}.demo-mazaq{color:#111;background:#fff1d6}.mazaq-nav{grid-template-columns:1fr auto auto;align-items:center;gap:2rem;padding:1.2rem 2rem;display:grid}.mazaq-nav b{color:#f2382a;font:700 2rem "Baloo Bhaijaan 2",Alexandria}.mazaq-nav>div{gap:1.5rem;display:flex}.mazaq-nav a{font-size:.76rem}.mazaq-hero{grid-template-columns:1fr 1fr;align-items:center;min-height:90vh;padding:clamp(2rem,5vw,5rem);display:grid;position:relative}.food-plate{filter:drop-shadow(0 2rem 2rem #8c271933);justify-self:center;width:min(40vw,40rem)}.food-pixel{background:#ffc928!important;border:0!important;border-radius:50%!important;width:100%!important}.mazaq-copy>span{color:#f2382a;font:.65rem Geist}.mazaq-copy h1{margin:1rem 0;font:700 clamp(4rem,8vw,8rem)/.9 "Baloo Bhaijaan 2",Alexandria}.mazaq-copy h1 em{color:#f2382a;font-style:normal}.mazaq-menu{border-block-start:1px solid #111;grid-template-columns:repeat(2,1fr);display:grid}.mazaq-menu article{border-block-end:1px solid #111;border-inline-start:1px solid #111;min-height:25rem;padding:3rem;position:relative}.mazaq-menu h2{font:700 3rem "Baloo Bhaijaan 2"}.mazaq-menu article>div{align-items:center;gap:1rem;padding:.8rem 0;display:flex}.mazaq-menu article i{background:#111;flex:1;height:1px}.menu-no{color:#ffc928;font:800 8rem Geist;position:absolute;inset:auto auto 1rem 1rem}.mazaq-story{grid-template-columns:1.2fr .8fr;min-height:70vh;display:grid}.mazaq-story .demo-photo{min-height:70vh}.mazaq-story>div:last-child{flex-direction:column;justify-content:center;padding:5rem;display:flex}.mazaq-story h2{font:700 clamp(3rem,6vw,6rem) "Baloo Bhaijaan 2"}.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-hero,.safa-hero,.mazaq-hero,.rihla-chapter,.shift-focus,.ronq-hero,.ronq-look,.namaq-hero{grid-template-columns:1fr}.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}.nasej-reel .demo-photo{height:55vh}.food-plate{grid-row:2;width:80vw}.mazaq-menu,.mazaq-story{grid-template-columns:1fr}.rihla-chapter .demo-photo{grid-area:auto/1;height:30rem}}@media (max-width:520px){.rusukh-hero,.mizan-hero,.safa-hero,.sanad-hero,.mazaq-hero,.namaq-hero{padding:1.5rem}.madmak-projects .demo-photo,.madar-projects .demo-photo{height:24rem}.mazaq-nav>div{display:none}.mazaq-menu article{padding:2rem 1rem}}.demo-photo{background-position:50%;background-repeat:no-repeat;background-size:cover}.food-1{background-image:url(/media/food-1.webp)!important}.food-2{background-image:url(/media/food-2.webp)!important}.food-3{background-image:url(/media/food-3.webp)!important}.food-4{background-image:url(/media/food-4.webp)!important}.demo-photo{isolation:isolate}.demo-photo>*{z-index:2;position:relative}.demo-mazaq{font-family:Tajawal,Arial,sans-serif}