:root{--ink:#202323;--green:#007d70;--paper:#ffffff;--muted:#536565;--line:#d9e4e2;--coral:#007d70}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--coral)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--coral)}.wrap{width:min(1250px,calc(100% - 100px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:105px}.brand{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:700;letter-spacing:1.2px;white-space:nowrap;line-height:1.2}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2px;margin-top:7px}.mark{font-family:Georgia,serif;font-size:52px;letter-spacing:-8px;line-height:1;position:relative;padding-right:18px}.mark span{position:absolute;font-family:Arial;font-size:21px;letter-spacing:0;top:1px;right:0;color:var(--coral)}header{border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;gap:24px;font-size:13px}nav a{padding:10px 0}nav a[aria-current=page]{box-shadow:0 2px var(--coral)}nav .nav-contact{border:1px solid var(--ink);padding:9px 15px}.menu-toggle{display:none}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:5}.skip:focus{top:0}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px;line-height:1.06}h1{font-size:clamp(54px,5.6vw,82px);margin-bottom:28px}h2{font-size:clamp(36px,3.6vw,53px);margin-bottom:28px}h3{font-weight:500;font-size:24px;letter-spacing:-.5px;line-height:1.3}em{font-weight:400;color:var(--green)}p{color:var(--muted)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green);margin-bottom:24px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:45px;align-items:center;padding:65px 0 75px}.hero-copy>p:not(.eyebrow){max-width:440px;font-size:17px}.hero-art{position:relative;align-self:center}.hero-art svg{width:100%;display:block}.art-label{position:absolute;bottom:5px;left:37px;font-size:14px;line-height:1.5}.art-label>span:last-child{padding-left:31px;color:var(--muted)}.little-star{font-size:22px;color:var(--coral);padding-right:10px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:14px 20px;font-size:13px;font-weight:600;cursor:pointer;line-height:1.5}.button span{font-size:20px;line-height:1}.button:hover{background:var(--green);color:white}.button.secondary{background:transparent;color:var(--ink)}.button.secondary:hover{background:#dff3ef}.ribbon{background:var(--ink);color:#ffffff;padding:21px 0;font-size:11px;letter-spacing:2px}.ribbon .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.ribbon span{color:#5cd3c0;font-size:20px}.spacious{padding-top:85px;padding-bottom:85px}.split{display:grid;grid-template-columns:1fr 1fr;gap:95px}.prose{max-width:600px}.prose p{margin-bottom:25px}.lead{font-size:22px;line-height:1.5;color:var(--ink)}.text-link{display:inline-block;font-size:14px;font-weight:600;border-bottom:1px solid #a0afa0;padding-bottom:5px;margin-top:12px}.tint{background:#edf8f6}.section-title{max-width:660px;margin-bottom:46px}.section-title p:last-child{max-width:540px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{border:1px solid #c7ddda;padding:30px;background:rgba(255,255,255,.8);display:flex;flex-direction:column}.project-top{display:flex;gap:16px;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:var(--green);margin-bottom:42px}.project-top span:first-child{font-size:12px;color:var(--coral)}.project h3{font-family:Georgia,serif;font-size:35px;margin-bottom:14px}.project .tagline{color:var(--ink);font-size:16px;line-height:1.45;min-height:48px}.project p{font-size:14px;line-height:1.75}.project .text-link{align-self:start;margin-top:auto}.areas{display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.areas article{display:flex;gap:25px;padding:29px 0;border-top:1px solid var(--line)}.number{color:var(--coral);font-size:12px;letter-spacing:1px}.areas h3{font-size:23px;margin-bottom:12px}.areas p{font-size:15px;margin-bottom:0}.language-section{text-align:center;padding:60px 0 85px;max-width:800px}.language-section>p:not(.eyebrow){max-width:530px;margin:auto}.languages{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.language-section .languages{justify-content:center}.languages span{border:1px solid var(--line);font-size:13px;padding:7px 16px;border-radius:30px}.cta{display:flex;justify-content:space-between;align-items:center;gap:40px;background:var(--ink);color:var(--paper);padding:60px;margin-bottom:90px}.cta h2{margin-bottom:22px}.cta p{color:#d6e5e2}.cta .eyebrow{color:#5cd3c0}.cta .button{background:#ffffff;color:var(--ink);border-color:#ffffff;display:flex;margin-bottom:16px}.cta .button.secondary{color:var(--paper);background:transparent}.cta .button.secondary:hover{background:#006c61}.pagehead{padding:80px 0 65px;border-bottom:1px solid var(--line)}.pagehead .lead{max-width:740px;color:var(--muted);font-size:20px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 50px}.values article{border-top:1px solid var(--line);padding-top:22px}.values h3{font-family:Georgia,serif;font-size:28px}.values p{font-size:15px}.governance{padding:50px 0 90px}dl{margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 70px}dl>div{border-top:1px solid var(--line);padding:18px 0}dt{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}dd{margin:7px 0;font-size:17px}.archive{border-top:1px solid var(--line);padding:45px 0 80px}.measure{max-width:750px;font-size:18px}.involvement{display:grid;grid-template-columns:1fr 1fr;gap:50px}.involvement article{border-top:1px solid var(--line);padding-top:30px}.involvement article:first-child{grid-column:span 2;background:#edf8f6;padding:45px}.involvement .number{display:block;margin-bottom:22px}.involvement p{max-width:650px}.involvement .text-link{display:block;width:fit-content}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}address{font-style:normal;color:var(--muted);margin-bottom:25px}.small{font-size:12px;line-height:1.7;margin-top:26px;max-width:340px}form{background:#edf8f6;padding:35px}form h3{font-family:Georgia,serif;font-size:31px}form p{font-size:14px}label{display:block;font-size:13px;margin-bottom:20px}input,select,textarea{width:100%;display:block;border:1px solid #b9c5b4;background:var(--paper);padding:11px;margin-top:8px;border-radius:0;color:var(--ink)}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checkbox{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.5}.checkbox input{width:auto;margin-top:3px}footer{background:#edf6f5;border-top:1px solid var(--line);padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .8fr 1fr;gap:50px}.footer-grid h3{font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:25px}.footer-grid>a,.footer-grid>div>a:not(.brand){display:block;font-size:13px;line-height:2.2}.footer-grid p{font-size:13px}.footer-grid .brand{margin-bottom:24px}.footer-bottom{border-top:1px solid var(--line);margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:100px}}@media(max-width:1100px){.wrap{width:calc(100% - 60px)}nav{gap:15px;font-size:11px}.brand{font-size:13px}.split,.contact-grid{gap:50px}.project{padding:22px}.footer-grid{gap:30px}}@media(max-width:850px){.header{min-height:85px;flex-wrap:wrap;gap:0}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);padding:8px 12px;color:var(--ink);font-size:13px}nav{display:none;width:100%;padding:20px 0;font-size:14px;flex-wrap:wrap;gap:10px 25px}nav.open{display:flex}.hero{gap:15px}.hero h1{font-size:56px}.hero-art{margin-right:-20px}.projects{grid-template-columns:1fr}.project-top{margin-bottom:25px}.project .tagline{min-height:0}.project .text-link{margin-top:12px}.footer-grid{grid-template-columns:1fr 1fr}.ribbon{font-size:9px;letter-spacing:1px}.values{grid-template-columns:1fr 1fr}.cta{padding:40px}.contact-grid{grid-template-columns:1fr}.areas{gap:35px}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding:42px 0}.hero h1{font-size:58px}.hero-art{margin:10px auto 0;max-width:400px;width:100%}.art-label{font-size:12px;left:15px;bottom:-5px}.ribbon .wrap{flex-wrap:wrap;justify-content:center;gap:10px}.ribbon span:last-of-type{display:none}.ribbon{font-size:9px}.spacious{padding:55px 0}.split{grid-template-columns:1fr;gap:20px}.lead{font-size:20px}.areas{grid-template-columns:1fr;gap:0}.section-title{margin-bottom:32px}.values{grid-template-columns:1fr;gap:20px}.cta{width:calc(100% - 40px);padding:30px;display:block;margin-bottom:55px}.cta>div:last-child{margin-top:30px}.cta .button{width:100%}.pagehead{padding:45px 0 35px}.pagehead h1{font-size:47px}.pagehead .lead{font-size:17px}dl{grid-template-columns:1fr}.involvement{grid-template-columns:1fr;gap:35px}.involvement article:first-child{grid-column:auto;padding:25px}.contact-grid{gap:30px}.form-row{grid-template-columns:1fr;gap:0}form{padding:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{display:block;font-size:10px}.footer-bottom span{display:block;margin-bottom:10px}.governance{padding-bottom:45px}.language-section{padding-top:25px;padding-bottom:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Official Islamonweb visual heritage: teal #009787, dark neutral lettering. */
:root{--brand:#009787}.official-symbol{width:58px;height:50px;object-fit:contain;flex-shrink:0}nav{gap:19px;font-size:12px}.hero-art svg circle[fill],.hero-art svg path[fill]{filter:none}.partner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:35px 0}.partner-card{background:#fff;border:1px solid var(--line);padding:30px}.partner-card h3{font-family:Georgia,serif;font-size:29px}.partner-location{color:var(--green);font-size:13px}.partner-card .eyebrow{color:#007d70}.timeline{border-top:1px solid var(--line)}.timeline details{border-bottom:1px solid var(--line)}.timeline summary{list-style:none;display:grid;grid-template-columns:180px 1fr 30px;gap:20px;align-items:center;padding:22px 0;cursor:pointer;font-size:18px}.timeline summary::-webkit-details-marker{display:none}.timeline summary:focus-visible{outline:2px solid var(--brand)}.timeline-year{font-size:14px;color:var(--green);font-weight:600}.timeline details p{margin:0 50px 25px 200px;max-width:740px}.timeline .expand{font-size:25px;color:var(--green)}.timeline details[open] .expand{transform:rotate(45deg)}.contact-email-panel{padding:40px;background:#edf8f6}.contact-email-panel hr{border:0;border-top:1px solid var(--line);margin:35px 0}.cta .eyebrow{color:#5cd3c0}.cta p{color:#d6e5e2} @media(max-width:1100px){nav{gap:13px;font-size:11px}}@media(max-width:950px){.header{flex-wrap:wrap;gap:0}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);padding:8px 12px;color:var(--ink)}nav{display:none;width:100%;padding:20px 0;font-size:14px;flex-wrap:wrap;gap:10px 25px}nav.open{display:flex}}@media(max-width:600px){.partner-grid{grid-template-columns:1fr}.partner-card{padding:24px}.timeline summary{grid-template-columns:95px 1fr 20px;font-size:15px;gap:12px}.timeline-year{font-size:12px}.timeline details p{margin:0 0 25px;font-size:14px}.contact-email-panel{padding:25px}.official-symbol{width:48px;height:42px}.button{gap:18px;overflow-wrap:anywhere}}

.languages a{display:inline-block;border:1px solid var(--line);font-size:13px;padding:7px 16px;border-radius:30px;color:var(--ink);transition:background-color .15s,border-color .15s}.languages a:hover{background:#dff3ef;border-color:#007d70;color:#006c61}.languages a:focus-visible{outline:2px solid #007d70;outline-offset:3px}

.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.team-card{padding:30px;border:1px solid var(--line);border-top:3px solid #009787;background:#fff;min-height:155px}.team-card h3{font-family:Georgia,serif;font-size:27px;line-height:1.3;margin:0}.team-role{font-size:11px;font-weight:600;letter-spacing:1px;color:#007d70;text-transform:uppercase;margin-bottom:16px}@media(max-width:850px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.team-grid{grid-template-columns:1fr;gap:16px}.team-card{min-height:0;padding:25px}.team-card h3{font-size:25px}}