.demo-shift{color:#fff;background:#050505}.shift-nav{direction:ltr;border-block-end:1px solid #fff3;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;padding:1.1rem 2rem;display:grid}.shift-nav b{font:800 1.4rem Geist}.shift-nav span{font:.65rem Geist}.shift-nav button{color:#fff;background:0 0;border:1px solid #fff;padding:.5rem}.shift-hero{height:100svh;min-height:720px;position:relative;overflow:hidden}.metal-source{opacity:.6;position:absolute;inset:5% 22%}.car-silhouette{clip-path:polygon(4% 64%,15% 50%,29% 46%,38% 24%,61% 20%,78% 45%,94% 53%,99% 72%,91% 84%,11% 83%,0 74%);background:linear-gradient(#d0d3d8,#292b2e);position:absolute;inset:40% 9% 12%}.car-silhouette:before,.car-silhouette:after{content:"";aspect-ratio:1;background:#050505;border:12px solid #74787d;border-radius:50%;width:10%;position:absolute;inset:auto 18% -4% auto}.car-silhouette:after{inset:auto auto -4% 18%}.car-silhouette span{color:#050505;font:.65rem Geist;position:absolute;inset:1rem 1rem auto auto}.shift-copy{z-index:2;position:absolute;inset:18% clamp(1.5rem,5vw,5rem) auto auto}.shift-copy>span{color:#ff2929;font:.65rem Geist}.shift-copy h1{margin:1rem 0;font:700 clamp(4rem,8vw,9rem)/.88 Changa}.shift-copy h1 em{color:#ff2929;font-style:normal}.shift-specs{gap:2rem;font:.65rem Geist;display:flex;position:absolute;inset:auto clamp(1.5rem,4vw,4rem) 1rem auto}.shift-performance{padding:7rem clamp(1.2rem,5vw,6rem)}.shift-performance>span{color:#ff2929;font:.65rem Geist}.shift-performance article{border-block-end:1px solid #fff4;grid-template-columns:5rem 1fr 1fr;align-items:center;display:grid}.shift-performance h2{margin:1rem 0;font:700 clamp(3rem,6vw,6rem) Changa}.speed-line{background:linear-gradient(90deg,#ff2929,#0000);height:2px;transform:skew(-30deg)}.shift-focus{color:#050505;background:#d0d3d8;grid-template-columns:1.3fr .7fr;min-height:70vh;display:grid;position:relative}.shift-focus>.car-silhouette{margin:4rem;position:relative;inset:auto}.shift-focus>div:last-child{align-self:center;padding:3rem}.shift-focus h2{font:700 3rem Changa}@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}.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)}.shift-focus>.car-silhouette{min-height:20rem}}@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}.shift-specs{flex-direction:column;gap:.3rem}}.automotive-1{background-image:url(/media/automotive-1.webp)!important}.automotive-2{background-image:url(/media/automotive-2.webp)!important}.automotive-3{background-image:url(/media/automotive-3.webp)!important}.automotive-4{background-image:url(/media/automotive-4.webp)!important}.demo-shift .car-silhouette{clip-path:polygon(4% 20%,96% 8%,100% 90%,0 95%);background-image:linear-gradient(#0000,#050505aa);background-position:50%;background-size:cover}.demo-shift .car-silhouette img{object-fit:cover;z-index:0}.demo-shift .car-silhouette:after{z-index:1}.demo-shift .car-silhouette span{z-index:2;color:#fff;text-shadow:0 1px 10px #000}.demo-shift{font-family:Noto Sans Arabic,Arial,sans-serif}