@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&family=Noto+Kufi+Arabic:wght@300;400;500&display=swap');
:root{--sand:#f5e8d5;--terra:#b95737;--forest:#34443a;--ink:#352c27;--paper:#fffaf0}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;background:var(--sand);color:var(--ink);font:16px/1.85 'Noto Kufi Arabic',sans-serif}a{color:inherit;text-decoration:none}img{width:100%;height:100%;object-fit:cover;display:block}.wrap{width:min(1140px,calc(100% - 40px));margin:auto}.top{height:90px;display:flex;align-items:center;justify-content:space-between}.logo{font:700 1.7rem 'El Messiri';color:var(--terra)}.nav{display:flex;gap:26px;font-size:.86rem}.nav a[aria-current]{color:var(--terra)}.book{background:var(--forest);color:white;border-radius:999px;padding:10px 19px}.cover{min-height:680px;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.cover img{height:590px;border-radius:46% 46% 6px 6px}.scribble{color:var(--terra);font-family:'El Messiri';font-size:1.1rem}.cover h1{font:600 clamp(3.2rem,7vw,6.5rem)/1.25 'El Messiri';margin:12px 0}.cover p{color:#6f5d51}.section{padding:95px 0}.heading{max-width:740px;margin-bottom:45px}.heading h2{font:600 3.7rem/1.3 'El Messiri';margin:8px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--paper);padding:12px 12px 25px}.card img{height:330px}.card h3{font:600 1.5rem 'El Messiri';margin:16px 10px 4px}.card p{color:#746256;font-size:.9rem;margin:0 10px}.story{background:var(--forest);color:white;padding:100px 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story img{height:520px}.story h2{font:600 3.5rem/1.3 'El Messiri';margin:10px 0}.story p{color:#d4ddd6}.list{display:grid;gap:12px;margin-top:24px}.list div:before{content:'✦';color:#f4b799;margin-left:10px}.cta{background:var(--terra);color:white;padding:70px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center}.cta h2{font:600 3rem 'El Messiri';margin:0}.cta a{background:var(--paper);color:var(--ink);padding:13px 22px}.foot{background:var(--forest);color:white;padding:27px 0;font-size:.82rem}.foot .wrap{display:flex;justify-content:space-between}@media(max-width:760px){.nav{display:none}.cover,.story-grid{grid-template-columns:1fr;gap:35px}.cover{padding:50px 0}.cover img{height:500px}.cards{grid-template-columns:1fr}.heading h2,.story h2{font-size:2.8rem}.cta .wrap,.foot .wrap{display:grid;gap:20px}}
