:root{--navy:#061626;--navy2:#0b2133;--gold:#b78336;--gold2:#e0bd72;--ink:#152538;--paper:#f3ead8;--paper2:#fffaf0;--sage:#6e8065;--plum:#573e61;--line:rgba(166,116,44,.34);--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit}.skip-link{position:fixed;left:12px;top:-60px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:12px}.site-header{height:84px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:0 3.5vw;background:rgba(4,17,30,.97);color:#f7ead0;border-bottom:1px solid rgba(205,153,65,.55);box-shadow:0 6px 24px rgba(0,0,0,.22)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--gold);border-radius:50%;color:var(--gold2);font-size:24px}.brand b{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:18px;font-weight:500}.brand small{display:block;color:#c9ac78;font-size:10px;letter-spacing:.08em}nav{display:flex;align-items:center;justify-content:center;gap:1.55vw;flex:1}nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.07em;font-size:12px;text-align:center;color:#f5e7cb;position:relative}nav a small{display:block;color:#9e8b69;font-size:8px;text-transform:none;letter-spacing:.04em}nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:-13px;height:2px;background:var(--gold);transition:.25s}nav a:hover::after,nav a.active::after{left:0;right:0}.join-button,.button{border:1px solid var(--gold);padding:10px 18px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font:600 11px var(--sans);border-radius:3px}.menu-toggle{display:none}.hero{min-height:calc(100vh - 84px);position:relative;display:grid;place-items:center;overflow:hidden;color:white;background:var(--navy)}.hero-art{position:absolute;inset:0;background:url("assets/arches.webp") center/cover no-repeat;filter:saturate(.85) brightness(.7)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,24,.88) 0%,rgba(3,13,24,.55) 52%,rgba(3,13,24,.2)),linear-gradient(0deg,rgba(2,12,21,.83),transparent 45%)}.hero-copy{position:relative;width:min(760px,86vw);justify-self:start;margin-left:8vw;margin-bottom:90px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font:500 12px var(--sans)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(56px,8vw,112px);line-height:.82;font-weight:500;max-width:760px;margin-bottom:30px;text-wrap:balance}h2{font-size:clamp(42px,5vw,70px);line-height:.95;font-weight:500;text-wrap:balance}h3{font-weight:600}.lead{font-size:clamp(20px,2.2vw,27px);max-width:690px}.hero-actions{display:flex;gap:14px;margin-top:32px}.button{display:inline-block;cursor:pointer}.button.primary{background:linear-gradient(#c99542,#8c5b19);color:#fff7e8;box-shadow:0 6px 20px rgba(0,0,0,.2)}.button.secondary{background:rgba(6,22,38,.66);color:#fff}.hero-principles{position:absolute;bottom:0;left:0;right:0;padding:20px 4vw;display:flex;justify-content:center;align-items:center;gap:26px;background:rgba(3,14,25,.9);border-top:1px solid rgba(183,131,54,.5);text-transform:uppercase;letter-spacing:.16em;color:#ead4ac;font-size:13px}.hero-principles i{width:34px;height:1px;background:var(--gold)}.parchment{background-color:var(--paper);background-image:radial-gradient(circle at 20% 10%,rgba(255,255,255,.75),transparent 25%),linear-gradient(90deg,rgba(119,80,27,.025) 1px,transparent 1px);background-size:auto,18px 18px}.section-pad{padding:110px max(5vw,24px)}.section-heading{text-align:center;max-width:880px;margin:0 auto 60px}.section-heading p:not(.eyebrow){font-size:21px}.section-heading.light{color:#f5ead4}.section-heading.light p{color:#d6c5a8}.five-steps{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.five-steps article{padding:30px 24px;text-align:center;border-right:1px solid var(--line)}.five-steps article:last-child{border:0}.five-steps b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--gold2);font:600 11px var(--sans)}.five-steps h3{margin:13px 0 4px;font-size:27px}.five-steps p{font-size:15px;margin:0}.split-section{display:grid;grid-template-columns:1fr 1fr;min-height:850px}.split-image{background-size:cover;background-position:center}.about-image{background-image:linear-gradient(0deg,rgba(4,20,34,.4),transparent),url("assets/about-page.webp");background-position:top center}.split-copy{padding:100px 8vw 80px 6vw}.split-copy blockquote{font-size:29px;line-height:1.25;margin:24px 0 34px;padding-left:24px;border-left:2px solid var(--gold)}.storyline{list-style:none;padding:0;margin:38px 0}.storyline li{display:grid;grid-template-columns:115px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.storyline b{color:#8a5a1c;text-transform:uppercase;letter-spacing:.08em}.navy{background:var(--navy);color:#f1e4ca;background-image:radial-gradient(circle at 85% 5%,rgba(40,80,100,.25),transparent 35%)}.ways-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(183,131,54,.4);border:1px solid rgba(183,131,54,.4)}.ways-grid article{padding:38px;background:#0a2032}.ways-grid span{color:var(--gold2);font-size:30px}.ways-grid h3{font-size:27px;margin:10px 0}.ways-grid p{color:#cbbda3;font-size:16px}.door-section{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:5vw}.door-copy{padding-left:4vw}.door-visual{max-height:760px;overflow:hidden;border:1px solid var(--gold);box-shadow:0 25px 60px rgba(38,29,14,.2)}.journey-line{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0}.journey-line span,.journey-line b{padding:7px 10px;border:1px solid var(--line);font:500 11px var(--sans);text-transform:uppercase}.journey-line b{background:var(--navy);color:var(--gold2)}.framework{background:#f7efdf}.framework-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.framework-grid article{padding:35px;border:1px solid var(--line);background:rgba(255,255,255,.5);text-align:center}.framework-grid article.featured{background:var(--navy);color:#f6e9cf;transform:translateY(-12px)}.roman{color:var(--gold);font:600 13px var(--sans);letter-spacing:.15em}.framework-grid h3{font-size:32px;margin-bottom:0}.framework-grid small{font-style:italic}.framework-grid article>p:last-child{font-size:18px;margin-top:28px}.process-ribbon{max-width:1080px;margin:55px auto 0;display:flex;justify-content:center;flex-wrap:wrap}.process-ribbon span{padding:10px 16px;border-bottom:1px solid var(--gold);text-transform:uppercase;letter-spacing:.1em;font:500 11px var(--sans)}.explore-section{background-image:linear-gradient(rgba(4,18,31,.96),rgba(4,18,31,.96)),url("assets/arches.webp")}.library-shell{max-width:1260px;margin:auto;padding:30px;background:#eadfc9;color:var(--ink);border:3px double #a8752e;box-shadow:0 24px 60px rgba(0,0,0,.36)}.library-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.library-toolbar input{width:min(420px,70vw);padding:13px 15px;border:1px solid #ae8e59;background:#fff9ed;font:16px var(--serif)}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.filter-pills button{border:1px solid #b79967;background:transparent;padding:9px 12px;font:500 11px var(--sans);cursor:pointer}.filter-pills button.active{background:var(--navy);color:white}.book-shelf{display:grid;grid-template-columns:repeat(9,1fr);gap:11px;align-items:end}.book{min-height:260px;padding:20px 8px;border:3px double rgba(220,180,90,.55);color:#f5e6bd;text-align:center;cursor:pointer;box-shadow:5px 8px 16px rgba(34,22,11,.25);transition:.25s}.book:hover,.book:focus{transform:translateY(-10px)}.book b{display:block;font-size:22px}.book strong{display:block;font-size:17px;margin-top:44px}.book small{font-style:italic}.navy-book{background:#08233a}.parchment-book{background:#e8d6ae;color:#34281d}.green-book{background:#214d42}.plum-book{background:#51344c}.teal-book{background:#14535a}.ochre-book{background:#8a6027}.russet-book{background:#6e3428}.book[hidden]{display:none}.library-note{text-align:center;margin:25px 0 0;font-size:14px;font-style:italic}.gallery-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.1fr .8fr 1.1fr;gap:24px}.gallery-grid figure{margin:0;padding:12px;background:#fff8ea;border:1px solid var(--line);box-shadow:0 16px 30px rgba(77,52,21,.12)}.gallery-grid img{height:410px;width:100%;object-fit:cover;object-position:top}.gallery-grid figcaption{text-align:center;padding:14px 4px 6px;font-style:italic}.join-section{padding:100px max(5vw,24px);background:#071827;color:#f0e3cb;display:grid;grid-template-columns:.75fr 1.25fr;gap:5vw;align-items:center}.join-copy{padding-left:4vw}.portal-preview{position:relative;border:1px solid var(--gold);box-shadow:0 24px 60px #000}.portal-preview span{position:absolute;right:0;bottom:0;padding:10px 16px;background:rgba(5,18,31,.92);font:500 10px var(--sans);text-transform:uppercase;letter-spacing:.1em;color:#e4c17c}footer{background:#030d17;color:#cdbb9d;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 5vw;border-top:1px solid var(--gold)}footer p{margin:0;font-size:14px;letter-spacing:.08em}footer>a{color:#d7bd89;font-size:14px}.footer-brand b{font-size:14px}dialog{max-width:720px;border:1px solid var(--gold);background:var(--paper2);color:var(--ink);padding:45px;box-shadow:0 25px 80px #0008}dialog::backdrop{background:#03101bd9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:32px;cursor:pointer}.dialog-steps{display:flex;gap:8px;flex-wrap:wrap}.dialog-steps span{padding:7px 12px;background:var(--navy);color:#f4e4c5;font:500 11px var(--sans);text-transform:uppercase}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1120px){.site-header nav{position:fixed;inset:84px 0 auto 0;background:#071827;padding:26px;display:none;grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--gold)}.site-header nav.open{display:grid}.menu-toggle{display:block;margin-left:auto;background:transparent;color:#f3e4c8;border:1px solid var(--gold);padding:8px 12px}.join-button{display:none}.book-shelf{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){body{font-size:16px}.site-header{height:70px;padding:0 18px}.brand b{font-size:15px}.brand-mark{width:38px;height:38px}.hero{min-height:calc(100svh - 70px)}.hero-copy{margin:0 7vw 80px}.hero-principles{gap:8px;font-size:9px}.hero-principles i{width:8px}.section-pad{padding:75px 22px}.five-steps,.ways-grid,.framework-grid,.gallery-grid{grid-template-columns:1fr}.five-steps article{border-right:0;border-bottom:1px solid var(--line)}.split-section,.door-section,.join-section{grid-template-columns:1fr}.split-image{min-height:520px}.split-copy{padding:60px 25px}.door-copy{padding:0}.door-visual{max-height:560px}.framework-grid article.featured{transform:none}.library-toolbar{align-items:stretch;flex-direction:column}.book-shelf{grid-template-columns:repeat(3,1fr)}.book{min-height:210px}.book strong{margin-top:25px}.gallery-grid img{height:320px}.join-section{padding:70px 22px}.join-copy{padding:0}footer{flex-direction:column;text-align:center}.site-header nav{inset:70px 0 auto}.hero-actions{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.book{transition:none}}

/* Interior pages */
.interior-page{background:#f4ead7}.page-hero{min-height:560px;padding:90px max(6vw,28px);display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:5vw;background:var(--paper);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,#fff9,transparent 32%),repeating-linear-gradient(90deg,transparent 0 25px,rgba(118,78,24,.025) 26px);pointer-events:none}.page-hero-copy,.page-hero-media{position:relative}.page-hero h1{color:var(--ink);font-size:clamp(52px,7vw,92px)}.page-hero-media img{width:100%;height:460px;object-fit:cover;object-position:top;border:1px solid var(--gold);box-shadow:0 24px 60px #412d1726}.page-hero.dark{background:var(--navy);color:#f5e8cf}.page-hero.dark h1{color:#fff}.page-hero.dark .page-hero-media img{border-color:#d3a555}.ornament-rule{display:flex;align-items:center;gap:15px;color:var(--gold);margin:24px 0}.ornament-rule::before,.ornament-rule::after{content:"";height:1px;flex:1;background:var(--line)}.content-band{padding:90px max(6vw,28px)}.content-band.narrow>div{max-width:900px;margin:auto}.content-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:1180px;margin:auto}.content-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1180px;margin:auto}.manuscript-card{padding:32px;background:#fff8e9;border:1px solid var(--line);box-shadow:0 10px 25px #5a3b1412}.manuscript-card.dark{background:var(--navy2);color:#f2e3c6}.manuscript-card h3{font-size:29px}.number-medallion{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:var(--gold2);font:600 13px var(--sans);margin-bottom:14px}.quote-band{padding:70px max(7vw,30px);background:#071827;color:#f4e4c6;text-align:center}.quote-band blockquote{max-width:920px;margin:auto;font-size:clamp(28px,4vw,48px);line-height:1.15}.detail-tabs{display:flex;gap:3px;overflow:auto;background:#081a2b;padding:10px max(4vw,20px);position:sticky;top:84px;z-index:10}.detail-tabs a{padding:11px 15px;color:#d7c4a2;text-decoration:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;font:500 10px var(--sans);border-bottom:2px solid transparent}.detail-tabs a:hover{border-color:var(--gold);color:white}.journey-map{display:grid;grid-template-columns:repeat(9,1fr);gap:12px;max-width:1240px;margin:40px auto}.journey-map article{padding:24px 10px;min-height:210px;text-align:center;background:#fff9ed;border:1px solid var(--line)}.journey-map article.center{background:var(--navy);color:#f2dfb9;transform:translateY(-18px)}.journey-map b{font:600 12px var(--sans);color:var(--gold)}.page-library{padding:48px max(4vw,18px);background:#071827;min-height:calc(100vh - 84px)}.page-library .library-shell{max-width:1500px}.library-title{color:#f3e5ca;text-align:center;margin-bottom:35px}.library-title h1{font-size:clamp(50px,7vw,84px);margin-bottom:10px}.book-link{text-decoration:none}.art-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1180px;margin:auto}.art-gallery figure{margin:0;background:#fff8e9;padding:12px;border:1px solid var(--line)}.art-gallery img{width:100%;aspect-ratio:1;object-fit:cover}.art-gallery figcaption{padding:16px 8px 7px}.surah-workspace{min-height:calc(100vh - 84px);padding:40px max(3vw,18px);background:#071827;color:#f2e2c5}.surah-book{max-width:1460px;margin:auto;display:grid;grid-template-columns:240px 1fr 300px;border:1px solid #a8752e;background:#eee0c5;color:var(--ink);box-shadow:0 25px 70px #0007}.surah-sidebar,.surah-aside{padding:25px;background:#0a2235;color:#efdfc0}.surah-sidebar h2{font-size:31px}.surah-sidebar a{display:block;padding:12px 8px;color:#dac7a5;text-decoration:none;border-bottom:1px solid #ffffff18}.surah-sidebar a.active{background:#d2a45c;color:#142232}.surah-pages{padding:45px;display:grid;grid-template-columns:1fr 1.15fr;gap:35px;background:linear-gradient(90deg,#f7ecd8,#e9d7b8)}.surah-pages h1{font-size:58px;color:var(--ink)}.surah-map{aspect-ratio:1;display:grid;place-items:center;position:relative;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,#fff7e6 0 17%,transparent 18%),repeating-radial-gradient(circle,transparent 0 46px,#b7823529 47px 48px)}.surah-map b{display:grid;place-items:center;width:95px;height:120px;background:var(--navy);color:var(--gold2);clip-path:polygon(50% 0,90% 28%,90% 100%,10% 100%,10% 28%);text-align:center}.surah-aside{background:#f5ead7;color:var(--ink);border-left:1px solid var(--line)}.surah-aside h3{font-size:24px}.tag{display:inline-block;padding:5px 9px;margin:3px;background:#e7d3ad;border:1px solid #bf9860;font:500 10px var(--sans)}
@media(max-width:900px){.page-hero{grid-template-columns:1fr;padding-top:60px}.page-hero-media img{height:400px}.content-grid-2,.content-grid-3,.art-gallery{grid-template-columns:1fr}.journey-map{grid-template-columns:repeat(3,1fr)}.surah-book{grid-template-columns:1fr}.surah-pages{grid-template-columns:1fr}.surah-aside{border:0}.detail-tabs{top:70px}}

/* Home mock-up fidelity pass */
.hero-art{background-image:url("assets/home-architecture-hero.webp");filter:saturate(.88) brightness(.72)}
.hero-overlay{background:linear-gradient(90deg,rgba(3,13,24,.9) 0%,rgba(3,13,24,.36) 48%,rgba(3,13,24,.18) 70%,rgba(3,13,24,.58)),linear-gradient(0deg,rgba(2,12,21,.8),transparent 48%)}
.hero-copy{width:min(620px,45vw);margin-left:6vw;margin-right:31vw}
.hero-copy h1{font-size:clamp(56px,7vw,104px)}
.hero-quote{position:absolute;right:3.5vw;top:7%;width:min(290px,22vw);padding:30px 25px;background:rgba(5,20,33,.94);border:1px solid rgba(202,150,60,.62);text-align:center;color:#eadfc9;box-shadow:0 16px 45px #0007}
.hero-quote::before,.hero-quote::after{content:"✦";display:block;color:var(--gold);margin:5px}
.hero-quote blockquote{font-size:14px;line-height:1.3;margin:18px 0}
.hero-quote small{color:#bba67f;font-style:italic}
.arabic-display{font-size:24px;color:var(--gold2);margin-bottom:14px}
.teaching-ribbon{display:flex;align-items:center;justify-content:center;gap:20px;padding:35px max(4vw,18px);background:#f2e6d2;border-bottom:1px solid var(--line)}
.teaching-ribbon div{text-align:center;max-width:170px}.teaching-ribbon b{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 5px;border-radius:50%;background:var(--navy);color:var(--gold2);font:600 10px var(--sans)}
.teaching-ribbon strong{display:block;text-transform:uppercase;letter-spacing:.1em}.teaching-ribbon span{display:block;font-size:13px;font-style:italic}.teaching-ribbon>i{color:var(--gold);font-style:normal}
@media(max-width:900px){.hero-copy{width:min(640px,70vw);margin-left:6vw;margin-right:25vw}.hero-quote{width:24vw;right:2vw;padding:18px 13px}.hero-quote blockquote{font-size:11px}}
@media(max-width:760px){.hero-copy{width:86vw;margin:0 7vw 120px}.hero-quote{display:none}.teaching-ribbon{overflow-x:auto;justify-content:flex-start}.teaching-ribbon div{min-width:130px}}

/* About page translated from the PDF mock-up into live HTML */
.about-mock-hero{position:relative;min-height:620px;overflow:hidden;background:#efe2cb}.about-mock-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-hero-title{position:absolute;right:6vw;top:12%;width:min(600px,43vw);text-align:center;color:var(--ink)}.about-hero-title h1{font-size:clamp(52px,6vw,88px);line-height:.88}.about-hero-title h3{color:#9b6828;text-transform:uppercase;letter-spacing:.12em}.about-hero-title blockquote{font-size:23px;line-height:1.25;margin:40px auto 0;max-width:520px}.about-opening{padding:50px max(8vw,30px);display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;border-bottom:1px solid var(--line)}.about-opening>div:first-child{font-size:19px}.about-ayah{text-align:center;border-left:1px solid var(--line);padding:25px 0 25px 6vw}.about-ayah .arabic-display{color:#72451d}.about-story-layout{padding:55px max(6vw,24px) 75px;display:grid;grid-template-columns:1.35fr .65fr;gap:30px}.about-timeline article{display:grid;grid-template-columns:230px 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}.about-timeline article>img{width:100%;height:180px;object-fit:cover;border:1px solid var(--line)}.about-timeline article>div{position:relative;padding-left:48px}.about-timeline article b{position:absolute;left:0;top:2px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--gold2);font:600 11px var(--sans)}.about-timeline h2{font-size:32px;margin:0 0 6px}.about-timeline p{font-size:15px;margin-bottom:7px}.about-side-panels{display:flex;flex-direction:column;gap:16px}.about-side-panels .manuscript-card{padding:28px}.about-side-panels li{margin:8px 0}.about-values{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px}.about-values span{text-align:center;padding:12px 8px;border:1px solid #c793464d;font-size:12px;color:#dfc48f}.about-intention{text-align:center;padding:48px max(6vw,24px);background:#f7ecda;border-top:1px solid var(--line)}.about-intention blockquote{font-size:28px;margin:0 auto 15px;max-width:900px}.about-intention p{color:#9a6829;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
@media(max-width:900px){.about-mock-hero{min-height:720px}.about-mock-hero>img{object-position:34% center}.about-hero-title{right:5%;top:auto;bottom:5%;width:90%;padding:25px;background:#f5e9d9e8}.about-opening,.about-story-layout{grid-template-columns:1fr}.about-ayah{border-left:0;border-top:1px solid var(--line);padding:35px 0}.about-timeline article{grid-template-columns:180px 1fr}}
@media(max-width:620px){.about-mock-hero{min-height:680px}.about-hero-title h1{font-size:46px}.about-timeline article{grid-template-columns:1fr}.about-timeline article>img{height:220px}.about-timeline article>div{padding-left:46px}.about-values{grid-template-columns:1fr}}

/* Framework interactive learning page */
.framework-hero{min-height:620px;padding:90px max(6vw,28px);display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center;background:#f4e8d4}.framework-hero h1{color:var(--ink)}.framework-hero>img{width:100%;height:470px;object-fit:cover;border:1px solid var(--gold);box-shadow:0 25px 60px #402b162b}.framework-equation{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:34px}.framework-equation span{padding:10px 14px;border:1px solid var(--line);font:600 11px var(--sans);text-transform:uppercase}.framework-equation b{color:var(--gold)}.framework-module{padding:100px max(6vw,24px)}.module-heading{max-width:900px;margin:0 auto 45px;text-align:center}.module-heading.light{color:#f2e3c7}.interactive-study{max-width:1180px;margin:auto;border:1px solid var(--line);background:#fff9ee}.study-tabs{display:flex;overflow-x:auto;background:#e6d6ba;border-bottom:1px solid var(--line)}.study-tabs button{flex:1;min-width:110px;padding:16px 12px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);font:600 10px var(--sans);text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.study-tabs button.active{background:var(--navy);color:var(--gold2)}.study-panel{display:none;grid-template-columns:250px 1fr;gap:50px;align-items:center;min-height:360px;padding:50px}.study-panel.active{display:grid}.study-panel h3{font-size:40px;margin-bottom:0}.study-panel blockquote{margin:25px 0 0;padding:18px 22px;border-left:2px solid var(--gold);background:#eadbc354;font-size:21px;font-style:italic}.panel-subtitle{color:#946125;text-transform:uppercase;letter-spacing:.1em;font:600 11px var(--sans)}.scale-symbol{display:grid;place-items:center;width:210px;height:210px;border:1px solid var(--gold);border-radius:50%;background:radial-gradient(circle,#fff8e8,#e5cfaa);color:var(--navy);font-size:48px;box-shadow:inset 0 0 0 12px #f5ead7,inset 0 0 0 13px #bd8b43}.dark-study{background:#0a2032;border-color:#a77838}.dark-study .study-tabs{background:#061625}.dark-study .study-tabs button{color:#d7c5a5;border-color:#ffffff1c}.dark-study .study-panel{color:#f1e2c4}.dark-study .study-panel blockquote{background:#ffffff0b}.level-verb,.map-formula{display:grid;place-items:center;min-height:150px;padding:20px;border:1px solid var(--gold);color:var(--gold2);font:600 22px var(--sans);letter-spacing:.13em;text-align:center;background:#071827}.map-formula{font-family:var(--serif);font-size:32px}.framework-process{padding:95px max(6vw,25px);text-align:center;background:#071827;color:#f2e2c4}.framework-process h2{max-width:1100px;margin:0 auto 25px}.framework-process .button{margin:15px 6px}.contact-section{padding:80px max(8vw,30px);display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;background:#071827;color:#f1e2c4}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.home-clarity{background:#efe3cd}.home-purpose-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.home-purpose-grid article{padding:30px 25px;background:#fff8eb;border-right:1px solid var(--line)}.home-purpose-grid article:last-child{border:0}.home-purpose-grid span{font-size:32px;color:#a36d26}.home-purpose-grid h3{font-size:27px}.home-purpose-grid p{font-size:15px}.home-purpose-grid a{color:#87581e;font:600 11px var(--sans);text-transform:uppercase;letter-spacing:.05em}.home-site-map{max-width:1220px;margin:40px auto 0;padding:30px;background:#071827;color:#e8d7b8}.home-site-map>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-site-map span{text-align:center;font-size:15px}.home-site-map b{display:grid;place-items:center;width:28px;height:28px;margin:auto;border-radius:50%;background:var(--gold);color:#071827;font:600 10px var(--sans)}.home-site-map small{color:#bca77e}.home-site-map i{color:var(--gold);font-style:normal}
@media(max-width:900px){.framework-hero{grid-template-columns:1fr}.study-panel{grid-template-columns:1fr;padding:35px}.scale-symbol{width:150px;height:150px}.contact-section{grid-template-columns:1fr}.home-purpose-grid{grid-template-columns:repeat(2,1fr)}.home-purpose-grid article:nth-child(2){border-right:0}.home-purpose-grid article{border-bottom:1px solid var(--line)}.home-site-map>div{overflow-x:auto;justify-content:flex-start}.home-site-map span{min-width:120px}}
@media(max-width:620px){.study-panel{padding:25px}.study-panel h3{font-size:33px}.home-purpose-grid{grid-template-columns:1fr}.home-purpose-grid article{border-right:0}.contact-actions{flex-direction:column;align-items:flex-start}}

.full-library{grid-template-columns:repeat(12,minmax(74px,1fr));align-items:stretch}.full-library .book{min-height:225px;height:100%}.full-library .book strong{margin-top:26px;font-size:15px}.full-library .book small{font-size:11px}.full-library .book-link{display:block}
@media(max-width:1180px){.full-library{grid-template-columns:repeat(8,minmax(82px,1fr))}.site-header{gap:12px;padding-inline:2vw}.site-header nav{display:flex;position:static;inset:auto;padding:0;background:transparent;border:0;overflow-x:auto;justify-content:flex-start}.site-header nav a{min-width:72px}.menu-toggle{display:none}.join-button{display:inline-block;padding:8px 10px}.brand small{display:none}}
@media(max-width:760px){.site-header{overflow:hidden}.site-header .brand{min-width:46px}.site-header .brand>span:last-child{display:none}.site-header nav{display:flex;flex:1;gap:14px}.site-header nav a{min-width:auto;font-size:10px}.site-header nav a small{display:none}.site-header .join-button{display:none}.full-library{grid-template-columns:repeat(3,1fr)}}

/* Refined master homepage */
.brand-logo{width:48px;height:48px;object-fit:cover;border-radius:50%;border:1px solid #b7833670}.footer-brand .brand-logo{width:54px;height:54px}.legacy-home-section{display:none!important}.home-about-story{background:#f3e8d5}.home-about-story .section-heading blockquote{font-size:28px;line-height:1.2;margin:22px auto;max-width:760px}.home-about-hero{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;background:#fff8eb;border:1px solid var(--line)}.home-about-hero img{width:100%;height:440px;object-fit:cover}.home-about-hero>div{padding:50px 42px}.home-about-stages{max-width:1200px;margin:28px auto 0;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.home-about-stages article{padding:26px 20px;border-right:1px solid var(--line);background:#fffaf0}.home-about-stages article:last-child{border:0}.home-about-stages b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--navy);color:var(--gold2);font:600 10px var(--sans)}.home-about-stages h3{margin:12px 0 6px;font-size:24px}.home-about-stages p{font-size:14px}.home-about-close{text-align:center;margin-top:38px}.home-about-close p{font-size:26px;font-style:italic}.home-fatiha-door{background:#efe2cd}.fatiha-orbit{position:relative;width:min(1050px,90vw);height:850px;margin:0 auto;background:radial-gradient(circle at center,#fff8e6 0 14%,transparent 14.5%),repeating-radial-gradient(circle at center,transparent 0 150px,#b6813424 151px 152px)}.door-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:270px;height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#f4e2bd;background:linear-gradient(#061626bf,#061626e3),url("assets/gallery-guidance.webp") center/cover;border:8px double var(--gold);clip-path:polygon(50% 0,88% 18%,100% 40%,100% 100%,0 100%,0 40%,12% 18%);box-shadow:0 25px 55px #261a0d55}.door-center span,.door-center small{text-transform:uppercase;letter-spacing:.12em;font:500 10px var(--sans)}.door-center strong{font-size:42px;font-weight:500;margin:10px}.fatiha-orbit article{position:absolute;width:180px;padding:16px;text-align:center;background:#fff9ec;border:1px solid var(--line);box-shadow:0 8px 20px #5c3a1414}.fatiha-orbit article b{display:grid;place-items:center;width:28px;height:28px;margin:auto;border-radius:50%;background:var(--navy);color:var(--gold2);font:600 10px var(--sans)}.fatiha-orbit article h3{margin:7px 0 2px;font-size:21px}.fatiha-orbit article p{margin:0;font-size:12px}.fatiha-orbit .p1{left:50%;top:0;transform:translateX(-50%)}.fatiha-orbit .p2{right:8%;top:12%}.fatiha-orbit .p3{right:0;top:38%}.fatiha-orbit .p4{right:8%;bottom:12%}.fatiha-orbit .p5{left:50%;bottom:0;transform:translateX(-50%)}.fatiha-orbit .p6{left:8%;bottom:12%}.fatiha-orbit .p7{left:0;top:38%}.fatiha-orbit .p8{left:8%;top:12%}.fatiha-orbit .p9{left:50%;top:18%;transform:translateX(-50%)}.home-door-actions{text-align:center;margin-top:25px}.home-framework-live{background:#f6ecda}.home-framework-board{max-width:1250px;margin:auto;display:grid;grid-template-columns:.75fr 1.35fr .9fr;border:1px solid var(--line);background:#fff8eb}.home-framework-board>article{padding:32px;border-right:1px solid var(--line)}.home-framework-board>article:last-child{border:0}.home-framework-board h3{font-size:28px;margin-bottom:0}.home-framework-board small{font-style:italic;color:#81561f}.scales-column ol{list-style:none;padding:0;counter-reset:scale}.scales-column li{counter-increment:scale;padding:8px;border-bottom:1px solid var(--line);font-size:14px}.scales-column li::before{content:counter(scale);display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:var(--navy);color:var(--gold2);font:600 9px var(--sans)}.levels-column>div{margin-top:20px}.levels-column span{display:grid;grid-template-columns:1fr 1.4fr .7fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.levels-column span b{color:#734719}.levels-column span strong{text-transform:uppercase;color:#9c6b29;font:600 10px var(--sans)}.mapping-column>div{display:grid;gap:12px;margin-top:22px}.mapping-column span{display:grid;grid-template-columns:48px 1fr;align-items:center;border:1px solid var(--line);font-size:13px}.mapping-column span b{display:grid;place-items:center;height:48px;background:var(--navy);color:var(--gold2);font-size:22px}.home-framework-actions{text-align:center;margin-top:30px}
@media(max-width:900px){.home-about-hero{grid-template-columns:1fr}.home-about-stages{grid-template-columns:1fr 1fr}.home-about-stages article{border-bottom:1px solid var(--line)}.fatiha-orbit{height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;background:none}.fatiha-orbit article,.fatiha-orbit .p1,.fatiha-orbit .p2,.fatiha-orbit .p3,.fatiha-orbit .p4,.fatiha-orbit .p5,.fatiha-orbit .p6,.fatiha-orbit .p7,.fatiha-orbit .p8,.fatiha-orbit .p9{position:static;width:auto;transform:none}.door-center{position:relative;left:auto;top:auto;transform:none;grid-row:span 2;margin:auto}.home-framework-board{grid-template-columns:1fr}.home-framework-board>article{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:620px){.home-about-stages,.fatiha-orbit{grid-template-columns:1fr}.home-about-hero img{height:320px}.home-about-hero>div{padding:30px 24px}.door-center{height:320px;width:230px}.levels-column span{grid-template-columns:1fr}.brand-logo{width:42px;height:42px}}

/* Phone stability and touch layout */
@media(max-width:600px){
  html,body{max-width:100%;overflow-x:hidden}
  html{scroll-padding-top:70px}
  body{font-size:16px;line-height:1.48}
  h1{font-size:clamp(43px,14vw,62px);line-height:.9;overflow-wrap:anywhere}
  h2{font-size:clamp(36px,11vw,50px)}
  .site-header{width:100%;padding:0 12px;gap:9px}
  .site-header .brand{flex:0 0 42px}.site-header .brand-logo{width:40px;height:40px}
  .site-header nav{min-width:0;max-width:calc(100vw - 64px);padding:0 2px;gap:17px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .site-header nav::-webkit-scrollbar,.study-tabs::-webkit-scrollbar,.detail-tabs::-webkit-scrollbar{display:none}
  .site-header nav a{padding:25px 0 22px;white-space:nowrap}
  .hero{min-height:760px}.hero-art{background-position:58% center}.hero-copy{width:auto;max-width:none;margin:0 22px 130px}.hero-copy .lead{font-size:19px;max-width:94%}.hero-actions{width:100%}.hero-actions .button{width:100%;text-align:center}
  .hero-principles{padding:15px 8px;gap:6px;white-space:nowrap;overflow:hidden}.hero-principles span{font-size:8px;letter-spacing:.08em}
  .teaching-ribbon{padding:24px 16px;gap:12px}.teaching-ribbon>i{display:none}
  .section-pad,.content-band,.framework-module{padding:66px 18px}
  .section-heading{margin-bottom:38px}.section-heading p:not(.eyebrow){font-size:18px}
  .home-purpose-grid article,.home-framework-board>article{padding:25px 20px}
  .home-site-map{padding:24px 15px}.home-site-map>div{gap:7px}
  .home-about-story .section-heading blockquote{font-size:22px}.home-about-close p{font-size:21px}
  .home-about-stages article{padding:24px 20px}
  .fatiha-orbit{width:100%;gap:10px}.fatiha-orbit article{padding:18px 14px}.door-center{width:min(230px,80vw)}
  .ways-grid article{padding:28px 23px}
  .framework-hero,.page-hero{padding:55px 18px;gap:30px}.framework-hero>img,.page-hero-media img{height:300px}.framework-equation{gap:7px}.framework-equation span{padding:8px 9px;font-size:9px}
  .detail-tabs{top:70px;padding:8px 12px;overflow-x:auto;scrollbar-width:none}.detail-tabs a{padding:10px 12px}
  .study-tabs{scrollbar-width:none}.study-tabs button{min-width:105px;padding:14px 10px}.study-panel{min-height:0;padding:25px 18px;gap:25px}.study-panel blockquote{font-size:18px;margin-top:18px}.scale-symbol{width:125px;height:125px;font-size:34px}.level-verb,.map-formula{min-height:105px;font-size:18px}
  .page-library{padding:32px 10px}.library-title{margin-bottom:24px}.library-title h1{font-size:48px}.library-shell{padding:14px 10px;border-width:2px}.library-toolbar input{width:100%}.filter-pills{display:grid;grid-template-columns:1fr 1fr}.filter-pills button{min-height:42px}.full-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.full-library .book{min-height:205px;padding:16px 7px}.full-library .book strong{font-size:15px;overflow-wrap:anywhere}.full-library .book small{font-size:11px}
  .surah-workspace{padding:16px 8px}.surah-book{width:100%}.surah-sidebar,.surah-aside{padding:22px 18px}.surah-sidebar{display:grid;grid-template-columns:1fr 1fr}.surah-sidebar .eyebrow,.surah-sidebar h2{grid-column:1/-1}.surah-sidebar a{font-size:13px}.surah-pages{padding:28px 18px;gap:24px}.surah-pages h1{font-size:46px}.surah-map{max-width:320px;width:100%;margin:auto}.surah-aside .button{width:100%;text-align:center}
  .about-mock-hero{min-height:650px}.about-hero-title{width:calc(100% - 28px);right:14px;padding:22px 16px}.about-opening,.about-story-layout{padding-left:18px;padding-right:18px}.about-side-panels .manuscript-card{padding:24px 20px}.contact-section{padding:60px 18px}.contact-actions .button{width:100%;text-align:center}
  .art-gallery,.gallery-grid{gap:16px}.art-gallery figure,.gallery-grid figure{padding:9px}.art-gallery img{aspect-ratio:1}.gallery-grid img{height:280px}
  .join-section{gap:34px}.portal-preview span{position:static;display:block;text-align:center}
  footer{padding:30px 18px}.footer-brand .brand-logo{width:48px;height:48px}
  dialog{width:calc(100% - 24px);padding:35px 20px}
}
@media(max-width:380px){.site-header nav{gap:13px}.full-library{grid-template-columns:1fr 1fr}.book{min-width:0}.surah-sidebar{grid-template-columns:1fr}.surah-sidebar .eyebrow,.surah-sidebar h2{grid-column:auto}.hero-principles span{font-size:7px}.home-site-map span{min-width:105px}}

/* Keep the horizontal header clean while preserving swipe/trackpad navigation */
.site-header nav{scrollbar-width:none;-ms-overflow-style:none}.site-header nav::-webkit-scrollbar{display:none;width:0;height:0}
@media(max-width:1250px){.site-header{padding-inline:14px;gap:10px}.site-header nav{gap:11px}.site-header nav a{font-size:10px;min-width:64px}.site-header nav a small{font-size:7px}.join-button{padding:8px 9px;font-size:9px}.brand b{font-size:15px}}
@media(max-width:1100px){.site-header .brand>span:last-child{display:none}.site-header .brand{min-width:48px}.site-header nav{max-width:none;justify-content:space-between;overflow-x:auto}.site-header nav a{min-width:auto}.join-button{white-space:nowrap}}
@media(max-width:900px){.site-header nav a small{display:none}.site-header nav a{padding-block:27px}.site-header .join-button{display:none}}

/* Priority navigation: real overflow handling instead of a scrolling header */
.more-menu{display:none;position:relative;margin-left:auto}.more-menu summary{list-style:none;display:grid;place-items:center;width:44px;height:38px;border:1px solid var(--gold);border-radius:3px;color:#f0dcb7;cursor:pointer;font:700 15px var(--sans);letter-spacing:.08em}.more-menu summary::-webkit-details-marker{display:none}.more-menu[open] summary{background:#8b5b1b;color:white}.more-menu>div{position:absolute;right:0;top:48px;width:220px;padding:8px;background:#071827;border:1px solid var(--gold);box-shadow:0 18px 45px #0008}.more-menu>div a{display:block;padding:12px 14px;color:#f2e1c3;text-decoration:none;border-bottom:1px solid #ffffff17;font:500 11px var(--sans);text-transform:uppercase;letter-spacing:.06em}.more-menu>div a:last-child{border:0}.more-menu>div a:hover{background:#ffffff0b;color:var(--gold2)}
@media(max-width:1250px){.site-header nav{overflow:visible;max-width:none}.site-header nav a:nth-child(7){display:none}.site-header .join-button{display:none}.more-menu{display:block}}
@media(max-width:900px){.site-header nav{justify-content:space-around;overflow:visible}.site-header nav a:nth-child(6),.site-header nav a:nth-child(7){display:none}.more-menu{flex:0 0 44px;margin-left:0}}
@media(max-width:660px){.site-header nav a:nth-child(3),.site-header nav a:nth-child(6),.site-header nav a:nth-child(7){display:none}.site-header nav{gap:9px}.site-header nav a{font-size:9px;padding-block:27px}.more-menu summary{width:39px}.more-menu>div{position:fixed;right:10px;top:64px;width:min(260px,calc(100vw - 20px))}}

/* Refined header fit: preserve the original title + subtitle treatment */
@media(min-width:1150px){.site-header{padding-inline:18px}.site-header nav{display:grid;grid-template-columns:repeat(7,max-content);justify-content:center;gap:clamp(13px,1.35vw,25px);overflow:visible}.site-header nav a,.site-header nav a:nth-child(6),.site-header nav a:nth-child(7){display:block;min-width:0;font-size:10px}.site-header nav a small{display:block;font-size:7px}.site-header .brand>span:last-child{display:block}.site-header .join-button{display:inline-block}.more-menu{display:none}}
@media(min-width:1000px) and (max-width:1149px){.site-header{padding-inline:12px}.site-header .brand>span:last-child{display:none}.site-header nav{display:grid;grid-template-columns:repeat(7,max-content);justify-content:center;gap:clamp(10px,1.15vw,17px);overflow:visible}.site-header nav a,.site-header nav a:nth-child(6),.site-header nav a:nth-child(7){display:block;min-width:0;font-size:9px}.site-header nav a small{display:block;font-size:7px}.site-header .join-button{display:none}.more-menu{display:block;margin-left:0}}
@media(min-width:760px) and (max-width:999px){.site-header .brand>span:last-child{display:none}.site-header nav{display:grid;grid-template-columns:repeat(6,max-content);justify-content:center;gap:clamp(9px,1.3vw,15px);overflow:visible}.site-header nav a{display:block;min-width:0;font-size:9px;padding-block:20px}.site-header nav a small{display:block;font-size:7px}.site-header nav a:nth-child(7){display:none}.site-header nav a:nth-child(6){display:block}.more-menu{display:block;margin-left:0}.site-header .join-button{display:none}}
@media(min-width:661px) and (max-width:759px){.site-header nav{justify-content:center;gap:14px}.site-header nav a,.site-header nav a:nth-child(3){display:block;font-size:9px;padding-block:20px}.site-header nav a:nth-child(6),.site-header nav a:nth-child(7){display:none}.site-header nav a small{display:block;font-size:7px}.more-menu{display:block}}

.email-capture{display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:10px;max-width:620px;margin-top:28px}.email-capture label>span:first-child{display:block;margin-bottom:7px;text-transform:uppercase;letter-spacing:.08em;font:600 10px var(--sans);color:#d6bd8d}.email-capture input[type="email"]{width:100%;height:44px;padding:10px 13px;border:1px solid #ae8040;background:#fff9ed;color:var(--ink);font:16px var(--serif);border-radius:2px}.email-capture .button{height:44px;align-self:end}.consent-line{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#c9b898}.consent-line input{margin-top:3px;accent-color:var(--gold)}.consent-line>span{display:block!important;margin:0!important;text-transform:none!important;letter-spacing:0!important;font:12px var(--sans)!important;color:inherit!important}.form-status{grid-column:1/-1;min-height:20px;margin:0;font:500 12px var(--sans)}.form-status.success{color:#b9d39d}.form-status.error{color:#d98d75}.email-capture-light label>span:first-child,.email-capture-light .consent-line{color:#76532a}.email-capture-light .form-status.success{color:#496b35}.email-capture-light .form-status.error{color:#9b3d32}
@media(max-width:600px){.email-capture{grid-template-columns:1fr}.email-capture .button{width:100%}.consent-line,.form-status{grid-column:1}}