:root{--ink:#1c2620;--ink-soft:#4a5a51;--paper:#faf7f0;--paper-2:#f2ece0;--green:#1f4d3a;--green-2:#2f6b50;--gold:#a98232;--line:#e0d8c8;--max:1080px;--font:"IBM Plex Sans Arabic",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);line-height:1.9;-webkit-font-smoothing:antialiased}body,h1,h2,h3{font-family:var(--font)}h1,h2,h3{line-height:1.5;font-weight:600}a{color:inherit}button{font-family:var(--font);cursor:pointer}img{display:block;max-width:100%}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(42,50%,96%,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}nav .wrap{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}.brand{font-weight:600;font-size:17px;color:var(--green);white-space:nowrap}.links{display:flex;gap:18px;font-size:14px;color:var(--ink-soft)}.links a{text-decoration:none;transition:color .2s}.links a:hover{color:var(--gold)}@media (max-width:1050px){.links{display:none}}.hero{position:relative;background:#173d2e;color:#f4efe4;padding:104px 0 88px;text-align:center;overflow:hidden}.heroBg{background-image:url(https://nihe7jpeq7zhhv7v.public.blob.vercel-storage.com/background.jpg);background-size:cover;background-position:50%;opacity:.3;filter:saturate(.8)}.heroBg,.heroVeil{position:absolute;inset:0}.heroVeil{background:linear-gradient(160deg,rgba(31,77,58,.86),rgba(23,61,46,.9) 55%,rgba(28,38,32,.94))}.hero .wrap{position:relative;z-index:2}.kicker{letter-spacing:.24em;font-size:12px;color:#d9c48c}.hero h1,.kicker{margin-bottom:18px}.hero h1{font-size:clamp(27px,4.6vw,46px);color:#fff;font-weight:600}.hero .lead{font-size:clamp(15px,2vw,18px);color:#d6ded8;max-width:620px;margin:0 auto 30px;font-weight:300}.rule{width:68px;height:2px;background:var(--gold);margin:0 auto 26px}.tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tag{border:1px solid hsla(44,50%,70%,.45);color:#e5dcc6;border-radius:999px;padding:6px 16px;font-size:13px}.stats{background:var(--paper-2);border-bottom:1px solid var(--line);padding:38px 0}.stats .grid4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;text-align:center}@media (max-width:700px){.stats .grid4{grid-template-columns:repeat(2,1fr);gap:26px}}.stat .num{font-size:30px;color:var(--green);line-height:1.3;font-weight:600}.stat .lbl{font-size:13.5px;color:var(--ink-soft)}section{padding:80px 0;border-bottom:1px solid var(--line)}section:nth-of-type(2n){background:var(--paper-2)}.eyebrow{color:var(--gold);font-size:12.5px;letter-spacing:.16em;margin-bottom:10px}section h2{font-size:clamp(23px,3.4vw,32px);color:var(--green);margin-bottom:14px}.sub{margin-bottom:40px;max-width:640px;font-size:15px}.sub,p{color:var(--ink-soft)}.bioFlex{display:grid;grid-template-columns:290px 1fr;grid-gap:42px;gap:42px;align-items:start}@media (max-width:860px){.bioFlex{grid-template-columns:1fr;gap:28px}}.portrait{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 14px 34px rgba(31,77,58,.1)}.portrait img{width:100%}.portrait .cap{padding:10px 14px;font-size:12.5px;color:var(--ink-soft);border-top:1px solid var(--line);text-align:center}.bioText p{margin-bottom:18px;font-size:16.5px}.bioText strong{color:var(--ink);font-weight:600}.journey{position:relative;margin-top:20px}.jline{position:absolute;top:34px;right:0;left:0;height:2px;background:var(--line)}.jrow{display:flex;justify-content:space-between;position:relative;gap:8px}.jstop{flex:1 1;text-align:center}.jstop .jy{font-size:12.5px;color:var(--ink-soft);margin-bottom:6px}.jstop .jdot{width:13px;height:13px;border-radius:50%;background:var(--gold);margin:0 auto 10px;box-shadow:0 0 0 4px var(--paper);position:relative;z-index:1}.jstop.major .jdot{background:var(--green);width:15px;height:15px}.jstop .jt{font-size:13.5px;color:var(--ink);font-weight:500;line-height:1.5}.jstop .jd{font-size:12px;color:var(--ink-soft);line-height:1.6;margin-top:2px}@media (max-width:880px){.jline{top:0;bottom:0;right:6px;left:auto;width:2px;height:auto}.jrow{flex-direction:column;gap:22px}.jstop{text-align:right;padding-right:30px;position:relative}.jstop .jdot{position:absolute;right:0;top:6px;margin:0}.jstop .jy{margin-bottom:2px}}.quals{display:grid;grid-gap:14px;gap:14px}.qual{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;display:flex;gap:18px;align-items:flex-start}.qual .yr{flex:0 0 90px;color:var(--gold);font-size:14.5px;font-weight:500;padding-top:2px}.qual h3{font-size:16.5px;color:var(--ink);margin-bottom:3px}.qual p{font-size:14px;line-height:1.75}.timeline{border-right:2px solid var(--line);padding-right:26px}.tl-item{position:relative;padding-bottom:30px}.tl-item:before{content:"";position:absolute;right:-33px;top:12px;width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--paper-2)}.tl-item .yr{font-size:13px;color:var(--gold);font-weight:500}.tl-item .ttl{font-weight:600;color:var(--ink);font-size:16.5px;margin:2px 0 3px}.tl-item .dsc{font-size:14.5px}.memb-group{margin-bottom:34px}.memb-group h3{font-size:17.5px;color:var(--green-2);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.memb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:8px 20px;gap:8px 20px}.memb-list li{list-style:none;font-size:14px;color:var(--ink-soft);padding-right:16px;position:relative;line-height:1.75}.memb-list li:before{content:"\25C6";position:absolute;right:0;top:0;color:var(--gold);font-size:8px;line-height:3.4}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:18px;gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 22px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(31,77,58,.09)}.card .cat{display:inline-block;font-size:11.5px;color:var(--green-2);background:#eaf1ec;border-radius:6px;padding:3px 10px;margin-bottom:11px}.card h3{font-size:17px;margin-bottom:7px;color:var(--ink)}.card p{font-size:14px;line-height:1.75}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.tab{background:#fff;border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:8px 18px;font-size:14px;transition:all .18s}.tab:hover{border-color:var(--gold);color:var(--gold)}.tab.on{background:var(--green);border-color:var(--green);color:#fff}.tab .n{font-size:12px;opacity:.7;margin-right:6px}.empty{background:#fff;border:1px dashed var(--line);border-radius:14px;padding:54px 24px;text-align:center}.empty .ei{font-size:28px;color:var(--gold);margin-bottom:12px}.empty h3{font-size:17px;color:var(--ink);margin-bottom:6px}.empty p{font-size:14px;max-width:440px;margin:0 auto}.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:780px){.gallery{grid-template-columns:1fr}}.shot{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff}.shot img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s ease}.shot:hover img{transform:scale(1.04)}.shot .lbl{position:absolute;inset:auto 0 0 0;background:linear-gradient(0deg,rgba(28,38,32,.86),rgba(28,38,32,0));color:#f0ece2;padding:22px 14px 12px;font-size:13px}.forewords{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:10px 24px;gap:10px 24px}.fw{list-style:none;font-size:14px;color:var(--ink-soft);border-right:2px solid var(--line);padding:4px 14px 4px 0;line-height:1.7}.fw b{color:var(--ink);font-weight:500;display:block;font-size:14.5px}.teachers{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:10px;gap:10px}.teacher{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-size:14px;color:var(--ink)}.contact{text-align:center}.socials{display:flex;gap:12px;justify-content:center;margin-top:26px}.soc{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;transition:all .2s;text-decoration:none}.soc:hover{background:var(--green);border-color:var(--green);transform:translateY(-2px)}.soc svg{width:20px;height:20px;fill:var(--green);transition:fill .2s}.soc:hover svg{fill:#fff}footer{background:var(--green);color:#cfd8d1;padding:48px 0;text-align:center}footer .name{font-size:19px;color:#fff;margin-bottom:8px;font-weight:600}footer p{color:#9fb3a7;font-size:13.5px}footer .dot{color:var(--gold);margin:0 8px}