/* A welcoming editorial surface, extending all three themes. */
header>nav{gap:20px}header>nav a{white-space:nowrap;font-size:13px}
.home-hero{display:grid;grid-template-columns:1.03fr 1fr;gap:48px;align-items:center;padding:22px 0 54px}.home-hero-copy{padding:25px 0}.home-hero h1{font-size:clamp(40px,4.4vw,68px);line-height:1.12;letter-spacing:-2.7px;margin:23px 0}.home-hero h1 em{font-style:normal;color:var(--accent)}.home-hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.85;color:var(--muted);max-width:560px}.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.home-actions a{text-decoration:none;display:flex;gap:24px;align-items:center}.home-actions .btn{padding:16px 20px;font-size:14px}.home-hero-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:35px;font-size:12px;color:var(--muted)}.home-hero-art{position:relative;height:560px;border-radius:180px 180px 18px 18px;overflow:hidden;background:#143a3a}.home-hero-art img{width:100%;height:100%;object-fit:cover;object-position:60% center}.home-art-caption{position:absolute;inset:auto 0 0;padding:50px 30px 22px;display:flex;justify-content:space-between;align-items:end;color:#fff;background:linear-gradient(transparent,#082f34d9)}.home-art-caption>span:first-child{font-size:10px;letter-spacing:2px}.home-art-caption .arabic{color:white;font-size:44px;margin:0}.home-section{margin:50px 0 90px}.home-section-title{margin-bottom:30px}.home-section h2{font-size:clamp(30px,3vw,43px);line-height:1.2;letter-spacing:-1.3px;margin:16px 0}.home-section-title>p:last-child{color:var(--muted)}.home-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.home-path-grid>a{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:34px;text-decoration:none;transition:transform .2s,border-color .2s}.home-path-grid>a:hover{transform:translateY(-4px);border-color:var(--accent)}.path-index{font-size:12px;letter-spacing:1.6px;color:var(--accent)}.home-path-grid h3{font-size:30px;margin:24px 0 14px}.home-path-grid p{font-size:16px;line-height:1.8;color:var(--muted);max-width:480px}.home-path-grid strong{display:block;color:var(--accent);font-size:14px;margin-top:24px}.home-studio{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.home-studio-art{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;padding:32px 20px 22px;border-radius:18px;background:radial-gradient(ellipse at top,#edf6ec,#b4d8d0);overflow:hidden;min-height:370px}.home-studio-art .home-pose{min-width:0;display:flex;align-items:end;height:270px}.home-studio-art .faceless-art{height:260px;filter:drop-shadow(5px 12px 8px #21423722)}.home-studio-art .home-pose:nth-child(2) .faceless-art{height:140px}.home-studio-art .home-pose:nth-child(3) .faceless-art{height:190px}.home-studio-art>span{grid-column:1/-1;text-align:center;font-size:10px;letter-spacing:2px;color:#214e46;padding-top:28px}.home-studio-copy p,.home-studio-copy li{font-size:16px;line-height:1.85;color:var(--muted)}.home-studio-copy ul{padding-left:20px;margin:22px 0 30px}.home-studio-copy .btn{display:inline-block;text-decoration:none;padding:15px 20px;font-size:14px}.home-phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.home-phase{padding:32px;border-radius:16px;background:var(--soft);border:1px solid var(--line);text-decoration:none}.home-phase h3{font-size:26px;margin:24px 0 14px}.home-phase p{font-size:15px;line-height:1.7;color:var(--muted)}.home-phase strong{display:block;font-size:13px;color:var(--accent);margin-top:25px}.phase-icon{width:72px;height:72px;border:1px solid var(--line);border-radius:20px;display:grid;place-items:center;margin-bottom:30px;color:var(--accent);background:var(--white)}.phase-icon svg{width:40px;height:40px}.home-schools{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:45px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.home-schools p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted)}.home-schools .btn{display:inline-block;margin-top:18px;text-decoration:none}.home-school-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-school-grid a{display:flex;flex-direction:column;gap:12px;align-items:center;padding:20px;border-radius:12px;background:var(--soft);text-decoration:none}.home-school-grid .arabic{font-size:38px;color:var(--accent)}.home-school-grid strong{font-size:14px}.home-everyday{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.home-everyday p{font-size:16px;line-height:1.8;color:var(--muted)}.home-everyday .btn{display:inline-block;margin-top:16px;text-decoration:none}.home-time-rhythm a{display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0;text-decoration:none}.home-time-rhythm span{font-size:13px;color:var(--muted)}.home-time-rhythm span:last-child{margin-left:auto}.home-time-rhythm strong{font-size:22px;font-weight:500}.home-resources{text-align:center;padding:45px 20px;border-top:1px solid var(--line);margin-bottom:0}.home-resources p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8;max-width:620px;margin:20px auto}.home-resources .home-actions{justify-content:center}
/* Consistent phase icon treatment with deeper, dimensional cards. */
.prayer-map{gap:16px;border:0;background:none;overflow:visible;border-radius:0}.map-stage{position:relative;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,var(--white),var(--soft));padding:26px;box-shadow:0 12px 28px #082f3210;transition:transform .2s,box-shadow .2s}.map-stage+.map-stage{border-left:1px solid var(--line)}.map-stage:nth-child(2){background:var(--action);color:var(--on-action);border-color:var(--action)}.map-stage:nth-child(2) :is(h2,p.eyebrow,a,.map-symbol),.map-stage:nth-child(2)>p:not(.eyebrow){color:var(--on-action)}.map-stage:nth-child(2) a{border-color:color-mix(in srgb,var(--on-action) 25%,transparent)}.map-stage:hover{transform:translateY(-4px);box-shadow:0 18px 34px #082f321c}.map-symbol{height:100px;display:flex;align-items:start;font-size:initial;margin-bottom:16px}.map-symbol>svg{width:76px;height:76px;padding:17px;border:1px solid currentColor;border-radius:23px;background:color-mix(in srgb,var(--white) 20%,transparent)}.map-symbol small{border:0;font-size:30px;opacity:.35;top:0}.map-stage h2{font-size:26px}.map-stage>p:not(.eyebrow){font-size:14px}
/* Pose caption sits below the illustration frame, never on its border. */
.figure-pane{padding-bottom:24px}.figure-pane:before{inset:65px 38px 110px}.pose{margin-bottom:24px;align-items:center}.scene-position{flex-direction:column;justify-content:center;gap:5px;text-align:center;padding:10px 0 0;flex-shrink:0;font-size:14px}.scene-arabic{font-size:24px;line-height:1.6}.scene-orbit{bottom:120px}.takbir-art{height:342px;width:100%;object-fit:contain;display:block}
/* Equal topic rows: nine comparisons form a balanced three-by-three grid. */
.comparison-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:1100px}.comparison-selector button{border-radius:10px;min-height:48px;white-space:normal;padding:12px;font-size:14px}
/* Same Naskh face for every recitation; phrase breaks prevent ornate separators from dominating. */
.workspace .recitation .arabic{font-family:'Salah Naskh',serif;font-size:34px;font-weight:400;line-height:2.05;letter-spacing:0;word-spacing:2px;padding:8px 7px;text-align:right;overflow-wrap:normal}.arabic-phrase{display:block;white-space:normal}.words-scroll{padding:0 12px 8px;scrollbar-gutter:stable;max-height:360px}.recitation{padding-top:6px}
@media(min-width:1201px) and (max-width:1450px){header .header-link{display:none}header{gap:18px}header>nav{gap:16px}}
@media(max-width:1000px){.home-hero{gap:26px}.home-hero-art{height:480px}.home-hero h1{font-size:46px;letter-spacing:-1.8px}.home-studio,.home-everyday{gap:30px}.home-schools{padding:30px;gap:28px}.home-phase{padding:24px}.home-phase h3{font-size:23px}.map-stage{padding:22px 17px}.map-stage h2{font-size:23px}}
@media(max-width:760px){.home-hero{display:flex;flex-direction:column;padding-top:0;gap:24px}.home-hero h1{font-size:43px;letter-spacing:-1.6px}.home-hero-copy{padding:0}.home-hero-copy>p:not(.eyebrow){font-size:16px}.home-hero-art{width:100%;height:360px;border-radius:120px 120px 14px 14px}.home-section{margin:38px 0 56px}.home-path-grid,.home-studio,.home-phase-grid,.home-schools,.home-everyday{grid-template-columns:1fr}.home-path-grid>a{padding:26px}.home-studio{gap:30px}.home-studio-art{min-height:300px}.home-schools{padding:25px}.home-hero-meta{margin-top:24px}.home-phase{padding:26px}.home-phase .phase-icon{float:right;margin:0 0 20px 15px}.home-phase h3{font-size:26px;clear:both}.home-actions .btn{padding:14px 17px;font-size:13px}.figure-pane{height:430px;min-height:430px;padding:15px 20px 18px}.figure-pane:before{inset:48px 18% 100px}.pose{margin:4px 0 18px}.pose .faceless-art,.takbir-art{height:275px}.scene-orbit{bottom:104px}.scene-position{padding-top:6px;font-size:13px}.scene-arabic{font-size:23px}.comparison-selector button{font-size:12px;line-height:1.5;padding:10px 6px;min-height:64px}.workspace .recitation .arabic{font-size:30px;line-height:2.1;padding:8px 2px}.words-scroll{padding:0 8px 8px;max-height:390px}}
@media(prefers-reduced-motion:reduce){.home-path-grid>a,.map-stage{transition:none}.home-path-grid>a:hover,.map-stage:hover{transform:none}}
.pose img.takbir-art{height:342px;width:100%;object-fit:contain}
@media(max-width:760px){.pose img.takbir-art{height:275px}}