/* Shared typography, responsive composition and directional layouts. */
:root{--serif:var(--sans)}em,i,.heading-accent{font-family:inherit;font-style:normal;font-weight:inherit}.heading-accent{color:var(--plum)}.approach .heading-accent{color:#c5d8ae}.contact .heading-accent{color:#e7d3e0}h1 .heading-accent{font-size:inherit}.site-header{gap:22px}.desktop-nav{margin-inline:auto}.language-switch{order:4;display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;transition:background .25s,transform .25s}.language-switch:hover{background:var(--plum-soft);transform:rotate(12deg)}.menu-toggle{order:3}.header-cta{order:2}.hero{position:relative;isolation:isolate;min-height:620px;display:block;margin:24px auto 0;max-width:1312px;padding:58px 48px 115px;overflow:hidden;border-radius:10px}.hero-copy{position:relative;z-index:2;max-width:550px}.hero h1{font-size:clamp(48px,5.4vw,76px);letter-spacing:-3.4px;margin:0 0 26px}.hero-description{max-width:400px;color:#4d514c}.hero-visual{position:absolute;inset:0;height:100%;border-radius:0;z-index:-1;animation:none}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:70% center}.hero-visual:after{background:linear-gradient(90deg,#f6f4ef 3%,#f6f4eff5 29%,#f6f4ef9c 49%,#f6f4ef00 78%)}.hero-image-caption,.image-number{display:none}.hero-footnote{margin-top:30px}.product-doorways{position:relative;z-index:3;max-width:1312px;padding:0 48px;margin:-66px auto 60px;gap:16px}.product-doorways>a,.product-doorways>a+a{border:1px solid #dedbd6;padding:24px;background:#fffffff0;backdrop-filter:blur(12px);border-radius:6px;box-shadow:0 9px 22px #342d3810;transition:transform .3s,box-shadow .3s}.product-doorways>a:hover{transform:translateY(-5px);box-shadow:0 14px 32px #342d381c}.product-doorways>a:nth-child(2){background:#edf3eef5}.product-doorways p{font-size:13px}.product-doorways .product-name{font-size:22px}.product-section{scroll-margin-top:105px}.article-nav~.article-body section[id]{scroll-margin-top:166px}.learning-cycle{padding-bottom:65px}.learning-cycle h2{font-size:46px;line-height:1.15;margin:20px 0}.learning-cycle>p:not(.eyebrow){max-width:700px;color:var(--muted)}.cycle-layout{display:grid;grid-template-columns:.6fr 1.4fr;gap:35px;margin-top:32px;align-items:center}.cycle-tabs{display:flex;flex-direction:column;gap:10px}.cycle-tabs button{display:flex;align-items:center;gap:18px;text-align:start;padding:20px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:6px;transition:background .25s,transform .25s}.cycle-tabs button[aria-selected=true]{background:var(--plum-soft);border-color:#c8b4c2;transform:translateX(5px)}.cycle-tabs small{display:block;color:var(--muted);margin-top:5px}.cycle-tabs strong{font-size:19px;font-weight:500}#cycle-panel{background:var(--plum-soft);padding:24px;border-radius:8px;margin:0}#cycle-panel img{width:100%;aspect-ratio:1.7;object-fit:contain;background:#fff;border-radius:4px}#cycle-panel>p{font-size:14px;color:var(--muted);margin-top:18px;min-height:46px}.classroom-story{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;padding:50px 0}.classroom-story>img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:8px}.classroom-story h2{font-size:39px;line-height:1.2}.classroom-story p{margin-top:20px;color:var(--muted)}.roadmap-note{font-size:13px;color:var(--muted);padding:20px;border:1px solid var(--line);border-radius:5px;margin-bottom:35px}.about-campus{margin:0 0 55px}.about-campus img{width:100%;height:380px;object-fit:cover;object-position:center 40%;border-radius:7px}.about-campus figcaption{font-size:13px;color:var(--muted);margin-top:13px}.vision-section h2{font-size:36px;line-height:1.4}.team-grid{gap:24px}.team-grid article{--card:#f7e8df;--pattern:#dfbaa4;border:1px solid var(--line);background:#fdfcf9;border-radius:5px;overflow:hidden;padding-bottom:25px;transition:transform .35s,box-shadow .35s}.team-grid article:nth-child(2){--card:#eae6f5;--pattern:#bfb0df}.team-grid article:nth-child(3){--card:#e0efec;--pattern:#9abfb8}.portrait-stage{position:relative;background:var(--card);height:310px;padding:22px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.portrait-pattern{position:absolute;inset:12px;opacity:.38;background:conic-gradient(from 45deg,var(--pattern) 25%,transparent 0 50%,var(--pattern) 0 75%,transparent 0) 0 0/48px 48px;mask-image:radial-gradient(ellipse,#000 35%,transparent 75%)}.team-grid .portrait-stage img{position:relative;width:100%;height:100%;max-width:270px;object-fit:cover;object-position:center 24%;border-radius:0;clip-path:polygon(50% 0,64% 12%,83% 13%,88% 34%,100% 50%,88% 66%,83% 87%,64% 88%,50% 100%,36% 88%,17% 87%,12% 66%,0 50%,12% 34%,17% 13%,36% 12%);transition:transform .6s;filter:saturate(.7)}.team-grid article:hover{transform:translateY(-7px);box-shadow:0 15px 30px #28282410}.team-grid article:hover img{transform:scale(1.035);filter:saturate(1)}.team-grid article>.team-role,.team-grid article>h3,.team-grid article>p{margin-inline:23px}.team-grid article>.team-role{display:block;margin-top:24px}.team-grid article>h3{font-size:23px}.team-grid article>p{font-size:14px}.team-grid article:nth-child(2){transition-delay:60ms}.team-grid article:nth-child(3){transition-delay:120ms}
[dir=rtl]{--sans:'Noto Sans Arabic',-apple-system,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.4}[dir=rtl] .eyebrow,[dir=rtl] .chapter,[dir=rtl] .product-category,[dir=rtl] .team-role{letter-spacing:0}[dir=rtl] .hero h1{font-size:65px}[dir=rtl] .hero-visual:after{background:linear-gradient(270deg,#f6f4ef 3%,#f6f4eff5 29%,#f6f4ef9c 49%,#f6f4ef00 78%)}[dir=rtl] .hero-visual>img{object-position:left center}[dir=rtl] .site-header{direction:ltr}[dir=rtl] .desktop-nav,[dir=rtl] .mobile-nav{direction:rtl}[dir=rtl] .brand{font-family:'DM Sans',sans-serif}[dir=rtl] .door-arrow{margin-left:0;margin-right:auto}[dir=rtl] .section-heading{text-align:center}[dir=rtl] .cycle-tabs button[aria-selected=true]{transform:translateX(-5px)}[dir=rtl] .footer-top>div{margin-left:0;margin-right:auto}[dir=rtl] .editorial-list li:before{margin-right:0;margin-left:12px}[dir=rtl] .flow-tag{text-align:start}
@media(prefers-reduced-motion:no-preference){.hero-visual>img{animation:hero-settle 2.5s cubic-bezier(.2,.7,.3,1) both}.portrait-pattern{transition:transform 1s}.team-grid article:hover .portrait-pattern{transform:rotate(6deg) scale(1.06)}.screenshot-stack .stack-chart-one{animation:float-one 6s ease-in-out infinite}.screenshot-stack .stack-chart-two{animation:float-two 7s ease-in-out infinite}}@keyframes hero-settle{from{transform:scale(1.045);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes float-one{50%{transform:rotate(4deg) translateY(-6px)}}@keyframes float-two{50%{transform:rotate(-5deg) translateY(5px)}}
@media(max-width:1100px){.hero{margin-inline:24px;padding:42px 30px 110px;min-height:585px}.hero h1{font-size:60px}.product-doorways{margin-inline:24px;padding-inline:30px}.site-header{gap:14px}.desktop-nav{gap:16px}.portrait-stage{height:265px}[dir=rtl] .hero h1{font-size:55px}}
@media(max-width:760px){.hero{margin:0;min-height:0;padding:34px 24px 0;border-radius:0;overflow:visible}.hero h1{font-size:clamp(42px,10.8vw,62px);letter-spacing:-2px}.hero-copy{max-width:none}.hero-visual{position:relative;inset:auto;height:300px;margin:30px -24px 0;z-index:0}.hero-visual:after{background:linear-gradient(180deg,var(--paper),transparent 25%)}.hero-visual>img{object-position:70% center}.hero-description{max-width:450px}.product-doorways{margin:0;padding:20px 24px 0;gap:12px}.product-doorways>a,.product-doorways>a+a{padding:19px}.site-header{gap:12px}.site-header>.brand{margin-right:auto}.language-switch{width:38px;height:38px}.cycle-layout,.classroom-story{grid-template-columns:1fr;gap:22px}.learning-cycle h2{font-size:35px}.cycle-tabs{flex-direction:row;gap:7px}.cycle-tabs button{flex:1;min-width:0;padding:13px 9px;display:block;text-align:center}.cycle-tabs button strong{font-size:14px}.cycle-tabs small{font-size:10px}.cycle-tabs button[aria-selected=true]{transform:translateY(-3px)}#cycle-panel{padding:15px}.classroom-story{padding:25px 0}.classroom-story h2{font-size:34px}.about-campus img{height:270px}.vision-section h2{font-size:27px}.portrait-stage{height:320px}.team-grid article>h3{font-size:24px}.article-nav~.article-body section[id]{scroll-margin-top:150px}[dir=rtl] .hero h1{font-size:46px}[dir=rtl] .hero-visual:after{background:linear-gradient(180deg,var(--paper),transparent 25%)}[dir=rtl] .section-heading{text-align:start}[dir=rtl] .cycle-tabs button[aria-selected=true]{transform:translateY(-3px)}.footer-bottom nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}

@media(min-width:761px) and (max-width:950px){.site-header{padding-inline:24px}.desktop-nav{gap:13px;font-size:12px}.desktop-nav a,.header-cta{white-space:nowrap}.brand{font-size:21px}.header-cta{padding-inline:12px;gap:12px}.site-header{gap:10px}.hero-visual:after{background:linear-gradient(90deg,#f6f4ef 3%,#f6f4eff5 34%,#f6f4efb8 54%,#f6f4ef00 90%)}}
.cycle-tabs button{flex-wrap:wrap}.cycle-tabs small{flex-basis:100%;margin-inline-start:36px}.cycle-tabs button>span{color:var(--plum);font-size:12px}
@media(max-width:760px){.cycle-tabs small{margin-inline-start:0}.cycle-tabs button>span{display:block;margin-bottom:4px}}
#cycle-panel img{height:auto}.article-hero-grid>*{min-width:0}.article-nav{scrollbar-width:thin}.team-grid .portrait-stage img{aspect-ratio:auto}
