@font-face{font-family:AtharSans;src:url('/assets/notosansarabic.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:AtharNaskh;src:url('/assets/notonaskharabic.woff2') format('woff2');font-weight:400 700;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f4f0e8;--ink:#343b2a;--muted:#777b6d;--line:#343b2a24;--rust:#a66e50;--serif:AtharNaskh,serif;--sans:AtharSans,Tahoma,sans-serif;scroll-behavior:smooth;scroll-padding-top:35px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible{outline:2px solid var(--rust);outline-offset:6px}::selection{color:var(--paper);background:var(--ink)}.site-shell{max-width:1440px;margin:auto;padding:0 64px}.skip{position:fixed;top:-100px;right:20px;padding:12px;background:var(--ink);color:var(--paper);z-index:10}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;min-height:119px;border-bottom:1px solid var(--line);gap:20px}.brand{display:block;padding:13px 0}.brand img{display:block;width:105px;height:64px;object-fit:contain}.header nav{display:flex;align-items:center;gap:32px;font-size:12px}.header nav>a{padding:10px 0}.header nav>a:hover{color:var(--rust)}.nav-contact{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--ink)}.hero{padding:75px 0 60px;display:grid;grid-template-columns:.88fr 1.4fr;gap:35px;align-items:center}.hero-copy{padding:0 0 15px}.eyebrow{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 20px}.hero-copy>.eyebrow{margin-bottom:10px}.soon{display:flex;align-items:center;gap:9px;color:var(--rust);font-size:13px;margin:0 0 22px}.soon-line{width:27px;height:1px;background:var(--rust)}h1,h2,h3,p{font-weight:400}h1{font:500 clamp(41px,4.3vw,67px)/1.5 var(--serif);margin:0 0 17px}em{font-style:normal;color:var(--rust)}.intro{max-width:370px;font-size:13px;line-height:2.2;color:#656b5b;margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 19px;min-height:50px;border:1px solid var(--ink);border-radius:3px;font-size:12px;transition:background .2s,color .2s}.primary{background:var(--ink);color:#faf6ec}.primary:hover{background:#48523a}.hero-note{font-size:10px;color:var(--muted);margin-top:17px}.concept{margin:0;min-width:0}.concept-button{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;border-radius:0;overflow:visible;text-align:inherit}.concept-button>img{display:block;width:100%;height:auto}.expand{position:absolute;bottom:13px;left:13px;display:flex;gap:9px;align-items:center;background:#f4f0e8ed;backdrop-filter:blur(6px);color:var(--ink);border:1px solid #343b2a22;padding:9px 12px;border-radius:3px;font-size:10px}.expand svg{width:14px;height:14px}.concept figcaption{display:flex;justify-content:space-between;gap:10px;font-size:9px;line-height:1.8;color:var(--muted);padding-top:12px}.section{display:grid;grid-template-columns:.88fr 1.4fr;gap:35px;padding:65px 0;border-top:1px solid var(--line)}.section-heading h2{font:500 clamp(34px,3.2vw,47px)/1.5 var(--serif);margin:0}.section-heading .eyebrow{margin-bottom:16px}.lead{font-size:17px;line-height:2;max-width:590px;margin:0 0 29px}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.index{font-size:10px;color:var(--rust)}.features h3{font:500 24px/1.5 var(--serif);margin:13px 0 9px}.features p{font-size:11px;line-height:2.1;color:#757a6b;margin:0}.waqf{display:grid;grid-template-columns:68px 1fr auto;gap:28px;align-items:center;background:#e9e7dd;border:1px solid var(--line);border-radius:5px;padding:35px 38px;margin:0 0 8px}.waqf-mark svg{width:65px;height:85px;stroke:#9c8f70;stroke-width:.8}.waqf h2{font:500 34px/1.6 var(--serif);margin:0 0 7px}.waqf .eyebrow{margin:0;color:#7e775e;font-size:10px}.waqf p:last-child{max-width:685px;font-size:12px;line-height:2.1;color:#6a705e;margin:0}.waqf-side{font:400 24px var(--serif);color:#948b74;white-space:nowrap}.principles{border-top:0}.principles ul{list-style:none;margin:0;padding:0}.principles li{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start;border-top:1px solid var(--line);padding:15px 0;font-size:12px}.principles li>span{font-weight:500}.principles li p{color:var(--muted);line-height:1.9;margin:0;font-size:11px}.replicate-body>p:not(.lead){font-size:13px;line-height:2.2;color:#717667;max-width:580px;margin:0 0 27px}.replicate .lead{font-size:21px}.email{display:inline-block;direction:ltr;margin-right:20px;font:12px Manrope,sans-serif;border-bottom:1px solid var(--line);padding:5px 0}.replicate-body>p.contact-note{font-size:10px;margin:15px 0 0}footer{display:flex;gap:24px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:26px 0 32px}.footer-brand{font:500 26px var(--serif);display:flex;align-items:center;gap:13px}.footer-brand span{font:8px Manrope,sans-serif;letter-spacing:1.2px;color:var(--muted)}footer>p{font-size:11px;color:var(--muted)}.athari-credit{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.athari-credit span{font:11px Manrope,sans-serif}.athari-credit svg{width:12px;height:12px}dialog{max-width:1200px;width:calc(100% - 40px);max-height:94svh;border:1px solid var(--line);border-radius:8px;padding:20px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#172014c9;backdrop-filter:blur(8px)}.dialog-header{display:flex;justify-content:space-between;gap:20px;align-items:start}.dialog-header h2{font:500 29px var(--serif);margin:0 0 3px}.dialog-header p,.dialog-note{font-size:10px;line-height:1.9;color:var(--muted);margin:0 0 14px}.close{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:none;color:var(--ink)}.plan-scroll{overflow:auto;border:1px solid var(--line);border-radius:4px;max-height:72svh;direction:ltr}.plan-scroll img{display:block;width:100%;height:auto;min-width:800px}.dialog-note{margin:12px 0 0;font-size:9px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.hero{gap:52px}}@media(max-width:1050px){.site-shell{padding:0 36px}.hero,.section{grid-template-columns:.9fr 1.2fr;gap:25px}.hero{padding:55px 0}.hero h1{font-size:45px}.features{gap:14px}.features h3{font-size:22px}.waqf{padding:25px;grid-template-columns:50px 1fr;gap:20px}.waqf-side{display:none}.waqf-mark svg{width:48px}.principles li{grid-template-columns:140px 1fr}.email{display:block;margin:15px 0 0;width:max-content}.lead{font-size:15px}.replicate .lead{font-size:18px}}
@media(max-width:760px){.site-shell{padding:0 23px}.header{min-height:98px}.brand img{width:87px;height:53px}.header nav{gap:19px;font-size:10px}.header nav>a:first-child{display:none}.nav-contact{gap:9px}.nav-contact svg{width:15px}.hero{grid-template-columns:1fr;gap:27px;padding:43px 0 36px}.hero-copy{padding:0}.eyebrow{font-size:10px}.soon{font-size:12px;margin-bottom:15px}.hero h1{font-size:52px;line-height:1.35;margin-bottom:18px}.intro{font-size:12px;max-width:370px;line-height:2.15;margin-bottom:23px}.button{min-height:48px;font-size:11px;padding:11px 16px}.hero-note{font-size:9px}.concept{margin-inline:-12px}.concept figcaption{font-size:8px;padding-inline:3px}.expand{font-size:9px;bottom:9px;left:9px;padding:7px 9px}.section{grid-template-columns:1fr;gap:25px;padding:39px 0}.section-heading h2{font-size:35px;line-height:1.35}.section-heading h2 br{display:none}.section-heading .eyebrow{margin-bottom:11px}.lead{font-size:15px;margin-bottom:23px;line-height:2}.features{gap:14px;grid-template-columns:1fr}.features article{display:grid;grid-template-columns:24px 85px 1fr;gap:10px;align-items:start;border-top:1px solid var(--line);padding-top:15px}.features h3{font-size:21px;margin:0}.features .index{padding-top:5px}.features p{font-size:10px}.waqf{margin:0 -4px;padding:24px 19px;grid-template-columns:1fr;gap:9px}.waqf-mark{display:none}.waqf h2{font-size:29px}.waqf p:last-child{font-size:11px;line-height:2.2}.principles{padding-top:39px}.principles li{grid-template-columns:125px 1fr;gap:12px;font-size:11px}.principles li p{font-size:10px}.replicate .lead{font-size:18px}.replicate-body>p:not(.lead){font-size:12px}.email{font-size:11px}.replicate-body>p.contact-note{font-size:9px}footer{flex-wrap:wrap;gap:8px 20px;padding:22px 0}.footer-brand{font-size:23px;gap:10px}.footer-brand span{font-size:7px}footer>p{font-size:9px}.athari-credit{width:100%;font-size:9px}.athari-credit span{font-size:10px}dialog{width:calc(100% - 20px);padding:15px}.dialog-header h2{font-size:25px}.dialog-header p{font-size:9px;max-width:235px}.plan-scroll img{min-width:950px}.dialog-note{font-size:8px}}
@media(max-width:360px){.site-shell{padding-inline:18px}.hero h1{font-size:46px}.header nav{gap:13px}.features article{grid-template-columns:20px 76px 1fr;gap:8px}.principles li{grid-template-columns:112px 1fr}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}

/* The building cutout sits directly on the page, without an image card. */
.concept-button>img{background:transparent}.concept-button .expand{bottom:4px;left:4px;padding:8px;background:transparent;border-color:#343b2a20;backdrop-filter:none}.plan-scroll{border:0;background:transparent}

/* Short copy and a single authenticated prophetic quotation. */
.hadith{margin:24px 0 0;border-inline-start:1px solid var(--line);padding-inline-start:14px}.hadith p{font:400 20px/1.7 var(--serif);margin:0 0 5px;color:var(--ink)}.hadith cite{font-style:normal;font-size:9px;color:var(--muted)}.hadith cite a{border-bottom:1px solid var(--line);padding-bottom:2px}.waqf{grid-template-columns:68px 1fr;margin-top:4px}.principles{align-items:center}.principles ul{max-width:580px}.replicate .lead{font-size:17px;line-height:2}.section{padding-block:45px}@media(max-width:760px){.header nav>a:first-child{display:block}.hadith{margin-top:22px}.hadith p{font-size:19px}.waqf{grid-template-columns:1fr}.section{padding-block:32px}.replicate .lead{font-size:15px}}