/* Laar editorial system: deliberate spacing, useful depth, gentle movement. */
html{scroll-behavior:smooth;scroll-padding-top:30px}figure{margin:0}section[id]{scroll-margin-top:35px}.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}.home-hero{min-height:min(720px,calc(100svh - 104px));padding:65px 0;background-image:linear-gradient(90deg,rgba(10,29,48,.98),rgba(10,29,48,.93) 30%,rgba(10,29,48,.7) 46%,rgba(10,29,48,0) 72%),url('assets/hero-academy.png')}.home-hero .hero-copy{max-width:670px}.home-hero h1{font-size:clamp(38px,4.4vw,64px);letter-spacing:-1.3px}.home-hero .hero-copy>p:not(.eyebrow){font-size:18px;max-width:500px;line-height:1.8}.editorial{display:grid;grid-template-columns:1fr 1.06fr;gap:clamp(35px,6vw,90px);align-items:start}.editorial.reverse figure{order:2}.editorial.reverse .editorial-copy{order:1}.editorial figure{position:sticky;top:40px}.editorial-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.editorial figure .editorial-image{aspect-ratio:4/5;object-fit:cover}.editorial-copy{min-width:0}.editorial-copy h2{font-size:clamp(32px,3vw,44px);letter-spacing:-.6px}.editorial-copy p{max-width:640px}.editorial-copy .eyebrow{font-size:10px}.reading{border-top:1px solid #c8bda6;border-bottom:1px solid #c8bda6;margin-top:30px}.reading summary{padding:20px 30px 20px 0;cursor:pointer;color:var(--navy);font-weight:700;font-size:14px}.reading summary:hover{color:#80652e}.reading-body{padding:8px 0 4px}.reading-body h3{font-size:24px}.reading-body p{font-size:15px}.chapter-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 28px;padding:23px 5%;border-bottom:1px solid var(--line);background:#fffcf6}.chapter-nav a{font-size:13px;color:var(--navy);text-decoration:none;border-bottom:1px solid transparent;padding:5px 0}.chapter-nav a:hover{border-color:var(--gold)}.reading-intro{padding:65px 0 0;max-width:800px}.reading-intro .lead{font:25px/1.6 Georgia,serif;color:var(--navy)}.reading-time{font-size:13px;color:#696558}.thought{border-left:3px solid var(--gold);padding:24px 28px;background:#fffaf1;margin:30px 0}.thought h3{font-size:23px;margin-bottom:14px}.thought p:last-child{margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature{background:#fffcf6;border-bottom:1px solid var(--gold)}.feature>div{padding:30px}.feature h3{font-size:28px}.feature p{font-size:15px}.feature .eyebrow{font-size:10px}.planned-list{margin:30px 0}.planned-list details{border-top:1px solid var(--line);padding:17px 0}.planned-list summary{cursor:pointer;font:23px Georgia,serif;color:var(--navy)}.planned-list p{margin:18px 0 0;font-size:15px}.onward{background:var(--navy);color:var(--cream);text-align:center}.onward h2{color:var(--cream)}.onward .eyebrow{color:#d6b471}.onward .actions{justify-content:center}.onward p:not(.eyebrow){max-width:650px;margin:0 auto 24px}.button{transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.text-link{line-height:1.6}.course-card{transition:box-shadow .25s}.course-card:hover{box-shadow:0 12px 30px #10243a12}.reveal.motion-ready{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}.reveal.from-side.motion-ready{transform:translateX(-28px)}.reverse .from-side.motion-ready{transform:translateX(28px)}.reveal.motion-ready.is-visible{opacity:1;transform:none}.brand{view-transition-name:institute-brand}.brand img{flex-shrink:0}summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.course-grid>*{min-width:0}.feature-grid>*{min-width:0}
@view-transition{navigation:auto}::view-transition-old(root){animation:fade-away .18s ease both}::view-transition-new(root){animation:fade-in .28s ease both}@keyframes fade-away{to{opacity:0}}@keyframes fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.editorial{grid-template-columns:1fr;gap:35px}.editorial.reverse figure,.editorial.reverse .editorial-copy{order:initial}.editorial figure{position:static}.editorial figure .editorial-image{aspect-ratio:16/9}.feature-grid{grid-template-columns:1fr 1fr}.home-hero{min-height:620px}.home-hero .hero-copy{max-width:600px}.home-hero{background-image:linear-gradient(90deg,rgba(10,29,48,.97),rgba(10,29,48,.85) 45%,rgba(10,29,48,.2) 90%),url('assets/hero-academy.png')}}
@media(max-width:600px){.feature-grid{grid-template-columns:1fr}.home-hero{min-height:calc(100svh - 91px);padding:45px 0;background-position:63% center}.home-hero h1{font-size:clamp(34px,8.2vw,48px);letter-spacing:-.8px}.home-hero .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.65}.home-hero .eyebrow{font-size:9px;letter-spacing:1.4px}.home-hero .actions{gap:12px;flex-direction:row}.home-hero .button{font-size:12px;padding:12px 14px;gap:12px}.chapter-nav{justify-content:flex-start;gap:6px 20px}.reading-intro{padding-top:45px}.reading-intro .lead{font-size:22px}.editorial-copy h2{font-size:34px}.editorial figure .editorial-image{aspect-ratio:3/2}.onward .actions{align-items:center}.feature>div{padding:26px}.reveal.from-side.motion-ready,.reverse .from-side.motion-ready{transform:translateY(20px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.motion-ready{opacity:1;transform:none}.button:hover{transform:none}}
/* Preserve complete compositions, especially course artwork with lettering. */
.editorial figure .editorial-image{aspect-ratio:auto;object-fit:contain}
/* Response spaces are part of the reading experience. */
.response-form{margin:30px 0 18px;padding:clamp(22px,3vw,36px);background:#fffcf6;border:1px solid #d3c6ae;border-top:3px solid var(--gold);box-shadow:0 12px 32px #10243a06;text-align:left;color:var(--ink)}.response-form h3{font-size:27px;margin-bottom:14px}.response-form .eyebrow{margin-bottom:16px}.response-form .form-intro{font-size:13px;color:#65645c;line-height:1.6;margin-bottom:16px}.response-form .response-prompt{font:18px/1.65 Georgia,serif;color:var(--navy);padding-bottom:22px;border-bottom:1px solid var(--line)}.response-form label{display:block;margin:17px 0 7px;font-size:13px;font-weight:700;color:var(--navy)}.response-form input:not([type=checkbox]):not([type=hidden]),.response-form textarea{display:block;width:100%;min-width:0;padding:12px 14px;border:1px solid #bcb5a8;border-radius:2px;background:#fffefb;color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}.response-form textarea{resize:vertical;min-height:160px}.response-form input:focus,.response-form textarea:focus{outline:2px solid var(--gold);outline-offset:2px;border-color:var(--navy)}.form-name-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-name-row>div{min-width:0}.response-form .form-consent{display:flex;align-items:flex-start;gap:11px;margin:22px 0;font-size:12px;font-weight:400;line-height:1.6}.form-consent input{margin:4px 0 0;width:16px;height:16px;flex-shrink:0;accent-color:var(--navy)}.form-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.form-actions .button{cursor:pointer;font-family:inherit}.form-actions .text-link{font-size:12px}.response-form .form-footnote{font-size:12px;line-height:1.7;margin:20px 0 0;color:#65645c;overflow-wrap:anywhere}.response-form .form-status{font-size:13px;margin:14px 0 0;color:#7e392d}.form-status:empty{display:none}.article-reading{max-width:800px}.article-reading>h1{font-size:clamp(36px,4vw,56px)}.article-standfirst{font:27px/1.6 Georgia,serif;color:var(--navy);margin:35px 0}.article-section{margin:50px 0}.article-section h2{font-size:32px}.article-section p{font-size:17px;line-height:1.9}.article-source{padding:27px 30px;background:#eee8dc;border-left:3px solid var(--gold);margin-top:50px}.article-source h3{font-size:24px;margin-bottom:15px}.article-source p{font-size:13px;line-height:1.75;margin:15px 0 0}.article-source a{font-size:14px}.planned-list .text-link{display:inline-block;margin-top:18px}
@media(max-width:600px){.form-name-row{grid-template-columns:1fr;gap:0}.response-form{padding:22px}.article-standfirst{font-size:23px}.article-section h2{font-size:28px}.article-section p{font-size:16px}}
.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.subject-card{padding:30px;background:#fffcf6;border:1px solid var(--line);border-top:3px solid var(--gold)}.subject-card h3{font-size:27px}.subject-card p:not(.eyebrow){font-size:15px}.subject-card .eyebrow{font-size:9px;letter-spacing:1.7px}@media(max-width:900px){.subject-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.subject-grid{grid-template-columns:1fr}}
/* Language navigation stays visible, including when the main menu collapses. */
.language-bar{background:#eee8dc;border-bottom:1px solid var(--line);padding:5px 3%}.language-options{display:flex!important;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:20px;max-width:1440px;margin:0 auto;width:100%;padding:0!important}.language-options a{font:12px/1.7 Arial,Tahoma,sans-serif;padding:4px 0}.language-options a[aria-current]{color:var(--navy);font-weight:700;border-bottom:2px solid var(--gold)}.home-hero{min-height:min(720px,calc(100svh - 140px));background-position:center bottom}.exercise-material{padding:22px;background:#f0eadf;border-inline-start:3px solid var(--gold);margin:24px 0}.exercise-material h4{font:22px/1.4 Georgia,serif;color:var(--navy);margin:0 0 15px}.exercise-material p:last-child{margin:0;font-size:15px;line-height:1.85}.exercise-material .eyebrow{font-size:9px;margin-bottom:12px}.response-prompt{font-weight:500}
html[dir=rtl] body{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;line-height:2}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] .brand strong,html[dir=rtl] .article-standfirst,html[dir=rtl] .reading-intro .lead,html[dir=rtl] .response-prompt{font-family:'Noto Naskh Arabic','Noto Sans Arabic',Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.6}html[dir=rtl] .eyebrow{letter-spacing:0;font-size:12px}html[dir=rtl] .hero-copy{margin-right:auto;margin-left:0;text-align:right}html[dir=rtl] .blended-banner .intro-copy{margin-right:auto;margin-left:0;text-align:right}html[dir=rtl] .home-hero h1{font-size:clamp(34px,4vw,55px)}html[dir=rtl] .brand strong{font-size:27px}html[dir=rtl] .brand small{font-size:11px}html[dir=rtl] .response-form{text-align:right}html[dir=rtl] .response-form textarea{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] .reading summary{padding:20px 0 20px 30px}html[dir=rtl] .thought{border-left:0;border-right:3px solid var(--gold)}html[dir=rtl] .article-source{border-left:0;border-right:3px solid var(--gold)}html[dir=rtl] .chapter-nav a{font-size:14px}html[dir=rtl] .reading-progress{transform-origin:right}html[dir=rtl] .form-consent input{margin:6px 0 0}html[dir=rtl] .article-section p{line-height:2.1}html[dir=rtl] .footer-bottom{align-items:center}.language-options a:hover{text-decoration:underline}
@media(max-width:1150px){html[dir=rtl] .header-inner{flex-wrap:wrap}html[dir=rtl] .menu-toggle{display:block}html[dir=rtl] #navigation{display:none;width:100%;flex-wrap:wrap}html[dir=rtl] #navigation.open{display:flex}}
@media(max-width:600px){.home-hero{min-height:calc(100svh - 128px);background-position:70% bottom}.language-options{justify-content:center;gap:24px}html[dir=rtl] .brand strong{font-size:23px}html[dir=rtl] .brand small{font-size:9px}html[dir=rtl] .home-hero h1{font-size:clamp(32px,8vw,44px)}html[dir=rtl] .blended-banner .intro-copy{margin:0}html[dir=rtl] .home-hero .eyebrow{font-size:11px}.exercise-material{padding:18px}}

.exercise-material .material-note{font-size:11px;line-height:1.6;color:#6b675f;margin-top:16px;border-top:1px solid #d3c6ae;padding-top:12px}
/* Bundled, licensed Arabic-script typefaces work in every language and offline. */


html[dir=rtl] body{font-family:'Laar Naskh',serif;font-size:19px;line-height:2}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .brand strong{font-family:'Laar Kufi',sans-serif;font-weight:500;line-height:1.8}
html[dir=rtl] h4,html[dir=rtl] .article-standfirst,html[dir=rtl] .reading-intro .lead,html[dir=rtl] .response-prompt,html[dir=rtl] .response-form input:not([type=hidden]),html[dir=rtl] .response-form textarea{font-family:'Laar Naskh',serif}
html[dir=rtl] .reading-body p,html[dir=rtl] .exercise-material p,html[dir=rtl] .feature p,html[dir=rtl] .article-section p{font-size:19px;line-height:2}
html[dir=rtl] nav a,html[dir=rtl] .button,html[dir=rtl] .eyebrow{font-family:'Laar Kufi',sans-serif;font-size:12px;letter-spacing:0}
.language-options a{font-family:'Laar Naskh',Arial,sans-serif;font-size:15px}
.illustrative-example{padding:25px 28px;background:#fffaf1;border-inline-start:3px solid var(--gold);margin:28px 0}.illustrative-example h3{font-size:24px}.illustrative-example p{font-size:16px;line-height:1.8}.exercise-reading{margin-top:18px}
/* Keep the full entrance visible; the navy fades only from the text side. */
.home-hero{position:relative;overflow:hidden;background:#10243a;min-height:0;aspect-ratio:1672/941;padding:50px 0;display:flex;align-items:center}
.hero-entrance{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.home-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,29,48,.94) 0%,rgba(10,29,48,.87) 23%,rgba(10,29,48,.52) 38%,transparent 57%);pointer-events:none}
.home-hero>.container{position:relative;z-index:1;width:100%}.home-hero .hero-copy{max-width:48%}.home-hero h1{font-size:clamp(34px,4vw,60px)}
html[dir=rtl] .home-hero .hero-copy{margin-left:0;margin-right:auto;text-align:right}
html[dir=rtl] .home-hero h1{font-size:clamp(30px,3vw,46px)}
@media(max-width:900px){.home-hero{aspect-ratio:auto;display:block;padding:0;background-image:none}.hero-entrance{position:static;display:block;width:100%;height:auto;object-fit:contain}.home-hero:after{display:none}.home-hero>.container{padding-top:35px;padding-bottom:40px}.home-hero .hero-copy{max-width:100%}.home-hero h1{font-size:clamp(34px,6vw,52px)}html[dir=rtl] .home-hero h1{font-size:clamp(28px,5vw,42px)}}

@media(min-width:901px){.home-hero{aspect-ratio:auto;height:min(720px,calc(100svh - 140px));min-height:520px}.hero-entrance{object-position:right center}}

/* English-only homepage, matched to the supplied reference. */
@media(min-width:901px){
.home-hero{display:flex;align-items:center;aspect-ratio:auto;height:calc(100svh - 101px);min-height:540px;padding:65px 0;background:#10243a}
.hero-entrance{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.home-hero:after{display:block;background:linear-gradient(90deg,rgba(10,29,48,.98),rgba(10,29,48,.93) 30%,rgba(10,29,48,.7) 46%,transparent 72%)}
.home-hero .hero-copy{max-width:670px}.home-hero h1{font-size:clamp(38px,4.4vw,64px);letter-spacing:-1.3px;line-height:1.16}.home-hero .hero-copy>p:not(.eyebrow){font-size:18px;max-width:520px;line-height:1.8}
}

@media(min-width:901px){.home-hero h1 em{white-space:nowrap}}
/* Give the complete hero text block a consistent inset from the left edge. */
.home-hero>.container{width:min(1200px,84%);margin-inline:auto}
@media(max-width:900px){.home-hero>.container{width:90%}}