.site-header .header-cta{font:inherit;background:transparent}.site-header nav{font-size:14px}.site-header nav button{cursor:pointer}
.landing-hero,.landing-invitation{min-height:100svh;display:flex;align-items:center;padding:140px 7% 100px;position:relative}
.landing-copy{width:610px;max-width:47%}.landing-copy h1,.landing-copy h2{font-size:clamp(56px,5.2vw,90px);line-height:1.04;letter-spacing:-2px}.landing-copy h1 em{white-space:normal}
.landing-description{font-size:18px;line-height:1.8;max-width:470px;color:#e0e5dd;margin-bottom:30px}.landing-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.landing-actions .text-link{font-size:14px;padding-bottom:6px}
.button{font-size:15px;padding:18px 25px;min-height:56px}.eyebrow{font-size:11px;letter-spacing:2px}.quiet-line{font-size:13px;margin-top:22px;color:#b9c7c1}.arabic-word{font-size:68px;margin-bottom:26px}
.learning-overview{position:relative;min-height:100svh;padding:115px 7% 90px;display:flex;align-items:center;background:transparent}
.overview-copy{width:720px;max-width:54%}.overview-copy h2{font-size:clamp(47px,4.2vw,70px);line-height:1.05}.overview-intro{font-size:17px;line-height:1.8;max-width:560px;color:#d4ddd6;margin-bottom:26px}
.learning-areas{display:grid;grid-template-columns:1fr 1fr;column-gap:26px;margin-bottom:24px}.learning-areas article:last-child{grid-column:1/-1}.learning-areas article{display:flex;gap:18px;border-top:1px solid #d9bc7a38;padding:16px 0}.area-number{font-size:11px;color:var(--gold);padding-top:6px}.learning-areas h3{font:400 29px/1.15 'Cormorant Garamond',serif;margin-bottom:6px;color:#f1e8d7}.learning-areas p{font-size:14px;line-height:1.7;color:#cbd6cf;margin-bottom:0}.overview-copy>.text-link{font-size:14px}
.landing-invitation{min-height:95svh}.landing-invitation .landing-copy{max-width:48%}.world-controls{bottom:18px}.world-label{display:none}.site-footer{font-size:12px;padding-bottom:65px}
body.in-overview .world-shade,body.at-invitation .world-shade{background:linear-gradient(90deg,#081820eb,#081820b8 30%,#08182028 60%,transparent),linear-gradient(0deg,#08182077,transparent 30%)}
.scene-fallback .learning-overview,.scene-fallback .landing-invitation{background:#0b1922}
@media(min-width:1800px){.landing-description{font-size:21px;max-width:540px}.overview-intro{font-size:20px}.learning-areas h3{font-size:34px}.learning-areas p{font-size:17px}.learning-areas article{padding:20px 0}.overview-copy{width:800px}.site-header nav{font-size:16px}.button{font-size:17px}.learning-overview{min-height:100svh}}
@media(max-width:1000px) and (min-width:681px){.landing-copy{max-width:57%}.landing-copy h1,.landing-copy h2{font-size:61px}.overview-copy{max-width:65%}.overview-copy h2{font-size:49px}.landing-description{font-size:17px}.landing-invitation .landing-copy{max-width:58%}}
@media(max-width:680px){
 .landing-hero{background:linear-gradient(180deg,#08182066,#08182099 58%,#08182022 85%,transparent)}
 .learning-areas{grid-template-columns:1fr}
 .landing-hero,.landing-invitation{padding:125px 7% 95px;align-items:flex-start;min-height:100svh}.landing-copy,.landing-invitation .landing-copy{max-width:100%;width:100%}.landing-copy h1,.landing-copy h2{font-size:clamp(45px,11.5vw,64px);letter-spacing:-1.5px}.landing-description{font-size:16px;line-height:1.75;max-width:310px}.arabic-word{font-size:48px;margin-bottom:20px}.eyebrow{font-size:9px}.quiet-line{font-size:11px;max-width:280px}.landing-actions{gap:20px}.button{font-size:14px;min-height:52px;padding:16px 22px}.landing-actions .text-link{font-size:12px}
 .learning-overview{min-height:0;padding:100px 7% 85px;background:linear-gradient(90deg,#081820ee,#081820b8),linear-gradient(#08182044,#08182088)}.overview-copy{max-width:100%;width:100%}.overview-copy h2{font-size:43px;letter-spacing:-1.2px}.overview-intro{font-size:15px;line-height:1.8}.learning-areas article{padding:16px 0;gap:13px}.learning-areas h3{font-size:27px}.learning-areas p{font-size:14px}.overview-copy>.text-link{font-size:13px}.landing-invitation{min-height:95svh}
 body.at-invitation .world-shade{background:linear-gradient(180deg,#081820f5,#081820dd 30%,#08182099 55%,#08182022 85%,#08182070)}
 .site-header nav{font-size:14px}.site-header .header-cta{font-size:14px}.site-footer{font-size:11px}.world-controls{bottom:12px}
}

/* A fixed shade keeps the scene continuous while content passes over it. */
.landing-hero,.learning-overview,.landing-invitation{background:transparent;min-height:100svh}
.world-shade,body.in-overview .world-shade,body.at-invitation .world-shade{background:linear-gradient(90deg,#081820f2,#081820d6 25%,#0818208a 43%,#08182020 65%,transparent),linear-gradient(0deg,#08182070,transparent 28%,transparent 78%,#08182045);transition:none}
@media(min-width:1100px) and (hover:hover) and (pointer:fine){
 html.section-snap{scroll-snap-type:y mandatory;scroll-padding-top:0}
 html.section-snap main>section{scroll-snap-align:start;scroll-snap-stop:always}
 html.section-snap .site-footer{scroll-snap-align:end}
}
@media(max-width:680px){
 html{scroll-snap-type:none}
 .learning-overview{min-height:0}
 .world-shade,body.in-overview .world-shade,body.at-invitation .world-shade{background:linear-gradient(180deg,#081820e6,#081820cb 30%,#08182099 58%,#08182055 80%,#08182080),linear-gradient(90deg,#08182055,transparent)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none!important}}

/* A dependable reading surface protects both columns from scene detail. */
.overview-copy{position:relative;isolation:isolate;padding:26px 28px;max-width:58%;width:780px}
.overview-copy:before{content:'';position:absolute;inset:0;z-index:-1;background:#10242bf5;border:1px solid #ddbd7c29;border-radius:5px;box-shadow:0 16px 55px #07131938;pointer-events:none}
.overview-copy h2{font-weight:500;font-size:clamp(43px,3.8vw,65px)}
.learning-areas h3{font:600 20px/1.35 'Manrope',Arial,sans-serif;color:#edf2ed;letter-spacing:0}
.learning-areas p{font-size:17px;line-height:1.65;color:#edf2ed}.overview-intro{color:#edf2ed;font-size:18px;line-height:1.7}
.learning-areas article{padding:15px 0;gap:13px}.learning-areas{column-gap:28px}.area-number{padding-top:3px}
@media(min-width:1800px){.overview-copy{width:880px}.learning-areas h3{font-size:22px}.learning-areas p{font-size:18px}.overview-intro{font-size:20px}}
@media(max-width:1000px) and (min-width:681px){.overview-copy{max-width:74%}}
@media(max-width:680px){.overview-copy{width:100%;max-width:100%;padding:24px 20px}.overview-copy h2{font-size:38px}.overview-intro{font-size:16px}.learning-areas h3{font-size:20px}.learning-areas p{font-size:16px}.learning-overview{padding-left:5%;padding-right:5%}}

/* A shared architectural frame for every reading space. */
.sanctuary{position:relative;isolation:isolate;padding:82px 38px 40px;filter:drop-shadow(0 18px 32px #06111744)}
.sanctuary-frame{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}
.sanctuary-fill{fill:#0d1c28;fill-opacity:.97;stroke:#c7a360;stroke-width:1;vector-effect:non-scaling-stroke}
.sanctuary-inner{fill:none;stroke:#c7a360;stroke-opacity:.38;stroke-width:.65;vector-effect:non-scaling-stroke}
.sanctuary-star{position:absolute;top:31px;left:50%;transform:translateX(-50%);color:#d5b477;font-size:23px;line-height:1}
.sanctuary:after{content:'';position:absolute;bottom:19px;right:23px;width:5px;height:5px;border:1px solid #c7a360;transform:rotate(45deg);opacity:.8}
.overview-copy.sanctuary{padding:82px 38px 40px;width:820px;max-width:59%}
.overview-copy.sanctuary:before{display:none}
.landing-copy.sanctuary{width:660px;max-width:49%}.landing-invitation .landing-copy.sanctuary{max-width:49%}
.sanctuary .arabic-word{font-size:48px;margin-bottom:20px}.sanctuary .eyebrow{font-size:10px;letter-spacing:1.8px}
.landing-copy.sanctuary h1,.landing-copy.sanctuary h2{font-size:clamp(48px,4.7vw,78px);line-height:1.06}
.sanctuary .landing-description{font-size:18px;color:#edf2ed;line-height:1.75}.sanctuary .landing-actions{gap:22px}.sanctuary .quiet-line{color:#c0cbc6}
.sanctuary .button-gold{border-radius:30px;background:linear-gradient(135deg,#f3dda8,#d5b270);box-shadow:0 6px 24px #ddbd7c16}
.sanctuary .text-link{border-bottom-color:#d5b47766}.sanctuary .learning-areas article{border-top-color:#c7a36038}
@media(min-width:1800px){.overview-copy.sanctuary{width:940px}.sanctuary .landing-description{font-size:20px}}
@media(max-width:1000px) and (min-width:681px){.landing-copy.sanctuary,.landing-invitation .landing-copy.sanctuary{max-width:65%}.overview-copy.sanctuary{max-width:80%}.landing-copy.sanctuary h1,.landing-copy.sanctuary h2{font-size:56px}}
@media(max-width:680px){
 .landing-hero,.landing-invitation{padding:100px 5% 75px}.landing-copy.sanctuary,.landing-invitation .landing-copy.sanctuary,.overview-copy.sanctuary{width:100%;max-width:100%;padding:77px 25px 37px}
 .landing-copy.sanctuary h1,.landing-copy.sanctuary h2{font-size:clamp(38px,10.4vw,53px);line-height:1.08;letter-spacing:-1px}
 .sanctuary .arabic-word{font-size:40px;margin-bottom:18px}.sanctuary .eyebrow{font-size:8px;letter-spacing:1.25px}.sanctuary .landing-description{font-size:16px}.sanctuary .landing-actions{gap:19px}
 .sanctuary .button{font-size:14px;padding:15px 22px}.sanctuary .quiet-line{font-size:11px;line-height:1.7}.sanctuary .overview-intro{font-size:16px}.overview-copy.sanctuary h2{font-size:36px}.sanctuary .learning-areas h3{font-size:19px}.sanctuary .learning-areas p{font-size:16px}.sanctuary-star{top:29px}
}

/* Centered editorial composition within the shared arch frames. */
.sanctuary{text-align:center}
.sanctuary .arabic-word{margin-left:auto;margin-right:auto}
.sanctuary .eyebrow,.sanctuary .landing-actions{justify-content:center}
.sanctuary .landing-description,.sanctuary .overview-intro,.sanctuary .quiet-line{margin-left:auto;margin-right:auto}
.sanctuary .learning-areas article{position:relative;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding-left:10px;padding-right:10px}
.sanctuary .learning-areas article>div{width:100%}
.sanctuary .area-number{position:static;display:block;padding-top:0;font-size:10px;line-height:1.2;letter-spacing:1.4px;opacity:.85}
.sanctuary .learning-areas h3{padding-left:8px;padding-right:8px}
.sanctuary .learning-areas p{max-width:32ch;margin-left:auto;margin-right:auto}
.sanctuary .learning-areas article:last-child p{max-width:48ch}
.sanctuary .text-link{justify-content:center}
@media(max-width:680px){.sanctuary .landing-actions{flex-direction:column;align-items:center}.sanctuary .learning-areas p{max-width:29ch}.sanctuary .learning-areas article:last-child p{max-width:29ch}}