:root{--paper:#f5f1e8;--ink:#20383d;--warm:#e8e0cf}body{background:var(--paper)}h1,h2,h3{font-weight:300}.header{background:var(--paper);border-bottom:1px solid #cfc5b1}.menu-toggle{display:none}.header nav a{color:var(--ink)}.header .nav-cta{color:#fff;background:#536c60}.header .nav-cta:hover{background:#2b5349}.hero{background:#e8e0cf;color:var(--ink);position:relative;display:grid;grid-template-columns:1.1fr .9fr;min-height:690px;isolation:isolate;padding-bottom:105px;overflow:hidden}.hero-copy{padding:65px max(32px,calc((100vw - 1200px)/2)) 45px;padding-right:45px;z-index:2}.hero h1{font-weight:300;font-size:clamp(68px,7.6vw,114px);line-height:.99;letter-spacing:-3px;margin:22px 0 27px}.hero h1 em{font-style:normal;color:#007e94}.hero .eyebrow{color:#5b4f36;letter-spacing:1.2px}.hero-intro{max-width:420px;font-size:25px;line-height:1.35}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.hero .text-link{font-size:17px;color:#374e45}.button.dark{background:#006b7f;border:1px solid #006b7f;color:#fff}.button.dark:hover{background:#004b58}.hero-meta{color:#65583a;font-size:15px;gap:23px;margin-top:32px}.hero-meta span+span{border-color:#ac9c7b}.hero-art{position:relative;padding:0;overflow:hidden;min-height:565px;background:#3a3025}.hero-art .arch{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,31,24,.1),rgba(0,0,0,.33))}.arabic-hero{position:absolute;z-index:1;inset:auto 35px 45px auto;text-align:right;font-family:Naskh,serif;font-size:64px;line-height:1.5;color:#fff8dc;text-shadow:0 2px 15px #17140e;padding:0}.hero-ribbon{position:absolute;bottom:0;left:0;right:0;background:#0091ad;color:#fff;display:grid;grid-template-columns:repeat(3,1fr);padding:22px max(32px,calc((100vw - 1200px)/2));gap:25px;z-index:3}.hero-ribbon p{font-size:32px;font-weight:300;line-height:1.1;margin:0}.hero-ribbon span{display:block;font-size:15px;font-weight:400;margin-top:8px}.hero-rosette{position:absolute;left:43%;top:35px;width:125px;opacity:.48;z-index:2;pointer-events:none}.introduction{padding-top:95px;padding-bottom:90px}.intro-grid{grid-template-columns:1fr 1fr;gap:90px}.intro-grid h2{font-size:60px;line-height:1.07}.intro-grid p{font-size:22px}.intro-lead{color:#6c5b38;max-width:385px}.signature{margin-top:25px;color:#007c91}.signature small{font-size:16px;color:#675b40}.parcours{background:#e4ddd0}.section-head h2{font-size:58px;line-height:1.08}.level-overview{gap:32px}.level-overview article{border-color:#9f9074}.level-overview h3{font-weight:300}.level-letter{color:#88764d}.module-picker button{background:#f5f1e8;border-color:#a8b9b7}.module-picker button[aria-selected=true]{background:#006c80;color:white}.module-panel{background:#fffdf8;border:1px solid #a8b9b7}.module-title h3{font-weight:300}.skill-tag{color:#355f50;border-color:#b0c5b2;background:#edf1e9}.path-note{max-width:900px}.alphabet-demo{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.alphabet-demo h2{font-size:58px;line-height:1.07;margin:20px 0 25px}.alphabet-demo p{max-width:490px}.brand-practice{border:1px solid #b5a57c;padding:35px;background:#e8e0cf;box-shadow:15px 15px 0 #d7cdb8}.brand-choices{display:flex;gap:8px;flex-wrap:wrap}.brand-choices button{background:transparent;border:1px solid #7b6b48;padding:9px 12px;font-size:17px;color:#334344;cursor:pointer}.brand-choices button[aria-pressed=true]{background:#00748a;color:white;border-color:#00748a}#brand-ar{font-family:Naskh,serif;font-size:60px;text-align:center;min-height:95px;line-height:1.6;margin:20px 0 10px}#brand-info{min-height:70px;font-size:18px}.brand-note{font-size:14px;color:#655a42;border-top:1px solid #bcaf93;padding-top:18px}.method{background:#fffdf8}.demo{grid-template-columns:.9fr 1.1fr;gap:45px}.demo-ar{font-family:Naskh,serif}.root-map{background:#e6f2f1;border:1px solid #9cbdbb;padding:25px 18px}.octopus{position:relative;min-height:510px}.octopus svg{position:absolute;inset:10px 0 0;width:100%;height:480px;pointer-events:none}.octopus svg path{stroke:#a29369;stroke-width:1.7;fill:none}.root-map .root-center{position:absolute;top:190px;left:calc(50% - 66px);width:132px;height:132px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;background:#007e95;color:#fff;margin:0;border:4px solid #d5c7a1;box-shadow:0 0 0 6px #e6f2f1}.root-center span{font-size:11px;letter-spacing:1px;color:#fff}.root-center strong{font-family:Naskh,serif;font-size:33px;line-height:1.4}.root-map .root-branches{display:block;position:relative;height:510px;margin:0}.root-map .branch{position:absolute;width:40%;padding:10px 4px;background:#fffdf8;border:1px solid #799f9c;box-shadow:0 3px 0 #c3d7d3;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90px;cursor:pointer}.branch:nth-child(odd){left:0}.branch:nth-child(even){right:0}.branch.b1,.branch.b2{top:0}.branch.b3,.branch.b4{top:125px}.branch.b5,.branch.b6{top:300px}.branch.b7,.branch.b8{top:425px}.root-map .branch span{font-size:10px;letter-spacing:.1px}.root-map .branch strong{font-family:Naskh,serif;font-size:29px;line-height:1.35;font-weight:400}.root-map .branch small{font-size:14px;line-height:1.1}.root-map .branch[aria-pressed=true]{background:#007e95;color:#fff;border-color:#007e95}.root-map .branch[aria-pressed=true] span,.root-map .branch[aria-pressed=true] small{color:white}.root-detail{font-size:16px;min-height:90px;margin:25px 5px 0}.door-photo{width:210px;height:260px;object-fit:cover;float:right;margin:0 0 20px 25px;border-radius:120px 120px 0 0}.skills{background:#e9e2d3}.skills-steps article{border-color:#b5a57d}.skills-steps article>span{color:#87744b}.corpus-grid article{background:#fffdf8;padding:25px;border-top:3px solid #0091ad}.corpus-grid h3{font-size:29px}.corpus-number{color:#88754d}.resources{background:#d5cebe}.brochure-cover{max-width:380px;margin:0 auto;transform:rotate(-3deg);box-shadow:18px 22px 35px #584d3e33}.brochure-cover img{width:100%;display:block}.resource-grid h2{font-size:58px;line-height:1.06}.pdf-fallback{display:block;margin-top:15px;color:#005c6b;font-size:16px;text-underline-offset:4px}.resource-grid h3{font-weight:400}.faq{background:#f5f1e8}.contact{background:#005567}.contact .eyebrow{color:#e0d3b1}.contact h2{color:#fffdf2}.contact-grid .button{background:#d7c594;color:#263a37;border:1px solid #d7c594}.footer{background:var(--paper)}a:focus-visible,button:focus-visible{outline:3px solid #b5601a;outline-offset:5px}button:hover{filter:brightness(.96)}
@media(min-width:1500px){.hero{min-height:760px}.hero-art{min-height:650px}.hero-copy{padding-top:80px}}
@media(max-width:1100px){.hero-copy{padding-left:35px;padding-top:55px}.hero h1{font-size:82px}.hero-rosette{width:90px;left:47%}.hero-ribbon{padding-left:35px;padding-right:35px}.hero-intro{font-size:23px}.intro-grid{gap:45px}.intro-grid h2,.section-head h2,.alphabet-demo h2,.resource-grid h2{font-size:49px}.demo{grid-template-columns:1fr 1.05fr;gap:25px}.root-map{padding:22px 12px}.root-map .branch strong{font-size:25px}.root-map .branch span{font-size:9px}.root-map .branch small{font-size:12px}.alphabet-demo{gap:40px}.brand-practice{padding:25px}}
@media(max-width:760px){.header{position:relative;flex-wrap:wrap;padding:10px 20px}.header .brand img{width:125px}.menu-toggle{display:block;border:1px solid #a79a7c;background:transparent;color:#263e3d;padding:9px 14px;font-size:16px;cursor:pointer}.header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:10px 0}.header nav.open{display:flex}.header nav a,.header nav>a:first-child,.header nav>a:nth-child(3){display:block;padding:12px 10px;font-size:18px}.header .nav-cta{margin-top:8px}.hero{display:grid;grid-template-columns:1fr;min-height:0;padding-bottom:0}.hero-copy{padding:38px 22px 35px}.hero h1{font-size:80px;letter-spacing:-2px}.hero-intro{font-size:23px}.hero-art{height:350px;min-height:350px;display:block;order:2;padding:0}.hero .arch{object-position:center 46%}.arabic-hero{inset:auto 25px 20px auto;font-size:46px;padding:0}.hero-rosette{top:130px;right:0;left:auto;width:100px;opacity:.19}.hero-ribbon{position:relative;order:3;padding:24px 22px;gap:13px}.hero-ribbon p{font-size:27px}.hero-ribbon span{font-size:13px;line-height:1.4}.hero-meta{margin-top:26px;gap:15px}.hero-meta span+span{padding-left:15px}.hero-actions{gap:17px}.hero-actions .button{font-size:16px}.introduction{padding:60px 0}.intro-grid{display:block}.intro-grid h2{font-size:45px}.intro-grid p{font-size:20px}.intro-grid>div+div{margin-top:35px}.section-head h2,.alphabet-demo h2,.resource-grid h2{font-size:44px}.alphabet-demo{grid-template-columns:1fr;gap:30px}.brand-practice{padding:25px 20px;box-shadow:8px 8px 0 #d7cdb8}.brand-choices button{font-size:16px}#brand-ar{font-size:52px}.demo{grid-template-columns:1fr;gap:35px}.demo-ar{font-size:34px}.root-map{max-width:520px;width:100%;margin:auto;padding:25px 16px}.root-map .branch strong{font-size:29px}.root-map .branch span{font-size:10px}.root-map .branch small{font-size:14px}.root-detail{min-height:90px}.door-photo{width:135px;height:190px;margin-left:18px}.skills-grid{grid-template-columns:1fr;gap:35px}.resource-grid{grid-template-columns:1fr;gap:55px}.brochure-cover{max-width:290px}.resource-grid .button{font-size:16px}.corpus-grid article{padding:24px}.section-pad{padding-top:60px;padding-bottom:60px}.hero .eyebrow{max-width:300px;line-height:1.6}.hero .text-link{font-size:16px}}
@media(max-width:380px){.hero h1{font-size:70px}.hero-ribbon{padding:20px 15px;gap:10px}.hero-ribbon p{font-size:24px}.hero-ribbon span{font-size:12px}.root-map .branch strong{font-size:25px}.root-map .branch span{font-size:8px}.root-map .branch small{font-size:12px}.root-map .root-center{width:110px;height:110px;left:calc(50% - 55px);top:205px}.root-center strong{font-size:30px}}
@media(max-width:760px){.octopus,.root-map .root-branches{height:580px;min-height:580px}.octopus svg{height:550px}.root-map .root-center{width:110px;height:110px;left:calc(50% - 55px);top:235px}.root-center strong{font-size:30px}.branch.b5,.branch.b6{top:350px}.branch.b7,.branch.b8{top:475px}}
.header .nav-cta{background:#86754d}.header .nav-cta:hover{background:#665935}.skill-tag{color:#69593d;background:#eee8dc;border-color:#b9aa8a}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brochure-cover{transform:none}}

.hero-art .arch{filter:none;opacity:1;mix-blend-mode:normal}.hero-art:after{background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.3))}
