.page-hero{background:var(--green-2);color:#fff;padding:85px clamp(24px,8vw,126px) 75px;position:relative;overflow:hidden}.page-hero:after{content:"ع";position:absolute;right:7vw;top:-60px;font:600 260px "Noto Kufi Arabic";color:rgba(255,255,255,.035)}.page-hero h1{font-size:clamp(46px,6vw,82px);line-height:1;letter-spacing:-.05em;margin:0;position:relative;z-index:1}.page-hero p:last-child{max-width:640px;color:#c7d5d0;font-size:18px;margin:24px 0 0}.breadcrumbs{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#d8bd76;margin-bottom:23px}.page-content{padding:90px clamp(24px,8vw,126px)}.content-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.65fr);gap:8vw}.prose h2,.form-wrap h2{font-size:clamp(32px,4vw,50px);line-height:1.1;letter-spacing:-.04em;margin:0 0 25px}.prose h3{font-size:22px;margin-top:38px}.prose p{color:var(--muted);font-size:16px}.fact-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:38px 0}.fact-list div{background:#fff;padding:25px}.fact-list strong,.fact-list small{display:block}.fact-list strong{font-size:25px;color:var(--green)}.fact-list small{color:var(--muted)}.side-card{background:var(--cream);padding:30px;align-self:start}.side-card h3{margin-top:0}.side-card ul{padding:0;list-style:none}.side-card li{padding:12px 0;border-bottom:1px solid #dedbd1}.board-list{display:grid;gap:10px}.board-person{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:17px 0}.board-person span{color:var(--muted)}.contact-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw}.form-wrap form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700}.field input,.field textarea{border:1px solid var(--line);padding:14px;background:#fff;font:inherit}.field textarea{min-height:150px;resize:vertical}.form-note{grid-column:1/-1;color:var(--muted);font-size:11px}.contact-info{background:var(--green);color:#fff;padding:36px}.contact-info h3{font-size:26px;margin-top:0}.contact-info a{display:block;color:#d1dfda}.contact-info hr{border:0;border-top:1px solid rgba(255,255,255,.18);margin:26px 0}.notice{background:#fff7df;border-left:4px solid var(--gold);padding:18px 20px;margin-bottom:30px;color:#6e5a28}.legal{max-width:900px}.legal h2{font-size:27px;margin:42px 0 14px}.legal h3{font-size:19px;margin-top:30px}.legal p,.legal li{color:#56635e}.prayer-page-board{max-width:820px}.prayer-page-board .prayer-row{padding:23px 28px}.page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button-outline{border:1px solid var(--green);color:var(--green)}@media(max-width:800px){.content-grid,.contact-layout{grid-template-columns:1fr}.page-hero{padding-top:65px}.fact-list{grid-template-columns:1fr}.form-wrap form{grid-template-columns:1fr}.field.full{grid-column:auto}.board-person{display:block}.board-person span{display:block}.page-content{padding:65px 24px}}
.school-intro{display:grid;grid-template-columns:1fr .9fr;gap:7vw;align-items:center}.school-schedule{background:var(--green);color:#fff;padding:38px;box-shadow:var(--shadow)}.school-schedule>span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#d8bd76}.school-day{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18)}.school-day strong{font-size:20px}.school-day time{font-size:24px;color:#e2c576;font-weight:700}.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.subject-card{border:1px solid var(--line);padding:28px;min-height:220px}.subject-card span{display:grid;place-items:center;width:48px;height:48px;background:var(--mint);border-radius:50%;font-size:22px}.subject-card h3{font-size:21px;margin:24px 0 8px}.subject-card p{font-size:14px;color:var(--muted)}.school-callout{margin-top:55px;background:var(--cream);padding:34px;display:flex;justify-content:space-between;align-items:center;gap:30px}.school-callout h2{font-size:30px;margin:0 0 8px}.school-callout p{margin:0;color:var(--muted)}
@media(max-width:800px){.school-intro{grid-template-columns:1fr}.subject-grid{grid-template-columns:1fr}.school-callout{display:block}.school-callout .button{margin-top:22px}}
