*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#ede7d9;color:#32372d;font:14px 'IBM Plex Sans Arabic',sans-serif;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%236b5937' opacity='.055' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #976441;outline-offset:4px}.top,header,main,footer{max-width:1200px;margin:auto}.top{display:flex;justify-content:space-between;font-size:10px;color:#837b68;padding:12px 4%;border-bottom:1px solid #b9af98}header{display:flex;align-items:center;justify-content:space-between;padding:22px 4%;border-bottom:1px solid #b9af98}.brand{font:49px/1 Amiri,serif}.brand small{display:block;text-align:center;letter-spacing:3px;font:9px Georgia;margin-top:9px}nav{display:flex;gap:35px;font-size:12px}nav a:hover{color:#99603e}header>a:last-child{font-size:32px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:58px 4% 45px;align-items:center}.eyebrow{font-size:10px;color:#926c4c;letter-spacing:1px}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(45px,5.4vw,72px)/1.45 Amiri,serif;letter-spacing:-1px;margin:22px 0 16px}em{font-style:normal;color:#8b5539}p{color:#777360;line-height:2}.hero p{max-width:410px;font-size:13px}.button{display:inline-flex;gap:55px;background:#343e30;color:#eee7d9;padding:14px 24px;margin-top:15px;font-size:12px}.button:hover{background:#536046}.footnote{margin-top:36px;color:#8b826c;font-size:10px}.art{max-width:440px}.art svg{width:100%;display:block}.quote{margin:0 4%;padding:24px 0;border-block:1px solid #b4a98e;display:flex;justify-content:space-between;align-items:center;gap:25px}.quote p{font:22px Amiri;margin:0;color:#58523f}.quote small{font-size:10px;color:#8a7d60;white-space:nowrap}section:not(.hero){padding:62px 4%}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.heading>small{font-size:10px;color:#8b806b}h2{font:400 36px/1.6 Amiri;margin:7px 0 0}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #c2b69e;padding-bottom:18px;margin-bottom:26px}.filters button{border:1px solid transparent;background:none;font-size:11px;padding:7px 12px;color:#847962}.filters .active{border-color:#a59779;color:#3f4835}.filters input{width:180px;margin-right:auto;background:none;border:0;border-bottom:1px solid #b8ac91;padding:8px;font-size:12px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.article{display:flex;flex-direction:column}.illustration{height:180px;display:grid;place-items:center;position:relative;background:#d4c9ae;overflow:hidden;border:1px solid #bdaf8e}.illustration:before{content:'';position:absolute;inset:13px;border:1px solid #8b7b5455}.illustration:after{content:'';width:135px;height:135px;border:1px solid #8b7b5455;border-radius:50%;position:absolute;transform:translateX(25px)}.illustration span{font:115px Georgia;color:#77704e;text-shadow:4px 4px #e9dfc4;transition:transform .4s}.article:nth-child(2) .illustration{background:#b7baa4}.article:nth-child(3) .illustration{background:#ceb79a}.article:hover .illustration span{transform:scale(1.08)}.meta{display:flex;justify-content:space-between;color:#946a48;font-size:10px;margin:16px 0 9px}.article h3{font:25px Amiri;margin:0 0 8px}.article p{font-size:12px}.read{display:flex;justify-content:space-between;border:0;border-top:1px solid #c5b89e;background:none;padding:13px 0;text-align:right;font-size:11px;margin-top:auto;color:#4d5740}.schools{margin:0 4%;padding:35px 4%!important;background:#343d31;color:#ede6d5}.schools .eyebrow{color:#c1aa7e}.schools .heading small{color:#b3b69f}.school-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:55px}.tabs button{display:flex;align-items:center;gap:20px;width:100%;padding:16px 0;border:0;border-bottom:1px solid #697158;background:none;color:#abb29a;font-size:10px}.tabs span{font:25px Amiri;flex:1;text-align:right}.tabs .active{color:#ead6a6}.school-detail{display:flex;align-items:center;gap:30px}.phi{font:130px Georgia;color:#8b9974}.school-detail h3{font:28px Amiri;margin:10px 0}.school-detail p{color:#b8bca8;font-size:12px}.school-detail small{font-size:10px;color:#ccb789}.two{display:grid;grid-template-columns:1fr 1fr;gap:75px}.two>div>p{max-width:380px;font-size:12px;margin-top:17px}ol{list-style:none;margin:0;padding:0}li{display:flex;gap:25px;border-bottom:1px solid #c0b398;padding:17px 0}li b{font:30px Amiri;color:#98754f}li h3{font-size:14px;margin:0}li p{font-size:12px;margin:7px 0}.notebook{border-top:1px solid #b9ab90;margin:0 4%;padding:48px 0 65px!important}.text-button{background:none;border:0;border-bottom:1px solid #a48b66;color:#90613f;padding:7px 0;font-size:12px}.paper{background:#e5dcc7;padding:25px;border:1px solid #c1b291;box-shadow:5px 5px #d6cbb0}.paper label{font:23px Amiri}.paper textarea{display:block;width:100%;min-height:140px;border:0;background:repeating-linear-gradient(transparent 0 33px,#b7a98655 34px);line-height:34px;resize:vertical;color:#4d523e;font-size:13px;margin-top:12px}.save-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:15px}.save-row button{border:0;background:#35402f;color:#eee6d3;padding:10px 16px;font-size:11px}.save-row small{font-size:10px;color:#8c795a}footer{border-top:1px solid #b4a68b;padding:30px 4%;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}footer .brand{font-size:36px}footer p{font:21px Amiri;margin:0}footer>a,footer>small{font-size:10px;color:#8a7b5f}dialog{width:min(700px,92vw);max-height:85vh;background:#eee7d8;border:1px solid #ad9977;padding:45px;color:#3d422f;box-shadow:0 25px 90px #0004}dialog::backdrop{background:#242b22ba;backdrop-filter:blur(4px)}dialog p{font-size:15px;line-height:2.2}dialog h2{margin:16px 0 25px}dialog small{color:#97704c}#close{position:absolute;left:14px;top:8px;background:none;border:0;font-size:30px;color:#77664b}@media(max-width:760px){.top span{display:none}header{flex-wrap:wrap;gap:20px}nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:11px}.hero{grid-template-columns:1fr;gap:25px;padding-top:35px}h1{font-size:52px}.art{width:100%;max-width:340px;margin:auto}.quote{align-items:start;flex-direction:column;gap:12px}.quote p{font-size:21px}.heading{display:block}.heading>small{display:block;margin-top:12px}.articles{grid-template-columns:1fr}.illustration{height:220px}.filters input{width:100%;margin:8px 0 0}.school-grid,.two{grid-template-columns:1fr;gap:25px}.phi{font-size:95px}.school-detail{gap:20px}h2{font-size:31px}section:not(.hero){padding:40px 4%}.paper{padding:20px}footer>small{width:100%}dialog{padding:40px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
