@font-face{font-family:Zilla;src:url(assets/ZillaSlab-Regular.woff) format('woff');font-weight:400;font-display:swap}@font-face{font-family:Zilla;src:url(assets/ZillaSlab-Light.woff) format('woff');font-weight:300;font-display:swap}@font-face{font-family:Zilla;src:url(assets/ZillaSlab-Bold.woff) format('woff');font-weight:700;font-display:swap}@font-face{font-family:Naskh;src:url(assets/NotoNaskhArabic-Regular.ttf) format('truetype');font-display:swap}
:root{--teal:#0091ad;--deep:#006476;--light:#88c6d7;--beige:#d5cebe;--ochre:#86754d;--ink:#172a38;--paper:#f7f7f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:#fff;font:19px/1.5 Zilla,Georgia,serif}button,input,select,textarea{font:inherit}a{color:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9d6000;outline-offset:5px}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-weight:300;line-height:1.03;letter-spacing:-.025em}h1{font-size:clamp(48px,5.1vw,79px)}h2{font-size:clamp(37px,4vw,60px)}h3{font-size:27px;line-height:1.15;font-weight:400}p+p{margin-top:18px}[lang=ar]{font-family:Naskh,serif}section{scroll-margin-top:20px}.wrap{width:min(1200px,calc(100% - 100px));margin:auto}.section-pad{padding-top:100px;padding-bottom:100px}.eyebrow{font:700 12px/1.5 Zilla,serif;letter-spacing:.12em;margin-bottom:24px}.header{height:96px;display:flex;justify-content:space-between;align-items:center;padding:15px 50px;background:#fff;border-bottom:1px solid #e4e7e7}.brand img{width:143px;height:65px;object-fit:contain}.header nav{display:flex;align-items:center;gap:32px}.header nav a{text-decoration:none;font-size:17px}.header nav a:hover{color:var(--deep)}.nav-cta{padding:12px 20px;border:1px solid var(--teal)}.skip{position:absolute;top:-100px;left:20px;background:white;z-index:10}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.3fr .8fr;min-height:635px;background:var(--teal);color:#fff;overflow:hidden}.hero-copy{padding:65px 35px 40px max(50px,calc((100vw - 1200px)/2))}.hero .eyebrow{color:#f4ffff}.hero h1 em{font-style:normal;color:#e5f3ed}.hero-intro{font-size:24px;line-height:1.35;max-width:510px;margin-top:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:36px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;text-decoration:none;padding:16px 22px;line-height:1.2;border:1px solid transparent;font-weight:700;font-size:17px}.button:hover{transform:translateY(-2px)}.button.light{background:white;color:var(--deep)}.button.dark{background:var(--ink);color:white}.text-link{text-decoration:underline;text-underline-offset:5px;font-size:17px}.hero-meta{display:flex;gap:25px;flex-wrap:wrap;margin-top:45px;font-size:15px}.hero-meta span+span{border-left:1px solid #b6e4ea;padding-left:25px}.hero-art{position:relative;background:var(--deep);min-height:635px}.hero-art .arch{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.33;mix-blend-mode:luminosity}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#004b5a 100%)}.arabic-hero{position:relative;z-index:1;font-size:114px;line-height:1.4;display:block;text-align:center;transform:rotate(-4deg);padding-top:60px;white-space:nowrap}.arabic-hero span{color:#f4e6c6}.hero-art>p{position:absolute;z-index:1;bottom:44px;left:45px;font-size:21px;line-height:1.2}.introduction{padding-top:90px;padding-bottom:95px}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.intro-grid h2{font-size:44px}.intro-grid p{font-size:20px}.parcours{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:55px}.section-head>p{max-width:340px;font-size:20px;color:#46575e}.level-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-bottom:65px}.level-overview article{position:relative;padding:20px 0 0 65px;border-top:1px solid #b8c6c9;min-height:180px}.level-overview .level-letter{position:absolute;left:0;top:9px;font:300 68px/1 Zilla;color:var(--teal)}.level-overview h3{font-size:36px}.level-overview p{font-size:17px;margin-top:7px;max-width:245px}.module-picker{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--teal)}.module-picker button{background:transparent;border:0;padding:17px 7px;font-weight:700;color:var(--deep)}.module-picker button+button{border-left:1px solid #b4ccd0}.module-picker button[aria-selected=true]{color:#fff;background:var(--teal)}.module-picker button:hover{background:#d6ecee;color:var(--deep)}.module-panel{padding:45px;background:white;border:1px solid #c6d7da;border-top:0;min-height:580px}.module-top{display:grid;grid-template-columns:1fr 1.6fr;gap:50px}.module-title h3{font-size:54px;font-weight:300}.module-title .duration{font-size:19px;color:var(--deep);margin-top:10px}.skill-tag{display:inline-block;border-bottom:2px solid var(--teal);font-size:16px;padding:9px 0;margin:15px 0 22px}.module-title .button{font-size:15px;padding:14px;gap:10px}.module-goal{font-size:25px;line-height:1.25;margin-bottom:22px}.module-info{font-size:17px}.module-info strong{font-weight:700}.module-programme{margin-top:35px;border-top:1px solid #c6d7da;padding-top:28px}.module-programme h4{font:700 13px Zilla;letter-spacing:.07em;margin:0 0 18px}.lesson-list{display:grid;grid-template-columns:1fr 1fr;gap:11px 35px;list-style:none;padding:0;margin:0}.lesson-list li{display:grid;grid-template-columns:23px 1fr;font-size:17px;line-height:1.3}.lesson-list li>span{color:var(--deep);font-weight:700}.module-finish{margin-top:24px;font-size:16px;color:#52616a}.module-contact{margin-top:15px;color:var(--deep);font-size:17px;text-underline-offset:4px}.path-note{font-size:16px;color:#516167;max-width:850px;margin-top:25px}.demo{display:grid;grid-template-columns:.95fr 1.1fr;gap:50px;border-top:1px solid #b8ccd0;padding-top:40px}.small-label{font-size:12px;letter-spacing:.1em;color:#56717a;font-weight:700}.demo-ar{font-size:38px;line-height:1.8;padding-top:22px;min-height:160px}.toggle{background:#e7f3f5;color:var(--deep);border:0;padding:9px 16px;font-size:16px;display:flex;gap:20px;align-items:center}.translation{font-size:18px;margin-top:15px}.analysis{border-top:1px solid #d2e0e2;margin-top:30px;padding-top:15px}.analysis p{display:grid;grid-template-columns:100px 1fr;gap:22px;align-items:center;font-size:17px;margin-top:4px}.analysis strong{font-size:29px;text-align:right;font-weight:400;color:var(--deep)}.demo-note{font-size:16px;margin-top:20px;max-width:450px}.root-map{background:#f2f7f7;padding:25px 27px}.root-center{text-align:center;margin:20px auto 25px;border-radius:50%;border:2px solid var(--teal);width:135px;height:135px;display:flex;flex-direction:column;justify-content:center;background:white}.root-center span{font-size:10px;letter-spacing:.13em;color:var(--deep)}.root-center strong{font-size:40px;font-weight:400}.root-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 10px;position:relative}.root-branches button{display:flex;flex-direction:column;align-items:center;background:white;padding:14px 4px;border:1px solid #8ebfc8;position:relative;color:var(--ink)}.root-branches button span{font-size:9px;letter-spacing:.04em;font-weight:700}.root-branches button strong{font-size:28px;line-height:1.6;font-weight:400}.root-branches button small{font-size:13px}.root-branches button[aria-pressed=true]{background:var(--deep);color:white;border-color:var(--deep)}.root-detail{border-top:1px solid #b9ced1;padding-top:17px;font-size:16px;min-height:105px;margin-top:20px}.skills{background:#d5cebe55}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.skills-grid>div>p:not(.eyebrow){margin-top:25px}.rosette{width:115px;height:115px;margin-top:35px;opacity:.75}.skills-steps article{display:flex;gap:23px;padding:0 0 30px;border-bottom:1px solid #b9bdaf;margin-bottom:28px}.skills-steps article>span{font-size:26px;font-weight:300;color:var(--ochre)}.skills-steps article p{font-size:18px;margin-top:13px}.corpus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.corpus-grid article{border-top:2px solid var(--teal);padding-top:20px}.corpus-number{font-size:17px;color:var(--deep);margin-bottom:30px}.corpus-grid p:last-child{font-size:18px;margin-top:20px}.resources{background:#eaf4f5}.resource-grid{display:grid;grid-template-columns:.75fr 1fr;gap:100px;align-items:center}.brochure-object{background:var(--teal);color:#fff;box-shadow:15px 17px 0 #cad9d7;padding:42px;max-width:350px;transform:rotate(-3deg)}.brochure-object img{width:120px;height:65px;object-fit:contain;object-position:left}.brochure-object p{font-size:20px;line-height:1.2;margin-top:25px}.brochure-object h2{font-size:65px;margin:34px 0}.brochure-object>span{font-size:11px;letter-spacing:.08em}.resources h2+p{margin-top:25px}.resources .button{margin-top:30px}.resource-caption{font-size:15px;max-width:420px}.resources h3{margin-top:37px}.resources h3+p{font-size:18px;margin-top:15px}.faq h2{margin-bottom:38px}.faq details{border-top:1px solid #bbccd0;padding:23px 0}.faq details:last-child{border-bottom:1px solid #bbccd0}.faq summary{font-size:23px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:var(--teal)}.faq details[open] summary:after{content:'−'}.faq details p{max-width:850px;padding-top:18px;font-size:18px}.contact{background:var(--deep);color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2+p{margin-top:25px;max-width:440px}.contact-name{margin-top:38px;font-size:20px}.contact-name a{text-decoration:none;line-height:1.8}.contact-name a:hover{text-decoration:underline}form{display:flex;flex-direction:column}form label{font-size:16px;margin:0 0 7px}input,select,textarea{border:1px solid #80afba;color:var(--ink);background:#fff;padding:12px;min-width:0;width:100%;border-radius:0;margin-bottom:21px;resize:vertical;font-size:18px}form button{align-self:flex-start}.form-note{font-size:14px;color:#d0e8ed;margin-top:16px}.footer{padding-top:45px;padding-bottom:25px;display:grid;grid-template-columns:1fr 1fr auto;gap:25px;align-items:center}.footer img{width:130px;height:65px;object-fit:contain;object-position:left}.footer p,.footer>a{font-size:16px}.footer-note{grid-column:1/-1;border-top:1px solid #d7dedd;padding-top:20px;color:#657377;font-size:13px!important;margin-top:10px}
@media(min-width:1500px){.hero-copy{padding-top:80px}.hero{min-height:680px}.hero-art{min-height:680px}}
@media(max-width:1000px){.wrap{width:calc(100% - 60px)}.header{padding:15px 30px}.header nav{gap:19px}.hero-copy{padding:45px 28px 35px 30px}.hero{grid-template-columns:1.2fr .8fr}.hero h1{font-size:55px}.hero-intro{font-size:22px}.arabic-hero{font-size:92px;padding-top:90px}.intro-grid,.skills-grid,.resource-grid,.contact-grid{gap:45px}.demo{gap:30px}.module-panel{padding:30px}.root-map{padding:22px 15px}.hero-meta{gap:15px}.hero-meta span+span{padding-left:15px}.section-pad{padding-top:75px;padding-bottom:75px}.root-branches button strong{font-size:25px}}
@media(max-width:720px){html{scroll-padding-top:15px}.wrap{width:calc(100% - 40px)}.header{height:auto;min-height:84px;padding:10px 20px;gap:10px}.brand img{width:106px;height:56px}.header nav{gap:15px}.header nav>a:first-child,.header nav>a:nth-child(3){display:none}.header nav a{font-size:15px}.nav-cta{padding:10px 12px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 20px}.hero h1{font-size:clamp(47px,10vw,65px)}.hero-intro{font-size:22px}.hero-actions{gap:20px}.hero-meta{margin-top:35px;font-size:14px}.hero-art{min-height:310px;display:flex;align-items:center;justify-content:space-between;padding:25px 30px}.arabic-hero{font-size:70px;line-height:1.35;padding:0;order:2;flex-shrink:0}.hero-art>p{position:relative;bottom:auto;left:auto;max-width:150px;font-size:20px}.hero .eyebrow{font-size:10px}.introduction{padding-top:60px;padding-bottom:60px}.intro-grid,.module-top,.demo,.skills-grid,.resource-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.intro-grid h2{font-size:38px}.intro-grid p{font-size:19px}.section-pad{padding-top:65px;padding-bottom:65px}.section-head{display:block;margin-bottom:35px}.section-head>p{margin-top:25px;font-size:18px}.level-overview{gap:18px;margin-bottom:35px}.level-overview article{padding:17px 0 0;min-height:0}.level-letter{display:none}.level-overview h3{font-size:29px}.level-overview p{font-size:15px;line-height:1.3}.module-picker{grid-template-columns:repeat(3,1fr)}.module-picker button{padding:13px 5px;font-size:17px}.module-picker button:nth-child(4){border-left:0}.module-picker button:nth-child(n+4){border-top:1px solid #9bbfc6}.module-panel{padding:25px 20px;min-height:0}.module-title h3{font-size:44px}.module-top{gap:25px}.module-title .button{font-size:16px}.skill-tag{margin:10px 0 15px}.module-goal{font-size:23px}.lesson-list{grid-template-columns:1fr;gap:14px}.module-info{font-size:17px}.demo-ar{font-size:34px;min-height:130px}.root-map{padding:25px 18px}.root-branches button strong{font-size:28px}.root-detail{min-height:100px}.rosette{display:none}.corpus-grid{grid-template-columns:1fr;gap:32px}.corpus-number{margin-bottom:14px}.resource-grid{gap:50px}.brochure-object{width:78%;padding:28px;margin:0 auto}.brochure-object h2{font-size:54px}.brochure-object img{height:50px}.resource-grid .button{width:100%;font-size:16px;gap:10px}.faq summary{font-size:21px}.contact-grid{gap:45px}.contact-name{font-size:18px}.footer{grid-template-columns:1fr 1fr;gap:20px}.footer>a{grid-column:1/-1}.footer-note{font-size:12px!important}.hero-actions .button{font-size:16px;padding:16px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}

.hero .eyebrow,.hero-meta,.hero .text-link{color:#001b20}.hero-meta span+span{border-color:#005a6a}

body{font-family:Zilla,Naskh,Georgia,serif}.root-branches{grid-template-columns:repeat(3,minmax(0,1fr))}.root-branches button{min-width:0}@media(max-width:360px){.root-branches button strong{font-size:24px}.header nav{gap:10px}.nav-cta{padding:9px}}