.demo-namaq{color:#111;background:#f8f8f5}.namaq-nav{grid-template-columns:1fr auto auto;align-items:center;gap:2rem;padding:1.2rem 2rem;display:grid}.namaq-nav b{font:700 1.7rem Alexandria}.namaq-nav span{font:.65rem Geist}.namaq-hero{grid-template-columns:.8fr 1.2fr;gap:2rem;min-height:100svh;padding:3rem;display:grid;position:relative}.namaq-copy{flex-direction:column;justify-content:center;display:flex}.namaq-copy>span{color:#1769ff;font:.65rem Geist}.namaq-copy h1{margin:1rem 0;font:600 clamp(3.5rem,7vw,7.5rem)/.95 Alexandria}.namaq-copy h1 em{color:#ff4d8d;font-style:normal}.namaq-panels{border:1px solid #111;min-height:calc(100svh - 8rem);overflow:hidden}.namaq-panels>div{height:100%}.namaq-panels nav{direction:rtl}.namaq-system{background:#111;grid-template-rows:1fr 1fr;grid-template-columns:1.2fr .8fr .8fr;gap:1rem;padding:6rem 2rem;display:grid}.namaq-pixel{grid-row:1/3;border:0!important;border-radius:0!important;width:100%!important}.namaq-purpose{color:#fff;background:#1769ff;flex-direction:column;justify-content:space-between;padding:2rem;display:flex;position:absolute;inset:0}.namaq-purpose b{font:700 clamp(2rem,5vw,5rem) Alexandria}.purpose-list,.purpose-image,.purpose-motion{color:#111;min-height:20rem;padding:2rem}.purpose-list{background:#ffb800}.purpose-list h2{border-block-end:1px solid #111;padding:.5rem 0;font:600 2rem Alexandria}.purpose-image{background:#20c768}.purpose-motion{background:#f8f8f5;grid-column:2/4}.purpose-motion>div{gap:1rem;margin-block-start:5rem;display:flex}.purpose-motion i{background:#1769ff;flex:1;height:4rem;animation:2s infinite alternate panelPulse;display:block}.purpose-motion i:nth-child(2){background:#ff4d8d;animation-delay:.4s}.purpose-motion i:nth-child(3){background:#20c768;animation-delay:.8s}@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)}.namaq-panels{min-height:64vh}.namaq-system{grid-template-rows:auto;grid-template-columns:1fr}.namaq-pixel,.purpose-motion{grid-area:auto}}@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}.rusukh-hero,.mizan-hero,.safa-hero,.sanad-hero,.mazaq-hero,.namaq-hero{padding:1.5rem}.namaq-panels{min-height:31rem}}.purpose-image{isolation:isolate;position:relative;overflow:hidden}.purpose-image>img{object-fit:cover}.purpose-image:after{content:"";background:linear-gradient(#0000,#1119);position:absolute;inset:0}.purpose-image>span,.purpose-icons{z-index:2;position:relative}.purpose-icons{gap:.45rem;display:flex;position:absolute;inset:auto 1rem 1rem}.purpose-icons svg{color:#111;background:#f8f8f5;width:2.2rem;height:2.2rem;padding:.55rem}.demo-namaq{font-family:IBM Plex Sans Arabic,Arial,sans-serif}