:root{--navy: #0a1172;--navy-700: #070c52;--red: #aa1413;--green: #0a6830;--gold: #f5c817;--gold-soft: #fbefb8;--cream: #fbf7ee;--ink: #1c1c28;--muted: #55566a;--line: #e6e0d2;--white: #fff;--font-display: "Abril Fatface", Georgia, "Times New Roman", serif;--font-body: "Source Sans 3", "Amiri", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-arabic: "Amiri", "Traditional Arabic", serif;--radius: 14px;--shadow: 0 1px 2px rgb(0 0 0 / 6%), 0 6px 20px rgb(10 17 114 / 8%);--wrap: 1120px;--bar-h: 64px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font-body);font-size:1.125rem;line-height:1.65;color:var(--ink);background:var(--white);padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom))}img{max-width:100%;height:auto;display:block}a{color:var(--navy);text-underline-offset:3px}a:hover{color:var(--red)}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.15;color:var(--navy);margin:0 0 .5em;letter-spacing:.01em}h1{font-size:clamp(2rem,7vw,3.4rem)}h2{font-size:clamp(1.6rem,5vw,2.4rem)}h3{font-size:1.35rem}p{margin:0 0 1em}.arabic{font-family:var(--font-arabic);direction:rtl}.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}.narrow{width:min(100% - 2.5rem,760px);margin-inline:auto}.section{padding:3.5rem 0}.section--cream{background:var(--cream)}.section--navy{background:var(--navy);color:var(--white)}.section--navy h2,.section--navy h3{color:var(--white)}.eyebrow{font-weight:700;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:.5rem}.section--navy .eyebrow{color:var(--gold)}.lead{font-size:1.25rem;color:var(--muted)}.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--ink);padding:.75rem 1rem;z-index:100}.skip:focus{left:.5rem;top:.5rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1.4rem;border-radius:999px;font-weight:700;font-size:1.05rem;text-decoration:none;border:2px solid transparent;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn--gold{background:var(--gold);color:var(--ink)}.btn--gold:hover{background:#ffd83a;color:var(--ink)}.btn--navy{background:var(--navy);color:var(--white)}.btn--navy:hover{background:var(--navy-700);color:var(--white)}.btn--red{background:var(--red);color:var(--white)}.btn--red:hover{background:#8e0f0e;color:var(--white)}.btn--ghost{border-color:currentColor;color:inherit}.btn--ghost:hover{color:inherit;background:#ffffff1a}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}.ext:after{content:"↗";font-size:.85em;margin-left:.15em}.flagline{height:5px;background:linear-gradient(90deg,var(--navy) 0 33%,var(--red) 33% 66%,var(--green) 66%)}.site-header{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--line)}.site-header__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}.brand{display:block;line-height:0}.brand img{height:46px;width:auto}.menu-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:0 1rem;border:2px solid var(--navy);border-radius:999px;background:var(--white);color:var(--navy);font:700 1rem var(--font-body);cursor:pointer}.menu-btn svg{width:22px;height:22px}.site-nav{display:none}.site-nav.is-open{display:block;position:fixed;inset:73px 0 0;background:var(--white);overflow-y:auto;padding:1rem 1.25rem 6rem}.site-nav ul{list-style:none;margin:0;padding:0}.site-nav a{display:block;padding:.9rem .25rem;font-size:1.3rem;font-weight:700;text-decoration:none;color:var(--navy);border-bottom:1px solid var(--line)}.site-nav a[aria-current=page]{color:var(--red)}.site-nav .nav-donate{margin-top:1.25rem;border:0}.site-nav .nav-donate a{border:0;display:inline-flex;color:var(--ink);font-size:1.1rem;padding:.7rem 1.6rem}.nav-info{margin-top:1.5rem;color:var(--muted);font-size:1rem}@media(min-width:1000px){.brand img{height:54px}.menu-btn{display:none}.site-nav,.site-nav.is-open{display:block;position:static;padding:0;overflow:visible;background:none}.site-nav ul{display:flex;align-items:center;gap:.25rem}.site-nav a{border:0;font-size:1rem;padding:.5rem .7rem;border-radius:8px}.site-nav a:hover{background:var(--cream);color:var(--red)}.site-nav .nav-donate{margin:0 0 0 .5rem}.site-nav .nav-donate a{padding:.55rem 1.2rem}.site-nav .nav-donate a:hover{background:#ffd83a;color:var(--ink)}.nav-info{display:none}}.bottom-bar{position:fixed;inset:auto 0 0;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 16px #00000026}.bottom-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--bar-h);color:var(--white);text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.02em}.bottom-bar a:hover,.bottom-bar a:focus-visible{background:var(--navy-700);color:var(--gold)}.bottom-bar svg{width:24px;height:24px}.bottom-bar .is-donate{background:var(--gold);color:var(--ink)}.bottom-bar .is-donate:hover{background:#ffd83a;color:var(--ink)}@media(min-width:1000px){.bottom-bar{display:none}body{padding-bottom:0}}.hero{position:relative;color:var(--white);background:var(--navy);overflow:hidden}.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a117259,#070c52eb)}.hero__inner{position:relative;z-index:1;padding:3.25rem 0 3rem}.hero h1{color:var(--white);margin-bottom:.35em}.hero .bismillah{font-family:var(--font-arabic);font-size:clamp(1.6rem,6vw,2.2rem);color:var(--gold);margin-bottom:.1rem;line-height:1.6}.hero .bismillah-en{font-style:italic;opacity:.9;margin-bottom:1.4rem;font-size:1rem}.hero p.lead{color:#ffffffe5;max-width:36ch}@media(min-width:800px){.hero__inner{padding:6rem 0 5rem}}.page-hero{background:var(--navy);color:var(--white);padding:2.5rem 0 2.25rem;border-bottom:5px solid var(--gold)}.page-hero h1{color:var(--white);margin-bottom:.25em}.page-hero p{color:#ffffffe0;margin:0;max-width:60ch}.breadcrumb{font-size:.95rem;margin-bottom:.6rem}.breadcrumb a{color:var(--gold)}.grid{display:grid;gap:1rem}@media(min-width:640px){.grid--2,.grid--4{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow)}.card h3{margin-bottom:.35em}.card p:last-child{margin-bottom:0}.card--link{display:block;text-decoration:none;color:inherit;transition:transform .15s,border-color .15s}.card--link:hover{transform:translateY(-2px);border-color:var(--gold);color:inherit}.card--link .more{color:var(--red);font-weight:700}.card__icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--gold-soft);color:var(--navy);margin-bottom:.8rem}.card__icon svg{width:26px;height:26px}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:800px){.tiles{grid-template-columns:repeat(4,1fr)}}.tile{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem;min-height:120px;border-radius:var(--radius);text-decoration:none;color:var(--white);background:var(--navy);font-weight:700;font-size:1.1rem;line-height:1.25}.tile small{font-weight:400;font-size:.92rem;opacity:.85}.tile svg{width:28px;height:28px;color:var(--gold)}.tile:hover{color:var(--white);background:var(--navy-700)}.tile--red{background:var(--red)}.tile--red:hover{background:#8e0f0e}.tile--green{background:var(--green)}.tile--green:hover{background:#07501f}.tile--gold{background:var(--gold);color:var(--ink)}.tile--gold svg{color:var(--red)}.tile--gold:hover{background:#ffd83a;color:var(--ink)}.prayer{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--line)}.prayer__head{background:var(--green);color:var(--white);padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.25rem 1rem}.prayer__head h3{color:var(--white);margin:0;font-size:1.3rem}.prayer__head span{font-size:.95rem;opacity:.9}.prayer ul{list-style:none;margin:0;padding:.25rem 0}.prayer li{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.25rem;border-bottom:1px solid var(--line);font-size:1.1rem}.prayer li:last-child{border-bottom:0}.prayer li .ar{font-family:var(--font-arabic);color:var(--muted);margin-left:.5rem;font-size:1.05rem}.prayer li time{font-weight:700;font-variant-numeric:tabular-nums}.prayer li.is-next{background:var(--gold-soft)}.prayer li.is-next time:after{content:"next";margin-left:.5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;background:var(--red);color:var(--white);padding:.1rem .45rem;border-radius:999px;vertical-align:middle}.prayer__foot{padding:.8rem 1.25rem;font-size:.9rem;color:var(--muted);background:var(--cream)}.jumuah{background:var(--red);color:var(--white);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.jumuah h3{color:var(--white);margin:0 0 .25rem}.jumuah .time{font-family:var(--font-display);font-size:3rem;line-height:1;color:var(--gold);margin:.25rem 0 .75rem}.schedule{list-style:none;margin:0;padding:0}.schedule li{display:grid;gap:.1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}.schedule li:last-child{border-bottom:0}.schedule .when{font-weight:700;color:var(--red);font-size:.95rem;letter-spacing:.02em}.schedule .what{font-weight:700}.schedule .time{color:var(--muted)}@media(min-width:640px){.schedule li{grid-template-columns:9rem 1fr auto;align-items:baseline;gap:1rem}}.split{display:grid;gap:2rem;align-items:center}@media(min-width:860px){.split{grid-template-columns:1fr 1fr;gap:3rem}.split--flip>:first-child{order:2}}.photo{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.photo figcaption{font-size:.9rem;color:var(--muted);padding:.6rem .9rem;background:var(--cream)}.prose{font-size:1.15rem}.prose h2{margin-top:2.2rem;font-size:clamp(1.4rem,4.5vw,1.9rem)}.prose blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:5px solid var(--gold);background:var(--cream);border-radius:0 var(--radius) var(--radius) 0;font-style:italic}.prose blockquote p:last-child{margin:0}.article-nav{display:grid;gap:.75rem;margin-top:3rem}@media(min-width:640px){.article-nav{grid-template-columns:repeat(2,1fr)}}.band{background:var(--red);color:var(--white);text-align:center}.band h2{color:var(--white)}.band blockquote{margin:0 auto 1.5rem;max-width:46ch;font-style:italic;font-size:1.15rem}.band cite{display:block;font-style:normal;font-weight:700;color:var(--gold);margin-top:.4rem}.band .btn-row{justify-content:center}.contact-list{list-style:none;padding:0;margin:0 0 1.5rem}.contact-list li{display:flex;gap:.9rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.contact-list svg{flex:none;width:24px;height:24px;color:var(--red);margin-top:.2rem}.contact-list strong{display:block;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.contact-list a{font-weight:700;font-size:1.15rem}.map{border:0;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius);box-shadow:var(--shadow);background:var(--cream)}.note{background:var(--gold-soft);border-left:5px solid var(--gold);padding:1rem 1.25rem;border-radius:0 var(--radius) var(--radius) 0}.site-footer{background:var(--navy-700);color:#ffffffd9;padding:3rem 0 2rem;font-size:1rem}.site-footer a{color:var(--white)}.site-footer a:hover{color:var(--gold)}.site-footer h2{color:var(--gold);font-family:var(--font-body);font-weight:700;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.8rem}.footer-grid{display:grid;gap:2rem}@media(min-width:800px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin-bottom:.45rem}.footer-logo{background:var(--white);border-radius:10px;padding:8px;display:inline-block;margin-bottom:1rem}.footer-logo img{height:52px;width:auto}.footer-bottom{border-top:1px solid rgb(255 255 255 / 15%);margin-top:2rem;padding-top:1.25rem;font-size:.9rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between}.btn{white-space:nowrap}@media(min-width:640px){.schedule--simple li{grid-template-columns:1fr auto}}