/* Compact white navigation and reserved hero media. */
html{scroll-padding-top:90px}
header{position:relative;z-index:10;background:#fff;color:var(--navy)}
header .nav{height:82px;min-height:0;padding-block:0;flex-wrap:nowrap;gap:20px}
header .nav .brand{width:144px;height:78px;background:transparent}
header .nav>.button{padding:10px 19px;min-height:42px;max-width:none;white-space:nowrap}
header nav{margin-inline-start:auto}
header nav a{font-size:14px}
.language-menu{position:relative;flex-shrink:0;margin:0;color:var(--navy)}
.language-toggle{list-style:none;display:grid;place-items:center;width:40px;height:40px;cursor:pointer;border-radius:50%;border:1px solid transparent}
.language-toggle::-webkit-details-marker{display:none}
.language-toggle svg{width:23px;height:23px}
.language-toggle:hover,.language-menu[open] .language-toggle{background:#f3f4f4;border-color:#e4e8ea}
.language-toggle:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.language-options{position:absolute;inset-inline-end:0;top:calc(100% + 12px);min-width:188px;padding:7px;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 14px 45px #0b29391c;z-index:30}
.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;background:white;border-radius:5px;color:var(--navy);font-size:14px;text-align:start}
.language-option:hover,.language-option[aria-current=true]{background:#f3f0e7}
.language-flag{font-size:23px;line-height:1}
.language-check{margin-inline-start:auto;visibility:hidden;color:#80672d}
.language-option[aria-current=true] .language-check{visibility:visible}
.hero,html[dir=rtl] .hero{background:linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.90)),url('assets/classroom.webp') center 42%/cover no-repeat;min-height:clamp(640px,78svh,800px)}
.hero:before,html[dir=rtl] .hero:before{display:none;content:none}
.hero-inner{display:flex;gap:40px;justify-content:space-between;align-items:center;min-height:clamp(640px,78svh,800px);padding-block:72px}
.hero .hero-copy{max-width:none;width:52%;padding-block:20px;flex-shrink:0}
.hero h1{font-size:clamp(36px,3.9vw,56px)}
.hero-cards{position:relative;flex:1;min-width:0;height:385px;margin-inline-start:10px}
.hero-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:1px solid #dce2e5;border-radius:14px;position:absolute;box-shadow:0 14px 40px #0b293907}
.hero-card svg{width:46px;height:46px;opacity:.6}
.hero-card span{font-size:13px;letter-spacing:.01em}
.hero-card-large{inset-inline-end:0;top:0;width:88%;height:330px;background:#edf0f2;color:#647b89}
.hero-card-small{inset-inline-start:0;bottom:0;width:51%;height:185px;background:#f4eddb;border:5px solid #f7f8f8;color:#97804b;box-shadow:0 14px 36px #0b293911}
.hero-card-small svg{width:35px;height:35px}
@media(max-width:1100px){header .nav{gap:14px}header nav{gap:15px}header nav a{font-size:12px}header .nav .brand{width:130px;height:73px}header .nav>.button{font-size:12px;padding-inline:14px}.hero-inner{gap:20px}.hero-cards{height:345px;margin-inline-start:0}.hero-card-large{height:295px}.hero-card-small{height:157px}.hero-card span{font-size:12px}}
@media(max-width:820px){header .nav{height:74px;gap:13px}header .nav .brand{width:127px;height:70px}header nav{margin:0;top:100%;gap:10px}header nav a{font-size:15px;width:100%}header .language-menu{margin-inline-start:auto}header .nav>.button{margin:0}.hero,.hero-inner{min-height:0}.hero-inner{padding-block:35px;gap:20px}.hero .hero-copy{width:55%}.hero h1{font-size:36px}.hero .intro{font-size:15px}.hero-cards{height:305px}.hero-card-large{width:95%;height:260px}.hero-card-small{width:69%;height:145px}.hero-card span{font-size:11px}.hero-card svg{width:36px;height:36px}}
@media(max-width:620px){header .wrap{width:calc(100% - 28px)}header .nav{height:72px;gap:8px}header .nav .brand{width:112px;height:64px}header .nav>.button{display:inline-flex;padding:8px 11px;font-size:11px;min-height:36px}header .menu{font-size:22px;padding:3px}.language-toggle{width:34px;height:36px}.language-toggle svg{width:22px;height:22px}.language-options{inset-inline-end:-40px;min-width:178px}.hero-inner{flex-direction:column;align-items:stretch;gap:15px;padding-block:30px 34px}.hero .hero-copy{width:100%;padding:0}.hero h1{font-size:37px;line-height:1.2}.hero .intro{font-size:15px}.hero .actions .button{font-size:12px}.hero-cards{flex:auto;width:min(420px,100%);height:295px;margin:12px auto 0}.hero-card-large{width:84%;height:260px}.hero-card-small{width:48%;height:150px}.hero-card span{font-size:12px}.hero .hero-note{margin-top:20px}html[lang=ar] .hero h1{font-size:34px}}
@media(max-width:360px){header .nav .brand{width:92px;height:59px}header .nav{gap:6px}header .nav>.button{padding-inline:8px;font-size:10px}.hero h1{font-size:33px}.hero-card-small{width:52%}}

/* Keep the taller hero comfortable on tablets and phones. */
@media(max-width:820px){.hero,.hero-inner,html[dir=rtl] .hero{min-height:620px}.hero-inner{padding-block:64px}}
@media(max-width:620px){.hero,.hero-inner,html[dir=rtl] .hero{min-height:760px}.hero-inner{padding-block:55px 50px;justify-content:center;gap:30px}.hero,html[dir=rtl] .hero{background-position:center,60% center}}