/*
Theme Name: ATTA'IF — Architecture of Compassion
Author: ATTA'AWUN Islamic Foundation
Description: An editorial, accessible foundation theme with editable sections, original media, and no non-image CSS classes on the public site.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: attaif
License: GPL-2.0-or-later
*/
:root{--green:#064e3b;--forest:#073d2c;--gold:#c9a449;--ivory:#f8f6f0;--paper:#fffefa;--ink:#17231e;--sage:#a9bbae;--display:Georgia,serif;--body:Arial,sans-serif;--space:clamp(1.25rem,5vw,5rem);--section-space:clamp(4rem,8vw,8rem);--radius:0rem;--duration:650ms;--content:88rem;--button-radius:0rem}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.7}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:.25em}button,input,select,textarea{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.04;letter-spacing:-.04em}h1{font-size:clamp(3.1rem,7.2vw,8rem)}h2{font-size:clamp(2.7rem,5vw,5.4rem)}h3{font-size:clamp(1.75rem,2.8vw,3rem)}p+p{margin-top:1.1rem}small{font-size:.8rem}::selection{background:var(--gold);color:var(--forest)}[hidden]{display:none!important}
#skip-link{position:fixed;top:-10rem;left:1rem;z-index:1000;padding:.8rem 1.2rem;background:var(--paper)}#skip-link:focus{top:1rem}#site-header{position:sticky;top:0;z-index:100;background:var(--ivory);border-bottom:1px solid #17231e25}#header-inner{max-width:100rem;margin:auto;padding:1.1rem var(--space);display:flex;align-items:center;justify-content:space-between;gap:2rem}#brand{display:flex;align-items:center;min-width:0;text-decoration:none}#brand img{width:14.5rem;max-height:4rem;object-fit:contain}#brand span{font-size:1.15rem;font-weight:700;letter-spacing:.1em}#desktop-nav{display:flex;align-items:center;gap:1.45rem}#desktop-nav a{font-size:.76rem;line-height:1.2;text-decoration:none;white-space:nowrap}#desktop-nav a:not([data-button]):hover{text-decoration:underline}#desktop-nav [aria-current=page]{text-decoration:underline}#menu-toggle{display:none;background:transparent;border:1px solid currentColor;padding:.6rem .8rem}#mobile-nav{padding:0 var(--space) 1.5rem;max-height:75vh;overflow:auto}#mobile-nav a{display:block;padding:.7rem 0;border-top:1px solid #17231e20;text-decoration:none}#mobile-donate{display:none}
[data-button]{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;min-height:3.2rem;padding:1rem 1.5rem;background:var(--gold);color:var(--ink);border:1px solid var(--gold);border-radius:var(--button-radius);font-size:.78rem;font-weight:700;letter-spacing:.025em;text-decoration:none;line-height:1.2;transition:transform 180ms,background 180ms;cursor:pointer}[data-button]:hover{background:var(--paper);border-color:var(--paper);transform:translateY(-2px)}[data-button=outline]{background:transparent;border-color:currentColor;color:inherit}[data-button=outline]:hover{background:var(--forest);color:var(--paper)}[data-link]{display:inline-block;font-size:.82rem;font-weight:700;letter-spacing:.02em;padding:.5rem 0;border-bottom:1px solid currentColor;text-decoration:none}[data-eyebrow]{font-family:var(--body);font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;line-height:1.6;margin-bottom:1.8rem}[data-actions]{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.2rem}[data-section]{position:relative;padding:var(--section-space) var(--space);background:var(--section-bg,var(--ivory));color:var(--section-ink,var(--ink));overflow:clip}[data-inner]{max-width:var(--content);margin:0 auto}[data-section] [data-intro]{max-width:40rem;margin-top:1.8rem;color:inherit;opacity:.85}[data-section] h2{max-width:16ch}[data-tone=dark]{--section-bg:var(--forest);--section-ink:var(--ivory)}[data-tone=white]{--section-bg:var(--paper)}[data-tone=gold]{--section-bg:var(--gold)}[data-section] img{border-radius:var(--radius);object-fit:cover;object-position:var(--image-position,50% 50%)}
[data-section=hero]{padding:0;min-height:calc(100svh - 6.4rem);display:grid;grid-template-columns:1.1fr 1fr;background:var(--forest);color:var(--ivory)}[data-section=hero]>[data-hero-copy]{position:relative;z-index:2;padding:clamp(4rem,7vw,7rem) var(--space) 4rem;display:flex;flex-direction:column;justify-content:center}[data-section=hero] h1{max-width:9ch}[data-section=hero] h1 em{color:var(--gold);font-weight:400}[data-section=hero] [data-eyebrow]{color:var(--gold)}[data-section=hero] [data-intro]{max-width:31rem;font-size:.95rem;line-height:1.8}[data-section=hero]>figure{position:relative;overflow:hidden;min-height:35rem;align-self:stretch}[data-section=hero]>figure img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}[data-section=hero]>figure::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#073d2c38,transparent 65%)}[data-section=hero] figcaption{position:absolute;bottom:2rem;left:2rem;right:2rem;z-index:2;padding:1rem;border-top:1px solid #ffffff65;color:white;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 8px #000}[data-hero-scroll]{margin-top:3rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;align-self:flex-start}
[data-section=editorial] [data-inner]{display:grid;grid-template-columns:.65fr 1.5fr;gap:6vw}[data-section=editorial] h2{max-width:18ch}[data-editorial-copy]{max-width:47rem}[data-editorial-copy] p{max-width:38rem;margin-top:2rem;font-size:1.05rem}[data-section=split] [data-inner]{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:center}[data-section=split] figure img{width:100%;aspect-ratio:4/5}[data-section=split][data-reverse=true] figure{order:2}[data-section=split] figcaption{font-size:.72rem;margin-top:1rem;opacity:.75}[data-section=split] [data-copy] p{margin-top:1.8rem}[data-section=split][data-sticky=true] figure{position:sticky;top:9rem;align-self:start}
[data-section-header]{display:flex;gap:3rem;align-items:end;justify-content:space-between;margin-bottom:3.5rem}[data-section-header]>p{max-width:27rem;font-size:.92rem}[data-programme-list]{border-top:1px solid currentColor;margin-top:3rem}[data-programme-row]{display:grid;grid-template-columns:3rem 1.1fr 1fr 2rem;align-items:center;gap:2rem;padding:1.8rem 0;border-bottom:1px solid #17231e35;text-decoration:none;transition:padding 200ms,background 200ms}[data-tone=dark] [data-programme-row]{border-color:#ffffff35}[data-programme-row]>span:first-child{font-size:.7rem;color:var(--gold)}[data-programme-row] h3{font-size:clamp(1.7rem,2.4vw,2.65rem)}[data-programme-row] p{font-size:.84rem;opacity:.8;line-height:1.7}[data-programme-row]>span:last-child{font-size:1.5rem;text-align:right}[data-programme-row]:hover{padding-left:1rem;padding-right:1rem;background:#a9bbae18}
[data-project-grid]{display:grid;grid-template-columns:1.4fr 1fr;gap:5rem 5vw;margin-top:3.5rem;align-items:start}[data-project-grid]>article:nth-child(even){padding-top:7rem}[data-project-grid] a{text-decoration:none;display:block;overflow:hidden}[data-project-grid] img{width:100%;aspect-ratio:4/3;transition:transform var(--duration)}[data-project-grid] article:nth-child(even) img{aspect-ratio:4/5}[data-project-grid] a:hover img{transform:scale(1.025)}[data-project-grid] h3{margin-top:1.2rem;max-width:20ch}[data-project-grid] small{display:block;letter-spacing:.12em;text-transform:uppercase;margin-top:1rem;font-size:.63rem}[data-project-grid] p{margin-top:1rem;font-size:.9rem;max-width:34rem}
[data-section=cta]{text-align:center;padding-top:7rem;padding-bottom:7rem;isolation:isolate}[data-section=cta]::before{content:'';position:absolute;z-index:-1;width:25rem;height:25rem;border:1px solid #c9a44955;transform:rotate(45deg);left:-18rem;top:0}[data-section=cta] h2{margin:auto;max-width:15ch}[data-section=cta] [data-intro]{margin:1.8rem auto 0}[data-section=cta] [data-actions]{justify-content:center}
[data-gallery-controls]{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0}[data-filter]{padding:.6rem 1rem;background:transparent;border:1px solid #17231e40;color:var(--ink);font-size:.75rem}[data-filter][aria-pressed=true]{background:var(--forest);color:var(--paper)}[data-gallery]{columns:3;column-gap:1.5rem}[data-gallery] figure{break-inside:avoid;margin-bottom:2rem}[data-gallery] button{display:block;border:0;padding:0;background:transparent;width:100%}[data-gallery] img{width:100%;height:auto;transition:filter 200ms}[data-gallery] button:hover img{filter:brightness(.85)}[data-gallery] figcaption{font-size:.75rem;padding:.6rem 0}#image-dialog{border:0;max-width:90vw;max-height:94vh;padding:1rem;background:var(--forest);color:var(--ivory)}#image-dialog::backdrop{background:#06150fee}#image-dialog img{max-height:72vh;max-width:85vw;object-fit:contain;margin:auto}#image-dialog p{font-size:.85rem;padding:1rem 0}#image-dialog [data-dialog-controls]{display:flex;gap:.7rem;justify-content:end;margin-bottom:1rem}#image-dialog button{border:1px solid #ffffff80;background:transparent;color:white;padding:.5rem 1rem}
[data-page-hero]{padding:6rem var(--space) 4rem;border-bottom:1px solid #17231e25}[data-page-hero]>div{max-width:var(--content);margin:auto}[data-page-hero] h1{max-width:18ch;font-size:clamp(3rem,6.8vw,7rem)}[data-page-hero] p{max-width:46rem;margin-top:2rem}[data-article]{max-width:52rem;margin:0 auto;padding:4rem 1.5rem 6rem}[data-article] h2{font-size:2.8rem;margin:3rem 0 1.5rem}[data-article] h3{font-size:2rem;margin:2rem 0 1rem}[data-article] p{margin-bottom:1.1rem}[data-article] li{padding-bottom:.5rem}[data-article] img{height:auto;max-width:100%}[data-article] a{word-break:break-word}[data-news-grid]{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:3rem}[data-news-grid] article{border-top:1px solid #17231e35;padding-top:1.5rem}[data-news-grid] img{aspect-ratio:4/3;object-fit:cover;margin-bottom:1rem}[data-news-grid] h3{font-size:2.2rem;margin:1rem 0}[data-news-grid] time{font-size:.72rem}[data-news-grid] p{font-size:.9rem}[data-report-list]{margin-top:3rem;padding:0;list-style:none}[data-report-list] li{padding:1rem 0;border-top:1px solid #17231e30}[data-timeline]{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:2rem;padding:3rem 0;border-top:1px solid currentColor;margin-top:3rem}[data-timeline] strong{display:block;font-family:var(--display);font-size:3rem;font-weight:400;color:var(--gold)}[data-impact]{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:3rem;margin-top:3rem}[data-impact] strong{font-family:var(--display);font-size:4.5rem;font-weight:400;display:block}[data-impact] small{display:block;opacity:.8}
[data-contact-grid]{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;margin-top:3rem}form[data-enquiry]{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}form[data-enquiry] label{display:block;font-size:.8rem}form[data-enquiry] input,form[data-enquiry] textarea,form[data-enquiry] select{display:block;background:var(--paper);border:1px solid #17231e60;padding:.8rem;color:var(--ink);width:100%;margin-top:.5rem;border-radius:0}form[data-enquiry] textarea{min-height:10rem;resize:vertical}form[data-enquiry] [data-wide]{grid-column:1/-1}form[data-enquiry] [data-trap]{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}form[data-enquiry] [data-consent]{display:flex;align-items:start;gap:.6rem}form[data-enquiry] [data-consent] input{width:1.1rem;min-width:1.1rem;margin: .2rem 0 0}form[data-enquiry] button{justify-self:start}[role=status],[role=alert],[data-notice]{padding:1.2rem;border-left:3px solid var(--gold);background:#a9bbae26;margin-bottom:1.5rem}[data-contact-grid] address{font-style:normal;margin-top:2rem}[data-bank]{margin-top:2rem;border:1px solid currentColor;padding:2rem;max-width:38rem}[data-bank] dl{display:grid;grid-template-columns:1fr 1.4fr;gap:.8rem}[data-bank] dd{margin:0;overflow-wrap:anywhere}[data-bank] button{padding:.5rem 1rem;background:var(--paper);color:var(--ink);border:1px solid currentColor}
#site-footer{background:var(--forest);color:var(--ivory);padding:5rem var(--space) 1.5rem}#footer-inner{max-width:var(--content);margin:auto;display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:5vw}#footer-inner h2{font-size:3rem;max-width:12ch}#footer-inner p{font-size:.85rem;max-width:25rem;margin-top:1.5rem;opacity:.8}#footer-inner h3{font-family:var(--body);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.5rem}#footer-inner a{display:block;font-size:.83rem;text-decoration:none;padding:.35rem 0}#footer-inner a:hover{text-decoration:underline}#footer-bottom{max-width:var(--content);margin:4rem auto 0;padding-top:1.2rem;border-top:1px solid #ffffff30;display:flex;gap:1.5rem;justify-content:space-between;font-size:.65rem;opacity:.7}#footer-bottom a{text-decoration:none}#footer-bottom>div{display:flex;gap:1.5rem}[data-pagination]{display:flex;justify-content:space-between;gap:2rem;margin-top:3rem}[data-preview-note]{background:#fff7d1;padding:.7rem 1rem;color:#17231e;font-size:.8rem;text-align:center}[data-fallback-image]{min-height:24rem;background:linear-gradient(135deg,#a9bbae55,#064e3b55);display:grid;place-items:center;padding:2rem;text-align:center}
@media(min-width:1500px){#header-inner{gap:3rem}#desktop-nav{gap:2rem}}
@media(max-width:1150px){#desktop-nav{gap:.85rem}#brand img{width:11rem}#desktop-nav a{font-size:.68rem}}
@media(max-width:960px){#desktop-nav{display:none}#menu-toggle{display:block}#mobile-donate{display:inline-flex;font-size:.7rem;padding:.7rem 1rem;min-height:2.6rem}#header-inner{gap:1rem}#brand{margin-right:auto}#brand img{width:11rem}#site-header [data-header-controls]{display:flex;gap:.6rem;align-items:center}[data-section=hero]{grid-template-columns:1fr 1fr;min-height:auto}[data-section=hero]>figure{min-height:35rem}[data-section=hero] h1{font-size:4.8rem}[data-section=hero]>[data-hero-copy]{padding:4rem 2rem}[data-section=editorial] [data-inner]{grid-template-columns:1fr;gap:1rem}[data-section=split] [data-inner]{gap:4vw}[data-programme-row]{grid-template-columns:2rem 1fr 2rem;gap:1rem}[data-programme-row] p{display:none}[data-gallery]{columns:2}[data-news-grid]{grid-template-columns:repeat(2,1fr)}[data-contact-grid]{grid-template-columns:1fr;gap:3rem}}
@media(max-width:640px){#header-inner{padding:1rem 1.1rem}#brand img{width:8.5rem}#brand span{font-size:.8rem}#menu-toggle{font-size:.72rem;padding:.7rem}#mobile-donate{padding:.7rem .75rem;font-size:.65rem}[data-section=hero]{display:flex;flex-direction:column}[data-section=hero]>[data-hero-copy]{padding:3.5rem 1.5rem 3rem}[data-section=hero] h1{font-size:clamp(3.6rem,13vw,5.5rem);max-width:10ch}[data-section=hero]>figure{min-height:23rem}[data-section=hero] [data-eyebrow]{font-size:.58rem}[data-section=hero] [data-intro]{font-size:.9rem}[data-hero-scroll]{margin-top:2rem}[data-section-header]{display:block;margin-bottom:2rem}[data-section-header]>p{margin-top:1.5rem}[data-section=split] [data-inner]{grid-template-columns:1fr;gap:2.5rem}[data-section=split][data-reverse=true] figure{order:0}[data-section=split][data-sticky=true] figure{position:relative;top:auto}[data-section=split] figure img{aspect-ratio:4/3}[data-project-grid]{grid-template-columns:1fr;gap:3rem}[data-project-grid]>article:nth-child(even){padding-top:0}[data-project-grid] article:nth-child(even) img{aspect-ratio:4/3}[data-gallery]{columns:1}[data-news-grid]{grid-template-columns:1fr}[data-programme-row]{padding:1.4rem 0}[data-programme-row] h3{font-size:1.6rem}#footer-inner{grid-template-columns:1fr 1fr;gap:3rem}#footer-inner>div:first-child{grid-column:1/-1}#footer-bottom{flex-direction:column;margin-top:3rem}[data-page-hero]{padding-top:3.5rem}form[data-enquiry]{grid-template-columns:1fr}form[data-enquiry] [data-wide]{grid-column:auto}[data-bank]{padding:1rem}[data-bank] dl{display:block}[data-bank] dd{margin:.2rem 0 1rem}[data-section=cta]{padding-top:5rem;padding-bottom:5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important}}
#mobile-nav{display:none}[data-section=content]{padding-top:0;padding-bottom:0}[data-section=content] [data-article]{padding-top:2rem;padding-bottom:3rem}
@media(max-width:960px){#mobile-nav{display:block}}
[data-section] h1{font-size:var(--heading-size,clamp(3.1rem,7.2vw,8rem))}[data-section] h2{font-size:var(--heading-size,clamp(2.7rem,5vw,5.4rem))}[data-section] [data-intro],[data-editorial-copy] p{font-size:var(--body-size,1rem)}[data-section] [data-button]:not([data-button=outline]){background:var(--button-bg,var(--gold));color:var(--button-ink,var(--ink))}
[data-gallery] a{display:block;text-decoration:none;overflow:hidden}[data-gallery] a:hover img{filter:brightness(.85)}
@view-transition{navigation:auto}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}[data-parallax] img{transform:none!important}}