/* Reference-led public website. Readable type uses shared minimum-size tokens. */
@font-face{font-family:Manrope;src:url('/fonts/Manrope[wght].ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Cinzel;src:url('/fonts/Cinzel[wght].ttf') format('truetype');font-weight:400 900;font-display:swap}
:root{--s:min(.09765625vw,1.35px);--green:#073c30;--deep:#032c24;--gold:#c6a05b;--gold-light:#dcc393;--paper:#fbf9f5;--ink:#18342e;--line:#e5ded2;--muted:#77756e;--font-caption:12px;--font-small:14px;--font-nav-dropdown:12px;--font-body:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(75 * var(--s))}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:max(var(--font-caption),calc(10 * var(--s)));line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:disabled:hover{transform:none}button:disabled{opacity:.64}img,svg{max-width:100%}img{display:block;object-fit:cover}h1,h2,h3,p,blockquote{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}button{color:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a:hover{color:#9a7638}.container{width:90.9%;max-width:1256px;margin-inline:auto;position:relative;left:calc(8 * var(--s))}h1:focus{outline:none}.icon{width:calc(22 * var(--s));height:calc(22 * var(--s));flex:none}.reference-photo{display:block;width:100%;height:100%;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;top:-70px;left:20px;z-index:200;background:var(--gold);padding:12px 20px;color:var(--deep);font-size:14px}.skip-link:focus{top:12px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #a69b88;border-radius:calc(2 * var(--s));padding:calc(9 * var(--s)) calc(20 * var(--s));font-size:max(var(--font-caption),calc(8 * var(--s)));font-weight:650;text-transform:uppercase;letter-spacing:.03em;background:transparent;line-height:1.4;transition:background .2s,color .2s,box-shadow .2s}.button:hover{background:#e9e1d3;color:var(--deep)}.button.green{background:var(--green);color:#fff;border-color:#5b7458}.button.gold{background:linear-gradient(110deg,#d4b277,#b88d48);color:#fff;border-color:#d4b277}.button.outline-light{color:#fff;border-color:#b89c62}.button.outline-light:hover{background:var(--gold);color:var(--deep)}.button.small{padding:calc(5 * var(--s)) calc(14 * var(--s));font-size:max(var(--font-caption),calc(7.5 * var(--s)))}.button:disabled:hover{background:transparent}
.site-header{height:calc(61 * var(--s));position:absolute;inset:0 0 auto;z-index:30;color:white;background:linear-gradient(180deg,rgba(0,39,34,.75),transparent);transition:background .25s,box-shadow .25s}.site-header.is-scrolled{position:fixed;background:rgba(3,43,35,.97);box-shadow:0 2px 15px #0002;backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;gap:calc(20 * var(--s))}.brand{display:flex;align-items:center;gap:calc(10 * var(--s));flex:none;width:calc(176 * var(--s));max-width:100%}.brand-mark{display:block;width:calc(39 * var(--s));height:calc(53 * var(--s));flex:none;overflow:hidden}.brand-name{display:flex;width:calc(127 * var(--s));height:calc(38 * var(--s));flex:1;min-width:0;flex-direction:column;justify-content:center;color:var(--deep);font-family:Cinzel,Georgia,serif;font-weight:500;line-height:.9;text-transform:uppercase;white-space:nowrap}.brand-name>span{font-size:calc(12.5 * var(--s));letter-spacing:calc(1.25 * var(--s))}.brand-name>strong{font:inherit;font-size:calc(15.5 * var(--s));font-weight:600;letter-spacing:calc(1.8 * var(--s));margin-top:calc(5 * var(--s))}.brand--white .brand-mark{filter:brightness(0) invert(1)}.brand--white .brand-name{color:#fff;text-shadow:0 1px 12px #001d1899}.brand--original .brand-name{color:var(--deep)}.identity-logo{width:200px;height:200px;object-fit:contain;margin:20px 0}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:calc(20 * var(--s));flex:1;white-space:nowrap;font-size:max(var(--font-caption),calc(7.5 * var(--s)));text-transform:uppercase;letter-spacing:.01em}.desktop-nav>a,.nav-dropdown>summary{padding:calc(18 * var(--s)) 0;cursor:pointer}.desktop-nav>a:hover,.nav-dropdown>summary:hover{color:#e4c487}.nav-dropdown{position:relative}.nav-dropdown>summary{list-style:none}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary:after{content:'⌄';margin-left:3px;font-size:max(var(--font-caption),calc(9 * var(--s)))}.nav-dropdown>div{position:absolute;top:100%;left:calc(-12 * var(--s));min-width:calc(170 * var(--s));padding:calc(9 * var(--s));background:var(--deep);border:1px solid #c6a05b50;box-shadow:0 12px 26px #0003;border-radius:3px}.nav-dropdown a{display:block;padding:calc(8 * var(--s));font-size:max(var(--font-caption),calc(9 * var(--s)));text-transform:none}.header-actions{display:flex;align-items:center;gap:calc(15 * var(--s))}.icon-button{border:0;background:none;display:grid;place-items:center;color:inherit;padding:calc(4 * var(--s));border-radius:50%;width:calc(28 * var(--s));height:calc(28 * var(--s))}.icon-button .icon{width:calc(17 * var(--s));height:calc(17 * var(--s))}.icon-button:hover{background:#c6a05b26}.header-contact{border:1px solid #b9a16c;border-radius:calc(10 * var(--s));padding:calc(7 * var(--s)) calc(14 * var(--s));font-size:max(var(--font-caption),calc(7.5 * var(--s)));text-transform:uppercase;white-space:nowrap}.header-contact:hover{background:var(--gold);color:var(--deep)}.mobile-menu{display:none}.social-links{display:flex;gap:calc(8 * var(--s));color:#d4b77e}.social-links>a,.social-links>span{width:calc(24 * var(--s));height:calc(24 * var(--s));border:1px solid #b69c626b;border-radius:50%;display:grid;place-items:center}.social-links svg{width:54%;height:54%}.social-links a:hover{background:var(--gold);color:var(--deep)}.social-links a>span,.social-links>span>span{font:bold calc(16 * var(--s)) Georgia,serif}
.page-surface{background:var(--paper) url('/images/pattern-light.svg') repeat;background-size:60px}.content-frame{padding:calc(22 * var(--s)) calc(14 * var(--s)) 0;background:rgba(251,249,245,.94)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--s));margin-bottom:calc(14 * var(--s));min-height:calc(18 * var(--s))}.section-heading h2{font-size:calc(12 * var(--s));line-height:1.5;text-transform:uppercase;letter-spacing:.015em}.section-heading>a{font-size:max(var(--font-caption),calc(8 * var(--s)));white-space:nowrap;color:#886a34}.section-heading>a:hover{text-decoration:underline;text-underline-offset:3px}.news-and-mufti{display:grid;grid-template-columns:62% 38%}.news-section{padding-right:calc(18 * var(--s))}.news-grid{display:grid;grid-template-columns:57% 1fr;gap:calc(20 * var(--s));height:calc(258 * var(--s))}.news-feature{position:relative;overflow:hidden;background:#062e24;border-radius:calc(3 * var(--s));color:#fff;display:block}.news-feature>.reference-photo{position:absolute;top:0;left:0;height:67%;transition:transform .7s}.news-feature:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#062e24 56%,#062e24)}.news-feature:hover{color:#fff}.news-feature:hover>.reference-photo{transform:scale(1.025)}.news-feature-copy{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:calc(10 * var(--s)) calc(13 * var(--s)) calc(6 * var(--s))}.news-meta{display:flex;gap:calc(8 * var(--s));align-items:center;font-size:max(var(--font-caption),calc(7 * var(--s)));color:#7e7c77;margin-bottom:calc(5 * var(--s));white-space:nowrap}.tag{display:inline-block;line-height:1.3;padding:calc(1 * var(--s)) calc(3 * var(--s));border:1px solid #c6b697;border-radius:2px;color:#343b32;background:#f2ebdc;text-transform:uppercase;font-size:max(var(--font-caption),calc(7 * var(--s)))}.news-feature .tag{background:#0c5846;border-color:#296d59;color:white}.news-feature .news-meta{color:#d5ded9;margin-bottom:calc(10 * var(--s))}.news-feature h3{font:400 calc(16 * var(--s))/1.27 Georgia,serif;margin-bottom:calc(7 * var(--s));letter-spacing:-.015em}.news-feature p{font-size:max(var(--font-caption),calc(9 * var(--s)));line-height:1.45;max-width:95%;color:#ebede9}.read-more{display:block;color:#dfbb6b;font-size:max(var(--font-caption),calc(8 * var(--s)));margin-top:calc(6 * var(--s))}.news-list{display:grid;grid-template-rows:repeat(4,1fr);gap:calc(9 * var(--s))}.news-list-item{display:grid;grid-template-columns:calc(62 * var(--s)) 1fr;gap:calc(11 * var(--s));align-items:start;min-width:0}.news-list-item>.reference-photo{height:calc(49 * var(--s));border-radius:calc(3 * var(--s));transition:filter .25s}.news-list-item h3{font-size:max(var(--font-caption),calc(9 * var(--s)));font-weight:650;line-height:1.55;color:#17211b}.news-list-item:hover h3{color:#987239}.news-list-item:hover>.reference-photo{filter:brightness(1.08)}.news-list-item .news-meta{gap:calc(8 * var(--s))}
.mufti-section{padding-left:calc(16 * var(--s));border-left:1px solid var(--line)}.mufti-card{height:calc(258 * var(--s));display:grid;grid-template-columns:46% 54%;grid-template-rows:minmax(0,1fr) calc(34 * var(--s));background:linear-gradient(115deg,#eae1d2,#f1ece3);border:1px solid #e4ddcf;border-radius:calc(3 * var(--s));overflow:hidden}.mufti-portrait{min-height:0;height:100%;object-fit:cover;border-radius:calc(2 * var(--s))}.mufti-quote{min-height:0;padding:calc(12 * var(--s)) calc(12 * var(--s)) 0 calc(21 * var(--s))}.quote-mark{display:block;font:calc(51 * var(--s))/.7 Georgia,serif;color:#294235;height:calc(34 * var(--s));margin-top:calc(10 * var(--s))}.mufti-quote blockquote{font:400 max(var(--font-caption),calc(12 * var(--s)))/1.35 Georgia,serif;color:#403e35;margin-bottom:calc(12 * var(--s))}.mufti-quote>strong{font-size:max(var(--font-caption),calc(9 * var(--s)));font-weight:650;color:#202721;display:block}.mufti-quote>small{font-size:max(var(--font-caption),calc(8 * var(--s)));color:#837f73}.signature{width:calc(91 * var(--s));height:calc(31 * var(--s));margin-top:calc(8 * var(--s));mix-blend-mode:multiply}.mufti-actions{grid-column:1/-1;display:flex;align-items:center;gap:calc(9 * var(--s));padding:calc(5 * var(--s)) 0}.mufti-actions>.button{min-width:calc(94 * var(--s));height:calc(24 * var(--s))}
.publications{margin-top:calc(21 * var(--s))}.publications .section-heading{margin-bottom:calc(12 * var(--s))}.books-carousel{position:relative;margin-inline:calc(-2 * var(--s))}.books-track{display:flex;gap:calc(20 * var(--s));overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:0 calc(14 * var(--s)) calc(4 * var(--s));align-items:flex-start}.books-track::-webkit-scrollbar{display:none}.book-item{flex:0 0 calc((100% - 100 * var(--s))/6);text-align:center;min-width:0;scroll-snap-align:start;perspective:600px}.book-link{display:block}.book-cover{position:relative;width:calc(110 * var(--s));height:calc(143 * var(--s));max-width:100%;margin-inline:auto;background:#d4c9b4;box-shadow:calc(2 * var(--s)) calc(3 * var(--s)) calc(3 * var(--s)) #26231221;transform-origin:center;transition:transform .35s,box-shadow .35s;border-radius:calc(1 * var(--s)) calc(2 * var(--s)) calc(2 * var(--s)) calc(1 * var(--s));overflow:hidden}.book-cover:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0002,transparent 3%,#fff3 4%,#0001 6%,transparent 9%);border:1px solid #00000012}.book-link:hover .book-cover{transform:translateY(-3px) rotateY(-5deg);box-shadow:5px 6px 10px #26231228}.book-item h3{font-size:max(var(--font-caption),calc(8.5 * var(--s)));font-weight:650;line-height:1.4;margin:calc(8 * var(--s)) auto calc(2 * var(--s));max-width:calc(120 * var(--s));min-height:calc(12 * var(--s))}.book-item p{font-size:max(var(--font-caption),calc(7.5 * var(--s)));color:var(--muted);margin-bottom:calc(5 * var(--s))}.book-actions{display:flex;justify-content:center;align-items:center;gap:calc(6 * var(--s))}.book-actions>a,.book-actions>button{font-size:max(var(--font-caption),calc(6.4 * var(--s)));text-transform:uppercase;border:1px solid #c8b897;border-radius:2px;background:transparent;padding:calc(3 * var(--s)) calc(7 * var(--s));line-height:1.5;white-space:nowrap;font-weight:650}.book-actions>a:hover{background:#ede5d6;color:var(--deep)}.carousel-arrow{position:absolute;z-index:2;top:calc(62 * var(--s));width:calc(27 * var(--s));height:calc(27 * var(--s));border-radius:50%;border:2px solid var(--paper);background:#dfd1b6;color:#24453b;font-size:calc(18 * var(--s));display:grid;place-items:center;line-height:1;padding:0;transition:background .2s}.carousel-arrow:hover{background:#c9ad77}.carousel-arrow.previous{left:calc(-20 * var(--s))}.carousel-arrow.next{right:calc(-20 * var(--s))}
.information-grid{display:grid;grid-template-columns:32% 28.5% 1fr;gap:calc(7 * var(--s));margin:calc(16 * var(--s)) calc(-14 * var(--s)) 0}.information-grid>article{min-width:0;height:calc(236 * var(--s));border:1px solid var(--line);border-radius:calc(6 * var(--s));padding:calc(12 * var(--s));overflow:hidden}.information-grid .section-heading{margin-bottom:calc(12 * var(--s))}.information-grid .section-heading h2{font-size:calc(11 * var(--s))}.information-grid .section-heading>a{font-size:max(var(--font-caption),calc(7.5 * var(--s)))}.prayer-panel{position:relative;background:var(--green) url('/images/pattern.svg') center/cover;color:#fff;padding:calc(14 * var(--s))!important;border-color:#124c3b!important}.prayer-panel .section-heading{margin-bottom:calc(9 * var(--s))}.prayer-date{font-size:max(var(--font-caption),calc(7.4 * var(--s)));line-height:1.8;color:#e7ece6;position:relative}.preview-label{font-size:max(var(--font-caption),calc(6.5 * var(--s)));color:#d8bd82;display:inline-block;margin-left:calc(5 * var(--s))}.prayer-body{display:flex;gap:calc(11 * var(--s));align-items:center;margin-top:calc(8 * var(--s));border-bottom:1px solid #9baf8e22;padding-bottom:calc(6 * var(--s))}.prayer-list{flex:0 0 40%}.prayer-list>span{display:flex;justify-content:space-between;font-size:max(var(--font-caption),calc(8 * var(--s)));line-height:calc(16.5 * var(--s));border-bottom:1px solid #afb78a0a}.prayer-list strong{font-weight:500;color:#e4c071}.countdown-ring{position:absolute;right:calc(25 * var(--s));top:calc(50 * var(--s));width:calc(115 * var(--s));height:calc(115 * var(--s));border-radius:50%;background:conic-gradient(var(--gold) 0 27%,#75845b3b 27% 79%,transparent 79%);padding:calc(4 * var(--s));transform:rotate(-2deg)}.countdown-ring>div{background:#083d30;height:100%;width:100%;border-radius:50%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding-top:calc(30 * var(--s));transform:rotate(2deg)}.countdown-ring span{text-align:center;font-size:max(var(--font-caption),calc(8.5 * var(--s)));line-height:1.4;color:#d5b76e;margin-top:calc(7 * var(--s))}.countdown-ring strong{font:400 calc(21 * var(--s))/1.3 Georgia,serif;white-space:nowrap;transform:translateY(calc(18 * var(--s)))}.monthly-button{display:flex;width:70%;height:calc(25 * var(--s));margin:calc(10 * var(--s)) auto 0;padding:calc(4 * var(--s));font-size:max(var(--font-caption),calc(7.5 * var(--s)))}
.events-panel{padding:calc(12 * var(--s))!important}.event-row{display:flex;gap:calc(11 * var(--s));padding:calc(9 * var(--s)) 0 calc(8 * var(--s));border-top:1px solid var(--line);align-items:flex-start}.event-row:first-of-type{padding-top:calc(7 * var(--s))}.event-date{width:calc(33 * var(--s));min-height:calc(42 * var(--s));border:1px solid #d9d0bd;border-radius:2px;display:flex;align-items:center;justify-content:center;flex-direction:column;flex:none;color:#164b3c}.event-date strong{font:400 calc(18 * var(--s))/1 Georgia,serif}.event-date>span{font-size:max(var(--font-caption),calc(7 * var(--s)));font-weight:700}.event-row h3{font-size:max(var(--font-caption),calc(8 * var(--s)));line-height:1.45;font-weight:650;color:#1f2a22}.event-row p{font-size:max(var(--font-caption),calc(7.5 * var(--s)));line-height:1.4;color:#77776f;margin-top:calc(3 * var(--s))}.event-row:hover h3{color:#997537}
.map-panel{padding:calc(11 * var(--s)) calc(7 * var(--s)) calc(5 * var(--s))!important}.map-panel .section-heading{padding-inline:calc(6 * var(--s))}.map-visual{height:calc(189 * var(--s));position:relative;display:block;border-radius:calc(4 * var(--s));overflow:hidden;background:#e1e8dd}.map-visual>.reference-photo,.map-drawing{position:absolute;inset:0;width:100%;height:100%}.map-card{position:absolute;right:calc(32 * var(--s));top:calc(23 * var(--s));width:calc(135 * var(--s));padding:calc(8 * var(--s));background:#fcfaf5;border-radius:calc(4 * var(--s));box-shadow:0 4px 12px #18382c26;color:#273e34}.map-card h3{font-size:max(var(--font-caption),calc(8 * var(--s)));font-weight:650;text-transform:uppercase;margin-bottom:calc(5 * var(--s))}.map-card img{width:100%;height:calc(71 * var(--s));border-radius:2px;object-position:50% 48%}.map-card p{font-size:max(var(--font-caption),calc(6.8 * var(--s)));line-height:1.6;margin-block:calc(5 * var(--s));display:flex;align-items:flex-start;gap:2px;min-height:calc(24 * var(--s))}.map-card .icon{width:calc(8 * var(--s));height:calc(10 * var(--s));margin-top:2px}.map-cta{display:block;padding:calc(5 * var(--s));background:var(--green);border-radius:2px;color:#fff;font-size:max(var(--font-caption),calc(6.5 * var(--s)));text-align:center;text-transform:uppercase}.map-visual:hover .map-cta{background:#18634c}
.services-strip{margin:calc(7 * var(--s)) calc(-14 * var(--s)) 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:calc(6 * var(--s));padding:calc(12 * var(--s)) calc(10 * var(--s));min-height:calc(75 * var(--s));align-items:center}.services-strip>a{display:flex;align-items:center;gap:calc(10 * var(--s));padding:0 calc(15 * var(--s));border-right:1px solid var(--line);height:100%}.services-strip>a:first-child{padding-left:calc(13 * var(--s))}.services-strip>a:last-child{border:0;padding-right:0}.service-icon{border:calc(3 * var(--s)) solid #efe6d3;background:var(--green);outline:1px solid #d5c6a6;color:#d8b763;width:calc(40 * var(--s));height:calc(40 * var(--s));border-radius:50%;display:grid;place-items:center;flex:none;box-shadow:0 3px 5px #10271f16;transition:transform .2s}.service-icon>.icon{width:calc(23 * var(--s));height:calc(23 * var(--s));stroke-width:1.1}.services-strip h3{font:400 max(var(--font-caption),calc(9 * var(--s)))/1.5 Georgia,serif;white-space:nowrap;margin-bottom:calc(3 * var(--s))}.services-strip p{font-size:max(var(--font-caption),calc(7.2 * var(--s)));line-height:1.65;color:#747168}.services-strip>a:hover .service-icon{transform:translateY(-2px)}
.site-footer{color:#f1f0e6;background:radial-gradient(ellipse at 10% 0,#10473799,transparent 40%),linear-gradient(100deg,#04372b,#022b23);margin:0}.footer-grid{padding:calc(24 * var(--s)) calc(14 * var(--s)) calc(15 * var(--s));display:grid;grid-template-columns:1.3fr .85fr .92fr 1.2fr 1.07fr;gap:calc(23 * var(--s))}.footer-grid>div{min-width:0}.footer-grid>div:nth-child(3),.footer-grid>div:nth-child(4){border-left:1px solid #a89b6b3b;padding-left:calc(24 * var(--s))}.footer-brand .brand-mark{width:calc(39 * var(--s));height:calc(53 * var(--s))}.footer-brand p{font-size:calc(8.5 * var(--s));line-height:1.65;margin-top:calc(5 * var(--s));color:#d2d8ca}.footer-brand .social-links{margin-top:calc(9 * var(--s));gap:calc(8 * var(--s))}.footer-brand .social-links>a,.footer-brand .social-links>span{width:calc(19 * var(--s));height:calc(19 * var(--s))}.footer-brand .social-links a>span{font-size:calc(13 * var(--s))}.footer-grid h3{font:500 max(var(--font-caption),calc(9 * var(--s)))/1.4 Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em;margin:calc(5 * var(--s)) 0 calc(9 * var(--s))}.footer-links>a{display:block;font-size:max(var(--font-caption),calc(8 * var(--s)));line-height:1.8;color:#dbe0d4}.footer-prayers>span{display:flex;justify-content:space-between;font-size:max(var(--font-caption),calc(8 * var(--s)));line-height:2;gap:calc(10 * var(--s))}.footer-prayers strong{font-weight:500;color:#d8b86c}.footer-prayers>a,.footer-gallery>a{display:block;font-size:max(var(--font-caption),calc(7.6 * var(--s)));color:#c7a95f;margin-top:calc(5 * var(--s))}.footer-prayers>small{display:block;font-size:max(var(--font-caption),calc(6.5 * var(--s)));color:#b9bd9e}.footer-contact p{display:flex;gap:calc(6 * var(--s));font-size:max(var(--font-caption),calc(7.5 * var(--s)));line-height:1.65;margin-bottom:calc(7 * var(--s));color:#d4dbcc}.footer-contact p>.icon{color:#d4b369;width:calc(11 * var(--s));height:calc(13 * var(--s));margin-top:1px}.footer-contact .button{font-size:max(var(--font-caption),calc(7.5 * var(--s)));padding:calc(4 * var(--s)) calc(20 * var(--s));margin-top:calc(3 * var(--s))}.footer-photos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,calc(47 * var(--s)));gap:2px;border-radius:2px;overflow:hidden}.footer-photos a{display:block;min-height:0;overflow:hidden}.footer-photos img{width:100%;height:100%;transition:transform .4s}.footer-photos a:hover img{transform:scale(1.08)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--s));font-size:max(var(--font-caption),calc(7 * var(--s)));color:#c7bd94;border-top:1px solid #ccbb8726;padding:calc(7 * var(--s)) calc(14 * var(--s)) calc(9 * var(--s))}.footer-bottom>div{display:flex;gap:calc(10 * var(--s))}.footer-bottom b{color:#e15954;font-size:calc(11 * var(--s))}
.reading-page{max-width:1080px;width:90.9%;padding:145px 0 80px;margin:auto;min-height:70vh;font-size:15px;line-height:1.8}.reading-page h1{font-size:clamp(34px,4.8vw,64px);line-height:1.1;max-width:900px;margin:18px 0 24px;letter-spacing:-.03em}.reading-page h2{font-size:27px;margin:30px 0 15px}.reading-page .lead{font-size:20px;color:#777a6d;max-width:760px}.breadcrumb{display:flex;gap:14px;color:#8d794f;font-size:var(--font-small);margin-bottom:30px}.eyebrow{font-size:var(--font-caption);letter-spacing:.12em;color:#9e7c3e;text-transform:uppercase}.sample-notice{border-left:3px solid var(--gold);background:#f0ebe2;padding:15px 20px;margin:24px 0;font-size:var(--font-small);max-width:780px}.article-image{width:100%;max-height:530px;margin:30px 0 10px;border-radius:4px}.article-credit{font-size:var(--font-caption);color:#797a70}.article-credit a,.body-copy a,.article-body a{text-decoration:underline}.article-body,.body-copy{max-width:780px;margin:25px 0}.reading-page .button{font-size:var(--font-caption);padding:12px 20px}.publication-detail{display:grid;grid-template-columns:220px 1fr;gap:60px;align-items:start;margin-top:50px}.publication-detail .book-cover{width:220px;height:290px}.publication-detail h1{margin-top:12px}.faq-list{margin:36px 0;max-width:850px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:18px 0;font-size:16px}.faq-list p{padding:0 20px 22px 0;color:#6e7368;font-size:14px}.faq-list a{text-decoration:underline}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:35px 0}.archive-card{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff;padding:15px}.archive-card>.reference-photo{height:160px;margin-bottom:15px}.archive-card h2{font:400 23px/1.3 Georgia,serif;margin:12px 0}.archive-card p{font-size:var(--font-small);color:var(--muted)}.archive-card .book-cover{width:140px;height:185px}.timetable{width:100%;max-width:600px;border-collapse:collapse;margin:24px 0}.timetable th,.timetable td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}body:has(.reading-page) .site-header{background:var(--deep)}
dialog{border:1px solid #d7c8a9;background:var(--paper);color:var(--ink);padding:32px;border-radius:8px;box-shadow:0 20px 100px #0006;max-width:calc(100vw - 32px)}dialog::backdrop{background:#001e18c9;backdrop-filter:blur(5px)}.search-dialog{width:650px;max-height:85vh}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dialog-top .icon-button,.gallery-close{width:36px;height:36px;font-size:20px}.search-dialog h2{font-size:36px;margin-bottom:24px}.search-field{border:1px solid #b6a889;border-radius:3px;display:flex;align-items:center;gap:12px;padding:12px 16px}.search-field .icon{width:22px;height:22px}.search-field input{min-width:0;width:100%;border:0;background:transparent;font-size:16px;outline:none}.search-results{margin-top:18px;max-height:45vh;overflow:auto}.search-results>a{display:grid;grid-template-columns:90px 1fr 24px;align-items:center;gap:16px;padding:14px 2px;border-bottom:1px solid var(--line);font-size:14px}.search-results>a>span{font-size:var(--font-caption);color:#96733a;text-transform:uppercase}.search-empty{font-size:14px;margin-top:20px}.gallery-dialog{background:var(--deep);color:#fff;width:min(1100px,93vw);padding:16px}.gallery-dialog>img{width:100%;height:75vh;object-fit:contain}.gallery-close{position:absolute;right:20px;top:20px;background:#053d30dd;border:1px solid #b9a164;z-index:2}.gallery-bottom{display:flex;justify-content:space-between;gap:16px;padding:15px 6px 2px;font-size:var(--font-small)}.gallery-bottom>a{color:#d6b974}
.signature{filter:grayscale(1) contrast(2);opacity:.8}.reference-article-image{height:400px;max-width:800px;overflow:hidden}.archive-card .read-more{color:#82622e}.error-page{width:90%;max-width:1080px;margin:auto;padding:150px 0 90px;min-height:70vh;font-size:16px}.error-page h1{font-size:clamp(36px,5vw,64px);line-height:1.1;margin:20px 0}.error-page p{margin-bottom:25px}.error-page .button{font-size:var(--font-small)}body:has(.error-page) .site-header{background:var(--deep)}

@media(max-width:900px){
:root{--s:1px}body{font-size:var(--font-small)}.container{width:92%;left:0}.site-header{height:76px}.header-inner{justify-content:space-between;gap:10px}.desktop-nav{display:none}.brand{width:178px}.brand-mark{width:40px;height:55px}.brand-name{width:128px;height:36px}.header-actions{gap:10px}.header-contact{font-size:var(--font-caption);padding:9px 12px}.icon-button{width:36px;height:36px}.icon-button .icon{width:21px;height:21px}.mobile-menu{display:block}.mobile-menu:not([open]) nav{display:none}.mobile-menu>summary{list-style:none;cursor:pointer;width:36px;height:40px;display:grid;place-items:center}.mobile-menu>summary::-webkit-details-marker{display:none}.menu-bars,.menu-bars:before,.menu-bars:after{display:block;width:21px;height:1px;background:#fff}.menu-bars{position:relative}.menu-bars:before,.menu-bars:after{content:'';position:absolute;left:0}.menu-bars:before{top:-6px}.menu-bars:after{top:6px}.mobile-menu[open] .menu-bars{background:transparent}.mobile-menu[open] .menu-bars:before{transform:rotate(45deg);top:0}.mobile-menu[open] .menu-bars:after{transform:rotate(-45deg);top:0}.mobile-menu nav{position:absolute;top:76px;left:0;right:0;padding:16px 5% 22px;background:#053b2f;box-shadow:0 12px 20px #0003;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-top:1px solid #c6a05b55}.mobile-menu nav>a{padding:12px 4px;font-size:var(--font-small);border-bottom:1px solid #ffffff16}.content-frame{padding:22px 12px 0}.news-and-mufti{grid-template-columns:1fr}.news-section{padding:0}.news-grid{height:295px;grid-template-columns:55% 1fr}.news-feature h3{font-size:20px}.news-feature p{font-size:var(--font-small)}.news-feature-copy{padding:16px}.news-list-item{grid-template-columns:80px 1fr;gap:12px}.news-list-item>.reference-photo{height:60px}.news-list-item h3{font-size:var(--font-small)}.news-meta,.tag{font-size:var(--font-caption)}.section-heading h2{font-size:15px}.section-heading>a{font-size:var(--font-caption)}.mufti-section{margin-top:24px;padding-left:0;border:0}.mufti-card{height:270px;grid-template-columns:43% 57%;grid-template-rows:minmax(0,1fr) 37px}.mufti-portrait{width:100%;object-fit:cover}.mufti-quote{min-height:0;padding:12px 25px}.mufti-quote blockquote{font-size:16px}.mufti-quote blockquote br{display:none}.mufti-quote>strong{font-size:var(--font-small)}.mufti-quote>small{font-size:var(--font-caption)}.quote-mark{font-size:54px}.signature{margin-top:8px}.mufti-actions{padding-inline:10px}.mufti-actions>.button{height:27px;min-width:120px;font-size:var(--font-caption)}.publications{margin-top:25px}.books-track{gap:20px;padding:3px 6px 10px}.book-item{flex-basis:calc((100% - 60px)/4)}.book-cover{width:115px;height:150px}.book-item h3{font-size:var(--font-caption)}.book-item p{font-size:var(--font-caption)}.book-actions>a,.book-actions>button{font-size:var(--font-caption);padding:6px 8px}.carousel-arrow{width:32px;height:32px}.carousel-arrow.previous{left:-19px}.carousel-arrow.next{right:-19px}.information-grid{grid-template-columns:1fr 1fr;margin:18px -12px 0;gap:10px}.information-grid>article{height:265px}.information-grid .section-heading h2{font-size:var(--font-small)}.prayer-date{font-size:var(--font-caption)}.preview-label{font-size:var(--font-caption)}.prayer-body{margin-top:13px;padding-bottom:12px}.prayer-list>span{font-size:var(--font-caption);line-height:20px}.countdown-ring{width:125px;height:125px;right:20px;top:61px}.countdown-ring span{font-size:var(--font-caption)}.countdown-ring strong{font-size:24px}.monthly-button{height:30px;font-size:var(--font-caption)}.event-row{padding:10px 0}.event-row h3{font-size:var(--font-caption)}.event-row p{font-size:var(--font-caption)}.event-date{width:37px;min-height:45px}.map-panel{grid-column:1/-1}.map-visual{height:215px}.map-card{top:17px;right:10%;width:170px;padding:10px}.map-card h3{font-size:var(--font-caption)}.map-card img{height:93px}.map-card p{font-size:var(--font-caption)}.map-cta{font-size:var(--font-caption);padding:8px}.services-strip{grid-template-columns:repeat(3,1fr);margin:10px -12px 0;padding:8px}.services-strip>a{padding:12px;min-height:77px}.services-strip>a:nth-child(3){border-right:0}.services-strip>a:last-child{grid-column:2/4}.services-strip h3{font-size:var(--font-caption)}.services-strip p{font-size:var(--font-caption)}.footer-grid{grid-template-columns:1.1fr .8fr 1fr;padding:28px 6px 22px;gap:24px}.footer-grid>div:nth-child(4){border:0;padding-left:0}.footer-brand .brand-name{height:36px}.footer-brand p{font-size:10px}.footer-grid h3{font-size:var(--font-caption)}.footer-links>a,.footer-prayers>span,.footer-contact p{font-size:var(--font-caption)}.footer-prayers>a,.footer-gallery>a{font-size:var(--font-caption)}.footer-gallery{grid-column:2/4}.footer-photos{grid-template-columns:repeat(4,1fr);grid-template-rows:85px}.footer-bottom{font-size:var(--font-caption);flex-wrap:wrap;padding:12px 6px}.footer-bottom>div{flex-wrap:wrap}.reading-page{padding-top:120px}.archive-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
html{scroll-padding-top:88px}.container{width:92%;left:0}.brand-name{width:124px;height:34px}.brand-mark{width:35px;height:48px}.brand{gap:7px;width:166px}.header-contact{display:none}.header-actions{gap:5px}.content-frame{padding:22px 0 0}.section-heading{margin-bottom:14px}.section-heading h2{font-size:15px}.section-heading>a{font-size:var(--font-caption)}.news-grid{display:block;height:auto}.news-feature{height:310px}.news-feature-copy{padding:18px}.news-feature h3{font-size:22px;line-height:1.25}.news-feature h3 br{display:none}.news-feature p{font-size:var(--font-small);line-height:1.55}.news-feature .news-meta{margin-bottom:10px}.read-more{font-size:var(--font-caption);margin-top:10px}.news-meta,.tag{font-size:var(--font-caption)}.news-list{margin-top:18px;gap:13px}.news-list-item{grid-template-columns:82px 1fr;padding-bottom:12px;border-bottom:1px solid var(--line)}.news-list-item>.reference-photo{height:64px}.news-list-item h3{font-size:var(--font-small);line-height:1.5}.news-list-item .news-meta{margin-bottom:5px}.mufti-section{margin-top:18px}.mufti-card{height:281px;grid-template-columns:45% 55%;grid-template-rows:minmax(0,1fr) 40px}.mufti-quote{min-height:0;padding:8px 12px 0 16px}.mufti-quote blockquote{font-size:14px;line-height:1.45;margin-bottom:12px}.quote-mark{font-size:52px;height:27px;margin-top:8px}.signature{width:85px;height:30px}.mufti-quote>strong{font-size:var(--font-caption)}.mufti-quote>small{font-size:var(--font-caption)}.mufti-actions{gap:8px;padding:5px 0}.mufti-actions>.button{min-width:110px;height:30px;font-size:var(--font-caption)}.publications{margin-top:24px}.books-track{gap:18px;padding:3px 10px 8px;scroll-padding-left:10px}.book-item{flex-basis:calc((100% - 18px)/2)}.book-cover{width:125px;height:164px}.book-item h3{font-size:var(--font-caption);max-width:140px;min-height:30px}.book-item p{font-size:var(--font-caption);margin:4px 0 8px}.book-actions{gap:6px}.book-actions>a,.book-actions>button{font-size:var(--font-caption);padding:7px 9px;min-height:30px}.carousel-arrow{top:70px;width:34px;height:34px;font-size:21px}.carousel-arrow.previous{left:-8px}.carousel-arrow.next{right:-8px}.information-grid{grid-template-columns:1fr;gap:12px;margin:22px 0 0}.information-grid>article{height:auto;min-height:265px}.information-grid .section-heading h2{font-size:15px}.information-grid .section-heading>a{font-size:var(--font-caption)}.prayer-panel{padding:20px!important;min-height:285px!important}.prayer-date{font-size:var(--font-caption)}.prayer-body{margin-top:16px;gap:15px}.prayer-list{flex-basis:40%}.prayer-list>span{font-size:var(--font-caption);line-height:22px}.countdown-ring{right:29px;top:61px;width:135px;height:135px}.countdown-ring span{font-size:var(--font-caption)}.countdown-ring strong{font-size:26px;transform:translateY(23px)}.monthly-button{height:34px;margin-top:13px;width:75%;font-size:var(--font-caption)}.events-panel{padding:18px!important}.event-row{gap:16px;padding:12px 0}.event-date{width:40px;min-height:49px}.event-date strong{font-size:22px}.event-date>span{font-size:var(--font-caption)}.event-row h3{font-size:var(--font-small)}.event-row p{font-size:var(--font-caption);margin-top:5px}.map-panel{grid-column:auto;padding:13px 7px 7px!important}.map-visual{height:222px}.map-card{right:8%;top:24px;width:155px}.map-card img{height:83px}.map-card h3{font-size:var(--font-caption)}.map-card p{font-size:var(--font-caption)}.map-cta{font-size:var(--font-caption)}.services-strip{margin:12px 0 0;grid-template-columns:1fr 1fr;padding:4px;gap:0}.services-strip>a{padding:14px 9px!important;gap:9px;border-bottom:1px solid var(--line)}.services-strip>a:nth-child(2n){border-right:0}.services-strip>a:nth-child(3){border-right:1px solid var(--line)}.services-strip>a:last-child{grid-column:1/-1;justify-content:center;border:0}.services-strip h3{font-size:var(--font-caption);white-space:normal}.services-strip p{font-size:var(--font-caption)}.services-strip p br{display:none}.service-icon{width:35px;height:35px}.service-icon>.icon{width:21px;height:21px}.footer-grid{grid-template-columns:1fr 1fr;padding:27px 0 20px;gap:24px 20px}.footer-brand{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.footer-brand p{grid-column:2;grid-row:1/3;margin:0;font-size:10px}.footer-brand p br{display:none}.footer-brand .social-links{grid-column:1;margin-top:12px}.footer-brand .social-links>a,.footer-brand .social-links>span{width:24px;height:24px}.footer-brand .brand-name{height:32px}.footer-brand .brand-mark{width:35px;height:48px}.footer-grid>div:nth-child(3){padding-left:17px}.footer-grid h3{font-size:var(--font-caption)}.footer-gallery{grid-column:auto}.footer-photos{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,53px)}.footer-contact p{font-size:var(--font-caption)}.footer-contact .button{font-size:var(--font-caption);padding:7px 17px}.footer-bottom{font-size:var(--font-caption);gap:10px;display:block;text-align:center;padding:14px 0}.footer-bottom>div{justify-content:center;gap:8px;margin-block:7px}.footer-bottom>span{display:block}.reading-page{width:90%;padding:110px 0 45px;font-size:14px}.reading-page h1{font-size:39px}.reading-page .lead{font-size:17px}.publication-detail{display:block;margin-top:30px}.publication-detail .book-cover{width:160px;height:213px;margin:0 0 35px}.archive-grid{grid-template-columns:1fr}.search-dialog{padding:22px 18px}.search-dialog h2{font-size:29px}.search-results>a{grid-template-columns:1fr 20px;gap:5px;font-size:var(--font-small)}.search-results>a>span{grid-column:1/-1}.gallery-dialog{padding:10px}.gallery-dialog>img{height:65vh}.gallery-bottom{display:block;font-size:var(--font-caption)}.gallery-bottom>a{display:block;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.book-link:hover .book-cover{transform:none}}

/* Live Tetovo prayer card, following the supplied dark-green reference panel. */
.prayer-section{background:var(--paper) url('/images/pattern-light.svg') repeat;background-size:60px;padding:calc(16 * var(--s)) 0;border-bottom:1px solid var(--line)}
.prayer-card{--prayer-progress:0deg;min-height:calc(166 * var(--s));display:grid;grid-template-columns:1.18fr 1.65fr .82fr .85fr;align-items:stretch;gap:0;color:#fff;background:radial-gradient(circle at 88% 10%,#17604a66,transparent 32%),var(--green) url('/images/pattern.svg') center/cover;border:1px solid #285f4e;border-radius:calc(7 * var(--s));box-shadow:0 calc(12 * var(--s)) calc(36 * var(--s)) #173e3120;overflow:hidden}
.prayer-card-intro{display:flex;gap:calc(13 * var(--s));align-items:center;padding:calc(24 * var(--s));border-right:1px solid #d8c18720}
.prayer-card-emblem{display:grid;place-items:center;width:calc(46 * var(--s));height:calc(46 * var(--s));border:1px solid #d2b76d66;border-radius:50%;color:#e2c171;flex:none}
.prayer-card-emblem>.icon{width:calc(25 * var(--s));height:calc(25 * var(--s))}
.prayer-card-kicker{font-size:max(var(--font-caption),calc(7 * var(--s)));text-transform:uppercase;letter-spacing:.13em;color:#dcbf78;margin-bottom:calc(5 * var(--s))}
.prayer-card-intro h2{font:400 calc(20 * var(--s))/1.08 var(--font-editorial);text-transform:none;letter-spacing:-.01em}
.prayer-card-date{font-size:max(var(--font-caption),calc(7.4 * var(--s)));margin-top:calc(9 * var(--s));color:#eef2ec}
.prayer-card-hijri{font-size:max(var(--font-caption),calc(6.7 * var(--s)));color:#b8c9c0;margin-top:calc(2 * var(--s));min-height:1.5em}
.prayer-card .prayer-times{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);padding:calc(15 * var(--s)) calc(20 * var(--s));border:0;border-right:1px solid #d8c18720;gap:0}
.prayer-card .prayer-time{display:grid;grid-template-columns:calc(18 * var(--s)) 1fr auto;align-items:center;gap:calc(8 * var(--s));padding:0 calc(12 * var(--s));border-bottom:1px solid #d8c18715;transition:background .2s}
.prayer-card .prayer-time:nth-child(odd){border-right:1px solid #d8c18715}
.prayer-card .prayer-time:nth-last-child(-n+2){border-bottom:0}
.prayer-card .prayer-time>.icon{width:calc(15 * var(--s));height:calc(15 * var(--s));color:#dabc6c}
.prayer-card .prayer-time>span{font-size:max(var(--font-caption),calc(8 * var(--s)));color:#e9eee9}
.prayer-card .prayer-time>strong{font:500 max(var(--font-caption),calc(11 * var(--s)))/1 Manrope,Arial,sans-serif;color:#edca75;font-variant-numeric:tabular-nums}
.prayer-card .prayer-time.is-next{background:#ffffff09}
.prayer-card .prayer-time.is-next>span:after{content:' · radha';font-size:.75em;color:#dabc6c}
.prayer-countdown{align-self:center;justify-self:center;width:calc(116 * var(--s));height:calc(116 * var(--s));padding:calc(4 * var(--s));border-radius:50%;background:conic-gradient(#d8b764 var(--prayer-progress),#66807466 0);box-shadow:0 0 0 1px #dfc47b24}
.prayer-countdown>div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#083a2f;text-align:center}
.prayer-countdown span{font-size:max(var(--font-caption),calc(6.8 * var(--s)));line-height:1.45;color:#b9c9c0}
.prayer-countdown b{font-weight:600;color:#dabe72}
.prayer-countdown strong{font:400 calc(17 * var(--s))/1.3 var(--font-editorial);font-variant-numeric:tabular-nums;margin-top:calc(5 * var(--s));letter-spacing:.03em}
.prayer-card-actions{display:flex;flex-direction:column;justify-content:center;padding:calc(21 * var(--s));border-left:1px solid #d8c18720}
.prayer-card-actions p{font-size:max(var(--font-caption),calc(6.8 * var(--s)));line-height:1.6;color:#b8c8bf;margin-bottom:calc(12 * var(--s))}
.prayer-card-actions p>a{display:block;color:#d9bb70;text-decoration:underline;text-underline-offset:2px;margin-top:calc(3 * var(--s))}
.prayer-card-actions>a{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--s));padding:calc(9 * var(--s)) calc(11 * var(--s));border:1px solid #d5b96c;border-radius:2px;color:#fff;font-size:max(var(--font-caption),calc(7 * var(--s)));text-transform:uppercase;letter-spacing:.035em}
.prayer-card-actions>a:hover{background:#d1ae60;color:var(--deep)}
.prayer-card.has-error .prayer-countdown,.prayer-card.has-error .prayer-times{opacity:.58}
.prayer-card-error{grid-column:1/-1;padding:0 calc(20 * var(--s)) calc(15 * var(--s));font-size:max(var(--font-caption),calc(7 * var(--s)));color:#f1d19a}
.information-grid{grid-template-columns:41% 1fr}

@media(max-width:900px){
  .prayer-section{padding:18px 0}
  .prayer-card{grid-template-columns:1fr 1.55fr .8fr;min-height:190px}
  .prayer-card-intro{padding:22px}.prayer-card-intro h2{font-size:25px}.prayer-card-kicker,.prayer-card-date{font-size:var(--font-caption)}.prayer-card-hijri{font-size:var(--font-caption)}
  .prayer-card .prayer-times{padding:16px 12px}.prayer-card .prayer-time{padding:0 8px;gap:6px}.prayer-card .prayer-time>span{font-size:var(--font-caption)}.prayer-card .prayer-time>strong{font-size:var(--font-small)}
  .prayer-countdown{width:125px;height:125px}.prayer-countdown span{font-size:var(--font-caption)}.prayer-countdown strong{font-size:20px}
  .prayer-card-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;padding:10px 20px;border-left:0;border-top:1px solid #d8c18720}.prayer-card-actions p{font-size:var(--font-caption);margin:0}.prayer-card-actions p>a{display:inline;margin-left:5px}.prayer-card-actions>a{font-size:var(--font-caption);padding:8px 13px}
  .information-grid{grid-template-columns:42% 1fr}.information-grid .map-panel{grid-column:auto}
}
@media(max-width:560px){
  .prayer-section{padding:12px 0}.prayer-card{width:94%;display:grid;grid-template-columns:1fr .72fr;min-height:0;border-radius:7px}
  .prayer-card-intro{padding:20px 18px;border-right:0}.prayer-card-emblem{width:42px;height:42px}.prayer-card-intro h2{font-size:24px}.prayer-card-kicker{font-size:var(--font-caption)}.prayer-card-date{font-size:var(--font-caption)}.prayer-card-hijri{font-size:var(--font-caption)}
  .prayer-card .prayer-times{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr;padding:9px 13px;border:0;border-block:1px solid #d8c18720}
  .prayer-card .prayer-time{min-height:43px;padding:0 8px}.prayer-card .prayer-time>span{font-size:var(--font-caption)}.prayer-card .prayer-time>strong{font-size:var(--font-small)}.prayer-card .prayer-time>.icon{width:15px;height:15px}
  .prayer-countdown{grid-column:2;grid-row:1;width:111px;height:111px;margin:14px}.prayer-countdown span{font-size:var(--font-caption)}.prayer-countdown strong{font-size:19px}
  .prayer-card-actions{grid-column:1/-1;grid-row:3;display:flex;align-items:stretch;padding:14px 18px}.prayer-card-actions p{font-size:var(--font-caption);margin:0 0 10px}.prayer-card-actions p>a{display:block;margin:2px 0 0}.prayer-card-actions>a{font-size:var(--font-caption);padding:10px 12px}
  .information-grid{grid-template-columns:1fr}.information-grid .map-panel{grid-column:auto}
}
.daily-schedule{max-width:720px;margin:34px 0 20px;padding:24px 30px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 12px 40px #18382c0d}
.daily-schedule .section-heading{align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:0}.daily-schedule .section-heading h2{font-size:22px;text-transform:capitalize}.daily-schedule .section-heading>span{font-size:var(--font-small);color:var(--muted)}
.daily-schedule .timetable{max-width:none;margin:0 0 14px}.daily-schedule .timetable th,.daily-schedule .timetable td{height:52px}.daily-schedule .timetable tbody th{display:flex;align-items:center;gap:12px}.daily-schedule .timetable .icon{width:19px;height:19px;color:var(--gold)}.daily-schedule .timetable td{text-align:right;font-size:17px;font-weight:650;color:var(--green);font-variant-numeric:tabular-nums}.daily-schedule tr.is-next{background:#f4f0e7}.daily-schedule>p{font-size:var(--font-small);color:var(--muted)}.daily-schedule>p a{text-decoration:underline;color:#8e6d34}
@media(max-width:560px){.daily-schedule{padding:18px;margin-top:26px}.daily-schedule .section-heading{display:block}.daily-schedule .section-heading h2{font-size:18px}.daily-schedule .section-heading>span{display:block;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.prayer-card .prayer-time{transition:none}}

/* new-design hero/prayer treatment, scaled for the compact homepage. */
@font-face {
    font-family: 'Instrument Serif';
    src: url('/fonts/InstrumentSerif-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Instrument Serif';
    src: url('/fonts/InstrumentSerif-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}
:root {
    --font-editorial: 'Instrument Serif', Georgia, serif;
    --surface-muted: #ece8dd;
    --mint: #dce4d5;
    --hero-height: max(760px, 100svh);
    --hero-title-size: clamp(105px, 10.2vw, 190px);
    --hero-space: clamp(34px, 3.8vw, 74px);
    --hero-top-space: clamp(150px, 15vh, 180px);
    --hero-bottom-space: clamp(76px, 9vh, 110px);
    --hero-accent: color-mix(in srgb, var(--gold) 55%, var(--paper));
    --hero-rule: color-mix(in srgb, var(--paper) 23%, transparent);
    --prayer-space: calc(18 * var(--s));
}
.hero {
    --hero-sky-scroll: 0px;
    --hero-mosque-scroll: 0px;
    position: relative;
    height: var(--hero-height);
    overflow: hidden;
    background: var(--deep);
    color: var(--paper);
}
.hero-sky-media, .hero-image, .hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-sky-media {
    inset: -7%;
    width: 114%;
    height: 114%;
    overflow: hidden;
    transform: translate3d(0, var(--hero-sky-scroll), 0) scale(1.035);
    transform-origin: center;
    will-change: transform;
}
.hero-sky-track, .hero-night-sky-track { display: flex; width: 400%; height: 100%; animation: hero-sky-drift 90s linear infinite; will-change: transform; }
.hero-night-sky-track { position: absolute; inset: 0; opacity: 0; transition: opacity .85s ease; pointer-events: none; }
.hero-sky, .hero-night-sky { flex: 0 0 calc(25% + 2px); width: calc(25% + 2px); height: 100%; margin-right: -2px; object-position: center; backface-visibility: hidden; }
.hero-sky { filter: saturate(1.06) contrast(1.01); }
.hero-sky-mirror { transform: scaleX(-1); }
.hero-image {
    z-index: 1;
    top: -3%;
    height: 106%;
    object-position: 50% 56%;
    filter: saturate(1.08) contrast(1.02);
    transform: translate3d(0, var(--hero-mosque-scroll), 0) scale(1.01);
    transform-origin: center;
    transition: transform 100ms linear;
    will-change: transform;
}
@keyframes hero-sky-drift { to { transform: translate3d(-50%, 0, 0); } }
.hero-shade {
    z-index: 2;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--deep) 88%, transparent), color-mix(in srgb, var(--deep) 58%, transparent) 38%, color-mix(in srgb, var(--deep) 8%, transparent) 72%, color-mix(in srgb, var(--deep) 22%, transparent)),
        linear-gradient(0deg, color-mix(in srgb, var(--deep) 86%, transparent), transparent 62%, color-mix(in srgb, var(--deep) 34%, transparent));
}
.hero-inner {
    z-index: 3;
    height: 100%;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: calc(45 * var(--s));
    align-items: end;
    padding-top: var(--hero-top-space);
    padding-bottom: var(--hero-bottom-space);
}
.hero-copy {
    position: relative;
    border-left: 1px solid var(--hero-rule);
    padding-left: var(--hero-space);
}
.hero-pretitle {
    display: block;
    margin-bottom: clamp(20px, 2.2vw, 34px);
    font-size: clamp(8px, .7vw, 10px);
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: .22em;
    color: var(--hero-accent);
}
.hero-copy h1 {
    font: 400 var(--hero-title-size)/.73 var(--font-editorial);
    letter-spacing: -.035em;
    color: var(--paper);
}
.hero-copy h1 em { display: inline-block; padding-left: .45em; font-weight: 400; color: var(--hero-accent); }
.hero-intro { max-width: 410px; justify-self: end; margin-right: calc(37 * var(--s)); padding-bottom: 18px; }
.hero-intro p { font-size: clamp(15px, 1.2vw, 19px); line-height: 1.8; margin-bottom: clamp(24px, 2.8vw, 42px); }
.hero-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--hero-space);
    border-bottom: 1px solid var(--hero-rule);
    padding-block: calc(9 * var(--s));
    text-transform: uppercase;
    font-size:max(var(--font-caption),calc(8 * var(--s)));
    letter-spacing: .08em;
}
.hero-link .icon { width: calc(18 * var(--s)); height: calc(18 * var(--s)); transition: transform .2s; }
.hero-link:hover, .hero-scroll:hover, .hero-photo-credit:hover { color: var(--hero-accent); }
.hero-link:hover .icon { transform: translateX(4px); }
.hero-location { position: absolute; top: var(--hero-top-space); right: 0; writing-mode: vertical-rl; font-size:max(var(--font-caption),calc(6.5 * var(--s))); letter-spacing: .16em; }
.hero-scroll, .hero-photo-credit { position: absolute; bottom: calc(18 * var(--s)); font-size:max(var(--font-caption),calc(7 * var(--s))); letter-spacing: .08em; }
.hero-scroll { left: 0; display: flex; align-items: center; gap: calc(9 * var(--s)); text-transform: uppercase; }
.hero-scroll > span { font-size: calc(15 * var(--s)); line-height: 1; }
.hero-photo-credit { right: 0; color: color-mix(in srgb, var(--paper) 80%, transparent); }

.prayer-section { background: var(--surface-muted); border-bottom: 1px solid var(--line); }
.prayer-strip-inner { display: flex; align-items: center; gap: var(--prayer-space); padding-block: var(--prayer-space); }
.prayer-heading { display: flex; align-items: center; gap: calc(12 * var(--s)); flex: 0 0 auto; }
.prayer-emblem { display: grid; place-items: center; width: calc(40 * var(--s)); height: calc(40 * var(--s)); border-radius: 50%; background: var(--mint); color: var(--green); }
.prayer-emblem > .icon { width: calc(23 * var(--s)); height: calc(23 * var(--s)); }
.prayer-heading h2 { font: 400 calc(21 * var(--s))/1.2 var(--font-editorial); }
.prayer-heading p { font-size:max(var(--font-caption),calc(8 * var(--s))); margin-top: calc(4 * var(--s)); }
.prayer-heading p > span { color: var(--muted); }
.prayer-times { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); flex: 1; border-inline: 1px solid color-mix(in srgb, var(--ink) 13%, transparent); padding-inline: calc(12 * var(--s)); }
.prayer-time { display: flex; flex-direction: column; align-items: center; gap: calc(4 * var(--s)); }
.prayer-time > .icon { width: calc(17 * var(--s)); height: calc(17 * var(--s)); color: color-mix(in srgb, var(--green) 65%, var(--surface-muted)); }
.prayer-time > span { font-size:max(var(--font-caption),calc(8 * var(--s))); color: var(--muted); }
.prayer-time > strong { font-size: calc(15 * var(--s)); font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1.3; }
.prayer-note { flex: 0 0 auto; font-size:max(var(--font-caption),calc(7.5 * var(--s))); color: var(--muted); line-height: 1.6; }
.prayer-note strong { font-weight: 500; color: var(--ink); }
.prayer-note > a { display: inline-flex; gap: calc(12 * var(--s)); color: var(--green); font-size:max(var(--font-caption),calc(7.5 * var(--s))); margin-top: calc(4 * var(--s)); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 900px) {
    :root {
        --hero-height: max(680px, 100svh);
        --hero-title-size: clamp(88px, 13vw, 112px);
        --hero-top-space: 150px;
        --hero-bottom-space: 76px;
        --hero-space: 45px;
        --prayer-space: 18px;
    }
    .hero-inner { gap: 28px; grid-template-columns: 1.2fr 1fr; }
    .hero-pretitle { font-size:var(--font-caption); margin-bottom: 22px; }
    .hero-intro { margin-right: 22px; max-width: 330px; }
    .hero-intro p { font-size: 14px; margin-bottom: 24px; }
    .hero-link { font-size:var(--font-caption); padding-block: 9px; }
    .hero-location { font-size:var(--font-caption); }
    .hero-scroll, .hero-photo-credit { font-size:var(--font-caption); bottom: 20px; }
    .prayer-strip-inner { flex-wrap: wrap; gap: 15px; }
    .prayer-heading { flex: 1; }
    .prayer-heading h2 { font-size: 25px; }
    .prayer-heading p, .prayer-note, .prayer-note > a { font-size:var(--font-caption); }
    .prayer-times { flex-basis: 100%; order: 3; border-inline: 0; border-top: 1px solid var(--line); padding: 15px 0 0; }
    .prayer-time { gap: 5px; }
    .prayer-time > span { font-size:var(--font-caption); }
    .prayer-time > strong { font-size: 17px; }
    .prayer-time > .icon { width: 18px; height: 18px; }
}
@media (max-width: 560px) {
    :root {
        --hero-height: max(680px, 100svh);
        --hero-title-size: clamp(72px, 22vw, 98px);
        --hero-top-space: 145px;
        --hero-bottom-space: 38px;
        --hero-space: 20px;
    }
    .hero-inner { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 21px; }
    .hero-image { object-position: 50% 50%; }
    .hero-sky-media { inset: -5%; width: 110%; height: 110%; }
    .hero-shade {
        background: linear-gradient(90deg, color-mix(in srgb, var(--deep) 80%, transparent), color-mix(in srgb, var(--deep) 28%, transparent)),
            linear-gradient(0deg, color-mix(in srgb, var(--deep) 86%, transparent), transparent 62%);
    }
    .hero-pretitle { font-size:var(--font-caption); letter-spacing: .18em; margin-bottom: 24px; }
    .hero-copy h1 { line-height: .78; letter-spacing: -.03em; }
    .hero-copy h1 em { padding-left: .18em; }
    .hero-intro { margin: 0 0 0 20px; max-width: 310px; }
    .hero-intro p { font-size:var(--font-small); line-height: 1.7; margin-bottom: 24px; }
    .hero-link { font-size:var(--font-caption); padding-block: 10px; max-width: 240px; }
    .hero-location { display: none; }
    .hero-scroll { font-size:var(--font-caption); bottom: 15px; }
    .hero-photo-credit { font-size:var(--font-caption); bottom: 15px; letter-spacing: 0; }
    .prayer-strip-inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; padding-block: 17px; }
    .prayer-heading { justify-content: center; }
    .prayer-heading h2 { font-size: 25px; }
    .prayer-emblem { width: 36px; height: 36px; }
    .prayer-times { order: initial; grid-template-columns: repeat(6, minmax(0, 1fr)); padding: 13px 0; border-block: 1px solid var(--line); }
    .prayer-time { gap: 5px; }
    .prayer-time > .icon { width: 16px; height: 16px; }
    .prayer-time > span { font-size:var(--font-caption); }
    .prayer-time > strong { font-size: 14px; }
    .prayer-note { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size:var(--font-caption); }
    .prayer-note br { display: none; }
    .prayer-note strong { margin-left: 3px; }
    .prayer-note > a { white-space: nowrap; font-size:var(--font-caption); margin: 0; }
}

/* Keep the live card surface after the earlier new-design strip rules. */
.prayer-section{background:var(--paper) url('/images/pattern-light.svg') repeat;background-size:60px;padding:calc(16 * var(--s)) 0}
@media(max-width:900px){.prayer-section{padding:18px 0}}
@media(max-width:560px){.prayer-section{padding:12px 0}}

/* Full-bleed prayer strip from the supplied horizontal reference. */
.prayer-section{padding:0;border:0;background:var(--green)}
.prayer-card.container{width:100%;max-width:none;left:0;margin:0;border-inline:0;border-radius:0;box-shadow:none}
.prayer-card-logo{width:calc(47 * var(--s));height:calc(64 * var(--s));flex:none;filter:brightness(0) invert(1);opacity:.92}

@media(min-width:1101px){
    .prayer-card{min-height:calc(121 * var(--s));grid-template-columns:1.25fr 3fr .78fr 1fr}
    .prayer-card-intro{gap:calc(16 * var(--s));padding:calc(14 * var(--s)) calc(34 * var(--s));justify-content:center}
    .prayer-card-kicker{font-size:max(var(--font-caption),calc(6 * var(--s)));margin-bottom:calc(3 * var(--s))}
    .prayer-card-intro h2{font:650 calc(10 * var(--s))/1.25 Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.025em}
    .prayer-card-date{font-size:max(var(--font-caption),calc(6.5 * var(--s)));margin-top:calc(4 * var(--s))}
    .prayer-card-hijri{font-size:max(var(--font-caption),calc(6 * var(--s)))}
    .prayer-card .prayer-times{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr;padding:calc(15 * var(--s)) 0;border-right:1px solid #d8c18720}
    .prayer-card .prayer-time{display:flex;flex-direction:column;justify-content:center;gap:calc(3 * var(--s));padding:0 calc(7 * var(--s));border:0;border-right:1px solid #d8c18728}
    .prayer-card .prayer-time:nth-child(odd){border-right:1px solid #d8c18728}
    .prayer-card .prayer-time:last-child{border-right:0}
    .prayer-card .prayer-time>.icon{width:calc(18 * var(--s));height:calc(18 * var(--s))}
    .prayer-card .prayer-time>span{font-size:max(var(--font-caption),calc(7 * var(--s)));line-height:1.2}
    .prayer-card .prayer-time>strong{font-size:calc(12 * var(--s));line-height:1.2}
    .prayer-card .prayer-time.is-next>span:after{display:none}
    .prayer-countdown{width:calc(88 * var(--s));height:calc(88 * var(--s));padding:calc(3 * var(--s))}
    .prayer-countdown span{font-size:max(var(--font-caption),calc(5.7 * var(--s)));line-height:1.35}
    .prayer-countdown strong{font-size:calc(14 * var(--s));margin-top:calc(3 * var(--s))}
    .prayer-card-actions{padding:calc(13 * var(--s)) calc(22 * var(--s))}
    .prayer-card-actions p{font-size:max(var(--font-caption),calc(5.8 * var(--s)));margin-bottom:calc(7 * var(--s));line-height:1.45}
    .prayer-card-actions>a{padding:calc(7 * var(--s)) calc(10 * var(--s));font-size:max(var(--font-caption),calc(6 * var(--s)))}
}

@media(max-width:1100px){
    .prayer-card{grid-template-columns:1fr 1.55fr .8fr;min-height:190px}
    .prayer-card-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;padding:10px 20px;border-left:0;border-top:1px solid #d8c18720}
    .prayer-card-actions p{margin:0}.prayer-card-actions p>a{display:inline;margin-left:5px}
}
@media(max-width:560px){
    .prayer-card.container{width:100%;border-radius:0}
    .prayer-card{grid-template-columns:1fr .72fr}
    .prayer-card-logo{width:40px;height:54px}
}

/* Align the strip with the shared page container while keeping it attached to the hero. */
.prayer-section{padding:0 0 calc(16 * var(--s));background:var(--paper) url('/images/pattern-light.svg') repeat;background-size:60px}
.prayer-card.container{width:90.9%;max-width:1256px;left:calc(8 * var(--s));margin-inline:auto;border:1px solid #285f4e;border-top:0;border-radius:0 0 calc(7 * var(--s)) calc(7 * var(--s))}
@media(max-width:900px){.prayer-section{padding-bottom:18px}.prayer-card.container{width:92%;left:0}}
@media(max-width:560px){.prayer-section{padding-bottom:12px}.prayer-card.container{width:92%;border-radius:0 0 7px 7px}}

/* Full-width section surface with its contents aligned to the shared page grid. */
.prayer-section{padding:0;background:radial-gradient(circle at 88% 10%,#17604a66,transparent 32%),var(--green) url('/images/pattern.svg') center/cover}
.prayer-card.container{background:transparent;border:0;border-radius:0}
@media(max-width:900px){.prayer-section{padding:0}}
@media(max-width:560px){.prayer-section{padding:0}.prayer-card.container{border-radius:0}}

/* Mufti portrait action follows the supplied portrait-column composition. */
.mufti-portrait{grid-column:1;grid-row:1}
.mufti-quote{grid-column:2;grid-row:1/3}
.mufti-actions{grid-column:1;grid-row:2;display:block;padding:calc(5 * var(--s)) 0 0}
.mufti-actions>.button{width:100%;max-width:none;height:100%;border-color:#557668;border-radius:calc(2 * var(--s));background:linear-gradient(110deg,#07503f,#063b30);color:#fff}
.mufti-actions>.button:hover{background:#c6a05b;color:#032c24}
@media(max-width:900px){.mufti-actions{padding:5px 0 0}.mufti-actions>.button{width:100%;max-width:none;height:100%;font-size:var(--font-caption)}}
@media(max-width:560px){.mufti-actions{padding:5px 0 0}.mufti-actions>.button{width:100%;min-width:0;height:100%;font-size:var(--font-caption)}}

/* Wider editorial canvas and refined feature/footer composition. */
.container{width:min(95%,1480px);max-width:1480px;left:0}
.content-frame{padding-inline:clamp(14px,1.35vw,22px)}
.site-footer{position:relative;isolation:isolate;overflow:hidden}
.site-footer:before{content:'';position:absolute;z-index:0;inset:0;background:url('/images/hero-mosque-foreground.webp') center 58%/cover no-repeat;filter:grayscale(1) brightness(.48);opacity:.2;transform:scale(1.04);pointer-events:none}
.site-footer:after{content:'';position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(2,43,35,.9),rgba(2,43,35,.7) 48%,rgba(2,43,35,.9)),linear-gradient(0deg,rgba(2,34,28,.91),transparent 62%);pointer-events:none}
.footer-silhouette{position:absolute;z-index:1;inset:auto 0 calc(-48 * var(--s));height:calc(205 * var(--s));display:flex;align-items:flex-end;justify-content:space-around;color:#d9bb70;opacity:.075;pointer-events:none}
.footer-silhouette>.icon{width:31%;height:100%;stroke-width:.55}
.footer-silhouette>.icon:nth-child(2){height:128%;width:36%}
.footer-grid,.footer-bottom{position:relative;z-index:2}

@media(max-width:900px){
  .container{width:94%}
  .content-frame{padding-inline:14px}
}
@media(max-width:560px){
  .container{width:92%}
  .content-frame{padding-inline:0}
  .site-footer:before{background-position:61% center;opacity:.1}
  .footer-silhouette{height:210px;bottom:-48px;justify-content:center}.footer-silhouette>.icon{display:none}.footer-silhouette>.icon:nth-child(2){display:block;width:95%;height:100%}
}

.content-frame--lower{padding-top:0}

/* Quiet ornamental footer with light and depth, replacing the large outlines. */
.site-footer{background:radial-gradient(circle at 14% 20%,rgba(23,96,74,.58),transparent 34%),radial-gradient(circle at 84% 76%,rgba(17,82,63,.42),transparent 38%),linear-gradient(110deg,#073c30,#022b23 62%,#04372b)}
.site-footer:before{z-index:0;inset:0;background:url('/images/pattern.svg') center/420px repeat;filter:none;opacity:.72;transform:none}
.site-footer:after{z-index:0;background:linear-gradient(90deg,rgba(2,43,35,.2),transparent 38%,rgba(2,43,35,.24)),linear-gradient(0deg,rgba(1,29,24,.68),transparent 58%)}
.footer-silhouette{display:none}

@media(max-width:900px){
  .content-frame--lower{padding-top:0}
}
@media(max-width:560px){
  .site-footer:before{background-size:300px;opacity:.62}
}

/* Keep the full-width prayer surface while aligning its contents to the page grid. */
.prayer-card.container{width:min(95%,1480px);max-width:1480px;left:0;margin-inline:auto}
@media(min-width:901px){
  .prayer-card-intro{padding-left:clamp(14px,1.35vw,22px)}
  .prayer-card-actions{padding-right:clamp(14px,1.35vw,22px)}
}
@media(max-width:900px){.prayer-card.container{width:94%;left:0}}
@media(max-width:560px){.prayer-card.container{width:92%;left:0}}

/* Documentary mosque gallery from new-design, scaled to this page's design tokens. */
.editorial-gallery{background:var(--deep);color:var(--paper);padding:clamp(62px,7vw,100px) 0 clamp(58px,6vw,84px);overflow:hidden}
.gallery-heading{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:42px}
.gallery-heading h2{font:400 clamp(52px,6vw,90px)/.94 var(--font-editorial);letter-spacing:-.025em}
.gallery-heading p{font:italic clamp(17px,2vw,25px)/1.2 var(--font-editorial);color:var(--gold);padding-bottom:5px}
.gallery-composition{width:min(95%,1480px);margin-inline:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:220px 100px 270px;gap:18px}
.gallery-composition>a{display:block;min-width:0;min-height:0;overflow:hidden;position:relative;background:#1a4639}
.gallery-composition img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease,filter .5s ease}
.gallery-composition>a:hover img{transform:scale(1.04);filter:saturate(1.08)}
.gallery-a{grid-column:1/7;grid-row:1/3}.gallery-b{grid-column:7/10;grid-row:1/4}.gallery-c{grid-column:1/7;grid-row:3}.gallery-d{grid-column:10/13;grid-row:2/4}
.gallery-word{grid-column:10/13;grid-row:1;display:flex;justify-content:flex-end;align-items:flex-start;writing-mode:vertical-rl;font:400 clamp(48px,5vw,78px)/.85 var(--font-editorial);letter-spacing:-.03em;color:#d3bb85}
.gallery-foot{display:grid;grid-template-columns:1fr auto auto;gap:45px;align-items:end;border-top:1px solid #ffffff35;margin-top:28px;padding-top:19px}
.gallery-foot>div strong{display:block;font:400 30px/1.1 var(--font-editorial)}
.gallery-foot>div span{display:block;margin-top:4px;color:#c4cec6;font-size:var(--font-caption);letter-spacing:.08em;text-transform:uppercase}
.gallery-foot>a{font-size:var(--font-caption);letter-spacing:.04em;color:var(--paper);border-bottom:1px solid #d3bb85;padding-bottom:5px}
.gallery-foot>a:hover{color:var(--gold)}
@media(max-width:900px){.gallery-heading{grid-template-columns:1fr;gap:12px;margin-bottom:32px}.gallery-heading p{padding:0}.gallery-composition{grid-template-rows:180px 90px 220px;gap:12px}.gallery-foot{gap:22px}}
@media(max-width:650px){.editorial-gallery{padding:54px 0 58px}.gallery-heading h2{font-size:54px}.gallery-heading p{font-size:19px}.gallery-composition{width:92%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:220px 270px 165px 210px;gap:10px}.gallery-a{grid-column:1/3;grid-row:1}.gallery-b{grid-column:1;grid-row:2}.gallery-word{grid-column:2;grid-row:2;font-size:52px;padding-top:8px}.gallery-c{grid-column:1/3;grid-row:3}.gallery-d{grid-column:1/3;grid-row:4}.gallery-foot{display:block}.gallery-foot>a{display:inline-block;margin:18px 20px 0 0}.gallery-foot>div strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.gallery-composition img{transition:none}}

/* The library and education/community composition brought over from main. */
.publications-section{padding:clamp(48px,5vw,76px) 0 clamp(54px,5.4vw,82px)}
.publications-section .section-heading{align-items:end;gap:32px;min-height:0;margin-bottom:32px}
.publications-section .section-heading h2,.community-section h2{font:400 clamp(38px,4.3vw,64px)/1.06 var(--font-editorial);letter-spacing:-.025em;text-transform:none}
.publications-section .section-heading h2 em,.community-section h2 em{font-weight:400;color:#6f8b72}
.publications-section .eyebrow,.community-section .eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:var(--font-caption);font-weight:700;letter-spacing:.14em;line-height:1.4;color:var(--green)}
.publications-section .section-heading h2{margin-top:17px}
.publications-section .section-note{font-size:var(--font-small);line-height:1.65;color:var(--muted);max-width:320px;padding-bottom:6px}
.books-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);margin-bottom:32px;min-height:49px}
.book-filters{display:flex;flex-wrap:wrap;gap:25px}
.book-filters button{position:relative;border:0;background:transparent;padding:12px 0 17px;color:#6f786f;font-size:var(--font-small);min-height:48px}
.book-filters button:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .2s}
.book-filters button[aria-pressed=true]{font-weight:700;color:var(--green)}
.book-filters button[aria-pressed=true]:after,.book-filters button:hover:after{transform:scaleX(1)}
.sample-label{font-size:var(--font-caption);color:var(--muted);line-height:1.5}
.books-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(16px,2.2vw,34px)}
.books-grid .book-item{display:block;min-width:0;flex:none;text-align:left}
.editorial-book-shell{position:relative;width:100%;aspect-ratio:.66;perspective:850px;transform-style:preserve-3d;filter:drop-shadow(7px 10px 9px #253b2520);transition:filter .6s}
.editorial-book-pages{position:absolute;inset:3px 1px 3px 5px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:clamp(16px,2vw,28px) 12px 20px;background:linear-gradient(90deg,#d7d0bd 0 3%,#faf7ec 8%,#f0ebdc 94%,#d1c5ab 100%);color:#8b805d;text-align:center;border-radius:1px 5px 5px 1px;box-shadow:inset -3px 0 5px #685b3529,3px 3px 0 #ddd5c4;pointer-events:none}
.editorial-book-pages>span:first-child{font-size:5px;font-weight:650;letter-spacing:1.1px}
.editorial-book-pages>.ornament{width:50%;height:auto;max-height:27%;opacity:.24}
.editorial-book-page-title{max-width:92%;font:400 clamp(12px,1.1vw,17px)/1.1 var(--font-editorial);color:#706547;text-wrap:balance}
.editorial-book-page-rule{width:40%;height:1px;background:var(--gold);opacity:.7}
.editorial-book-leaf{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,.7,.18,1)}
.editorial-book-cover{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;width:100%;height:100%;min-width:0;padding:clamp(16px,2vw,28px) clamp(10px,1.25vw,18px) clamp(15px,1.8vw,24px);background:#275b4d;color:#e6e5ca;text-align:center;border-radius:2px 5px 5px 2px;box-shadow:inset 5px 0 3px #0002,inset 7px 0 1px #ffffff17,4px 5px 0 #d6d9c966,7px 10px 17px #253b2520;backface-visibility:hidden}
.editorial-book-cover.photo{padding:0}
.editorial-book-cover-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px 5px 5px 2px}
.editorial-book-cover.photo:after{display:none}
.editorial-book-inside{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(16px,2vw,28px) 14px 22px;background:linear-gradient(90deg,#e0d7c5,#faf6eb 12%,#f2ecdc 96%);border:1px solid #d5c9ac;border-radius:5px 1px 1px 5px;box-shadow:inset -7px 0 12px #6b5b3324,8px 12px 20px #253b2530;color:#857958;text-align:center;transform:rotateY(180deg);backface-visibility:hidden;pointer-events:none}
.editorial-book-inside>span:first-child,.editorial-book-inside>span:last-child{font-size:5px;letter-spacing:1.1px;font-weight:650}
.editorial-book-inside>.ornament{width:58%;height:auto;max-height:35%;opacity:.24}
.editorial-book-inside-rule{width:42%;height:1px;background:var(--gold);opacity:.7}
.editorial-book-cover:after{content:'';position:absolute;inset:12px 11px 12px 15px;border:1px solid currentColor;opacity:.2;pointer-events:none}
.editorial-book-cover .book-publisher{font-size:5px;letter-spacing:1.3px;font-weight:600}
.editorial-book-cover>.ornament{width:57px;height:57px;margin:18px 0 11px;opacity:.65}
.editorial-book-cover h3{font:400 clamp(22px,2.1vw,34px)/1.05 var(--font-editorial);letter-spacing:-.02em;margin:auto 0}
.editorial-book-cover .book-subtitle{font-size:5px;line-height:1.7;letter-spacing:.7px;margin:16px 0 18px}
.editorial-book-cover .book-edition{font-size:4px;letter-spacing:1px;opacity:.7}
.editorial-book-cover.sand{background:#e1d2b8;color:#655a42}.editorial-book-cover.forest{background:#365b43;color:#e5d59e}.editorial-book-cover.ivory{background:#e8eadd;color:#617357}.editorial-book-cover.midnight{background:#243d3b;color:#cfbf89}.editorial-book-cover.clay{background:#dfd2c8;color:#745f4e}
.books-grid .book-link{display:contents}
@media(hover:hover){.books-grid .book-item:hover{position:relative;z-index:2}.books-grid .book-item:hover .editorial-book-leaf{transform:rotateY(-58deg)}.books-grid .book-item:hover .editorial-book-shell{filter:drop-shadow(13px 18px 13px #253b2538)}}
.books-grid .book-item:focus-visible{position:relative;z-index:2}
.books-grid .book-item:focus-visible .editorial-book-leaf{transform:rotateY(-58deg)}
.books-grid .book-item:focus-visible .editorial-book-shell{filter:drop-shadow(13px 18px 13px #253b2538)}
@media(prefers-reduced-motion:reduce){.books-grid .book-item:hover .editorial-book-leaf,.books-grid .book-item:focus-visible .editorial-book-leaf{transform:none}.books-grid .book-item:hover .editorial-book-shell,.books-grid .book-item:focus-visible .editorial-book-shell{filter:drop-shadow(7px 10px 9px #253b2520)}}
.books-grid .book-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;color:#637069;font-size:var(--font-caption)}
.books-grid .book-meta>.icon{width:17px;height:17px;color:var(--gold);transition:transform .2s}
.books-grid .book-item:hover .book-meta>.icon{transform:translateX(4px)}
.community-section{background:#ebeee6;border-block:1px solid #dfe4d9;padding:clamp(56px,5.5vw,86px) 0}
.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,6.5vw,100px);align-items:center}
.education-card{position:relative;min-width:0;overflow:hidden}
.education-card>.eyebrow{display:flex}
.education-card>.icon{display:block;width:37px;height:37px;margin:25px 0 18px;color:#759477;stroke-width:1}
.education-card h2{position:relative;z-index:1}
.education-card>p{position:relative;z-index:1;max-width:440px;margin:21px 0 27px;font-size:15px;line-height:1.65;color:#637069}
.education-card>.button{position:relative;z-index:1;font-size:var(--font-caption);padding:11px 18px}
.education-card>.button>.icon{width:17px;height:17px}
.education-card>.ornament{position:absolute;width:235px;height:235px;right:-45px;top:95px;color:#b6c5af;opacity:.24;pointer-events:none}
.activities-card{min-width:0}
.activities-card .section-heading{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:11px}
.activities-card .section-heading h2{font-size:clamp(30px,3.2vw,46px)}
.activities-card .section-heading>.icon{width:24px;height:24px;color:#779477}
.activities-card>.sample-label{display:block;margin-bottom:16px}
.activity{display:flex;align-items:flex-start;gap:16px;padding:18px 0 20px;border-top:1px solid #cdd8cb}
.activity-date-symbol{flex:none;display:flex;width:42px;min-height:52px;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid #b9cbb8;background:#f4f6f1;color:#69876c}
.activity-date-symbol>.icon{width:20px;height:20px;stroke-width:1.2}
.activity-date-symbol>small{font-size:var(--font-caption);font-weight:700;letter-spacing:.12em}
.activity>div{min-width:0}
.activity h3{font:650 14px/1.4 Manrope,Arial,sans-serif}
.activity p{font-size:var(--font-caption);line-height:1.5;color:#637069;margin-top:5px}
.activity-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 0;padding-top:11px;border-top:1px solid #d8dfd4}
.activity-details>div{min-width:0}
.activity-details dt{margin-bottom:3px;font-size:var(--font-caption);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8b7449}
.activity-details dd{margin:0;font-size:var(--font-caption);line-height:1.35;color:#667169}
.activity .circle-arrow{flex:none;margin-left:auto;margin-top:9px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #b7c9b6;border-radius:50%;font-size:18px;transition:background .2s,transform .2s}
.activity:hover .circle-arrow{background:#d9e4d7;transform:rotate(8deg)}
.activities-card>.text-link{display:flex;align-items:center;gap:12px;padding-top:17px;border-top:1px solid #cdd8cb;font-size:var(--font-caption);font-weight:650;color:var(--green)}
.activities-card>.text-link>.icon{width:17px;height:17px;transition:transform .2s}
.activities-card>.text-link:hover>.icon{transform:translateX(4px)}
@media(max-width:900px){
  .books-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
  .community-grid{gap:42px}
  .education-card h2{font-size:49px}
  .activities-card .section-heading h2{font-size:32px}
  .activity-details{grid-template-columns:1fr 1fr}.activity-details>div:last-child{grid-column:1/-1}
}
@media(max-width:650px){
  .publications-section{padding:48px 0 56px}
  .publications-section .section-heading{display:block;margin-bottom:20px}
  .publications-section .section-heading h2{font-size:44px;margin:16px 0 12px}
  .publications-section .section-note{font-size:var(--font-small)}
  .books-toolbar{display:block;min-height:0;margin-bottom:24px}
  .book-filters{gap:16px}
  .book-filters button{font-size:var(--font-caption);min-height:42px;padding:9px 0 12px}
  .books-toolbar>.sample-label{display:block;margin:8px 0 11px}
  .books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}
  .community-section{padding:55px 0}
  .community-grid{grid-template-columns:1fr;gap:43px}
  .education-card h2{font-size:52px}
  .education-card>p{font-size:14px}
  .activities-card .section-heading h2{font-size:33px}
  .activity-details{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-details>div:last-child{grid-column:auto}
}

/* YouTube library: editorial framing, real thumbnails, and click-to-load playback. */
.videos-section{position:relative;overflow:hidden;background:#fbf9f5;color:var(--ink);padding:clamp(72px,7vw,112px) 0 clamp(48px,4vw,68px)}
.videos-section::before,.videos-section::after{content:"";position:absolute;width:300px;height:300px;background:url('/images/pattern.svg') center/150px repeat;opacity:.12;pointer-events:none}
.videos-section::before{top:-115px;right:-92px;transform:rotate(14deg)}
.videos-section::after{bottom:-145px;left:-80px;transform:rotate(-12deg)}
.videos-inner{position:relative;z-index:1}
.videos-heading{text-align:center;max-width:920px;margin:0 auto clamp(30px,3vw,46px)}
.videos-heading .eyebrow{display:block;color:#9e7740;font-size:var(--font-small);font-weight:650;letter-spacing:.27em}
.videos-heading h2{font:400 clamp(48px,5.5vw,84px)/1.04 var(--font-editorial);letter-spacing:-.025em;margin:13px 0 0}
.videos-heading h2 em{font-weight:400;color:var(--green)}
.videos-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.video-filters{display:flex;flex-wrap:wrap;gap:9px}
.video-filters[hidden],.video-card[hidden]{display:none}
.video-filters button{min-height:39px;padding:8px 16px;border:1px solid #dcd8ce;border-radius:999px;background:#fff8;color:#34544d;font:600 var(--font-caption)/1.2 Manrope,Arial,sans-serif;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}
.video-filters button:hover{border-color:#ad9364;transform:translateY(-2px)}
.video-filters button[aria-pressed="true"]{background:var(--deep);border-color:var(--deep);color:#fff}
.video-filters button:focus-visible,.video-card:focus-visible,.video-dialog-close:focus-visible,.video-dialog-caption a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.videos-count{font-size:var(--font-caption);color:#6b786e;white-space:nowrap}
.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.7vw,24px)}
.video-grid.is-single .video-card:not([hidden]){grid-column:span 2}
.video-card{position:relative;display:block;min-width:0;aspect-ratio:1.22;overflow:hidden;border-radius:9px;background:#123b32;color:#fff;box-shadow:0 8px 22px #09271d13;isolation:isolate}
.video-card--featured{grid-column:span 2;aspect-ratio:1.7}
.video-card::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,transparent 55%,#061915b8 100%);pointer-events:none}
.video-card img{width:100%;height:100%;object-fit:cover;transform:scale(1.005);transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .5s}
.video-card:hover img,.video-card:focus-visible img{transform:scale(1.065);filter:saturate(1.08)}
.video-card-category{position:absolute;z-index:1;left:20px;top:20px;padding:7px 11px;border-radius:4px;background:#054738e8;font-size:var(--font-caption);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.video-card-play{position:absolute;z-index:1;left:50%;top:46%;display:grid;place-items:center;width:58px;height:58px;border:1.5px solid #fff;border-radius:50%;background:#083e37bc;box-shadow:0 12px 30px #001e1866;transform:translate(-50%,-50%);transition:transform .3s,background .3s}
.video-card-play span{width:0;height:0;margin-left:4px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #fff}
.video-card:hover .video-card-play,.video-card:focus-visible .video-card-play{transform:translate(-50%,-50%) scale(1.12);background:#036c55}
.video-card-copy{position:absolute;z-index:1;left:20px;right:20px;bottom:19px;display:grid;gap:8px;text-shadow:0 1px 12px #061915ae}
.video-card-copy strong{font:600 clamp(15px,1.6vw,23px)/1.32 Manrope,Arial,sans-serif;text-wrap:balance}
.video-card-copy small{font-size:var(--font-caption);color:#e5ebe5;line-height:1.4}
.video-card-copy small span{margin-left:5px;color:#e5c995}
.video-card:not(.video-card--featured) .video-card-category{left:13px;top:13px;font-size:var(--font-caption)}
.video-card:not(.video-card--featured) .video-card-copy{left:14px;right:14px;bottom:14px}
.video-card:not(.video-card--featured) .video-card-copy strong{font-size:var(--font-small)}
.video-card:not(.video-card--featured) .video-card-play{width:42px;height:42px}
.video-card:not(.video-card--featured) .video-card-play span{border-top-width:7px;border-bottom-width:7px;border-left-width:11px}
.videos-footnote{text-align:center;margin-top:23px;font-size:var(--font-caption);color:#788078}
.videos-empty{display:grid;grid-template-columns:1fr 34%;min-height:330px;overflow:hidden;border-radius:10px;background:var(--deep);color:#fff}
.videos-empty>div{align-self:center;padding:45px clamp(30px,5vw,75px)}
.videos-empty>div>span{font-size:var(--font-caption);font-weight:700;letter-spacing:.18em;color:#d5bd84}
.videos-empty h3{font:400 clamp(36px,4vw,60px)/1.05 var(--font-editorial);margin:14px 0}
.videos-empty h3 em{color:#d6bd84}
.videos-empty p{font-size:var(--font-small);line-height:1.65;color:#dbe6df}
.videos-empty img{width:100%;height:100%;object-fit:cover;object-position:center 23%;mask-image:linear-gradient(90deg,transparent,#000 30%)}
.video-dialog{width:min(940px,calc(100vw - 32px));padding:0;border:1px solid #e0c895;border-radius:10px;background:#09291f;color:#fff;overflow:hidden}
.video-dialog::backdrop{background:#001b16de;backdrop-filter:blur(8px)}
.video-dialog-close{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff9c;border-radius:50%;background:#062d27dd;color:#fff;font-size:16px;cursor:pointer}
.video-dialog-frame{aspect-ratio:16/9;background:#071a17}
.video-dialog-frame iframe{display:block;width:100%;height:100%;border:0}
.video-dialog-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px}
.video-dialog-caption strong{font-size:14px;line-height:1.45}
.video-dialog-caption a{flex:none;color:#e5c995;font-size:var(--font-caption);font-weight:700}
@media(max-width:900px){.videos-heading h2{font-size:clamp(46px,6vw,68px)}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-card--featured{grid-column:span 1;aspect-ratio:1.3}.video-card{aspect-ratio:1.15}.video-card-copy strong{font-size:16px}.video-card-category{left:14px;top:14px}}
@media(max-width:600px){.videos-section{padding:60px 0 44px}.videos-heading{margin-bottom:27px}.videos-heading h2{font-size:clamp(43px,11vw,60px)}.videos-toolbar{align-items:flex-start;display:block}.video-filters{gap:7px}.video-filters button{min-height:36px;padding:7px 11px;font-size:var(--font-caption)}.videos-count{display:block;margin-top:11px}.video-grid{grid-template-columns:1fr;gap:15px}.video-card,.video-card--featured,.video-grid.is-single .video-card:not([hidden]){grid-column:auto;aspect-ratio:1.45}.video-card-copy strong{font-size:17px}.video-dialog-caption{display:block;padding:15px 18px}.video-dialog-caption a{display:inline-block;margin-top:10px}.videos-empty{grid-template-columns:1fr;min-height:0}.videos-empty>div{padding:34px}.videos-empty img{display:none}}
@media(prefers-reduced-motion:reduce){.video-card img,.video-card-play,.video-filters button{transition:none}.video-card:hover img,.video-card:focus-visible img{transform:none}.video-card:hover .video-card-play,.video-card:focus-visible .video-card-play{transform:translate(-50%,-50%)}}

/* Give the header symbol a little more breathing room without changing the footer identity. */
.brand-lockup{display:block;width:100%;height:auto;object-fit:contain}

/* Keep the header on one compositor layer while its solid surface fades in. */
.site-header,.site-header.is-scrolled{position:fixed;background:linear-gradient(180deg,rgba(0,39,34,.75),transparent);box-shadow:none;backdrop-filter:none;transition:none;isolation:isolate}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--deep);box-shadow:0 2px 15px #0002;opacity:0;transition:opacity .32s ease}
.site-header.is-scrolled::before{opacity:1}
@media(prefers-reduced-motion:reduce){.site-header::before{transition:none}}

/* Navigation: clear hover targets, a calm dropdown reveal, and generous mobile taps. */
.desktop-nav{gap:clamp(13px,1.45vw,23px);font-size:clamp(9.5px,.72vw,11px);font-weight:650;letter-spacing:.07em}
.desktop-nav>a,.desktop-nav .nav-dropdown>summary{position:relative;display:flex;align-items:center;min-height:calc(61 * var(--s));padding:0;color:#f6f4ee;transition:color .2s ease}
.desktop-nav>a::after,.desktop-nav .nav-dropdown>summary::before{content:"";position:absolute;left:0;right:0;bottom:calc(9 * var(--s));height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.desktop-nav>a:hover::after,.desktop-nav>a:focus-visible::after,.desktop-nav .nav-dropdown:hover>summary::before,.desktop-nav .nav-dropdown[open]>summary::before,.desktop-nav .nav-dropdown>summary:focus-visible::before{transform:scaleX(1)}
.desktop-nav>a:hover,.desktop-nav>a:focus-visible,.desktop-nav .nav-dropdown:hover>summary,.desktop-nav .nav-dropdown[open]>summary{color:#e8c681}
.desktop-nav .nav-dropdown>summary::after{content:"";display:block;width:5px;height:5px;margin:-3px 0 0 7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}
.desktop-nav .nav-dropdown[open]>summary::after{transform:translateY(3px) rotate(225deg)}
.desktop-nav .nav-dropdown-panel{left:50%;top:100%;width:258px;min-width:0;padding:17px 12px 12px;border:1px solid rgba(198,160,91,.3);border-top:2px solid var(--gold);border-radius:0 0 12px 12px;background:var(--deep);box-shadow:0 18px 38px rgba(0,20,17,.27);transform:translateX(-50%);animation:nav-panel-in .2s ease both}
.nav-panel-label{display:block;padding:0 10px 11px;color:#d1ad6e;font-size:var(--font-caption);letter-spacing:.19em;text-transform:uppercase}
.desktop-nav .nav-dropdown-panel a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;white-space:normal;overflow-wrap:anywhere;gap:12px;padding:11px 10px;border-radius:6px;color:#f4f1e9;font-size:var(--font-nav-dropdown);font-weight:550;line-height:1.4;transition:background .18s,color .18s,padding-left .18s}
.desktop-nav .nav-dropdown-panel a+a{border-top:1px solid rgba(255,255,255,.08)}
.desktop-nav .nav-dropdown-panel a::after{content:"→";color:#d1ad6e;font-size:15px;font-weight:400}
.desktop-nav .nav-dropdown-panel a:hover,.desktop-nav .nav-dropdown-panel a:focus-visible{padding-left:15px;background:rgba(198,160,91,.12);color:#f2cc87}
.header-actions>.icon-button{border:1px solid rgba(243,224,181,.34);transition:background .2s,border-color .2s}
.header-actions>.icon-button:hover{border-color:var(--gold);background:rgba(198,160,91,.18)}
.header-contact{border-color:var(--gold);border-radius:999px;background:rgba(198,160,91,.12);font-weight:700;letter-spacing:.06em;transition:background .2s,color .2s,box-shadow .2s}
.header-contact:hover{box-shadow:0 5px 18px rgba(0,0,0,.16)}
@keyframes nav-panel-in{from{opacity:0}to{opacity:1}}
@media(max-width:900px){
  .site-header{height:76px}
  .mobile-menu>summary{border:1px solid rgba(243,224,181,.32);border-radius:9px;transition:background .2s,border-color .2s}
  .mobile-menu>summary:hover,.mobile-menu[open]>summary{background:rgba(198,160,91,.14);border-color:var(--gold)}
  .mobile-menu nav{top:76px;left:4%;right:4%;display:block;max-height:calc(100dvh - 88px);overflow-y:auto;padding:12px 17px 17px;border:1px solid rgba(198,160,91,.32);border-top:2px solid var(--gold);border-radius:0 0 14px 14px;background:var(--deep);box-shadow:0 20px 36px rgba(0,20,17,.3)}
  .mobile-menu nav>a,.mobile-submenu>summary{display:flex;align-items:center;justify-content:space-between;min-height:43px;padding:10px 5px;border-bottom:1px solid rgba(255,255,255,.11);color:#f4f1e9;font-size:var(--font-small);font-weight:650;letter-spacing:.015em}
  .mobile-menu nav>a:hover,.mobile-submenu>summary:hover{color:#e8c681}
  .mobile-submenu>summary{list-style:none;cursor:pointer}
  .mobile-submenu>summary::-webkit-details-marker{display:none}
  .mobile-submenu>summary::after{content:"";width:7px;height:7px;margin-right:5px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(45deg);transition:transform .2s}
  .mobile-submenu[open]>summary::after{transform:rotate(225deg)}
  .mobile-submenu>div{display:grid;gap:1px;padding:6px 0 10px 15px;border-bottom:1px solid rgba(255,255,255,.11)}
  .mobile-submenu>div>a{display:block;padding:9px 8px;border-left:2px solid rgba(198,160,91,.5);color:#deded3;font-size:var(--font-small)}
  .mobile-submenu>div>a:hover,.mobile-submenu>div>a:focus-visible{background:rgba(198,160,91,.12);color:#f2cc87}
}
@media(prefers-reduced-motion:reduce){.desktop-nav .nav-dropdown-panel{animation:none}.desktop-nav>a::after,.desktop-nav .nav-dropdown>summary::before,.mobile-submenu>summary::after{transition:none}}
.brand-mark{object-fit:contain}
.site-header .brand{width:calc(170 * var(--s))}
.site-header .brand-mark{width:calc(33 * var(--s));height:calc(45 * var(--s))}
.site-header .brand-name{transform:translateY(calc(3 * var(--s)))}
@media(max-width:900px){.site-header .brand{width:173px}.site-header .brand-mark{width:35px;height:47px}}
@media(max-width:560px){.site-header .brand{width:161px}.site-header .brand-mark{width:30px;height:41px}}

/* Carry the open spread into the publication page, then close it in place. */
.book-transition{position:fixed;inset:0;z-index:100;overflow:hidden;background:rgba(251,249,245,0);perspective:1400px}
.book-transition--arrival{background:#fbf9f5}
.book-transition-stage{position:fixed;transform-style:preserve-3d;will-change:left,top,width,height}
.book-transition-stage .editorial-book-shell{height:100%;filter:drop-shadow(12px 20px 18px #253b2540)}
.book-transition-stage .editorial-book-leaf{transition:none}
[data-book-arriving="true"] .site-header,[data-book-arriving="true"] .reading-page,[data-book-arriving="true"] .site-footer{visibility:hidden}
.publication-detail .editorial-book-shell{width:220px;max-width:100%}
.publication-detail .editorial-book-leaf{transform:rotateY(-24deg)}
@media(max-width:560px){.publication-detail .editorial-book-shell{width:160px;margin-bottom:36px}}

/* Four service destinations form an even two-by-two grid below desktop. */
@media(max-width:900px){
  .services-strip{grid-template-columns:repeat(2,1fr)}
  .services-strip>a{grid-column:auto;border-right:1px solid var(--line);border-bottom:0}
  .services-strip>a:nth-child(2n){border-right:0}
  .services-strip>a:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .services-strip>a:last-child{grid-column:auto;justify-content:flex-start;border-right:0;border-bottom:0;padding-right:12px}
}

/* Institutional profile: editorial storytelling built from the site's existing tokens. */
.muftinia-page{background:var(--paper);color:var(--ink)}
.about-hero{position:relative;min-height:min(780px,88svh);overflow:hidden;background:var(--deep);color:#fff}
.about-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.78) contrast(1.03)}
.about-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#022c25f2 0%,#033a30c7 42%,#032d2570 70%,#021e19b8 100%),linear-gradient(0deg,#022a23dc 0%,transparent 45%,#011c1870 100%)}
.about-hero-inner{position:relative;z-index:1;min-height:min(780px,88svh);padding-top:clamp(130px,14vh,185px);padding-bottom:clamp(80px,10vh,125px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.55fr);grid-template-rows:auto 1fr;gap:clamp(35px,6vw,90px)}
.about-breadcrumb{grid-column:1/-1;display:flex;align-items:center;gap:12px;color:#eee7d8bd;font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.11em}
.about-breadcrumb a:hover{color:#e2c280}
.about-hero-copy{align-self:end;max-width:850px}
.about-hero-copy>.eyebrow{color:#e2c280}
.about-hero-copy h1{margin:20px 0 28px;font:400 clamp(58px,7.2vw,112px)/.91 var(--font-editorial);letter-spacing:-.045em;text-wrap:balance}
.about-hero-copy h1 em{font-weight:400;color:#e2c280}
.about-hero-copy p{max-width:650px;font-size:clamp(15px,1.3vw,20px);line-height:1.7;color:#e9eeeabf}
.about-hero-facts{align-self:end;margin:0;border-block:1px solid #ffffff38}
.about-hero-facts>div{display:grid;grid-template-columns:95px 1fr;gap:18px;padding:22px 2px;border-bottom:1px solid #ffffff24}
.about-hero-facts>div:last-child{border-bottom:0}
.about-hero-facts dt{font-size:var(--font-caption);letter-spacing:.13em;text-transform:uppercase;color:#e2c280}
.about-hero-facts dd{margin:0;font:400 18px/1.35 var(--font-editorial)}
.about-scroll{position:absolute;z-index:1;right:2.5%;bottom:33px;display:flex;align-items:center;gap:12px;font-size:var(--font-caption);letter-spacing:.15em;text-transform:uppercase;color:#ffffffa6;writing-mode:vertical-rl}
.about-scroll i{display:block;width:1px;height:42px;background:#e2c280}
.about-purpose{padding:clamp(75px,8vw,125px) 0}
.about-section-heading{display:grid;grid-template-columns:1fr minmax(280px,.55fr);gap:30px 70px;align-items:end;margin-bottom:clamp(45px,5vw,75px)}
.about-section-heading>.eyebrow{grid-column:1/-1;color:var(--green)}
.about-section-heading h2{font:400 clamp(48px,5vw,78px)/1 var(--font-editorial);letter-spacing:-.035em}
.about-section-heading h2 em,.about-history-intro h2 em{font-weight:400;color:#789478}
.about-section-heading>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:440px}
.purpose-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fff}
.purpose-card{position:relative;padding:clamp(40px,5vw,75px);min-height:460px;overflow:hidden}
.purpose-card+ .purpose-card{border-left:1px solid var(--line)}
.purpose-card--mission{background:var(--deep);color:#fff}
.purpose-index{position:absolute;right:28px;top:24px;font:italic 16px/1 var(--font-editorial);color:var(--gold)}
.purpose-card>.icon{width:42px;height:42px;margin-bottom:48px;color:var(--gold);stroke-width:1}
.purpose-card h3{font:400 clamp(38px,4vw,58px)/1 var(--font-editorial);margin-bottom:28px}
.purpose-card p{max-width:560px;font-size:14px;line-height:1.85;color:#58675f;margin-top:15px}
.purpose-card--mission p{color:#d6e1dbbd}
.about-values{background:#eee9de;border-block:1px solid #e0d8c8}
.about-values-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.about-values-grid>div{position:relative;min-height:230px;padding:42px 35px;border-right:1px solid #d9cfbd}
.about-values-grid>div:last-child{border-right:0}
.about-values-grid .about-value-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:31px;border:1px solid #bca36f80;border-radius:50%;background:#f7f3e9;color:#8a7449}
.about-value-icon>.icon{width:24px;height:24px;stroke-width:1.15}
.about-values-grid strong{display:block;font:400 29px/1 var(--font-editorial);margin-bottom:14px}
.about-values-grid p{font-size:var(--font-caption);line-height:1.65;color:#697169;max-width:210px}
.about-history{padding:clamp(80px,9vw,140px) 0;background:#f9f7f2}
.about-history-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(55px,8vw,130px);align-items:start}
.about-history-intro{position:sticky;top:105px}
.about-history-intro h2{font:400 clamp(48px,5vw,75px)/1.02 var(--font-editorial);letter-spacing:-.035em;margin:22px 0 26px}
.about-history-intro>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:470px}
.about-history-intro img{display:block;width:100%;height:260px;object-fit:cover;object-position:center 47%;margin-top:45px;filter:saturate(.75);border-radius:2px}
.history-timeline{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.history-timeline li{position:relative;display:grid;grid-template-columns:135px 1fr;gap:35px;padding:32px 0 35px;border-bottom:1px solid var(--line)}
.history-timeline li:before{content:"";position:absolute;left:126px;top:38px;width:7px;height:7px;border:1px solid #779477;border-radius:50%;background:#f9f7f2}
.history-timeline time{font:400 19px/1.25 var(--font-editorial);color:#8a744a}
.history-timeline h3{font:600 15px/1.4 Manrope,Arial,sans-serif;margin-bottom:8px;color:var(--green)}
.history-timeline p{font-size:var(--font-small);line-height:1.72;color:var(--muted);max-width:600px}
.about-mufti{padding:clamp(46px,5vw,72px) 0;background:#e8eee8}
.about-mufti-grid{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(42px,6vw,86px);align-items:center}
.about-mufti-photo{position:relative;width:100%;max-width:300px}
.about-mufti-photo:before{content:"";position:absolute;inset:-12px 22px 22px -12px;border:1px solid #b7975c;pointer-events:none}
.about-mufti-photo img{position:relative;display:block;width:100%;height:auto;aspect-ratio:.77;object-fit:cover;object-position:center 17%;filter:saturate(.9)}
.about-mufti-photo span{position:absolute;right:-1px;bottom:-1px;padding:10px 16px;background:var(--deep);color:#fff;font-size:var(--font-caption);letter-spacing:.12em;text-transform:uppercase}
.about-mufti-copy>.eyebrow{color:var(--green)}
.about-mufti-copy h2{font:400 clamp(39px,4.2vw,62px)/1 var(--font-editorial);letter-spacing:-.035em;margin:14px 0 18px}
.about-mufti-copy p{max-width:580px;font-size:14px;line-height:1.72;color:#5e6c64;margin-bottom:24px}
@media(max-width:900px){
  .about-hero,.about-hero-inner{min-height:720px}
  .about-hero-inner{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:32px;padding-top:125px}
  .about-hero-copy{align-self:end}.about-hero-facts{display:grid;grid-template-columns:repeat(3,1fr)}
  .about-hero-facts>div{display:block;padding:17px 14px;border-bottom:0;border-right:1px solid #ffffff24}.about-hero-facts>div:last-child{border-right:0}
  .about-hero-facts dt{margin-bottom:8px}.about-hero-facts dd{font-size:15px}.about-scroll{display:none}
  .about-section-heading{grid-template-columns:1fr}.about-section-heading>.eyebrow{grid-column:auto}.purpose-card{min-height:0}
  .about-values-grid{grid-template-columns:1fr 1fr}.about-values-grid>div:nth-child(2){border-right:0}.about-values-grid>div:nth-child(-n+2){border-bottom:1px solid #d9cfbd}
  .about-history-layout{grid-template-columns:1fr}.about-history-intro{position:static}.about-history-intro img{height:340px}
  .about-mufti-grid{grid-template-columns:minmax(210px,270px) 1fr;gap:45px}
}
@media(max-width:600px){
  .about-hero,.about-hero-inner{min-height:690px}.about-hero-image{object-position:57% center}.about-hero-inner{padding-top:112px;padding-bottom:42px}
  .about-hero-copy h1{font-size:clamp(52px,15vw,68px)}.about-hero-copy p{font-size:14px}.about-hero-facts{grid-template-columns:1fr 1fr}.about-hero-facts>div:nth-child(3){display:none}
  .about-purpose{padding:65px 0}.about-section-heading{margin-bottom:36px}.about-section-heading h2{font-size:45px}.about-section-heading>p{font-size:var(--font-small)}
  .purpose-grid{grid-template-columns:1fr}.purpose-card{padding:38px 28px}.purpose-card+ .purpose-card{border-left:0;border-top:1px solid var(--line)}.purpose-card>.icon{margin-bottom:32px}.purpose-card h3{font-size:42px}.purpose-card p{font-size:var(--font-small)}
  .about-values-grid{grid-template-columns:1fr}.about-values-grid>div{min-height:0;padding:28px 4px;border-right:0;border-bottom:1px solid #d9cfbd}.about-values-grid>div:last-child{border-bottom:0}.about-values-grid .about-value-icon{margin-bottom:16px}.about-values-grid p{max-width:none}
  .about-history{padding:68px 0}.about-history-intro h2{font-size:49px}.about-history-intro img{height:250px;margin-top:32px}.history-timeline li{grid-template-columns:1fr;gap:11px;padding:27px 0}.history-timeline li:before{display:none}.history-timeline time{font-size:17px}.history-timeline p{font-size:var(--font-small)}
  .about-mufti{padding:48px 0 52px}.about-mufti-grid{grid-template-columns:1fr;gap:38px}.about-mufti-photo{width:min(68%,230px);margin-left:12px}.about-mufti-copy h2{font-size:42px}.about-mufti-copy p{font-size:var(--font-small);margin-bottom:22px}
}

/* User-supplied institutional introduction, before the vision and mission. */
.about-overview{padding:clamp(48px,6vw,88px) 0;border-bottom:1px solid var(--line)}
.about-overview-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:clamp(30px,6vw,90px);align-items:start}
.about-overview header>.eyebrow{color:var(--green)}
.about-overview h2{font:400 clamp(32px,3.6vw,50px)/1.13 var(--font-editorial);letter-spacing:-.025em;margin-top:18px;color:var(--green);max-width:460px}
.about-overview-copy p,.about-overview-network p{font-size:var(--font-body);line-height:1.85;color:var(--muted)}
.about-overview-copy .about-overview-lead{font-size:clamp(18px,1.5vw,22px);line-height:1.65;color:var(--ink);margin-bottom:22px}
.about-overview-network{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(0,1.55fr);gap:32px;align-items:center;margin-top:40px;padding:clamp(24px,3vw,40px);background:var(--surface-muted);border:1px solid var(--line);border-radius:8px}
.about-overview-count{padding-right:24px;border-right:1px solid var(--line)}
.about-overview-count strong{display:block;font:400 clamp(50px,5vw,72px)/1 var(--font-editorial);color:var(--green)}
.about-overview-count span{display:block;font-size:var(--font-small);line-height:1.5;color:var(--muted);margin-top:10px;max-width:160px}
@media(max-width:900px){.about-overview-grid{grid-template-columns:1fr;gap:28px}.about-overview h2{max-width:700px}.about-overview-network{grid-template-columns:150px minmax(0,1fr);gap:24px}}
@media(max-width:600px){.about-overview-network{grid-template-columns:1fr;gap:20px;margin-top:28px}.about-overview-count{display:flex;gap:20px;align-items:center;padding:0 0 20px;border-right:0;border-bottom:1px solid var(--line)}.about-overview-count span{margin:0;max-width:180px}}

/* Mufti biography: portrait-led institutional profile. */
.biography-page{background:var(--paper);color:var(--ink)}
.biography-hero{position:relative;min-height:min(820px,94svh);overflow:hidden;background:linear-gradient(125deg,#032f27 0%,#064438 64%,#0d5847 100%);color:#fff}
.biography-hero:after{content:"";position:absolute;right:-12%;bottom:-48%;width:760px;height:760px;border:1px solid #d1b46d26;border-radius:50%;box-shadow:0 0 0 95px #d1b46d0a,0 0 0 190px #d1b46d08;pointer-events:none}
.biography-hero-pattern{position:absolute;inset:0;background:url('/images/pattern.svg') right -140px center/670px auto no-repeat;opacity:.09;mix-blend-mode:screen}
.biography-hero-grid{position:relative;z-index:1;min-height:min(820px,94svh);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.68fr);gap:clamp(55px,8vw,120px);align-items:end;padding-top:clamp(135px,16vh,185px);padding-bottom:clamp(70px,9vh,105px)}
.biography-hero-copy{padding-bottom:clamp(22px,4vh,50px)}
.biography-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:clamp(50px,8vh,90px);font-size:var(--font-caption);letter-spacing:.12em;text-transform:uppercase;color:#ffffff8f}
.biography-breadcrumb a:hover{color:var(--gold)}
.biography-hero-copy>.eyebrow{color:#dfc27d}
.biography-hero-copy h1{margin:20px 0 30px;font:400 clamp(66px,8vw,122px)/.88 var(--font-editorial);letter-spacing:-.05em;text-wrap:balance}
.biography-hero-copy h1 em{font-weight:400;color:#dfc27d}
.biography-hero-copy>p{max-width:690px;font-size:clamp(15px,1.35vw,19px);line-height:1.75;color:#e5eee9c7}
.biography-portrait{position:relative;width:min(100%,420px);margin:0 14px 0 0;justify-self:end}
.biography-portrait-frame{position:absolute;inset:-16px 28px 30px -16px;border:1px solid #dbbe7880}
.biography-portrait img{position:relative;width:100%;height:clamp(455px,58vh,620px);object-fit:cover;object-position:center 17%;filter:saturate(.88) contrast(1.02)}
.biography-portrait figcaption{position:absolute;left:-1px;right:-1px;bottom:-1px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;background:#021f1ae8;backdrop-filter:blur(7px);border-top:1px solid #d4b66c55}
.biography-portrait figcaption strong{font:400 17px/1.25 var(--font-editorial)}
.biography-portrait figcaption span{font-size:var(--font-caption);letter-spacing:.13em;text-transform:uppercase;color:#d9ba72;white-space:nowrap}
.biography-milestones{background:#eee8dc;border-bottom:1px solid #ded4c2}
.biography-milestones-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.biography-milestones-grid>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(12px,1.2vw,18px);align-items:center;min-height:128px;padding:27px clamp(14px,1.5vw,22px);border-right:1px solid var(--line)}
.biography-milestones-grid>div:last-child{border-right:0}
.biography-milestones strong{font:400 clamp(29px,3vw,42px)/1 var(--font-editorial);color:var(--green)}
.biography-milestones span{font-size:var(--font-caption);line-height:1.55;color:#657067;overflow-wrap:anywhere}
.biography-story{padding:clamp(82px,9vw,140px) 0;background:#faf8f3}
.biography-story-layout{display:grid;grid-template-columns:minmax(285px,.7fr) minmax(0,1.3fr);gap:clamp(60px,9vw,145px);align-items:start}
.biography-story-intro{position:sticky;top:110px}
.biography-story-intro>.eyebrow,.biography-section-heading>.eyebrow,.biography-profile-copy>.eyebrow{color:var(--green)}
.biography-story-intro h2,.biography-section-heading h2,.biography-profile-copy h2{font:400 clamp(50px,5.3vw,80px)/.98 var(--font-editorial);letter-spacing:-.04em;margin:21px 0 26px}
.biography-story-intro h2 em,.biography-section-heading h2 em,.biography-profile-copy h2 em{font-weight:400;color:#789478}
.biography-story-intro>p{max-width:430px;font-size:14px;line-height:1.8;color:var(--muted)}
.biography-story-intro .biography-story-note{position:relative;max-width:420px;margin:48px 0 0;padding:28px 0 0 31px;border-top:1px solid var(--line);font:italic 18px/1.65 var(--font-editorial);color:#6c765e}
.biography-story-note:before{content:'◆';position:absolute;left:0;top:32px;font:var(--font-caption)/1 var(--font-editorial);color:#b69350}
.biography-chapters{border-top:1px solid var(--line)}
.biography-chapters article{display:grid;grid-template-columns:54px 1fr;gap:28px;padding:39px 0 43px;border-bottom:1px solid var(--line)}
.biography-chapter-number{padding-top:6px;font:italic 13px/1 var(--font-editorial);color:#a98a4f}
.biography-period{font-size:var(--font-caption)!important;letter-spacing:.13em;text-transform:uppercase;color:#9b7f4b!important;margin:0 0 9px!important}
.biography-chapters h3{font:400 clamp(29px,3vw,42px)/1.12 var(--font-editorial);color:var(--green);margin-bottom:18px}
.biography-chapters p{max-width:680px;font-size:var(--font-small);line-height:1.82;color:#616c65;margin:0 0 12px}
.biography-chapters p:last-child{margin-bottom:0}
.biography-academic{padding:clamp(82px,9vw,135px) 0;background:#ece7dc}
.biography-section-heading{display:grid;grid-template-columns:1.05fr .65fr;gap:20px clamp(40px,8vw,120px);align-items:end;margin-bottom:clamp(45px,6vw,80px)}
.biography-section-heading>.eyebrow{grid-column:1/-1}
.biography-section-heading h2{margin:0}
.biography-section-heading>p{max-width:480px;font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:8px}
.biography-works-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.biography-works-card{min-height:470px;padding:clamp(34px,4vw,58px);background:#f8f5ee;border:1px solid #d9d0c0}
.biography-works-card--dark{background:var(--deep);border-color:var(--deep);color:#fff}
.biography-works-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:46px;border:1px solid #b695555c;border-radius:50%;color:#a98748}
.biography-works-icon>.icon{width:25px;height:25px}
.biography-works-card h3{font:400 clamp(31px,3.3vw,48px)/1 var(--font-editorial);margin-bottom:32px}
.biography-works-card ol{list-style:none;margin:0;padding:0;border-top:1px solid #cfc4b0}
.biography-works-card--dark ol{border-color:#ffffff26}
.biography-works-card li{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #d8cebd}
.biography-works-card--dark li{border-color:#ffffff1f}
.biography-works-card li span{font:italic 13px/1.5 var(--font-editorial);color:#9b7e47}
.biography-works-card li strong{font-size:var(--font-small);line-height:1.65;font-weight:550;color:#4f5d55}
.biography-works-card--dark li strong{color:#e4ebe6}
.biography-profile{position:relative;padding:clamp(78px,9vw,135px) 0;background:#e4ece5;overflow:hidden}
.biography-profile:before{content:"";position:absolute;inset:0;background:url('/images/pattern-light.svg') left -170px center/610px auto no-repeat;opacity:.7}
.biography-profile-grid{display:grid;grid-template-columns:1fr .85fr;gap:clamp(55px,9vw,140px);align-items:center}
.biography-profile-copy,.biography-verse{position:relative}
.biography-profile-copy h2{margin-bottom:26px}
.biography-profile-copy>p{max-width:610px;font-size:14px;line-height:1.85;color:#5e6b63}
.biography-verse{margin:0;padding:clamp(40px,5vw,66px);background:var(--deep);color:#fff;box-shadow:18px 22px 0 #c5d2c7}
.biography-verse>span{display:block;font:40px/1 var(--font-editorial);color:#d8b66e;margin-bottom:25px}
.biography-verse>p{font:400 clamp(24px,2.7vw,38px)/1.75 Georgia,'Times New Roman',serif;color:#f1eee4}
.biography-verse footer{margin-top:27px;padding-top:24px;border-top:1px solid #ffffff2e;font:italic 14px/1.7 var(--font-editorial);color:#d8b66e}
@media(max-width:900px){
  .biography-hero,.biography-hero-grid{min-height:740px}.biography-hero-grid{grid-template-columns:1fr minmax(245px,.55fr);gap:42px;padding-top:130px;padding-bottom:70px}.biography-hero-copy h1{font-size:72px}.biography-breadcrumb{margin-bottom:55px}.biography-portrait{max-width:300px}.biography-portrait img{height:440px}.biography-portrait figcaption{display:block}.biography-portrait figcaption strong,.biography-portrait figcaption span{display:block}.biography-portrait figcaption span{margin-top:4px}

  .biography-story-layout{grid-template-columns:1fr;gap:55px}.biography-story-intro{position:static}.biography-story-intro .biography-story-note{max-width:560px;margin-top:32px}
  .biography-section-heading{grid-template-columns:1fr}.biography-section-heading>.eyebrow{grid-column:auto}.biography-works-card{min-height:0}
  .biography-profile-grid{grid-template-columns:1fr}.biography-profile-copy>p{max-width:700px}.biography-verse{max-width:720px}
}
@media(max-width:600px){
  .biography-hero,.biography-hero-grid{min-height:0}.biography-hero-grid{grid-template-columns:1fr;padding-top:110px;padding-bottom:56px;gap:45px}.biography-hero-copy{padding:0}.biography-breadcrumb{margin-bottom:42px}.biography-hero-copy h1{font-size:clamp(55px,16vw,70px);margin:17px 0 24px}.biography-hero-copy>p{font-size:14px}.biography-portrait{width:min(84%,300px);justify-self:start;margin-left:12px}.biography-portrait img{height:auto;aspect-ratio:.72}.biography-portrait-frame{inset:-11px 20px 24px -11px}.biography-portrait figcaption{padding:13px 15px}.biography-portrait figcaption strong{font-size:15px}
  .biography-milestones-grid{grid-template-columns:1fr}.biography-milestones-grid>div{border-right:0;min-height:105px;padding:22px 13px;gap:12px}.biography-milestones strong{font-size:26px}.biography-milestones span{font-size:var(--font-caption)}
  .biography-story{padding:68px 0}.biography-story-intro h2,.biography-section-heading h2,.biography-profile-copy h2{font-size:48px}.biography-story-intro>p,.biography-section-heading>p,.biography-profile-copy>p{font-size:var(--font-small)}.biography-story-intro .biography-story-note{font-size:16px}.biography-chapters article{grid-template-columns:36px 1fr;gap:12px;padding:31px 0 34px}.biography-chapters h3{font-size:31px}.biography-chapters p{font-size:var(--font-small)}
  .biography-academic{padding:68px 0}.biography-section-heading{margin-bottom:38px}.biography-works-grid{grid-template-columns:1fr}.biography-works-card{padding:34px 25px}.biography-works-icon{margin-bottom:31px}.biography-works-card h3{font-size:36px}.biography-works-card li{grid-template-columns:43px 1fr;gap:13px}.biography-works-card li strong{font-size:var(--font-caption)}
  .biography-profile{padding:68px 0}.biography-profile-grid{gap:40px}.biography-verse{padding:34px 27px;box-shadow:10px 13px 0 #c5d2c7}.biography-verse>p{font-size:23px}.biography-verse footer{font-size:var(--font-small)}
}

/* Muftiny staff: institutional hierarchy without unverified portraits. */
.staff-page{background:var(--paper);color:var(--ink)}
.staff-hero{position:relative;min-height:min(700px,84svh);overflow:hidden;background:linear-gradient(115deg,#032f27 0%,#064638 66%,#0b5645 100%);color:#fff}
.staff-hero:after{content:"";position:absolute;right:-130px;bottom:-310px;width:710px;height:710px;border:1px solid #d2b56e2b;border-radius:50%;box-shadow:0 0 0 95px #d2b56e0a,0 0 0 190px #d2b56e08}
.staff-hero-pattern{position:absolute;inset:0;background:url('/images/pattern.svg') right -180px center/720px auto no-repeat;opacity:.08;mix-blend-mode:screen}
.staff-hero-inner{position:relative;z-index:1;min-height:min(700px,84svh);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.58fr);grid-template-rows:auto 1fr;gap:30px clamp(60px,9vw,145px);padding-top:clamp(130px,15vh,175px);padding-bottom:clamp(75px,9vh,105px)}
.staff-breadcrumb{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:var(--font-caption);letter-spacing:.12em;text-transform:uppercase;color:#ffffff8f}
.staff-breadcrumb a:hover{color:var(--gold)}
.staff-hero-copy{align-self:end}
.staff-hero-copy>.eyebrow{color:#ddc079}
.staff-hero-copy h1{margin:20px 0 28px;font:400 clamp(70px,8.4vw,128px)/.88 var(--font-editorial);letter-spacing:-.05em}
.staff-hero-copy h1 em{font-weight:400;color:#ddc079}
.staff-hero-copy>p{max-width:670px;font-size:clamp(15px,1.25vw,19px);line-height:1.75;color:#e2ebe6c5}
.staff-hero-facts{align-self:end;margin:0;border-block:1px solid #ffffff35}
.staff-hero-facts>div{display:grid;grid-template-columns:90px 1fr;gap:17px;padding:22px 0;border-bottom:1px solid #ffffff22}
.staff-hero-facts>div:last-child{border-bottom:0}
.staff-hero-facts dt{font-size:var(--font-caption);letter-spacing:.12em;text-transform:uppercase;color:#d9ba72}
.staff-hero-facts dd{margin:0;font:400 17px/1.4 var(--font-editorial)}
.staff-leadership{padding:clamp(46px,5vw,68px) 0;background:#faf8f3}
.staff-section-heading{display:grid;grid-template-columns:1fr minmax(270px,.55fr);gap:18px 55px;align-items:end;margin-bottom:clamp(26px,3vw,38px)}
.staff-section-heading>.eyebrow,.staff-list-heading .eyebrow,.staff-closing .eyebrow{grid-column:1/-1;color:var(--green)}
.staff-section-heading h2,.staff-closing h2{font:400 clamp(51px,5.4vw,82px)/.98 var(--font-editorial);letter-spacing:-.04em}
.staff-section-heading h2{font-size:clamp(40px,4.1vw,58px)}
.staff-section-heading h2 em,.staff-closing h2 em{font-weight:400;color:#789478}
.staff-section-heading>p{max-width:440px;font-size:14px;line-height:1.8;color:var(--muted)}
.staff-leader-card{position:relative;display:grid;grid-template-columns:minmax(220px,270px) 1fr;min-height:350px;background:#e5ece6;border:1px solid #d2ddd4;overflow:hidden}
.staff-leader-photo{position:relative;min-height:0;overflow:hidden}
.staff-leader-photo img{width:100%;height:100%;object-fit:cover;object-position:center 17%;filter:saturate(.9)}
.staff-leader-photo>span{position:absolute;right:0;bottom:0;padding:11px 17px;background:var(--deep);color:#fff;font-size:var(--font-caption);letter-spacing:.12em;text-transform:uppercase}
.staff-leader-copy{position:relative;z-index:1;align-self:center;padding:clamp(30px,4vw,50px)}
.staff-role{display:block;font-size:var(--font-caption);letter-spacing:.14em;color:#8b7449;margin-bottom:17px}
.staff-leader-copy h3{font:400 clamp(38px,4.1vw,54px)/.96 var(--font-editorial);letter-spacing:-.04em;color:var(--green)}
.staff-leader-copy>p{margin:15px 0 24px;font:italic 18px/1.4 var(--font-editorial);color:#788078}
.staff-leader-mark{position:absolute;right:-45px;bottom:-65px;width:230px;height:230px;color:#527c6820}
.staff-leader-mark>.icon{width:100%;height:100%;stroke-width:.55}
.staff-cabinet{padding:clamp(75px,8vw,115px) 0;background:#e9e3d7}
.staff-list-heading{display:grid;grid-template-columns:1fr minmax(260px,.55fr);gap:24px 70px;align-items:end;margin-bottom:clamp(38px,5vw,62px)}
.staff-list-heading>div>.eyebrow{display:block;margin-bottom:18px}
.staff-list-heading h2{font:400 clamp(42px,4.6vw,68px)/1 var(--font-editorial);letter-spacing:-.035em}
.staff-list-heading>p{max-width:440px;font-size:var(--font-small);line-height:1.78;color:var(--muted)}
.staff-cabinet-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.staff-feature-card{display:grid;grid-template-columns:minmax(190px,42%) 1fr;align-items:stretch;min-height:470px;background:var(--deep);color:#fff;border:1px solid var(--deep);overflow:hidden}
.staff-feature-card--gold{background:#f7f3ea;color:var(--ink);border-color:#d8cdbb}
.staff-feature-photo{min-height:0;overflow:hidden;background:#d9ddd7}
.staff-feature-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.9);transition:transform .65s cubic-bezier(.2,.75,.25,1)}
.staff-feature-card:hover .staff-feature-photo img{transform:scale(1.035)}
.staff-feature-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(32px,4vw,55px)}
.staff-feature-card h3{font:400 clamp(29px,3.2vw,43px)/1.08 var(--font-editorial);margin-bottom:13px}
.staff-feature-card p{font-size:var(--font-caption);letter-spacing:.08em;text-transform:uppercase;color:#d9e1dccc}
.staff-feature-card--gold p{color:#6b746c}
.staff-team{padding:clamp(82px,9vw,135px) 0;background:#faf8f3}
.staff-team-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.staff-card{display:block;min-height:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;overflow:hidden;transition:background .3s,transform .3s,box-shadow .3s}
.staff-card:hover{position:relative;z-index:1;background:#f1eee5;transform:translateY(-5px);box-shadow:0 18px 34px #203b2f12}
.staff-card-photo{aspect-ratio:.79;overflow:hidden;background:#e6eae5}
.staff-card-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.88);transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .35s}
.staff-card:hover .staff-card-photo img{transform:scale(1.045);filter:saturate(1)}
.staff-card-photo img[src*="sami-esati"]{object-fit:contain;padding:12%;background:#edf0ed}
.staff-card-copy{min-height:142px;padding:25px 24px 28px}
.staff-card h3{font:400 clamp(25px,2.3vw,34px)/1.08 var(--font-editorial);color:var(--green);margin-bottom:12px}
.staff-card p{font-size:var(--font-caption);line-height:1.6;text-transform:uppercase;letter-spacing:.055em;color:#7b817b}
.staff-closing{position:relative;padding:clamp(78px,8vw,120px) 0;background:#e4ece5;overflow:hidden}
.staff-closing:before{content:"";position:absolute;inset:0;background:url('/images/pattern-light.svg') right -160px center/620px auto no-repeat;opacity:.75}
.staff-closing-inner{display:grid;grid-template-columns:1fr minmax(300px,.72fr);gap:clamp(55px,9vw,140px);align-items:end}
.staff-closing-inner>div{position:relative}
.staff-closing h2{margin-top:21px}
.staff-closing-inner>div:last-child>p{max-width:520px;font-size:14px;line-height:1.85;color:#5e6b63}
.staff-closing-actions{display:flex;align-items:center;gap:29px;margin-top:30px}
.staff-text-link{font-size:var(--font-caption);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--green)}
.staff-text-link span{margin-left:6px;color:#9b7d43}
@media(max-width:1000px){.staff-team-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  .staff-hero,.staff-hero-inner{min-height:690px}.staff-hero-inner{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:34px;padding-top:125px}.staff-hero-copy h1{font-size:78px}.staff-hero-facts{display:grid;grid-template-columns:repeat(3,1fr)}.staff-hero-facts>div{display:block;padding:17px 14px;border-right:1px solid #ffffff22;border-bottom:0}.staff-hero-facts>div:last-child{border-right:0}.staff-hero-facts dt{margin-bottom:8px}.staff-hero-facts dd{font-size:15px}
  .staff-section-heading,.staff-list-heading,.staff-closing-inner{grid-template-columns:1fr}.staff-leader-card{grid-template-columns:minmax(210px,250px) 1fr;min-height:340px}.staff-leader-copy{padding:31px}.staff-leader-copy h3{font-size:45px}
  .staff-cabinet-grid{grid-template-columns:1fr}.staff-feature-card{grid-template-columns:minmax(240px,36%) 1fr;min-height:390px}
  .staff-team-grid{grid-template-columns:1fr 1fr}
  .staff-closing-inner{gap:38px}.staff-closing-inner>div:last-child>p{max-width:680px}
}
@media(max-width:600px){
  .staff-hero,.staff-hero-inner{min-height:660px}.staff-hero-inner{padding-top:108px;padding-bottom:48px}.staff-hero-copy h1{font-size:clamp(57px,17vw,72px);margin:17px 0 24px}.staff-hero-copy>p{font-size:14px}.staff-hero-facts>div{padding:14px 8px}.staff-hero-facts dd{font-size:var(--font-small)}.staff-hero-facts dt{font-size:var(--font-caption)}
  .staff-leadership{padding:40px 0 44px}.staff-section-heading{margin-bottom:22px}.staff-section-heading h2{font-size:38px}.staff-closing h2{font-size:48px}.staff-section-heading>p,.staff-list-heading>p,.staff-closing-inner>div:last-child>p{font-size:var(--font-small);line-height:1.65}.staff-leader-card{grid-template-columns:1fr;min-height:0}.staff-leader-photo{height:auto;aspect-ratio:4/5;max-height:400px}.staff-leader-photo img{object-position:center 20%}.staff-leader-copy{padding:24px 20px 27px}.staff-role{margin-bottom:12px}.staff-leader-copy h3{font-size:38px}.staff-leader-copy>p{font-size:15px;margin:11px 0 18px}.staff-leader-mark{width:115px;height:115px}
  .staff-cabinet,.staff-team{padding:66px 0}.staff-list-heading{margin-bottom:33px}.staff-list-heading h2{font-size:42px}.staff-feature-card{grid-template-columns:43% 1fr;min-height:270px}.staff-feature-copy{padding:24px 19px}.staff-feature-card h3{font-size:27px}
  .staff-team-grid{grid-template-columns:1fr 1fr}.staff-card-copy{min-height:132px;padding:19px 15px 22px}.staff-card h3{font-size:25px}.staff-card p{font-size:var(--font-caption)}
  .staff-closing{padding:68px 0}.staff-closing-actions{align-items:flex-start;flex-direction:column;gap:22px}
}
@media(prefers-reduced-motion:reduce){.staff-card,.staff-card-photo img,.staff-feature-photo img{transition:none}.staff-card:hover,.staff-card:hover .staff-card-photo img,.staff-feature-card:hover .staff-feature-photo img{transform:none}}

/* Dedicated publications library. */
.library-page{background:var(--paper)}
.library-hero{position:relative;overflow:hidden;color:#f7f5ed;background:radial-gradient(circle at 76% 30%,#1b5949 0,#0a4638 29%,transparent 61%),linear-gradient(125deg,#052d25,#073d31 61%,#0b4234)}
.library-hero::before{content:"";position:absolute;inset:0;background:url('/images/pattern.svg') center/160px repeat;opacity:.75;pointer-events:none}
.library-hero::after{content:"";position:absolute;width:min(54vw,740px);aspect-ratio:1;right:-13%;top:5%;border:1px solid #c9aa6a25;border-radius:50%;box-shadow:0 0 0 80px #c9aa6a08,0 0 0 160px #c9aa6a06;pointer-events:none}
.library-hero-inner{z-index:1;padding-top:clamp(125px,11vw,160px);padding-bottom:clamp(64px,6vw,94px)}
.library-breadcrumb{display:flex;align-items:center;gap:11px;color:#ead9b4;font-size:var(--font-caption);letter-spacing:.035em}
.library-breadcrumb a{color:#e4e7dd}.library-breadcrumb a:hover{color:#e8c681}
.library-breadcrumb>span:nth-child(2){opacity:.5}
.library-hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);align-items:center;gap:clamp(50px,7vw,110px);margin-top:35px}
.library-hero-copy{max-width:700px;animation:library-appear .85s ease both}
.library-kicker,.library-feature-label{display:block;color:#e0bd7d;font-size:var(--font-caption);font-weight:700;letter-spacing:.19em}
.library-hero h1{margin:24px 0 27px;font:400 clamp(70px,7.9vw,116px)/.94 var(--font-editorial);letter-spacing:-.035em;text-wrap:balance}
.library-hero h1 em{color:#d9bd83;font-weight:400}
.library-hero-copy>p{max-width:510px;color:#e0e7dc;font-size:15px;line-height:1.8}
.library-hero-action{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-width:210px;margin-top:36px;padding:14px 19px;border:1px solid #d3b270;border-radius:4px;color:#f8efd7;font-size:var(--font-caption);font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:background .2s,color .2s,transform .2s}
.library-hero-action span{font-size:19px;font-weight:400;line-height:1}
.library-hero-action:hover{background:var(--gold);color:var(--deep);transform:translateY(-2px)}
.library-feature{position:relative;justify-self:center;width:min(100%,320px);padding:24px 22px 10px;border-left:1px solid #e7d6ae38;animation:library-appear .95s .12s ease both}
.library-feature-label{margin-bottom:20px;font-size:var(--font-caption)}
.library-feature-link{display:block;color:#fff}
.library-feature-link:hover{color:#fff}
.library-feature-cover{width:min(76%,225px);margin:0 auto 24px;transform:rotate(-5deg);transition:transform .55s ease,filter .55s ease;filter:drop-shadow(18px 20px 18px #00171088)}
.library-feature-link:hover .library-feature-cover{transform:rotate(-2deg) translateY(-6px);filter:drop-shadow(19px 24px 22px #001710aa)}
.library-feature-caption{display:flex;align-items:end;justify-content:space-between;gap:15px;border-top:1px solid #e7d6ae38;padding-top:16px}
.library-feature-caption strong{font:400 31px/1 var(--font-editorial)}
.library-feature-caption>span{color:#e1c386;font-size:var(--font-caption);font-weight:700;text-transform:uppercase;white-space:nowrap}
@keyframes library-appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.library-catalog{position:relative;padding:clamp(70px,7vw,104px) 0 clamp(85px,8vw,120px);background:var(--paper) url('/images/pattern-light.svg') top right/80px repeat}
.library-catalog>.container{position:relative}
.library-catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}
.library-catalog-heading .eyebrow{color:var(--green);font-size:var(--font-caption);font-weight:700;letter-spacing:.14em}
.library-catalog-heading h2{margin-top:13px;font:400 clamp(52px,5.2vw,76px)/.98 var(--font-editorial);color:var(--deep);letter-spacing:-.03em}
.library-catalog-heading>p{padding-bottom:6px;color:#737f76;font-size:var(--font-small);white-space:nowrap}
.library-tools{padding:23px 25px 0;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 34px #2141330a}
.library-search{display:flex;align-items:center;gap:14px;height:54px;padding:0 7px 0 17px;border:1px solid #d9dfd7;border-radius:6px;background:#f8faf7}
.library-search>.icon{width:19px;height:19px;color:#4b6b59}
.library-search input[type=search]{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--deep);font-size:14px}
.library-search input[type=search]::placeholder{color:#879187}
.library-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #c6a05b24}
.library-search button{align-self:stretch;min-width:92px;padding:0 15px;border:0;border-radius:4px;background:var(--green);color:#fff;font-size:var(--font-caption);font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:background .2s}
.library-search button:hover{background:#105c49}
.library-search button span{margin-left:6px;color:#dfc185;font-size:15px}
.library-categories{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:18px}
.library-categories a{display:inline-flex;align-items:center;gap:9px;padding:14px 13px;border-bottom:2px solid transparent;color:#6e796f;font-size:var(--font-small);font-weight:650;white-space:nowrap;transition:color .2s,border-color .2s}
.library-categories a span{color:#9ba59b;font-size:var(--font-caption);font-weight:600}
.library-categories a:hover,.library-categories a.is-active{border-color:var(--gold);color:var(--green)}
.library-categories a.is-active span{color:#9c7739}
.library-preview-note{margin:23px 0 29px;padding-left:14px;border-left:2px solid var(--gold);color:#69736b;font-size:var(--font-small);line-height:1.7}
.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.library-grid .library-book-card{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid #e1e5dc;border-radius:10px;background:#fff;box-shadow:0 7px 20px #213c2c08;transition:transform .3s,box-shadow .3s,border-color .3s}
.library-grid .library-book-card:hover{transform:translateY(-5px);border-color:#c5d0bf;box-shadow:0 18px 36px #1b3f2a16}
.library-book-art{position:relative;display:flex;align-items:center;justify-content:center;height:305px;overflow:hidden;border-radius:6px;background:radial-gradient(circle at 50% 34%,#fff 0,#f5f1e8 49%,#e8e4d9 100%)}
.library-book-art .editorial-book-shell{width:174px;max-width:67%;filter:drop-shadow(11px 15px 10px #253b2538)}
.library-book-info{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:24px 4px 2px}
.library-book-category{color:#98783e;font-size:var(--font-caption);font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.library-book-info>strong{margin-top:10px;color:var(--deep);font:400 clamp(28px,2.5vw,36px)/1.08 var(--font-editorial);text-wrap:balance}
.library-book-subtitle{margin-top:8px;color:#758075;font-size:var(--font-caption);letter-spacing:.045em}
.library-book-link{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:24px;color:var(--green);font-size:var(--font-caption);font-weight:750;letter-spacing:.055em;text-transform:uppercase}
.library-book-link span{color:#a37b3f;font-size:18px;font-weight:400;transition:transform .2s}
.library-book-card:hover .library-book-link span{transform:translate(3px,-3px)}
.library-empty{padding:75px 25px;border:1px dashed #c3cfc0;border-radius:10px;background:#fff;text-align:center}
.library-empty h3{font:400 40px/1.1 var(--font-editorial);color:var(--deep)}
.library-empty p{margin:12px auto 23px;color:#68746b;font-size:var(--font-small)}
.library-empty a{color:var(--green);font-size:var(--font-caption);font-weight:750;text-transform:uppercase}
.library-all-link{display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;max-width:100%;margin:38px auto 0;padding:12px 20px;border:1px solid var(--gold);border-radius:4px;color:var(--green);font-size:var(--font-caption);font-weight:750;letter-spacing:.055em;text-transform:uppercase;transition:background .2s,color .2s}
.library-all-link .icon{width:16px;height:16px}
.library-all-link:hover{background:var(--green);color:#fff}
@media(max-width:900px){.library-hero-layout{grid-template-columns:minmax(0,1.1fr) minmax(210px,.7fr);gap:25px}.library-hero h1{font-size:clamp(62px,8vw,85px)}.library-feature{width:250px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.library-hero-inner{padding-top:112px;padding-bottom:55px}.library-hero-layout{grid-template-columns:1fr;gap:40px;margin-top:30px}.library-hero h1{font-size:clamp(58px,15vw,76px);margin:18px 0 23px}.library-hero-copy>p{font-size:var(--font-small)}.library-hero-action{margin-top:27px}.library-feature{justify-self:stretch;width:100%;padding:17px 0 0;border-left:0;border-top:1px solid #e7d6ae38}.library-feature-label{margin-bottom:14px}.library-feature-link{display:flex;align-items:center;gap:24px}.library-feature-cover{flex:none;width:100px;margin:0;transform:rotate(-4deg)}.library-feature-caption{display:block;flex:1;border:0;padding:0}.library-feature-caption strong{display:block;font-size:30px}.library-feature-caption>span{display:block;margin-top:8px}.library-catalog{padding:65px 0 82px}.library-catalog-heading{display:block;margin-bottom:23px}.library-catalog-heading h2{font-size:55px}.library-catalog-heading>p{margin-top:9px;font-size:var(--font-caption)}.library-tools{padding:14px 14px 0}.library-search{gap:8px;padding-left:11px}.library-search input[type=search]{font-size:var(--font-small)}.library-search button{min-width:65px;padding:0 8px;font-size:var(--font-caption)}.library-search button span{display:none}.library-categories{flex-wrap:nowrap;gap:0;margin-top:10px;overflow-x:auto;scrollbar-width:none}.library-categories::-webkit-scrollbar{display:none}.library-categories a{padding:14px 11px;font-size:var(--font-caption)}.library-preview-note{font-size:var(--font-caption)}.library-grid{grid-template-columns:1fr;gap:17px}.library-grid .library-book-card{padding:18px}.library-book-art{height:290px}.library-book-info{padding:19px 4px 2px}.library-book-info>strong{font-size:34px}}
@media(prefers-reduced-motion:reduce){.library-hero-copy,.library-feature{animation:none}.library-hero-action,.library-feature-cover,.library-grid .library-book-card,.library-book-link span{transition:none}.library-hero-action:hover,.library-feature-link:hover .library-feature-cover,.library-grid .library-book-card:hover,.library-book-card:hover .library-book-link span{transform:none}}

/* Mosque directory */
.mosques-page{background:var(--paper)}
.mosques-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(118deg,#052c26 6%,#0b4638 62%,#133d34 100%);color:#fff}
.mosques-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#052c26 0%,#07362ddc 38%,#07362d70 68%,#052c2652 100%)}
.mosques-hero-image{position:absolute;inset:0 0 0 44%;z-index:-2;overflow:hidden}
.mosques-hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 49%;filter:saturate(.76) brightness(.86);animation:mosques-image-appear 1.25s ease-out both}
.mosques-hero-inner{min-height:570px;padding-top:112px;padding-bottom:92px}
.mosques-breadcrumb{display:flex;align-items:center;gap:12px;color:#ffffffb7;font-size:var(--font-caption);letter-spacing:.04em;animation:library-appear .75s ease both}
.mosques-breadcrumb a:hover{color:var(--gold)}
.mosques-breadcrumb span:nth-child(2){color:var(--gold)}
.mosques-hero-copy{max-width:660px;margin-top:70px;animation:library-appear .9s .1s ease both}
.mosques-hero-copy .eyebrow{color:#d8b878;font-size:var(--font-caption);letter-spacing:.18em}
.mosques-hero h1{margin:19px 0 22px;color:#fff;font:400 clamp(64px,7.5vw,112px)/.91 var(--font-editorial);letter-spacing:-.045em}
.mosques-hero h1 em{color:#e7c98d;font-weight:400}
.mosques-hero-copy>p{max-width:490px;color:#e5eee8;font-size:14px;line-height:1.8}
.mosques-hero-action{display:inline-flex;align-items:center;gap:22px;margin-top:28px;padding:13px 0;border-bottom:1px solid #d5b978;color:#f8e9c9;font-size:var(--font-caption);font-weight:750;letter-spacing:.06em;text-transform:uppercase;transition:gap .2s,color .2s}
.mosques-hero-action:hover{gap:30px;color:#fff}
.mosques-hero-action span{font-size:20px;font-weight:400;line-height:1}
.mosques-hero-count{position:absolute;right:0;bottom:72px;display:flex;flex-direction:column;align-items:flex-end;padding:12px 0 12px 28px;border-left:1px solid #d9c28b8c;text-align:right;text-shadow:0 2px 15px #092c27;animation:library-appear .95s .2s ease both}
.mosques-hero-count strong{font:400 clamp(67px,6vw,95px)/.85 var(--font-editorial)}
.mosques-hero-count span{margin-top:14px;color:#e6ce9d;font-size:var(--font-caption);font-weight:750;letter-spacing:.13em}
.mosques-photo-caption{position:absolute;right:0;bottom:24px;color:#e4e6dfb8;font-size:var(--font-caption);letter-spacing:.04em;animation:library-appear .95s .35s ease both}
@keyframes mosques-image-appear{from{opacity:.55;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
.mosques-intro{border-bottom:1px solid #dedfd3;background:#f0eee7}
.mosques-intro-inner{display:flex;align-items:center;gap:23px;min-height:110px}
.mosques-intro-icon{display:grid;place-items:center;flex:none;width:50px;height:50px;border:1px solid #c7ae75;border-radius:50%;color:var(--green)}
.mosques-intro-icon .icon{width:25px;height:25px}
.mosques-intro p{max-width:620px;color:var(--deep);font:400 clamp(19px,2.1vw,25px)/1.3 var(--font-editorial)}
.mosques-intro a{margin-left:auto;border-bottom:1px solid #b99a63;padding:8px 0;color:var(--green);font-size:var(--font-caption);font-weight:750;white-space:nowrap}
.mosques-intro a span{margin-left:9px;color:#a47d3a}
.mosques-directory{padding:clamp(65px,7vw,100px) 0 105px;background:var(--paper) url('/images/pattern-light.svg') top right/92px repeat}
.mosques-directory-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}
.mosques-directory-heading .eyebrow{color:#a37c3e;font-size:var(--font-caption);letter-spacing:.15em}
.mosques-directory-heading h2{margin-top:10px;color:var(--deep);font:400 clamp(48px,5.5vw,76px)/.98 var(--font-editorial);letter-spacing:-.035em}
.mosques-directory-heading h2 em{color:var(--green);font-weight:400}
.mosques-directory-heading>p{max-width:310px;padding-bottom:5px;color:#67756a;font-size:var(--font-small);line-height:1.75}
.mosques-controls{padding:22px 24px 15px;border:1px solid #e0e2d9;border-radius:10px;background:#fff;box-shadow:0 12px 35px #1f463008}
.mosques-search{display:flex;align-items:center;gap:13px;min-height:58px;padding-left:17px;border:1px solid #ccd4ca;border-radius:5px;background:#fbfcf9}
.mosques-search>.icon{width:21px;height:21px;color:var(--green)}
.mosques-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--deep);font-size:14px}
.mosques-search input::placeholder{color:#879489}
.mosques-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #c6a05b24}
.mosques-search button{align-self:stretch;min-width:95px;border:0;border-radius:0 4px 4px 0;background:var(--green);color:#fff;font-size:var(--font-caption);font-weight:750;text-transform:uppercase}
.mosques-search button:hover{background:#105b49}
.mosques-search button span{margin-left:8px;color:#e7c98d;font-size:17px}
.mosques-letters{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px}
.mosques-letters a{display:grid;place-items:center;min-width:36px;height:35px;padding:0 9px;border-radius:3px;color:#6b776c;font-size:var(--font-small);font-weight:700;transition:background .2s,color .2s}
.mosques-letters a:first-child{padding:0 14px}
.mosques-letters a:hover,.mosques-letters a.is-active{background:var(--green);color:#fff}
.mosques-results{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:31px 0 18px}
.mosques-results p{color:#718074;font-size:var(--font-small)}
.mosques-results strong{margin-right:4px;color:var(--deep);font:400 29px/1 var(--font-editorial)}
.mosques-results a{border-bottom:1px solid #b99a63;padding-bottom:5px;color:var(--green);font-size:var(--font-caption);font-weight:700}
.mosques-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px}
.mosques-group{min-width:0;padding:24px 24px 14px;border:1px solid #e0e5dc;border-radius:7px;background:#fff;box-shadow:0 8px 28px #1e3d2908}
.mosques-group-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:17px;border-bottom:1px solid #e8e9e2}
.mosques-group-heading>span{color:var(--green);font:400 46px/.9 var(--font-editorial)}
.mosques-group-heading small{color:#a17e48;font-size:var(--font-caption);font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.mosques-group ul{margin:10px 0 0;padding:0;list-style:none}
.mosques-group li{display:flex;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px solid #f0f1eb;color:#273e33;font-size:var(--font-small);line-height:1.55}
.mosques-group li:last-child{border-bottom:0}
.mosques-list-mark{display:block;flex:none;width:7px;height:7px;border:1px solid #ad8b54;border-radius:50%}
.mosques-empty{padding:70px 25px;border:1px dashed #bdc9bb;border-radius:8px;background:#fff;text-align:center}
.mosques-empty>.icon{width:33px;height:33px;margin:0 auto 18px;color:var(--green)}
.mosques-empty h3{color:var(--deep);font:400 40px/1 var(--font-editorial)}
.mosques-empty p{margin:12px 0 21px;color:#68766a;font-size:var(--font-small)}
.mosques-empty a{color:var(--green);font-size:var(--font-caption);font-weight:750;text-transform:uppercase}
@media(max-width:950px){.mosques-hero-inner{min-height:540px}.mosques-hero h1{font-size:clamp(65px,8.5vw,85px)}.mosques-hero-count{bottom:34px}.mosques-photo-caption{display:none}.mosques-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.mosques-hero-image{inset:0 0 0 20%}.mosques-hero::after{background:linear-gradient(90deg,#052c26ee,#07362dcb 55%,#052c2680)}.mosques-hero-inner{min-height:620px;padding-top:112px;padding-bottom:105px}.mosques-hero-copy{margin-top:57px}.mosques-hero h1{font-size:clamp(58px,12vw,78px)}.mosques-hero-copy>p{font-size:var(--font-small)}.mosques-hero-count{right:auto;left:0;bottom:28px;align-items:flex-start;padding:5px 0 5px 18px;text-align:left}.mosques-hero-count strong{font-size:56px}.mosques-hero-count span{margin-top:7px;font-size:var(--font-caption)}.mosques-intro-inner{align-items:flex-start;flex-wrap:wrap;gap:13px;padding-top:23px;padding-bottom:24px}.mosques-intro-icon{width:40px;height:40px}.mosques-intro p{flex:1;min-width:calc(100% - 60px);font-size:20px}.mosques-intro a{margin-left:53px}.mosques-directory{padding:58px 0 75px}.mosques-directory-heading{display:block;margin-bottom:26px}.mosques-directory-heading h2{font-size:clamp(47px,10vw,65px)}.mosques-directory-heading>p{margin-top:16px}.mosques-controls{padding:14px}.mosques-search{gap:8px;padding-left:11px}.mosques-search input{font-size:var(--font-small)}.mosques-search button{min-width:72px;font-size:var(--font-caption)}.mosques-search button span{display:none}.mosques-letters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.mosques-letters::-webkit-scrollbar{display:none}.mosques-letters a{flex:none}.mosques-groups{grid-template-columns:1fr}.mosques-group{padding:21px 20px 12px}}
@media(prefers-reduced-motion:reduce){.mosques-hero-image img,.mosques-breadcrumb,.mosques-hero-copy,.mosques-hero-count,.mosques-photo-caption{animation:none}.mosques-hero-action,.mosques-letters a{transition:none}}

/* Channel: editorial video library, using the shared public-site tokens. */
.channel-page{font-size:14px}
.channel-hero{position:relative;overflow:hidden;padding:125px 0 55px;background:radial-gradient(ellipse at 75% 20%,#245d4d66,transparent 65%),var(--deep);color:var(--paper)}
.channel-hero::before{content:"";position:absolute;inset:0;background:url('/images/pattern.svg') right top/430px repeat;opacity:.055;pointer-events:none}
.channel-hero>.container{position:relative}
.channel-breadcrumb{display:flex;gap:12px;font-size:var(--font-caption);color:#f4eee0a3}
.channel-hero-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:70px;margin-top:42px}
.channel-hero-copy{animation:library-appear .85s ease both}
.channel-hero .eyebrow{color:var(--gold);font-size:var(--font-caption);letter-spacing:.2em}
.channel-hero h1{font:400 clamp(58px,5.8vw,86px)/.98 var(--font-editorial),Georgia,serif;letter-spacing:-.025em;margin:21px 0}
.channel-hero h1 em{color:#dcc393;font-weight:400}
.channel-hero-copy p{max-width:390px;font-size:var(--font-small);line-height:1.85;color:#eee8ddbb}
.channel-browse{display:inline-flex;gap:45px;align-items:center;margin-top:29px;padding:12px 0;border-bottom:1px solid #c6a05b86;font-size:var(--font-caption);color:#f6eddc}
.channel-browse span{color:var(--gold);font-size:19px}
.channel-feature{animation:library-appear .95s .15s ease both;min-width:0}
.channel-feature-label{display:block;margin-bottom:13px;font-size:var(--font-caption);letter-spacing:.2em;color:#dac394}
.channel-feature-card.video-card{aspect-ratio:1.65;border-radius:7px;box-shadow:0 25px 50px #00191366}
.channel-feature-card.video-card .video-card-copy strong{font:400 30px/1.1 var(--font-editorial),Georgia,serif}
.channel-feature-card.video-card .video-card-play{width:58px;height:58px;top:44%}
.channel-feature-note{display:block;margin-top:15px;font-size:var(--font-caption);color:#eee8dd99}
.channel-archive{padding-top:58px;padding-bottom:58px;scroll-margin-top:85px}
.channel-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:27px}
.channel-heading .eyebrow,.channel-quran .eyebrow{font-size:var(--font-caption);letter-spacing:.18em;color:#91703b}
.channel-heading h2{font:400 clamp(43px,4.5vw,61px)/1.1 var(--font-editorial),Georgia,serif;margin-top:12px}
.channel-heading h2 em{font-weight:400;color:#477163}
.channel-heading p{font-size:var(--font-caption);color:var(--muted);line-height:1.8}
.channel-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:27px}
.channel-filters a{font-size:var(--font-caption);border:1px solid var(--line);border-radius:30px;padding:10px 19px;transition:color .2s,background .2s,border-color .2s}
.channel-filters a:hover{border-color:var(--green);color:var(--green)}
.channel-filters a.is-active{background:var(--green);color:var(--paper);border-color:var(--green)}
.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.channel-episode-image.video-card{aspect-ratio:16/9;border-radius:7px;box-shadow:none}
.channel-episode-image.video-card::after{background:linear-gradient(transparent 75%,#06191580)}
.channel-episode-image.video-card .video-card-play{width:56px;height:56px;top:50%}
.channel-watch{position:absolute;bottom:17px;right:20px;z-index:1;font-size:var(--font-caption);color:white}
.channel-watch span{margin-left:10px;color:#e5c995}
.channel-episode-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:19px 0 9px}
.channel-episode-meta>span{font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.1em;color:var(--green);font-weight:700}
.channel-episode-meta small{color:var(--muted);font-size:var(--font-caption)}
.channel-episode h3{font:400 clamp(23px,2.4vw,32px)/1.25 var(--font-editorial),Georgia,serif;max-width:470px}
.channel-quran-wrap{padding-bottom:65px}
.channel-quran{display:grid;grid-template-columns:.75fr 1fr;gap:70px;align-items:center;background:#eee9df;border-radius:9px;padding:42px 55px;overflow:hidden}
.channel-quran-art{position:relative;display:grid;place-items:center;align-content:center;gap:17px;min-height:260px;background:var(--green);color:#e2c88e;border-radius:110px 110px 4px 4px;max-width:285px;width:100%;justify-self:center;box-shadow:inset 0 0 0 12px #e2c88e0e,inset 0 0 0 13px #e2c88e26}
.channel-quran-art>.icon{width:49px;height:49px;stroke-width:1}
.channel-quran-art>span{text-align:center;font:400 30px/1.15 var(--font-editorial),Georgia,serif;letter-spacing:.06em}
.channel-quran-copy h2{font:400 clamp(35px,3.5vw,48px)/1.12 var(--font-editorial),Georgia,serif;margin-top:15px}
.channel-quran-copy h2 em{font-weight:400;color:#477163}
.channel-quran-copy p{max-width:415px;color:#6b7166;font-size:var(--font-small);line-height:1.8;margin:19px 0}
.channel-quran-copy>a{display:inline-flex;align-items:center;gap:28px;font-size:var(--font-caption);font-weight:600;color:var(--green);border-bottom:1px solid #c6a05b80;padding:8px 0}
.channel-home-link{display:inline-block;margin-left:15px;color:var(--green);font-weight:600}
@media(max-width:900px){.channel-hero-layout{gap:30px}.channel-hero h1{font-size:62px}.channel-quran{gap:35px;padding:35px}.channel-feature-card.video-card{aspect-ratio:1.3}.channel-heading h2{font-size:48px}}
@media(max-width:600px){.channel-hero{padding:100px 0 35px}.channel-hero-layout{grid-template-columns:1fr;gap:32px;margin-top:29px}.channel-hero h1{font-size:58px}.channel-hero-copy p{font-size:var(--font-small)}.channel-feature-card.video-card{aspect-ratio:1.75}.channel-feature-card.video-card .video-card-copy strong{font-size:27px}.channel-feature-note{font-size:var(--font-caption)}.channel-archive{padding-top:38px;padding-bottom:38px}.channel-heading{display:block}.channel-heading h2{font-size:45px}.channel-heading p{margin-top:16px}.channel-heading p br{display:none}.channel-grid{grid-template-columns:1fr;gap:30px}.channel-episode h3{font-size:27px}.channel-quran-wrap{padding-bottom:38px}.channel-quran{grid-template-columns:1fr;gap:25px;padding:28px}.channel-quran-art{min-height:180px;max-width:200px}.channel-quran-art>.icon{width:35px;height:35px}.channel-quran-art>span{font-size:25px}.channel-quran-copy h2{font-size:36px}.channel-home-link{display:block;margin:10px 0 0}}
.channel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.channel-controls .channel-filters{margin:0}
.channel-search{display:flex;align-items:center;border-bottom:1px solid var(--line);min-width:240px}
.channel-search input{width:100%;min-width:0;padding:11px 2px;background:transparent;border:0;font-size:var(--font-caption);color:var(--ink)}
.channel-search button{display:grid;place-items:center;width:40px;height:40px;background:transparent;border:0;color:var(--green)}
.channel-search .icon{width:18px;height:18px}
.channel-result-count{color:var(--muted);font-size:var(--font-caption);margin:14px 0 22px}
.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px}
.channel-episode h3{font-size:27px}
.channel-empty{padding:35px 0;font-size:var(--font-small)}.channel-empty h3{font:400 30px var(--font-editorial),Georgia,serif}.channel-empty p{margin:12px 0}.channel-empty a{color:var(--green);text-decoration:underline}
@media(max-width:900px){.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-controls{align-items:start;flex-direction:column}.channel-search{width:100%}}
@media(max-width:600px){.channel-grid{grid-template-columns:1fr}.channel-episode h3{font-size:27px}}

/* Quran: calm editorial hero and bilingual reading surface. */
.quran-page{font-size:14px}.quran-hero{background:radial-gradient(ellipse at 80% 30%,#25584a70,transparent 60%),var(--deep);color:var(--paper);padding:119px 0 48px;position:relative;overflow:hidden}.quran-hero::before{content:"";position:absolute;inset:0;background:url('/images/pattern.svg') center/400px;opacity:.045;pointer-events:none}.quran-hero-inner{position:relative}.quran-hero-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;margin-top:30px}.quran-hero-copy{animation:library-appear .9s ease both}.quran-hero .eyebrow{font-size:var(--font-caption);letter-spacing:.2em;color:var(--gold)}.quran-hero h1{font:400 clamp(65px,6.3vw,88px)/.98 var(--font-editorial);margin:19px 0 20px;letter-spacing:-.02em}.quran-hero h1 em{color:#dcc393;font-weight:400}.quran-hero-copy>p{max-width:435px;color:#e3e7dfb8;font-size:var(--font-small);line-height:1.85}.quran-hero-actions{display:flex;gap:28px;flex-wrap:wrap;margin-top:24px}.quran-hero-actions a{display:flex;gap:25px;align-items:center;border-bottom:1px solid #c6a05b66;padding:10px 0;font-size:var(--font-caption);color:var(--paper)}.quran-hero-actions a span{color:var(--gold)}
.quran-hero-art{display:grid;place-items:center;gap:24px;animation:library-appear .95s .15s ease both}.quran-book{position:relative;display:grid;place-items:center;align-content:center;gap:21px;width:220px;height:287px;border-radius:6px 13px 13px 6px;background:linear-gradient(110deg,#0b3027,#205043 55%,#143c30);box-shadow:-10px 9px 0 -4px #081f1c,5px 6px 0 #d9d0b6,8px 8px 0 #9a8e72,0 22px 50px #011c1780;transform:rotate(-7deg);border:1px solid #ae945955;color:#dec690}.quran-book::before{content:"";position:absolute;inset:17px;border:1px solid #c6a05b85;border-radius:80px 80px 6px 6px;pointer-events:none}.quran-book::after{content:"";position:absolute;left:7px;top:0;bottom:0;border-left:1px solid #d6b87340}.quran-book>.icon{width:40px;height:40px;stroke-width:1}.quran-book>span{font:32px/1.8 'Traditional Arabic','Times New Roman',serif}.quran-book>small{font-size:var(--font-caption);letter-spacing:.19em}.quran-book i{width:33px;height:33px;border:1px solid #b4986180;transform:rotate(45deg)}.quran-art-caption{font-size:var(--font-caption);color:#dce2d5aa}
.quran-reading{padding-top:52px;padding-bottom:45px;scroll-margin-top:95px}.quran-reading-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.quran-reading .eyebrow{font-size:var(--font-caption);letter-spacing:.17em;color:#96733e}.quran-reading-heading h2{font:400 clamp(42px,4vw,58px)/1.1 var(--font-editorial);margin-top:12px}.quran-reading-heading h2 em{color:#507b69;font-weight:400}.quran-reading-heading>p{font-size:var(--font-caption);line-height:1.85;color:var(--muted)}.quran-reading-heading>p strong{color:var(--green)}.quran-reading-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:30px;align-items:start}.quran-directory{position:sticky;top:104px;min-width:0}.quran-directory>details{background:#f1eee7;border:1px solid var(--line);border-radius:8px;overflow:hidden}.quran-directory summary{padding:19px 17px;cursor:pointer;display:flex;justify-content:space-between;font-size:var(--font-small);font-weight:600}.quran-directory summary>span{font-size:var(--font-caption);color:var(--muted)}.quran-directory summary::after{content:'⌄';margin-left:10px}.quran-surah-form{padding:0 17px 17px;display:grid;gap:9px}.quran-surah-form label{font-size:var(--font-caption);color:#6e776f}.quran-surah-form select{width:100%;min-width:0;background:var(--paper);color:var(--ink);border:1px solid #d8d2c5;border-radius:4px;padding:10px;font:12px Manrope,Arial,sans-serif}.quran-surah-form button{background:var(--green);color:var(--paper);border:0;border-radius:4px;padding:10px 13px;display:flex;justify-content:space-between;font-size:var(--font-caption)}.quran-surah-form select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.quran-surah-list{max-height:420px;overflow-y:auto;border-top:1px solid var(--line);scrollbar-width:thin;padding:6px}.quran-surah-list>a{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px;border-radius:5px}.quran-surah-list>a>span:first-child{font-size:var(--font-caption)}.quran-surah-list small{display:block;font-size:var(--font-caption);color:var(--muted);margin-top:3px}.quran-surah-list>a>span[lang=ar]{font:18px/1.6 'Traditional Arabic','Times New Roman',serif;color:#4a6657}.quran-surah-list>a[aria-current=page]{background:#e4e8dc;color:var(--green)}.quran-surah-list>a:hover{background:#e8e7dd}.quran-listen-link{display:flex;align-items:center;gap:12px;padding:17px 4px;font-size:var(--font-caption);color:var(--green)}.quran-listen-link .icon{width:27px;height:27px;color:#a88a50}.quran-listen-link small{display:block;font-size:var(--font-caption);margin-top:4px;color:#6f766b}
.quran-reader{background:#fffdf8;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}.quran-surah-heading{text-align:center;padding:29px 22px;background:linear-gradient(#f2eee4,#faf7f0)}.quran-surah-heading h3{font:400 42px/1.2 var(--font-editorial);margin:10px 0 6px}.quran-surah-heading>p{font:30px/1.8 'Traditional Arabic','Times New Roman',serif;color:var(--green)}.quran-surah-heading small{font-size:var(--font-caption);color:#7e7a6d}.quran-reader-status{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:13px 29px;border-block:1px solid var(--line);font-size:var(--font-caption);color:#79776d}.quran-verse{padding:24px 32px 27px;border-bottom:1px solid #e9e3d6;scroll-margin-top:110px}.quran-verse-label{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-caption);color:#8c754c}.quran-verse-label>a{display:grid;place-items:center;width:26px;height:26px;border:1px solid #e8decb;border-radius:50%;font-size:var(--font-small)}.quran-arabic{font:32px/2.3 'Traditional Arabic','Times New Roman',serif;color:#173d30;margin:13px 0 20px;text-align:right;overflow-wrap:break-word}.quran-translation{font-size:14px;line-height:1.95;color:#49564c;max-width:720px}.quran-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 29px;font-size:var(--font-caption)}.quran-pagination>span{color:var(--muted);font-size:var(--font-caption)}.quran-pagination>a{color:var(--green);font-weight:600}.quran-adjacent{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:22px 29px;background:#f6f3eb}.quran-adjacent>a{font:400 24px var(--font-editorial)}.quran-adjacent>a:last-child{text-align:right;margin-left:auto}.quran-adjacent small{display:block;font:8px Manrope,Arial,sans-serif;letter-spacing:.08em;color:#8b744f;margin-bottom:8px}.quran-attribution{font-size:var(--font-caption);line-height:1.85;color:var(--muted);margin:23px 0 0 315px}.quran-attribution>a{color:var(--green);text-decoration:underline}
@media(max-width:900px){.quran-reading-layout{grid-template-columns:240px minmax(0,1fr);gap:20px}.quran-verse{padding-inline:23px}.quran-attribution{margin-left:260px}.quran-hero-layout{gap:30px}.quran-hero h1{font-size:70px}.quran-reading-heading{display:block}.quran-reading-heading>p{margin-top:17px}}
@media(max-width:650px){.quran-hero{padding:100px 0 35px}.quran-hero-layout{grid-template-columns:1fr;gap:35px}.quran-hero h1{font-size:65px}.quran-book{width:150px;height:195px;gap:12px}.quran-book::before{inset:12px}.quran-book>.icon{width:27px;height:27px}.quran-book>span{font-size:24px}.quran-book>small{font-size:var(--font-caption)}.quran-book i{width:20px;height:20px}.quran-art-caption{font-size:var(--font-caption)}.quran-reading{padding-top:35px}.quran-reading-layout{grid-template-columns:1fr;gap:18px}.quran-directory{position:static}.quran-surah-list{max-height:185px}.quran-reading-heading h2{font-size:43px}.quran-verse{padding:21px 19px}.quran-arabic{font-size:29px;line-height:2.2}.quran-translation{font-size:var(--font-small)}.quran-reader-status{padding-inline:19px;font-size:var(--font-caption)}.quran-attribution{margin-left:0}.quran-pagination,.quran-adjacent{padding:20px 19px}.quran-adjacent>a{font-size:21px}}

/* Contact: clear institutional details within the shared editorial system. */
.contact-page{font-size:14px}.contact-hero{position:relative;overflow:hidden;padding:120px 0 54px;background:radial-gradient(ellipse at 80% 20%,#255c4e77,transparent 65%),var(--deep);color:var(--paper)}.contact-hero::before{content:"";position:absolute;inset:0;background:url('/images/pattern.svg') right center/430px;opacity:.04;pointer-events:none}.contact-hero>.container{position:relative}.contact-hero-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:75px;align-items:center;margin-top:39px}.contact-hero-copy{animation:library-appear .85s ease both}.contact-hero .eyebrow{font-size:var(--font-caption);letter-spacing:.18em;color:var(--gold)}.contact-hero h1{font:400 clamp(58px,5.7vw,82px)/1.03 var(--font-editorial);letter-spacing:-.025em;margin:20px 0}.contact-hero h1 em{color:#dcc393;font-weight:400}.contact-hero-copy>p{font-size:var(--font-small);line-height:1.85;color:#eee8ddbb}.contact-hero-action{display:inline-flex;align-items:center;gap:13px;padding:12px 18px;background:var(--gold);color:var(--deep);border-radius:4px;font-size:var(--font-caption);font-weight:600;margin-top:26px}.contact-hero-action .icon{width:17px;height:17px}.contact-hero-action>span{margin-left:20px}.contact-hero-action:hover{color:var(--deep);background:#dcc393}
.contact-hours{border:1px solid #c6a05b42;border-radius:8px;padding:28px 30px;background:#06362a75;animation:library-appear .95s .15s ease both}.contact-hours-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #c6a05b66;border-radius:50%;color:#dcc393;margin-bottom:17px}.contact-hours-icon .icon{width:23px;height:23px}.contact-hours h2{font:400 30px/1.2 var(--font-editorial);margin-bottom:19px}.contact-hours>p{font-size:var(--font-caption);color:#dfdfd0b8}.contact-hours>strong{display:block;font:400 40px/1.2 var(--font-editorial);letter-spacing:.025em;margin:6px 0 22px;color:#dcc393}.contact-hours-location{display:flex;gap:12px;align-items:start;border-top:1px solid #c6a05b33;padding-top:18px;font-size:var(--font-caption)}.contact-hours-location .icon{width:18px;height:18px;color:var(--gold);flex-shrink:0}.contact-hours-location small{display:block;font-size:var(--font-caption);margin-top:5px;color:#dfdfd099}.contact-hours>a{display:flex;justify-content:space-between;margin-top:20px;font-size:var(--font-caption);color:#d9c69f}
.contact-methods{--contact-detail-font-size:var(--font-small);padding-top:52px;padding-bottom:42px}.contact-section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.contact-page .contact-section-heading .eyebrow,.contact-visit .eyebrow{font-size:var(--font-caption);letter-spacing:.17em;color:#94723d}.contact-section-heading h2{font:400 clamp(43px,4.3vw,58px)/1.1 var(--font-editorial);margin-top:13px}.contact-section-heading h2 em,.contact-visit h2 em{font-weight:400;color:#507b69}.contact-section-heading>p{font-size:var(--font-caption);line-height:1.8;color:var(--muted)}.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.contact-card{min-width:0;padding:28px 25px 25px;background:#fffdf8;border:1px solid var(--line);border-radius:7px}.contact-card-icon{display:grid;place-items:center;width:42px;height:42px;background:#eff1e8;border-radius:50%;color:var(--green);margin-bottom:20px}.contact-card-icon .icon{width:22px;height:22px}.contact-card h3{font:400 29px/1.2 var(--font-editorial);margin-bottom:11px}.contact-card>p{font-size:var(--font-caption);line-height:1.85;color:#73786c;min-height:41px;max-width:260px}.contact-card-value{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:clamp(12px,1.3vw,16px);font-weight:600;letter-spacing:-.015em;margin-top:23px;padding-bottom:12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere;color:var(--green)}.contact-card-value>span{color:#a78b55;font-weight:400}.contact-card>small{display:block;margin-top:12px;font-size:var(--contact-detail-font-size);line-height:1.6;color:var(--muted)}.contact-secondary-email{margin-top:12px;padding-bottom:0;border-bottom:0}.contact-card--visit{background:#eeeae0}
.contact-visit{display:grid;grid-template-columns:.85fr 1.35fr;gap:40px;align-items:center;margin-bottom:40px;padding:31px;border:1px solid var(--line);border-radius:8px;background:#f1eee6}.contact-visit-copy{padding:5px 10px}.contact-visit h2{font:400 clamp(35px,3.4vw,47px)/1.13 var(--font-editorial);margin:15px 0 17px}.contact-visit-copy>p{font-size:var(--font-small);line-height:1.85;color:#71786c;max-width:330px}.contact-visit address{font-style:normal;display:flex;gap:13px;margin:24px 0;font-size:var(--font-small);color:var(--ink)}.contact-visit address .icon{width:21px;height:21px;color:#ad8d51;flex-shrink:0}.contact-visit address small{font-size:var(--font-caption);line-height:2;color:var(--muted)}.contact-visit .button{font-size:var(--font-caption);padding:12px 16px;gap:17px}.contact-visit-note{display:flex;gap:12px;margin-top:24px;font-size:var(--font-caption);color:#6c7566}.contact-visit-note .icon{width:20px;height:20px;color:#9b8050}.contact-visit-note small{display:block;margin-top:5px}.contact-map{position:relative;height:385px;border-radius:6px;overflow:hidden;background:#e3e7d9;min-width:0}.contact-map iframe{width:100%;height:100%;border:0;display:block}.contact-map-link{position:absolute;bottom:15px;left:15px;right:15px;display:flex;justify-content:space-between;gap:12px;padding:13px 17px;border-radius:4px;background:var(--paper);box-shadow:0 3px 15px #17362920;color:var(--green);font-size:var(--font-caption);font-weight:600}
.contact-help{display:flex;gap:20px;align-items:center;padding:24px 30px;border-block:1px solid var(--line);margin-bottom:55px}.contact-help-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#e9edde;color:var(--green)}.contact-help h2{font:400 29px/1.2 var(--font-editorial)}.contact-help p{font-size:var(--font-caption);color:var(--muted);margin-top:7px}.contact-help>a{margin-left:auto;display:flex;align-items:center;gap:25px;flex-shrink:0;color:var(--green);font-size:var(--font-caption);font-weight:600}
@media(max-width:900px){.contact-hero-layout{gap:30px;grid-template-columns:1.35fr 1fr}.contact-hero h1{font-size:59px}.contact-hours{padding:24px}.contact-cards{gap:12px}.contact-card{padding:22px 18px}.contact-card-value{font-size:var(--font-small)}.contact-visit{gap:20px;padding:24px}.contact-map{height:375px}.contact-help{padding-inline:15px}}
@media(max-width:650px){.contact-hero{padding:100px 0 35px}.contact-hero-layout{grid-template-columns:1fr;gap:30px;margin-top:29px}.contact-hero h1{font-size:clamp(47px,12vw,63px)}.contact-hero-copy>p{font-size:var(--font-small)}.contact-hero-copy>p br{display:none}.contact-hours{padding:23px}.contact-hours h2{font-size:28px}.contact-hours>strong{font-size:36px}.contact-methods{padding-top:35px;padding-bottom:28px}.contact-section-heading{display:block;margin-bottom:23px}.contact-section-heading h2{font-size:43px}.contact-section-heading>p{margin-top:17px}.contact-cards{grid-template-columns:1fr;gap:13px}.contact-card{padding:24px}.contact-card>p{min-height:0;max-width:none}.contact-card-icon{width:37px;height:37px;margin-bottom:15px}.contact-card-value{font-size:16px;margin-top:19px}.contact-visit{grid-template-columns:1fr;gap:25px;padding:21px;margin-bottom:30px}.contact-visit-copy{padding:3px}.contact-visit h2{font-size:38px}.contact-map{height:320px}.contact-map-link{font-size:var(--font-caption);padding:12px;inset:auto 10px 10px}.contact-help{flex-wrap:wrap;padding:22px 5px;gap:14px;margin-bottom:35px}.contact-help>div{flex:1;min-width:200px}.contact-help h2{font-size:26px}.contact-help>a{margin-left:56px}.contact-help p{line-height:1.7}}
/* Keep Google branding and attribution unobstructed inside the map. */
.contact-map{display:grid;grid-template-rows:minmax(0,1fr) auto}.contact-map iframe{min-height:0}.contact-map-link{position:static;inset:auto;border-radius:0;box-shadow:none;min-height:43px}
/* Editorial destinations: shared light surfaces and institutional green heroes. */
.editorial-page{background:var(--paper);color:var(--ink)}
.editorial-hero{padding:112px 0 52px;background:radial-gradient(ellipse at 90% 15%,#21584b 0,transparent 50%),var(--green);color:#fff;overflow:hidden}
.editorial-hero-row{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:32px}
.editorial-hero .eyebrow{color:var(--gold)}
.editorial-hero h1{font-family:var(--font-editorial);font-size:clamp(40px,4.8vw,72px);font-weight:400;line-height:1.05;letter-spacing:-.025em;margin:18px 0}
.editorial-hero h1 em{font-style:italic;color:#dbc69a}
.editorial-hero p{max-width:600px;color:#e1e9e4;line-height:1.7;font-size:15px}
.editorial-hero .button{margin-top:20px}
.editorial-seal{flex:0 0 170px;aspect-ratio:1;border:1px solid #d2b47755;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 20px #d2b47708,0 0 0 40px #d2b47705;margin:30px 45px}
.editorial-seal .icon{width:75px;height:75px;color:var(--gold);stroke-width:.75}
.editorial-body{padding-top:34px;padding-bottom:66px}
.editorial-notice{font-size:var(--font-small);color:var(--muted);line-height:1.6;margin-bottom:28px;padding-left:14px;border-left:2px solid var(--gold)}
.editorial-feature{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;padding-bottom:38px;border-bottom:1px solid var(--line)}
.editorial-feature-image{display:block;overflow:hidden;border-radius:5px}
.editorial-feature img{width:100%;height:320px;object-fit:cover;transition:transform .6s}
.editorial-feature-image:hover img{transform:scale(1.025)}
.editorial-feature h2{font-family:var(--font-editorial);font-size:clamp(30px,3vw,46px);line-height:1.13;font-weight:400;margin:18px 0}
.editorial-feature p,.editorial-news-card p,.editorial-path-grid p,.editorial-visit p,.guide-office p{font-size:14px;color:var(--muted);line-height:1.75}
.editorial-feature .text-link{margin-top:22px}
.editorial-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:38px 0 24px}
.editorial-section-heading h2,.editorial-visit h2,.activities-status h2,.guide-office h2,.guide-faq h2{font-family:var(--font-editorial);font-weight:400;font-size:clamp(30px,3vw,43px);line-height:1.15;margin:10px 0}
.editorial-section-heading>p{font-size:14px;color:var(--muted)}
.editorial-search{display:flex;border:1px solid var(--line);border-radius:4px;background:#fff;width:300px;max-width:100%}
.editorial-search input[type=search]{width:100%;min-width:0;background:transparent;border:0;padding:13px;font:inherit;font-size:var(--font-small);color:var(--ink)}
.editorial-search button{border:0;background:transparent;color:var(--green);padding:10px 14px;cursor:pointer}
.editorial-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:27px}
.editorial-filters a{font-size:var(--font-caption);padding:10px 17px;border:1px solid var(--line);border-radius:30px;transition:background .2s,color .2s}
.editorial-filters a:hover,.editorial-filters .is-active{background:var(--green);color:#fff;border-color:var(--green)}
.editorial-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px}
.editorial-news-card>a:first-child{display:block;overflow:hidden;border-radius:4px;margin-bottom:20px}
.editorial-news-card img{width:100%;height:210px;object-fit:cover;transition:transform .5s}
.editorial-news-card:hover img{transform:scale(1.025)}
.editorial-news-card h3{font-family:var(--font-editorial);font-weight:400;font-size:27px;line-height:1.2;margin:12px 0}
.editorial-news-card .text-link{font-size:var(--font-small);margin-top:16px}
.editorial-empty{text-align:center;padding:45px 20px;background:#fff;border:1px solid var(--line);border-radius:5px}
.editorial-empty>.icon{color:var(--gold);width:35px;height:35px;margin:auto}
.editorial-empty h3{font-family:var(--font-editorial);font-size:30px;font-weight:400;margin:15px 0}
.editorial-empty p{color:var(--muted);font-size:14px;margin-bottom:22px}
.activities-status{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;padding:30px}
.activities-status-icon{display:grid;place-items:center;width:65px;height:65px;background:#f4eddf;border-radius:50%;color:var(--green)}
.activities-status-icon>.icon{width:30px;height:30px}
.activities-status h2{font-size:32px}
.activities-status p{max-width:610px;color:var(--muted);font-size:var(--font-small);line-height:1.8}
.activities-status .button{white-space:nowrap}
.editorial-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.editorial-path-grid article{padding:30px;background:#fff;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;align-items:start;transition:box-shadow .3s,border-color .3s}
.editorial-path-grid article:hover{border-color:var(--gold);box-shadow:0 12px 28px #083d3010}
.editorial-path-grid article>.icon{height:36px;width:36px;color:var(--gold);margin-bottom:22px}
.editorial-path-grid h3{font-family:var(--font-editorial);font-size:29px;font-weight:400;line-height:1.15;margin-bottom:12px}
.editorial-path-grid p{margin:0 0 22px}
.editorial-path-grid a{margin-top:auto;font-size:var(--font-small);font-weight:600;display:flex;align-items:center;gap:12px;color:var(--green)}
.editorial-path-grid a>.icon{width:19px}
.editorial-visit{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:38px;background:#f0ebdf;border-radius:6px;overflow:hidden}
.editorial-visit img{width:100%;height:290px;object-fit:cover}
.editorial-visit>div{padding:25px 35px 25px 0}
.editorial-visit .text-link{margin-top:20px}
.guide-office{margin-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#ede8dc;border-radius:6px;padding:38px}
.guide-office dl{display:grid;gap:20px;margin:0}
.guide-office dl>div{display:grid;grid-template-columns:160px 1fr;gap:12px}
.guide-office dt{display:flex;align-items:start;gap:10px;font-size:var(--font-small);color:var(--green);font-weight:600}
.guide-office dt>.icon{width:18px;height:18px;flex-shrink:0}
.guide-office dd{font-size:var(--font-small);line-height:1.8;margin:0}
.guide-office dd a{text-decoration:underline;text-underline-offset:3px}
.guide-faq{max-width:820px;margin:48px auto 0}
.guide-faq h2{margin-bottom:25px}
.guide-faq details{border-bottom:1px solid var(--line);padding:19px 0}
.guide-faq summary{font-size:15px;font-weight:600;cursor:pointer}
.guide-faq details p{font-size:14px;color:var(--muted);line-height:1.8;margin:16px 0 0}
.guide-faq details a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.editorial-seal{flex-basis:125px;margin-right:20px}.editorial-seal>.icon{width:55px;height:55px}.editorial-feature{gap:28px}.editorial-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activities-status{grid-template-columns:auto 1fr}.activities-status>.button{grid-column:2;justify-self:start}.editorial-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-office{gap:25px;padding:28px}.guide-office dl>div{grid-template-columns:1fr;gap:5px}}
@media(max-width:600px){.editorial-hero{padding:100px 0 35px}.editorial-hero-row{padding-top:20px;gap:0}.editorial-seal{display:none}.editorial-hero h1{font-size:43px}.editorial-hero p{font-size:var(--font-small)}.editorial-body{padding-top:24px;padding-bottom:38px}.editorial-feature{grid-template-columns:1fr;gap:22px;padding-bottom:26px}.editorial-feature img{height:220px}.editorial-feature h2{font-size:33px}.editorial-section-heading{align-items:start;flex-direction:column;margin-top:28px}.editorial-search{width:100%}.editorial-news-grid{grid-template-columns:1fr;gap:30px}.editorial-news-card img{height:230px}.editorial-path-grid{grid-template-columns:1fr}.editorial-path-grid article{padding:25px}.activities-status{grid-template-columns:1fr;padding:24px;gap:16px}.activities-status>.button{grid-column:1;white-space:normal}.activities-status h2{font-size:31px}.editorial-visit{grid-template-columns:1fr;gap:0}.editorial-visit img{height:220px}.editorial-visit>div{padding:25px}.guide-office{grid-template-columns:1fr;padding:25px;gap:28px}.guide-office dl>div{grid-template-columns:1fr 1fr}.guide-faq{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.editorial-feature img,.editorial-news-card img,.editorial-path-grid article,.editorial-filters a{transition:none}.editorial-feature-image:hover img,.editorial-news-card:hover img{transform:none}}
/* Painted Mosque: documentary heritage page, using the site's light design tokens. */
.painted-page{background:var(--paper);color:var(--ink)}
.painted-hero{position:relative;min-height:660px;background:#f2eee4;overflow:hidden}
.painted-hero-photo{position:absolute;right:0;top:0;width:49%;height:100%;overflow:hidden}
.painted-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 53%}
.painted-hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#032c2433,transparent 25%,transparent 75%,#032c2466)}
.painted-hero-photo>span{position:absolute;bottom:25px;right:30px;z-index:1;color:#fff;font-size:var(--font-caption);letter-spacing:.18em}
.painted-hero-inner{padding-top:110px;padding-bottom:55px}
.painted-breadcrumb{display:flex;gap:10px;font-size:var(--font-caption);color:var(--muted);flex-wrap:wrap;max-width:48%}
.painted-breadcrumb a:hover{color:var(--green)}
.painted-hero-copy{width:47%;padding:55px 0 10px;animation:library-appear .85s both}
.painted-hero-copy h1{font-family:var(--font-editorial);font-size:clamp(74px,8.6vw,125px);line-height:.94;letter-spacing:-.03em;margin:24px 0 28px}
.painted-hero-copy h1 em{color:#8d6a30;font-weight:400}
.painted-hero-copy>p{font-size:17px;line-height:1.7;color:#52615b}
.painted-hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:30px 0 32px}
.painted-visit-link{font-size:var(--font-small);border-bottom:1px solid var(--gold);padding-bottom:5px}
.painted-hero-signature{font-size:var(--font-caption);color:var(--muted);letter-spacing:.025em}
.painted-chapters{background:var(--green);color:#fff}
.painted-chapters>.container{display:flex;align-items:center;justify-content:center;gap:60px;padding-block:17px}
.painted-chapters a{font-size:var(--font-small);transition:color .2s}
.painted-chapters a:hover{color:#ead5ae}
.painted-intro{padding-block:64px 50px;border-bottom:1px solid var(--line)}
.painted-intro>div{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:20px}
.painted-page h2{font-family:var(--font-editorial);font-size:clamp(34px,4vw,56px);line-height:1.08;font-weight:400}
.painted-page h2 em{color:#8d6a30}
.painted-intro p,.painted-timeline p,.painted-art-copy>p,.painted-legend p,.painted-visit-copy p{font-size:14px;line-height:1.85;color:#5e665f}
.painted-intro p+p{margin-top:15px}
.painted-source-link,.painted-source-pair a{font-size:var(--font-caption);color:#786443;line-height:1.8;text-decoration:underline;text-underline-offset:3px;display:inline-block;margin-top:14px}
.painted-source-pair{display:flex;gap:20px;flex-wrap:wrap}
.painted-history{padding-block:60px;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}
.painted-history-heading h2{margin:18px 0 22px}
.painted-history-heading>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:380px}
.painted-history-heading>img{width:100%;height:245px;object-fit:cover;border-radius:5px;margin-top:30px}
.painted-timeline{border-left:1px solid #c6a05b77;padding-left:35px;margin-top:8px}
.painted-timeline article{position:relative;padding-bottom:32px}
.painted-timeline article:last-child{padding-bottom:0}
.painted-timeline article:before{content:'';position:absolute;top:4px;left:-40px;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px var(--paper)}
.painted-era{color:#8d6a30;font-size:var(--font-caption);letter-spacing:.09em;font-weight:600}
.painted-timeline h3{font-family:var(--font-editorial);font-size:32px;line-height:1.15;font-weight:400;margin:10px 0 12px}
.painted-art{background:var(--green);color:#fff;padding-block:50px}
.painted-art-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.painted-art figure{margin:0}
.painted-art img{width:100%;height:510px;object-fit:cover;border-radius:5px}
.painted-art figcaption{font-size:var(--font-caption);color:#bccbc2;margin-top:12px}
.painted-art .eyebrow{color:#ddc292}
.painted-art h2{margin:18px 0 24px}
.painted-art h2 em{color:#ddc292}
.painted-art-copy>p,.painted-art-detail p{color:#d1ddd5}
.painted-art-detail{display:flex;gap:18px;padding-top:23px;margin-top:23px;border-top:1px solid #ffffff22}
.painted-art-detail>.icon{width:29px;height:29px;color:#ddc292;margin-top:4px}
.painted-art-detail h3{font-family:var(--font-editorial);font-size:27px;font-weight:400;margin-bottom:6px}
.painted-art-detail p{font-size:var(--font-small);line-height:1.8}
.painted-art .painted-source-link{color:#ddc292}
.painted-legend{display:flex;gap:30px;align-items:start;padding:32px 38px;background:#eee8da;border-radius:6px;margin-block:38px}
.painted-legend>.icon{width:38px;height:38px;color:#8d6a30;flex-shrink:0;margin-top:8px}
.painted-legend h2{font-size:34px;margin:10px 0 12px}
.painted-legend p{max-width:850px}
.painted-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:45px 0 28px}
.painted-section-heading h2{margin-top:14px}
.painted-section-heading>p{font-size:var(--font-small);color:var(--muted)}
.painted-photo-grid{--painted-gallery-gap:14px;--painted-gallery-row:clamp(150px,15vw,210px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,var(--painted-gallery-row));grid-template-areas:"facade interior interior entry" "facade ceiling exterior entry" "courtyard dome dome detail";gap:var(--painted-gallery-gap)}
.painted-photo-grid figure{margin:0;min-width:0;min-height:0;position:relative}
.painted-photo-grid figure:nth-child(1){grid-area:facade}
.painted-photo-grid figure:nth-child(2){grid-area:interior}
.painted-photo-grid figure:nth-child(3){grid-area:ceiling}
.painted-photo-grid figure:nth-child(4){grid-area:exterior}
.painted-photo-grid figure:nth-child(5){grid-area:entry}
.painted-photo-grid figure:nth-child(6){grid-area:courtyard}
.painted-photo-grid figure:nth-child(7){grid-area:dome}
.painted-photo-grid figure:nth-child(8){grid-area:detail}
.painted-photo-grid figure>a{display:block;height:100%;position:relative;overflow:hidden;border-radius:8px;background:var(--green);box-shadow:0 6px 20px #163b2910}
.painted-photo-grid figure>a::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#062820b8);pointer-events:none}
.painted-photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .65s}
.painted-photo-grid figure:first-child img{object-position:center 58%}
.painted-photo-grid a:hover img{transform:scale(1.035)}
.painted-photo-open{position:absolute;bottom:15px;right:15px;width:35px;height:35px;display:grid;place-items:center;background:#fff;color:var(--green);border-radius:50%;font-size:20px}
.painted-photo-grid figcaption{position:absolute;bottom:14px;left:16px;right:48px;display:flex;flex-direction:column;gap:3px;font-size:var(--font-caption);line-height:1.5;color:#ffffffd9;pointer-events:none}
.painted-photo-grid figcaption strong{color:#fff;font-size:var(--font-small);font-weight:600}
.painted-photo-grid .painted-photo-open{z-index:1;bottom:15px;right:12px;width:28px;height:28px;font-size:17px}
@media(max-width:900px){.painted-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,160px);grid-template-areas:"facade interior" "facade ceiling" "exterior entry" "courtyard entry" "dome detail";--painted-gallery-gap:12px}}
@media(max-width:600px){.painted-photo-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:none;grid-auto-rows:230px}.painted-photo-grid figure:nth-child(n){grid-area:auto}}
.painted-photo-credits{margin-top:25px;padding:16px 0;border-top:1px solid var(--line);font-size:var(--font-small)}
.painted-photo-credits summary{cursor:pointer;color:var(--green)}
.painted-photo-credits p{color:var(--muted);margin-top:15px;line-height:1.8}
.painted-photo-credits ul{padding-left:18px;line-height:2}
.painted-photo-credits li>a{margin-right:20px;text-decoration:underline;text-underline-offset:3px}
.painted-visit{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:38px;background:#eee8da;border-radius:6px;margin-block:38px 60px}
.painted-visit-copy h2{margin:16px 0 22px}
.painted-visit-copy .button{margin-top:24px}
.painted-contact-link{display:flex;align-items:center;gap:14px;font-size:var(--font-small);margin-top:20px;color:var(--green)}
.painted-visitor-notes>h3{font-family:var(--font-editorial);font-weight:400;font-size:32px}
.painted-notes-intro{font-size:var(--font-caption);color:var(--muted);line-height:1.8;margin:6px 0 14px}
.painted-visitor-notes details{border-top:1px solid #d7cdbb;padding:16px 0}
.painted-visitor-notes summary{font-size:var(--font-small);font-weight:600;cursor:pointer}
.painted-visitor-notes details p{font-size:var(--font-small);line-height:1.8;color:#5e665f;margin:12px 0 0}
.painted-visitor-notes details a{text-decoration:underline;text-underline-offset:3px;color:var(--green)}
@media(max-width:900px){.painted-hero{min-height:610px}.painted-hero-copy{width:49%}.painted-hero-copy h1{font-size:85px}.painted-hero-photo{width:47%}.painted-hero-actions{gap:16px}.painted-chapters>.container{gap:35px}.painted-history{gap:35px}.painted-intro>div{gap:30px}.painted-art-inner{gap:30px}.painted-art img{height:490px}.painted-visit{gap:30px;padding:28px}.painted-photo-grid figcaption{flex-direction:column;gap:3px}}
@media(max-width:600px){.painted-hero{display:flex;flex-direction:column;min-height:0}.painted-hero-photo{position:relative;order:2;width:100%;height:380px}.painted-hero-photo img{object-position:center 54%}.painted-hero-inner{padding-top:100px;padding-bottom:30px}.painted-breadcrumb{max-width:100%;font-size:var(--font-caption);gap:8px}.painted-hero-copy{width:100%;padding-top:28px}.painted-hero-copy h1{font-size:84px;margin:20px 0}.painted-hero-copy>p{font-size:15px}.painted-hero-actions{margin:22px 0}.painted-hero-signature{font-size:var(--font-caption)}.painted-chapters>.container{justify-content:space-between;gap:10px;padding-block:16px}.painted-chapters a{font-size:var(--font-caption)}.painted-intro{padding-block:35px}.painted-intro>div{grid-template-columns:1fr;gap:22px}.painted-page h2{font-size:38px}.painted-history{grid-template-columns:1fr;gap:28px;padding-block:35px}.painted-history-heading img{height:210px}.painted-timeline{margin-left:5px;padding-left:25px}.painted-timeline article:before{left:-30px}.painted-timeline h3{font-size:30px}.painted-art{padding-block:30px}.painted-art-inner{grid-template-columns:1fr;gap:28px}.painted-art img{height:320px}.painted-legend{padding:25px;gap:16px;margin-block:25px}.painted-legend>.icon{width:25px;height:25px}.painted-legend h2{font-size:29px}.painted-section-heading{align-items:start;flex-direction:column;gap:16px;margin-top:30px}.painted-photo-grid{--painted-gallery-gap:12px}.painted-visit{grid-template-columns:1fr;padding:25px;gap:30px;margin-block:25px 35px}.painted-visit .button{font-size:var(--font-caption)}.painted-intro p,.painted-timeline p,.painted-art-copy>p,.painted-legend p,.painted-visit-copy p{font-size:var(--font-small)}}
@media(prefers-reduced-motion:reduce){.painted-hero-copy{animation:none}.painted-photo-grid img,.painted-chapters a{transition:none}.painted-photo-grid a:hover img{transform:none}}
body:has(.painted-page) .site-header::before{opacity:1}
.quran-book--real{display:block;height:auto;aspect-ratio:2327/3264;padding:0;border:0;overflow:hidden;background:var(--deep)}
.quran-book--real::before,.quran-book--real::after{content:none}
.quran-book--real>img{width:100%;height:100%;object-fit:contain}
.quran-audio{--quran-audio-space:clamp(19px,3vw,29px);padding:22px var(--quran-audio-space);background:var(--paper);border-top:1px solid var(--line)}
.quran-audio-heading{display:flex;align-items:center;gap:13px;margin-bottom:16px}
.quran-audio-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green);color:var(--gold);flex:none}
.quran-audio-icon .icon{width:21px;height:21px}
.quran-audio h4{font-size:14px;font-weight:600;margin:0 0 4px;color:var(--green)}
.quran-audio p,.quran-audio-links{font-size:var(--font-caption);line-height:1.6;color:var(--muted)}
.quran-audio audio{display:block;width:100%;min-width:0;height:54px;accent-color:var(--green);border-radius:30px}
.quran-audio-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}
.quran-audio-links a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.mosques-group li>a{text-decoration:underline;text-underline-offset:4px}
/* Viewport-height desktop hero and clearer chapter navigation. */
.painted-chapters{--painted-chapter-font:18px;--painted-chapter-space:22px}
.painted-chapters>.container{padding-block:var(--painted-chapter-space)}
.painted-chapters a{font-size:var(--painted-chapter-font);font-weight:600;line-height:1.5;min-height:44px;display:flex;align-items:center}
@media(min-width:901px){
    .painted-hero{--painted-hero-height:max(660px,100svh);min-height:var(--painted-hero-height)}
    .painted-hero-inner{min-height:var(--painted-hero-height);display:flex;flex-direction:column}
    .painted-hero-copy{flex:1;display:flex;flex-direction:column;justify-content:center}
}
@media(max-width:600px){
    .painted-chapters{--painted-chapter-font:14px;--painted-chapter-space:12px}
    .painted-chapters>.container{flex-wrap:wrap;justify-content:center;gap:4px 24px}
}
/* Institutional questions: native disclosures and shared light-theme tokens. */
.questions-page{background:var(--paper);color:var(--ink)}
.questions-hero{padding:115px 0 50px;background:linear-gradient(120deg,#f1ecdf,var(--paper) 65%);overflow:hidden}
.questions-hero-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:center;margin-top:30px}
.questions-hero h1{font:400 clamp(48px,5.7vw,80px)/1.06 var(--font-editorial);letter-spacing:-.025em;margin:22px 0}
.questions-hero h1 em,.questions-answers h2 em{font-weight:400;color:var(--gold)}
.questions-hero-layout>div>p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:28px}
.questions-invitation{position:relative;padding:34px 38px;border:1px solid var(--line);border-radius:12px;background:#ffffff80}
.questions-symbol{display:flex;width:56px;height:56px;border-radius:50%;background:var(--green);color:var(--gold);align-items:center;justify-content:center;margin-bottom:24px}
.questions-symbol .icon{width:28px;height:28px}
.questions-invitation h2{font:400 34px/1.15 var(--font-editorial);margin:16px 0}
.questions-invitation p{font-size:var(--font-small);color:var(--muted);line-height:1.8;max-width:none}
.questions-invitation>a{display:flex;justify-content:space-between;gap:12px;color:var(--green);font-size:var(--font-small);font-weight:600;padding:18px 0 12px;border-top:1px solid var(--line);margin-top:24px}
.questions-body{display:grid;grid-template-columns:280px minmax(0,1fr);gap:8%;padding-block:60px}
.questions-topics{align-self:start;position:sticky;top:105px}
.questions-topics nav{display:flex;flex-direction:column;margin-top:18px}
.questions-topics nav a{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-size:var(--font-small);color:var(--green)}
.questions-topics nav a>.icon{width:20px;height:20px;flex-shrink:0}
.questions-topics nav a>.icon:last-child{margin-left:auto;width:15px}
.questions-topics nav a:hover{color:var(--gold)}
.questions-office{padding:24px;background:#ede9df;border-radius:8px;margin-top:30px}
.questions-office>.icon{color:var(--gold)}
.questions-office h3{font:400 22px var(--font-editorial);margin:14px 0}
.questions-office p{font-size:var(--font-small);color:var(--muted);line-height:1.8}
.questions-office a{font-size:var(--font-small);color:var(--green);text-decoration:underline;text-underline-offset:4px}
.questions-answers h2{font:400 clamp(32px,3.4vw,46px)/1.14 var(--font-editorial);margin:14px 0}
.questions-answers header>p{font-size:var(--font-small);line-height:1.8;color:var(--muted)}
.questions-group{margin-top:34px;scroll-margin-top:105px}
.questions-group h3{display:flex;align-items:center;gap:12px;font:400 24px var(--font-editorial);color:var(--green);margin:0 0 10px}
.questions-group h3>.icon{color:var(--gold);width:24px}
.questions-group details{border-bottom:1px solid var(--line)}
.questions-group summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;padding:20px 0;cursor:pointer;font-size:14px;font-weight:500;line-height:1.6}
.questions-group summary::-webkit-details-marker{display:none}
.questions-group summary>span{font-size:22px;font-weight:400;color:var(--gold);transition:transform .2s}
.questions-group details[open] summary>span{transform:rotate(45deg)}
.questions-group details[open] summary{color:var(--green)}
.questions-group details p{font-size:14px;line-height:1.9;color:var(--muted);max-width:650px;padding:0 30px 22px 0;margin:0}
.questions-contact{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:36px 42px;background:var(--green);color:#fff;border-radius:10px}
.questions-contact h2{font:400 34px var(--font-editorial);margin:14px 0}
.questions-contact p{font-size:var(--font-small);line-height:1.8;color:#ffffffb5}
.questions-contact-links{align-self:center;display:flex;flex-direction:column;gap:16px}
.questions-contact-links a{display:flex;align-items:center;gap:12px;font-size:14px;overflow-wrap:anywhere}
.questions-contact-links .icon{width:20px;height:20px;color:var(--gold);flex-shrink:0}

.questions-page a:focus-visible,.questions-page summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
#pergjigjet{scroll-margin-top:85px}
@media(max-width:900px){.questions-hero-layout{gap:30px;grid-template-columns:1.2fr 1fr}.questions-invitation{padding:25px}.questions-body{grid-template-columns:220px 1fr;gap:30px}}
@media(max-width:600px){.questions-hero{padding:100px 0 30px}.questions-hero-layout{grid-template-columns:1fr;gap:28px;margin-top:20px}.questions-hero h1{font-size:48px}.questions-hero-layout>div>p{font-size:var(--font-small)}.questions-invitation{padding:24px}.questions-invitation h2{font-size:29px}.questions-symbol{margin-bottom:16px}.questions-body{grid-template-columns:1fr;gap:34px;padding-block:30px}.questions-topics{position:static}.questions-topics nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.questions-topics nav a{font-size:var(--font-caption);gap:7px}.questions-topics nav a>.icon:last-child{display:none}.questions-office{display:none}.questions-answers h2{font-size:34px}.questions-group summary{font-size:var(--font-small)}.questions-contact{grid-template-columns:1fr;padding:25px;gap:20px}.questions-contact h2{font-size:29px}.questions-contact-links a{font-size:var(--font-small)}}
@media(prefers-reduced-motion:reduce){.questions-group summary>span{transition:none}}
body:has(.questions-page) .site-header::before{opacity:1}
.questions-group details p{white-space:pre-line}
.footer-brand .social-links>a{width:34px;height:34px;flex:none;transition:background .2s,color .2s,border-color .2s}
.footer-brand .social-links svg{display:block;width:17px;height:17px}
.footer-brand .social-links>a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.activity-date-symbol>strong{font:400 26px/1 var(--font-editorial);color:var(--green)}
/* Shared image viewer control and questions/footer separation. */
.questions-contact{margin-bottom:clamp(32px,4vw,56px)}
.gallery-close{display:grid;place-items:center;padding:0;line-height:1;color:#fff}
.gallery-close>svg{display:block;width:18px;height:18px;flex:none}
/* Prayer calendar: editorial light surfaces, clear daily cards and readable month rows. */
body:has(.schedule-page) .site-header::before{opacity:1}
.schedule-page{background:var(--paper);color:var(--ink)}
.schedule-hero{padding:112px 0 44px;background:linear-gradient(120deg,#f0ebdf,var(--paper) 70%)}
.schedule-hero-row{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:8%;margin-top:28px}
.schedule-hero h1{font:400 clamp(45px,5.3vw,74px)/1.08 var(--font-editorial);letter-spacing:-.025em;margin:20px 0}
.schedule-hero h1 em{font-weight:400;color:var(--gold)}
.schedule-hero-row>div>p{font-size:15px;line-height:1.9;color:var(--muted)}
.schedule-live{position:relative;overflow:hidden;border-radius:12px;background:var(--green);color:#fff;text-align:center;padding:30px 20px;box-shadow:0 14px 40px #073c3014}
.schedule-live:before{content:'';position:absolute;inset:14px;border:1px solid #c6a05b40;border-radius:150px 150px 8px 8px;pointer-events:none}
.schedule-live>.icon{width:40px;height:40px;color:var(--gold);display:block;margin:0 auto 14px}
.schedule-live .eyebrow{color:#e2c995;font-size:var(--font-caption)}
.schedule-live h2{font:400 36px var(--font-editorial);margin:12px 0}
.schedule-live>strong{display:block;font-size:32px;line-height:1.4;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:.05em}
.schedule-live>small{font-size:var(--font-caption);color:#ffffffb8}
.schedule-live>p{margin-top:20px;font-size:var(--font-caption);color:#e2c995;min-height:16px}
.schedule-body{padding:42px 0 50px}
.schedule-day{scroll-margin-top:105px}
.schedule-day-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px}
.schedule-day-heading h2{font:400 clamp(26px,3vw,39px)/1.25 var(--font-editorial);margin:12px 0 7px;text-transform:capitalize}
.schedule-day-heading p{font-size:var(--font-small);color:var(--muted)}
.schedule-date-form label{display:block;font-size:var(--font-caption);color:var(--muted);margin-bottom:8px}
.schedule-date-form>div{display:flex;gap:8px}
.schedule-date-form input{border:1px solid var(--line);border-radius:5px;padding:10px 12px;background:#fff;color:var(--ink);font-size:var(--font-small);min-width:0;color-scheme:light}
.schedule-date-form button{display:flex;align-items:center;gap:9px;border:0;border-radius:5px;padding:10px 14px;background:var(--green);color:white;font-size:var(--font-caption)}
.schedule-date-form .icon{width:16px;height:16px}
.schedule-date-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:24px}
.schedule-date-strip a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:13px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);transition:background .2s,border-color .2s}
.schedule-date-strip a span{font-size:var(--font-caption);text-transform:capitalize}.schedule-date-strip a strong{font:400 27px var(--font-editorial);color:var(--green)}.schedule-date-strip a small{font-size:var(--font-caption);text-transform:uppercase}
.schedule-date-strip a.is-selected{background:var(--green);border-color:var(--green);color:#fff}.schedule-date-strip a.is-selected strong{color:#e2c995}.schedule-date-strip a:hover{border-color:var(--gold)}
.schedule-prayer-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.schedule-prayer-grid article{padding:25px 10px;text-align:center;border:1px solid var(--line);border-radius:8px;background:#fff}
.schedule-prayer-grid .icon{display:block;margin:0 auto 14px;width:26px;height:26px;color:var(--gold)}
.schedule-prayer-grid h3{font-size:var(--font-small);font-weight:500}.schedule-prayer-grid time{display:block;font:400 clamp(27px,3vw,39px) var(--font-editorial);font-variant-numeric:tabular-nums;margin:9px 0;color:var(--green)}.schedule-prayer-grid article>span{font-size:var(--font-caption);color:var(--muted)}
.schedule-month{margin-top:48px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.schedule-month>header{display:flex;justify-content:space-between;align-items:center;padding:27px 30px;gap:20px;background:#f4f0e8}
.schedule-month h2{font:400 34px var(--font-editorial);margin:10px 0 6px;text-transform:capitalize}.schedule-month header p{font-size:var(--font-small);color:var(--muted)}
.schedule-month header nav{display:flex;align-items:center;gap:8px}.schedule-month header nav a{display:grid;place-items:center;border:1px solid #d5c9b4;border-radius:50%;width:38px;height:38px;color:var(--green);font-size:18px}.schedule-month header nav a:hover{background:#e8decd}.schedule-month header nav a.schedule-today{border-radius:5px;width:55px;font-size:var(--font-small)}
.schedule-table-scroll{overflow-x:auto;max-height:650px;scrollbar-width:thin}
.schedule-month table{width:100%;border-collapse:collapse;min-width:650px;text-align:center;font-variant-numeric:tabular-nums;font-size:var(--font-small)}
.schedule-month thead th{position:sticky;top:0;z-index:1;background:var(--green);color:#fff;font-size:var(--font-caption);font-weight:500;padding:15px 12px}
.schedule-month tbody td,.schedule-month tbody th{padding:14px 12px;border-bottom:1px solid #eee9df;font-weight:400}.schedule-month tbody th{text-align:left;padding-left:30px}.schedule-month tbody td:nth-child(2){text-align:left;color:var(--muted);font-size:var(--font-caption);text-transform:capitalize}
.schedule-month tbody tr:nth-child(even){background:#faf9f5}.schedule-month tbody tr.is-selected{background:#e8eee5;color:var(--green);box-shadow:inset 3px 0 var(--gold)}.schedule-month tbody tr:hover{background:#f1eee5}.schedule-month tbody th a{display:inline-block;white-space:nowrap;text-decoration:underline;text-decoration-color:#c6a05b60;text-underline-offset:4px}
.schedule-today-tag{font-size:var(--font-caption);background:var(--green);color:white;border-radius:3px;padding:3px 5px;margin-left:6px}
.schedule-note{display:flex;align-items:flex-start;gap:15px;padding:24px 28px;background:#f0ece2;border-radius:8px;margin-top:26px}.schedule-note>.icon{width:24px;height:24px;color:var(--gold)}.schedule-note h3{font:400 23px var(--font-editorial);margin-bottom:8px}.schedule-note p{font-size:var(--font-small);line-height:1.8;max-width:800px;color:var(--muted)}.schedule-note a{display:inline-block;color:var(--green);font-size:var(--font-caption);text-decoration:underline;text-underline-offset:4px;margin:14px 20px 0 0}
.schedule-error{text-align:center;padding:35px;background:#f0ece2;border-radius:8px}.schedule-error>.icon{width:30px;height:30px}.schedule-error h3{font:400 27px var(--font-editorial);margin:15px 0}.schedule-error p{font-size:var(--font-small);color:var(--muted);margin-bottom:18px}.schedule-month-empty{font-size:14px;color:var(--muted);padding:30px}
@media(max-width:900px){.schedule-hero-row{grid-template-columns:1.3fr 1fr;gap:35px}.schedule-hero h1{font-size:52px}.schedule-prayer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.schedule-day-heading{align-items:flex-start}.schedule-day-heading h2{font-size:29px}}
@media(max-width:600px){.schedule-hero{padding:100px 0 30px}.schedule-hero-row{grid-template-columns:1fr;gap:25px;margin-top:18px}.schedule-hero h1{font-size:44px}.schedule-hero-row>div>p{font-size:var(--font-small)}.schedule-live{padding:25px}.schedule-body{padding-block:30px}.schedule-day-heading{flex-direction:column;gap:20px}.schedule-day-heading h2{font-size:29px}.schedule-date-form{width:100%}.schedule-date-form input{flex:1}.schedule-date-strip{gap:5px}.schedule-date-strip a{padding:10px 3px}.schedule-date-strip a span{font-size:var(--font-caption)}.schedule-date-strip a strong{font-size:24px}.schedule-date-strip a small{font-size:var(--font-caption)}.schedule-prayer-grid{gap:8px}.schedule-prayer-grid article{padding:20px 5px}.schedule-prayer-grid time{font-size:30px}.schedule-prayer-grid article>span{font-size:var(--font-caption)}.schedule-month{margin-top:30px}.schedule-month>header{padding:22px 18px}.schedule-month h2{font-size:29px}.schedule-month .eyebrow{font-size:var(--font-caption)}.schedule-note{padding:20px;gap:10px}}
@media(prefers-reduced-motion:reduce){.schedule-date-strip a{transition:none}}
/* Official gallery: shared site palette, compact images and accessible SSR category links. */
.photo-gallery-hero{padding:122px 0 54px;background:radial-gradient(ellipse at 90% 10%,#32614e80,transparent 65%),var(--deep);color:var(--paper);overflow:hidden}
.photo-gallery-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center;margin-top:35px}
.photo-gallery-intro .eyebrow{color:var(--gold);font-size:var(--font-caption);letter-spacing:.2em}
.photo-gallery-intro h1{font:400 clamp(56px,5.3vw,82px)/.98 var(--font-editorial);margin:22px 0}
.photo-gallery-intro h1 em{color:var(--gold);font-weight:400}
.photo-gallery-intro p{max-width:340px;font-size:14px;line-height:1.8;color:#d3ddd7}
.photo-gallery-browse{display:inline-flex;gap:30px;align-items:center;font-size:var(--font-small);margin-top:27px;border-bottom:1px solid #c6a05b80;padding-bottom:10px;color:var(--paper)}
.photo-gallery-collage{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:155px 155px;gap:12px;position:relative;padding-bottom:26px}
.photo-gallery-collage img{width:100%;height:100%;border-radius:5px}.photo-gallery-collage img:first-child{grid-row:span 2;object-position:40% center}
.photo-gallery-collage>span{position:absolute;bottom:0;right:0;font-size:var(--font-caption);letter-spacing:.1em;color:var(--gold)}
.photo-gallery-archive{padding-top:48px;padding-bottom:54px;scroll-margin-top:105px}
.photo-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}
.photo-gallery-heading .eyebrow{font-size:var(--font-caption)}.photo-gallery-heading h2{font:400 clamp(34px,3vw,48px)/1.15 var(--font-editorial);margin-top:10px}
.photo-gallery-heading p{font-size:var(--font-small);color:var(--muted)}
.photo-gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}
.photo-gallery-toolbar nav{display:flex;flex-wrap:wrap;gap:8px}.photo-gallery-toolbar nav>a{font-size:var(--font-small);padding:10px 21px;border-radius:30px;border:1px solid var(--line);transition:background .2s,color .2s}
.photo-gallery-toolbar nav>a:hover{background:#eee8dc;color:var(--deep)}.photo-gallery-toolbar nav>a.is-active{background:var(--green);border-color:var(--green);color:var(--paper)}
.photo-gallery-toolbar>span{font-size:var(--font-caption);color:var(--muted);white-space:nowrap}
.photo-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
.photo-gallery-grid figure{margin:0;min-width:0}.photo-gallery-grid figure>a{display:block;position:relative;aspect-ratio:1.45;overflow:hidden;border-radius:5px;background:var(--line)}
.photo-gallery-grid img{width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.photo-gallery-grid figure>a:hover img{transform:scale(1.035)}
.photo-gallery-tag{position:absolute;left:14px;bottom:14px;padding:5px 12px;background:#032c24dc;color:var(--paper);border-radius:20px;font-size:var(--font-caption);letter-spacing:.04em}
.photo-gallery-expand{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff70;border-radius:50%;background:#032c2470;color:var(--paper)}.photo-gallery-expand .icon{width:17px;height:17px;transform:rotate(-45deg)}
.photo-gallery-grid figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px}.photo-gallery-grid figcaption strong{font-size:var(--font-small);font-weight:600}.photo-gallery-grid figcaption>span{font-size:var(--font-caption);color:var(--muted)}
.photo-gallery-end{margin-top:55px;border-top:1px solid var(--line);padding-top:35px;text-align:center}.photo-gallery-end h2{font:400 43px/1.2 var(--font-editorial);margin:12px 0}.photo-gallery-end p{font-size:var(--font-small);color:var(--muted);margin-bottom:22px}.photo-gallery-end .button{font-size:var(--font-caption);padding:13px 20px}
.gallery-navigation{display:flex;align-items:center;gap:14px;flex:none}.gallery-navigation button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #c6a05b70;border-radius:50%;background:transparent;color:var(--paper);font-size:20px}.gallery-navigation span{font-size:var(--font-caption);color:var(--paper);min-width:45px;text-align:center;font-variant-numeric:tabular-nums}.gallery-bottom{align-items:center;flex-wrap:wrap}
@media(max-width:900px){.photo-gallery-intro{gap:30px}.photo-gallery-collage{grid-template-rows:125px 125px}.photo-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-gallery-grid figcaption{display:block}.photo-gallery-grid figcaption>span{display:block;margin-top:3px}}
@media(max-width:600px){.photo-gallery-hero{padding:100px 0 34px}.photo-gallery-intro{grid-template-columns:1fr;gap:30px;margin-top:27px}.photo-gallery-intro h1{font-size:60px}.photo-gallery-collage{grid-template-rows:110px 110px}.photo-gallery-intro p{font-size:var(--font-small)}.photo-gallery-heading{display:block}.photo-gallery-heading p{margin-top:14px}.photo-gallery-toolbar{display:block}.photo-gallery-toolbar nav>a{padding:8px 13px;font-size:var(--font-caption)}.photo-gallery-toolbar>span{display:block;margin-top:15px}.photo-gallery-archive{padding-top:32px}.photo-gallery-grid{gap:24px 12px}.photo-gallery-grid figure>a{aspect-ratio:1}.photo-gallery-grid figcaption strong{font-size:var(--font-caption)}.photo-gallery-tag{left:8px;bottom:8px;font-size:var(--font-caption);padding:4px 8px}.photo-gallery-expand{width:27px;height:27px;top:8px;right:8px}.photo-gallery-end h2{font-size:37px}.gallery-bottom{font-size:var(--font-caption)}}
@media(prefers-reduced-motion:reduce){.photo-gallery-grid img,.photo-gallery-toolbar nav>a{transition:none}.photo-gallery-grid figure>a:hover img{transform:none}}
/* Donation guidance uses the existing site tokens; checkout remains on official BFI pages. */
.support-hero{padding:120px 0 46px;overflow:hidden;background:radial-gradient(ellipse at 95% 25%,#34645066,transparent 70%),var(--deep);color:var(--paper)}
.support-hero-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:70px;align-items:center;margin-top:32px}
.support-hero .eyebrow{color:var(--gold);font-size:var(--font-caption);letter-spacing:.19em}.support-hero h1{font:400 clamp(54px,5.5vw,80px)/1.02 var(--font-editorial);margin:20px 0}.support-hero h1 em{color:var(--gold);font-weight:400}.support-hero-copy>p{font-size:14px;line-height:1.85;color:#d3ddd7;max-width:420px}
.support-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:25px}.support-hero-actions .button{font-size:var(--font-caption);padding:13px 20px}.support-hero-actions>a:last-child{font-size:var(--font-caption);color:var(--paper);border-bottom:1px solid #c6a05b66;padding-bottom:7px}
.support-hero-photo{margin:0;position:relative;overflow:hidden;border-radius:110px 110px 5px 5px;height:340px}.support-hero-photo>img{width:100%;height:100%;object-position:66% 40%}.support-hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#032c24d9,transparent 60%);pointer-events:none}.support-hero-photo figcaption{position:absolute;bottom:24px;left:24px;z-index:1;display:flex;gap:15px;align-items:center;color:white;font-size:var(--font-small)}.support-hero-photo figcaption strong{font:400 29px/1.3 var(--font-editorial)}.support-photo-icon{display:grid;place-items:center;border:1px solid #c6a05b88;width:48px;height:48px;border-radius:50%;color:var(--gold)}.support-photo-icon .icon{width:23px;height:23px}
.support-options{padding-top:45px;padding-bottom:40px;scroll-margin-top:20px}.support-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.support-heading .eyebrow,.support-card-copy .eyebrow{font-size:var(--font-caption)}.support-heading h2{font:400 clamp(35px,3.4vw,49px)/1.15 var(--font-editorial);margin-top:10px}.support-heading>p{font-size:var(--font-small);line-height:1.8;color:var(--muted)}
.support-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.support-card{min-width:0;border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 28px #18342e06;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}.support-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #18342e0d}
.support-card-art{display:flex;position:relative;justify-content:center;padding:22px 20px 0;background:linear-gradient(0deg,#fff,#f6f3ed)}.support-card-art>img{height:300px;width:auto;max-width:100%;object-fit:contain}.support-card-art>span{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--paper);color:var(--green);border:1px solid var(--line);font-size:17px}
.support-card-copy{padding:24px;display:flex;flex-direction:column;align-items:start;flex:1}.support-card-copy h3{font:400 34px/1.15 var(--font-editorial);margin:10px 0}.support-card-copy p{font-size:var(--font-small);line-height:1.8;color:var(--muted);margin-bottom:22px;flex:1}.support-card-copy .button{font-size:var(--font-caption);align-self:stretch;padding:12px 14px;justify-content:space-between}
.support-payment-note{display:flex;align-items:start;gap:15px;margin-top:25px;padding:18px 22px;background:#eee8dc70;border:1px solid var(--line);border-radius:6px}.support-payment-note .icon{width:22px;height:22px;color:var(--gold);margin-top:2px}.support-payment-note p{font-size:var(--font-caption);line-height:1.8;color:var(--muted)}.support-payment-note strong{color:var(--ink)}
.support-local-wrap{padding-top:12px;padding-bottom:48px;scroll-margin-top:20px}.support-local{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;padding:45px 50px;background:var(--deep);color:var(--paper);border-radius:8px;position:relative;overflow:hidden}.support-local:before{content:'';position:absolute;inset:0;background:url('/images/pattern.svg') right center/450px repeat;opacity:.06;pointer-events:none}.support-local>div{position:relative}.support-local .eyebrow{color:var(--gold);font-size:var(--font-caption)}.support-local h2{font:400 clamp(34px,3.4vw,48px)/1.12 var(--font-editorial);margin:15px 0}.support-local h2 em{color:var(--gold);font-weight:400}.support-local-copy p{font-size:var(--font-small);line-height:1.9;color:#c6d3cc;max-width:460px}.support-contact-link{display:inline-flex;gap:25px;align-items:center;margin-top:23px;font-size:var(--font-caption);color:var(--paper);border-bottom:1px solid #c6a05b80;padding-bottom:9px}.support-contact-link .icon{width:19px;height:19px}
.support-contact-card{border:1px solid #c6a05b40;border-radius:6px;background:#ffffff05;padding:25px}.support-contact-emblem{position:absolute;right:24px;top:24px;color:var(--gold)}.support-contact-emblem .icon{width:30px;height:30px}.support-contact-card h3{font:400 28px/1.2 var(--font-editorial);padding-right:30px;margin-bottom:20px}.support-contact-card>a,.support-contact-card>div{display:flex;align-items:center;gap:14px;font-size:var(--font-small);margin-top:16px;color:var(--paper)}.support-contact-card small{display:block;font-size:var(--font-caption);letter-spacing:.1em;color:var(--gold);margin-bottom:3px}.support-contact-card .icon{width:18px;height:18px;color:var(--gold);flex:none}
.support-questions{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;padding-bottom:58px}.support-questions .eyebrow{font-size:var(--font-caption)}.support-questions h2{font:400 39px/1.2 var(--font-editorial);margin-top:12px;max-width:320px}.support-questions details{border-bottom:1px solid var(--line);padding:17px 0}.support-questions details:first-child{border-top:1px solid var(--line)}.support-questions summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;font-size:var(--font-small);font-weight:600}.support-questions summary::-webkit-details-marker{display:none}.support-questions summary:after{content:'+';font-size:21px;font-weight:400;color:var(--gold)}.support-questions details[open] summary:after{content:'−'}.support-questions details p{font-size:var(--font-small);line-height:1.9;color:var(--muted);padding:13px 20px 0 0}.support-questions details p a{text-decoration:underline;text-underline-offset:3px;color:var(--green)}
@media(max-width:900px){.support-hero-grid{gap:30px;grid-template-columns:1.2fr .8fr}.support-hero-photo{height:310px}.support-cards{gap:14px}.support-card-art{padding:15px 12px 0}.support-card-art>img{height:260px}.support-card-copy{padding:19px}.support-card-copy h3{font-size:29px}.support-local{gap:30px;padding:32px}.support-contact-card>a,.support-contact-card>div{font-size:var(--font-caption)}}
@media(max-width:600px){.support-hero{padding:100px 0 30px}.support-hero-grid{grid-template-columns:1fr;margin-top:25px;gap:28px}.support-hero h1{font-size:53px}.support-hero-copy>p{font-size:var(--font-small)}.support-hero-actions{gap:18px}.support-hero-photo{height:230px;border-radius:60px 60px 5px 5px}.support-hero-photo>img{object-position:60% 37%}.support-heading{display:block}.support-heading>p{margin-top:15px}.support-heading>p br{display:none}.support-cards{grid-template-columns:1fr;gap:23px}.support-card-art>img{height:290px}.support-card-copy{padding:23px}.support-card-copy h3{font-size:36px}.support-card-copy .eyebrow{font-size:var(--font-caption)}.support-payment-note{padding:16px;gap:10px}.support-options{padding-top:32px}.support-local{grid-template-columns:1fr;padding:27px 23px;gap:25px}.support-local h2{font-size:38px}.support-contact-card>a,.support-contact-card>div{font-size:var(--font-small)}.support-questions{grid-template-columns:1fr;gap:25px;padding-bottom:40px}.support-questions h2{font-size:35px}.support-questions summary{font-size:var(--font-small)}.support-hero-photo figcaption strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.support-card{transition:none}.support-card:hover{transform:none}}

/* Selected contribution: a short editorial handoff using the original poster. */
.support-transition{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);overflow:visible;box-shadow:0 30px 100px #001b1855}
.support-transition[open]{display:grid;grid-template-columns: .9fr 1.1fr}
.support-transition::backdrop{background:#032c24cc;backdrop-filter:blur(12px)}
.support-transition-close{position:absolute;z-index:3;right:15px;top:15px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--green);font:400 24px/1 Arial,sans-serif}.support-transition-close:hover{background:#eee8dc}
.support-focus-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:27px;min-height:430px;padding:45px 30px 30px;background:var(--deep);border-radius:15px 0 0 15px}
.support-focus-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#c6a05b45,transparent 68%);border-radius:inherit}
.support-focus-art img{position:relative;width:180px;aspect-ratio: .73;object-fit:contain;filter:drop-shadow(0 16px 24px #00151088);will-change:transform}
.support-focus-caption{position:relative;font:400 19px var(--font-editorial);color:#e4d6bb;letter-spacing:.02em}
.support-focus-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px 40px 40px;gap:18px}
.support-focus-copy>.eyebrow{font-size:var(--font-caption);letter-spacing:.2em;color:#9e7c3e}.support-focus-rule{width:35px;height:1px;background:var(--gold)}
.support-transition h2{font:400 clamp(46px,5vw,58px)/1.02 var(--font-editorial);margin:0}.support-transition h2 em{font-weight:400;color:#9e7c3e}
.support-focus-copy>p{font-size:var(--font-small);color:var(--muted);line-height:1.7;margin:0}
.support-focus-destination{display:flex;gap:9px;align-items:center;font-size:var(--font-caption);color:var(--muted);margin-top:8px}.support-focus-dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}.support-focus-destination strong{color:var(--green);font-weight:500}
.support-transition-continue{display:inline-flex;gap:35px;align-items:center;font-size:var(--font-caption);border-bottom:1px solid var(--gold);padding:7px 0;color:var(--green)}
.support-focus-progress{position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--gold)}
@media(max-width:600px){.support-transition[open]{grid-template-columns:1fr}.support-transition{overflow:auto}.support-focus-art{min-height:0;padding:25px 20px 20px;border-radius:15px 15px 0 0;gap:12px}.support-focus-art img{width:110px}.support-focus-caption{font-size:17px}.support-focus-copy{padding:24px 28px 28px;gap:12px}.support-transition h2{font-size:42px}.support-transition h2 br{display:none}.support-transition h2 em{margin-left:6px}.support-focus-copy>p{font-size:var(--font-small)}.support-focus-destination{margin-top:0}}
/* Medreseja Isa Beu: a school portrait within the shared editorial system. */
.medrese-page{--medrese-reading-columns:.8fr 1.2fr;--medrese-reading-gap:9%;background:var(--paper);color:var(--ink)}
.medrese-hero{background:var(--deep);color:var(--paper);padding:110px 0 32px;overflow:hidden;position:relative}
.medrese-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 100%,#c6a05b16,transparent 55%)}
.medrese-hero>.container{position:relative}.medrese-hero .channel-breadcrumb{margin-bottom:24px}
.medrese-hero-grid{display:grid;grid-template-columns: .85fr 1.15fr;align-items:center;gap:7%}
.medrese-hero-copy .eyebrow{color:var(--gold);font-size:var(--font-caption);letter-spacing:.2em}
.medrese-hero h1{font:400 clamp(52px,5.3vw,70px)/.95 var(--font-editorial);letter-spacing:-.025em;margin:18px 0}.medrese-hero h1 em{color:#dec28d;font-weight:400}
.medrese-hero-copy>p{font-size:16px;line-height:1.65;color:#e6ebe2c7;margin:0 0 25px}.medrese-hero-copy>.button{font-size:var(--font-caption)}
.medrese-hero-note{display:flex;align-items:center;gap:10px;font-size:var(--font-caption);color:#e6ebe2a6;margin-top:22px}.medrese-hero-note .icon{color:var(--gold);width:22px}
.medrese-hero-photo{margin:0;position:relative}.medrese-hero-photo>a{display:block;position:relative}.medrese-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;object-position:center 65%;border-radius:70px 12px 12px 12px}
.medrese-photo-open{position:absolute;right:15px;top:15px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fbf9f5e6;color:var(--green);font-size:20px}
.medrese-hero-photo figcaption{display:flex;align-items:center;gap:12px;margin:16px 0 0;color:var(--gold);font-size:var(--font-caption)}.medrese-hero-photo figcaption strong{display:block;color:#e6ebe2c7;font-weight:400;font-size:var(--font-caption);margin-top:3px}.medrese-hero-photo figcaption .icon{width:20px}
.medrese-nav{border-bottom:1px solid var(--line);background:var(--paper)}.medrese-nav>.container{display:flex;gap:35px;align-items:center;padding-block:20px}.medrese-nav span{margin-right:auto;font-size:var(--font-caption);letter-spacing:.15em;color:var(--muted)}.medrese-nav a{display:flex;align-items:center;gap:7px;font-size:var(--font-small);color:var(--green)}.medrese-nav a:hover{color:#9e7c3e}.medrese-nav .icon{width:17px;height:17px}
.medrese-intro{display:grid;grid-template-columns:var(--medrese-reading-columns);gap:var(--medrese-reading-gap);padding-block:55px;align-items:start}
.medrese-page h2{font:400 clamp(37px,4vw,53px)/1.1 var(--font-editorial);margin:15px 0;letter-spacing:-.02em}.medrese-page h2 em{font-weight:400;color:#9e7c3e}.medrese-page .eyebrow{font-size:var(--font-caption);letter-spacing:.17em}.medrese-intro-copy>p{font-size:14px;line-height:1.9;color:#626a60;margin:0}.medrese-intro-copy strong{font-weight:500;color:var(--green)}
.medrese-values{display:flex;gap:28px;border-top:1px solid var(--line);padding-top:23px;margin-top:25px}.medrese-values>span{display:flex;align-items:center;gap:10px;font-size:var(--font-caption)}.medrese-values .icon{color:#9e7c3e;width:24px}
.medrese-history{background:#f2eee6;padding:58px 0}.medrese-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.medrese-section-heading>p{font-size:var(--font-small);line-height:1.7;color:var(--muted);max-width:240px;margin:0 0 20px}
.medrese-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:35px 0 40px;padding:0}.medrese-timeline li{position:relative;border-top:1px solid #cbb98f;padding:25px 24px 0 0}.medrese-timeline-dot{position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#9e7c3e;outline:5px solid #f2eee6}.medrese-timeline time{font:400 27px var(--font-editorial);color:#9e7c3e}.medrese-timeline h3{font-size:var(--font-small);font-weight:500;margin:16px 0 8px}.medrese-timeline p{font-size:var(--font-caption);color:var(--muted);line-height:1.7;margin:0;max-width:180px}
.medrese-network{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:27px}.medrese-network>.icon{width:36px;height:36px;color:#9e7c3e;flex-shrink:0}.medrese-network h3{font:400 25px var(--font-editorial);margin:0 0 6px}.medrese-network p{font-size:var(--font-caption);color:var(--muted);line-height:1.6;max-width:370px;margin:0}.medrese-cities{display:flex;flex-wrap:wrap;gap:7px;margin-left:auto}.medrese-cities span{font-size:var(--font-caption);border:1px solid var(--line);border-radius:20px;padding:8px 14px}.medrese-cities .is-local{background:var(--green);color:var(--paper);border-color:var(--green)}
.medrese-coordinator{display:grid;grid-template-columns:270px 1fr;gap:9%;max-width:1000px;padding-block:75px;align-items:start}.medrese-coordinator figure{margin:0}.medrese-coordinator img{width:100%;height:350px;object-fit:cover;object-position:center 23%;border-radius:70px 10px 10px 10px;display:block}.medrese-coordinator figcaption{font-size:var(--font-caption);color:var(--muted);margin-top:14px}.medrese-coordinator h2{margin-top:12px;font-size:47px}.medrese-coordinator-copy>p{font-size:var(--font-small);line-height:1.8;color:var(--muted);margin:15px 0}.medrese-coordinator-copy>.medrese-role{font-size:var(--font-small);color:var(--green);margin-bottom:20px}.medrese-biography{margin-top:23px;border-top:1px solid var(--line)}.medrese-biography details{border-bottom:1px solid var(--line)}.medrese-biography summary{display:flex;justify-content:space-between;gap:15px;list-style:none;cursor:pointer;font-size:var(--font-small);padding:16px 0}.medrese-biography summary::-webkit-details-marker{display:none}.medrese-biography summary>span{font-size:18px;color:#9e7c3e;transition:transform .2s}.medrese-biography details[open] summary>span{transform:rotate(45deg)}.medrese-biography details p{font-size:var(--font-small);color:var(--muted);line-height:1.8;margin:0 0 20px}
.medrese-contact-wrap{padding-bottom:55px}.medrese-contact{display:flex;gap:25px;align-items:center;padding:35px 40px;border-radius:10px;background:var(--deep);color:var(--paper)}.medrese-contact .eyebrow{color:var(--gold)}.medrese-contact h2{font-size:34px;margin:9px 0}.medrese-contact p{font-size:var(--font-small);color:#e6ebe2b8;margin:0;line-height:1.6}.medrese-contact>.button{margin-left:auto;flex-shrink:0;font-size:var(--font-caption)}.medrese-contact-icon{display:grid;place-items:center;width:62px;height:62px;border:1px solid #c6a05b60;border-radius:50%;color:var(--gold);flex-shrink:0}.medrese-source{display:block;width:fit-content;margin:17px 0 0 auto;font-size:var(--font-caption);color:var(--muted)}
@media(max-width:950px){.medrese-page{--medrese-reading-columns:.85fr 1.15fr;--medrese-reading-gap:6%}.medrese-hero{padding-top:105px}.medrese-hero-grid{gap:5%}.medrese-hero h1{font-size:57px}.medrese-hero-photo img{aspect-ratio:1.4}.medrese-nav>.container{gap:23px}.medrese-intro{gap:6%;padding-block:55px}.medrese-values{gap:17px}.medrese-network{flex-wrap:wrap}.medrese-cities{margin-left:60px}.medrese-coordinator{gap:6%;grid-template-columns:230px 1fr}.medrese-contact{padding:30px;flex-wrap:wrap}.medrese-contact>.button{margin-left:87px}}
@media(max-width:600px){.medrese-hero{padding:96px 0 24px}.medrese-hero .channel-breadcrumb{margin-bottom:20px}.medrese-hero-grid{grid-template-columns:1fr;gap:22px}.medrese-hero h1{font-size:52px;margin:14px 0}.medrese-hero-copy>p{font-size:14px;margin-bottom:20px}.medrese-hero-note{display:none}.medrese-hero-photo img{aspect-ratio:1.8;border-radius:55px 8px 8px 8px}.medrese-hero-photo figcaption{margin-top:12px}.medrese-nav>.container{gap:22px;overflow-x:auto;white-space:nowrap;padding-block:19px}.medrese-nav span{display:none}.medrese-nav a{font-size:var(--font-caption);flex-shrink:0}.medrese-intro{grid-template-columns:1fr;padding-block:45px;gap:20px}.medrese-page h2{font-size:38px}.medrese-intro-copy>p{font-size:var(--font-small)}.medrese-values{justify-content:space-between;gap:12px}.medrese-history{padding-block:40px}.medrese-section-heading{display:block}.medrese-section-heading>p{max-width:none;margin:12px 0 20px}.medrese-timeline{grid-template-columns:1fr;margin:30px 0}.medrese-timeline li{border-top:0;border-left:1px solid #cbb98f;display:grid;grid-template-columns:90px 1fr;column-gap:17px;padding:0 0 26px 18px}.medrese-timeline li:last-child{padding-bottom:0}.medrese-timeline-dot{top:7px;left:-4px}.medrese-timeline time{font-size:22px;grid-row:1/3}.medrese-timeline h3{margin:3px 0 8px}.medrese-timeline p{max-width:none}.medrese-network{gap:18px}.medrese-network>div:not(.medrese-cities){flex:1}.medrese-network h3{font-size:23px}.medrese-cities{margin:0;gap:6px}.medrese-cities span{padding:7px 13px}.medrese-coordinator{grid-template-columns:1fr;padding-block:45px;gap:28px}.medrese-coordinator figure{width:210px}.medrese-coordinator img{height:265px;border-radius:50px 8px 8px 8px}.medrese-coordinator h2 br{display:none}.medrese-coordinator h2 em{margin-left:5px}.medrese-contact-wrap{padding-bottom:35px}.medrese-contact{padding:26px;display:block}.medrese-contact-icon{width:45px;height:45px;margin-bottom:20px}.medrese-contact h2{font-size:32px}.medrese-contact>.button{margin:23px 0 0}.medrese-source{font-size:var(--font-caption)}}
@media(prefers-reduced-motion:reduce){.medrese-biography summary>span{transition:none}}
/* Expanded Medrese reading: complete context with a comfortable editorial measure. */
.medrese-reading{display:grid;grid-template-columns:var(--medrese-reading-columns);gap:var(--medrese-reading-gap);padding-block:55px;border-top:1px solid var(--line);align-items:start}
.medrese-reading header h2{font-size:clamp(35px,3.4vw,47px)}.medrese-reading-icon{display:grid;place-items:center;width:60px;height:60px;border:1px solid var(--line);border-radius:50%;color:#9e7c3e;margin-top:27px}
.medrese-prose{max-width:680px}.medrese-prose p,.medrese-full-biography p{font-size:14px;line-height:1.9;color:#626a60;margin:0 0 22px}.medrese-prose p:last-child,.medrese-full-biography section>p:last-child{margin-bottom:0}
.medrese-history-reading{padding-block:35px 40px}.medrese-history-reading h3{font:400 34px/1.15 var(--font-editorial);margin:14px 0}
.medrese-branches{padding-block:55px 40px}.medrese-branch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0 0}.medrese-branch-grid>div{padding:25px;border:1px solid var(--line);border-radius:8px;background:#f2eee640}.medrese-branch-grid .icon{color:#9e7c3e;margin-bottom:17px}.medrese-branch-grid dt{font-size:var(--font-small);margin-bottom:8px}.medrese-branch-grid dd{font:400 30px var(--font-editorial);margin:0;color:#9e7c3e}.medrese-branch-grid small{display:block;font:400 var(--font-caption)/1.5 Arial,sans-serif;color:var(--muted);margin-top:10px}.medrese-branch-grid .is-local{background:var(--deep);color:var(--paper);border-color:var(--deep)}.medrese-branch-grid .is-local dd,.medrese-branch-grid .is-local .icon{color:#dec28d}.medrese-branch-grid .is-local small{color:#e6ebe2b8}
.medrese-coordinator{max-width:1100px;grid-template-columns:270px minmax(0,1fr);gap:8%;border-top:1px solid var(--line)}.medrese-coordinator>figure{position:sticky;top:115px}.medrese-full-biography{margin-top:30px}.medrese-full-biography section+section{border-top:1px solid var(--line);padding-top:27px;margin-top:28px}.medrese-full-biography h3{display:flex;align-items:center;gap:12px;font-size:var(--font-small);font-weight:500;margin:0 0 20px}.medrese-full-biography h3>.icon{color:#9e7c3e;flex-shrink:0}.medrese-full-biography p{font-size:var(--font-small);line-height:1.85}
@media(max-width:950px){.medrese-reading{gap:6%;grid-template-columns:.85fr 1.15fr}.medrese-branch-grid>div{padding:20px 17px}.medrese-branch-grid dd{font-size:26px}.medrese-coordinator{grid-template-columns:230px minmax(0,1fr);gap:6%}}
@media(max-width:600px){.medrese-reading{grid-template-columns:1fr;padding-block:35px;gap:18px}.medrese-reading-icon{display:none}.medrese-reading header h2{font-size:37px}.medrese-prose p{font-size:var(--font-small);line-height:1.85;margin-bottom:20px}.medrese-history-reading h3{font-size:30px}.medrese-history-reading{padding-bottom:30px}.medrese-branches{padding-block:35px}.medrese-branch-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.medrese-branch-grid>div{padding:19px}.medrese-branch-grid dd{font-size:25px}.medrese-coordinator{grid-template-columns:1fr;gap:25px}.medrese-coordinator>figure{position:static}.medrese-full-biography{margin-top:25px}.medrese-full-biography h3{line-height:1.5;font-size:var(--font-small)}}

/* Reading sizes stay independent of the original composition scale. */
body{font-size:var(--font-body)}
input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:var(--font-body)!important}
.hero-intro p,.news-feature p,.news-list-item h3,.services-strip p,.event-row p,.activity p,.purpose-card p{font-size:var(--font-small);line-height:1.6}
.activity-details dt,.activity-date-symbol>small{letter-spacing:.06em}
.news-meta{white-space:normal;flex-wrap:wrap;row-gap:4px}
.services-strip h3{white-space:normal}
.mufti-card{height:auto;min-height:calc(258 * var(--s));grid-template-rows:minmax(0,1fr) minmax(38px,auto)}
.mufti-quote{min-height:min-content;padding-bottom:12px}.mufti-quote blockquote{font-size:var(--font-small);line-height:1.5}
.prayer-countdown{min-width:110px;min-height:110px}.prayer-countdown span{font-size:var(--font-caption)}
.footer-bottom{line-height:1.7}.footer-brand p{line-height:1.75}
@media(max-width:560px){.mufti-card{min-height:340px}.mufti-actions>.button{min-height:38px}.services-strip>a{align-items:flex-start}.news-list{gap:18px}.news-list-item{grid-template-columns:82px minmax(0,1fr)}.news-list-item>.reference-photo{height:72px}.prayer-card-actions{gap:12px}.prayer-card-actions p{line-height:1.6}}

/* Current navigation shares the same gold tones as hover states. */
:root{--nav-hover:#e8c681;--nav-panel-hover:#f2cc87}
.desktop-nav>a:hover,.desktop-nav>a:focus-visible,.desktop-nav .nav-dropdown:hover>summary,.desktop-nav .nav-dropdown[open]>summary,.desktop-nav>a[aria-current=page],.desktop-nav .nav-dropdown>summary.is-active{color:var(--nav-hover)}
.desktop-nav>a[aria-current=page]::after,.desktop-nav .nav-dropdown>summary.is-active::before{transform:scaleX(1)}
.desktop-nav .nav-dropdown-panel a:hover,.desktop-nav .nav-dropdown-panel a:focus-visible,.desktop-nav .nav-dropdown-panel a[aria-current=page]{padding-left:15px;background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--nav-panel-hover)}
.mobile-menu nav>a:hover,.mobile-submenu>summary:hover,.mobile-menu a[aria-current=page],.mobile-submenu>summary.is-active{color:var(--nav-hover)}
.news-list{grid-template-rows:repeat(4,minmax(0,1fr));align-self:stretch}
@media(min-width:901px){.mufti-quote blockquote{font-size:18px;line-height:1.5}.mufti-quote>strong{font-size:var(--font-small)}.mufti-quote>small{font-size:var(--font-small)}}
.news-list{grid-template-rows:repeat(4,minmax(min-content,1fr))}
@media(min-width:901px){.news-section,.mufti-section{display:flex;flex-direction:column}.news-grid{height:auto;min-height:380px;flex:1}.mufti-card{flex:1}}
@media(min-width:561px) and (max-width:900px){.news-grid{height:auto;min-height:350px}}

/* Keep external-link arrows monochrome at the surrounding text size. */
.icon.icon-external-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none}

:root{--about-fact-mobile:22px;--about-year-mobile:30px;--desktop-nav-gap:clamp(9px,.85vw,14px)}
.desktop-nav{gap:var(--desktop-nav-gap)}
@media(max-width:600px){.about-hero-facts dd{font-size:var(--about-fact-mobile)}.about-hero-facts>div:first-child dd{font-size:var(--about-year-mobile)}}
/* Religious and social services center uses the shared editorial palette. */
.center-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 30%,#c6a05b18,transparent 40%),var(--deep)}
.center-hero h1{font-size:clamp(42px,5.2vw,76px);max-width:850px}.center-hero .editorial-hero-row{grid-template-columns:minmax(0,1fr) 230px}
.center-symbol{align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:28px 0 28px 36px;border-left:1px solid color-mix(in srgb,var(--gold) 30%,transparent)}
.center-symbol-mark{display:grid;place-items:center}.center-institution-mark{display:block;width:112px;height:auto;filter:brightness(0) invert(1);opacity:.9}
.center-symbol-motto{max-width:180px;font:400 20px/1.4 var(--font-editorial);text-align:center;color:var(--gold-light)}
.center-body{padding-block:70px}.center-intro{max-width:740px;margin-bottom:46px}.center-intro h2,.center-contact h2{font:400 clamp(34px,3.2vw,48px)/1.15 var(--font-editorial);margin:15px 0}.center-intro p,.center-card p,.center-contact p{font-size:var(--font-body);line-height:1.8;color:var(--muted)}
.center-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;scroll-margin-top:110px}.center-card{display:flex;flex-direction:column;align-items:flex-start;padding:36px;border:1px solid var(--line);background:var(--paper);border-radius:8px;min-width:0}.center-card:nth-child(2),.center-card:nth-child(3){background:color-mix(in srgb,var(--green) 5%,var(--paper))}.center-card-icon{display:grid;place-items:center;width:60px;height:60px;color:var(--green);background:color-mix(in srgb,var(--gold) 15%,var(--paper));border-radius:50%;margin-bottom:28px}.center-card-icon>.icon{width:28px;height:28px}.center-card h2{font:400 clamp(30px,2.5vw,40px)/1.15 var(--font-editorial);margin:14px 0 18px}.center-card p{margin:0 0 28px}.center-card .text-link{margin-top:auto;color:var(--green)}
.center-contact{margin-top:48px;padding:36px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;border-block:1px solid var(--line)}.center-contact-actions{display:flex;flex-direction:column;align-items:center;gap:22px}
@media(max-width:900px){.center-hero .editorial-hero-row{grid-template-columns:1fr}.center-symbol{display:none}.center-contact{grid-template-columns:1fr}.center-contact-actions{align-items:flex-start}}
@media(max-width:600px){.center-body{padding-block:40px}.center-grid{grid-template-columns:1fr;gap:16px}.center-card{padding:26px}.center-contact{padding:28px 0;gap:24px}.center-hero h1{font-size:42px}}
/* Hajj preparation: editorial typography and the existing institutional palette. */
.hajj-hero{position:relative;padding:115px 0 48px;color:var(--paper);background:radial-gradient(ellipse at 85% 35%,#c6a05b12,transparent 55%),var(--deep);overflow:hidden}.hajj-hero .channel-breadcrumb{margin-bottom:32px}.hajj-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center}.hajj-hero-copy{min-width:0}.hajj-hero .eyebrow{color:var(--gold)}.hajj-hero h1{font:400 clamp(70px,8vw,120px)/1 var(--font-editorial);margin:22px 0;color:var(--paper)}.hajj-hero h2{font:400 clamp(30px,3.2vw,46px)/1.2 var(--font-editorial);color:var(--gold);margin-bottom:24px}.hajj-hero-copy>p{max-width:560px;font-size:18px;line-height:1.8;color:#e3e9e4}.hajj-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.hajj-light-link{display:inline-flex;align-items:center;gap:12px;font-size:var(--font-small)}.hajj-hero-note{display:flex;align-items:flex-start;gap:10px;margin-top:28px;font-size:var(--font-small);line-height:1.6;color:#c9d5cf}.hajj-hero-note>.icon{width:18px;height:18px;flex:none;margin-top:2px}.hajj-art{position:relative;max-width:480px;justify-self:end;width:100%;text-align:center}.hajj-art img{width:100%;height:auto}.hajj-art>span{display:block;margin-top:-35px;font:400 22px/1.4 var(--font-editorial);color:var(--gold)}
.hajj-section-nav{border-bottom:1px solid var(--line);background:var(--paper)}.hajj-section-nav>.container{display:flex;align-items:center;gap:36px;padding-block:22px}.hajj-section-nav a{display:inline-flex;align-items:center;gap:12px;color:var(--green);font-size:var(--font-small);font-weight:650}.hajj-section-nav a:last-child{margin-left:auto}.hajj-section-nav a:hover{color:var(--gold)}
.hajj-body{padding-block:72px}.hajj-body section[id]{scroll-margin-top:110px}.hajj-body h2{font:400 clamp(34px,3.5vw,50px)/1.15 var(--font-editorial);margin:16px 0 24px}.hajj-body p{font-size:var(--font-body);line-height:1.8;color:var(--muted)}.hajj-registration{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.hajj-registration .text-link{display:inline-flex;align-items:center;gap:14px;margin-top:24px;color:var(--green)}.hajj-status{padding:32px;background:color-mix(in srgb,var(--green) 5%,var(--paper));border:1px solid var(--line);border-radius:8px}.hajj-status-label{display:flex;align-items:center;gap:10px;color:var(--green);font-size:var(--font-small);font-weight:650}.hajj-status h3{font:400 30px/1.2 var(--font-editorial);margin:24px 0 18px}.hajj-status ul{padding-left:20px;line-height:1.8;font-size:var(--font-body);color:var(--ink)}.hajj-status li{padding:4px 0}.hajj-status>p{font-size:var(--font-small);margin:22px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.hajj-preparation{margin-top:88px}.hajj-preparation>header{max-width:700px}.hajj-prep-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:36px}.hajj-prep-grid article{padding:28px 22px;background:var(--paper);border:1px solid var(--line);border-radius:8px;min-width:0}.hajj-prep-icon{display:grid;place-items:center;width:52px;height:52px;background:color-mix(in srgb,var(--gold) 13%,var(--paper));color:var(--green);border-radius:50%;margin-bottom:24px}.hajj-prep-grid h3{font:400 28px/1.15 var(--font-editorial);margin-bottom:18px}.hajj-prep-grid p{font-size:var(--font-small);margin:0}
.hajj-checklist{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:64px;padding:40px;background:color-mix(in srgb,var(--green) 5%,var(--paper));border-radius:8px}.hajj-checklist fieldset{border:0;padding:0;min-width:0}.hajj-checklist label{display:flex;align-items:flex-start;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);font-size:var(--font-body);line-height:1.6;cursor:pointer}.hajj-checklist label:last-child{border:0}.hajj-checklist input{width:20px;height:20px;flex:none;margin-top:3px;accent-color:var(--green)}.hajj-checklist input:checked+span{text-decoration:line-through;color:var(--muted)}.hajj-checklist input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.hajj-faq{margin-top:72px;max-width:920px;margin-inline:auto}.hajj-faq details{border-bottom:1px solid var(--line)}.hajj-faq summary{padding:22px 0;font-size:18px;line-height:1.5;font-weight:550;cursor:pointer;color:var(--green)}.hajj-faq details>p{margin:0 0 24px}.hajj-resources{margin-top:72px;padding-top:38px;border-top:1px solid var(--line)}.hajj-resources>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.hajj-resources a{display:flex;align-items:center;gap:16px;padding:24px;border:1px solid var(--line);border-radius:6px;color:var(--green);font-size:var(--font-body);line-height:1.6}.hajj-resources a>.icon{flex:none}.hajj-resources a>.icon:last-child{margin-left:auto}.hajj-resources a:hover{background:color-mix(in srgb,var(--green) 5%,var(--paper))}
.hajj-contact{margin-top:60px;padding:44px;display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center;background:var(--deep);color:var(--paper);border-radius:10px}.hajj-contact .eyebrow{color:var(--gold)}.hajj-contact p{color:#d5dfd8}.hajj-contact .button{margin-top:24px}.hajj-contact address{font-style:normal;min-width:0}.hajj-contact address a{display:flex;align-items:flex-start;gap:14px;padding:20px 0;border-bottom:1px solid #ffffff20;font-size:var(--font-body);line-height:1.6;overflow-wrap:anywhere}.hajj-contact address a>.icon{flex:none;margin-top:2px}.hajj-contact address a:last-child{border:0}
@media(max-width:1000px){.hajj-hero-grid{gap:20px}.hajj-prep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hajj-registration{gap:32px}.hajj-contact{grid-template-columns:1fr;gap:20px}}
@media(max-width:700px){.hajj-hero{padding:100px 0 36px}.hajj-hero-grid{grid-template-columns:1fr}.hajj-hero h1{font-size:76px}.hajj-hero h2{font-size:34px}.hajj-hero-copy>p{font-size:var(--font-body)}.hajj-art{max-width:270px;justify-self:center;margin-top:20px}.hajj-art>span{font-size:20px;margin-top:-24px}.hajj-section-nav>.container{gap:24px;overflow-x:auto}.hajj-section-nav a{flex:none}.hajj-body{padding-block:40px}.hajj-registration,.hajj-checklist{grid-template-columns:1fr;gap:28px}.hajj-status{padding:26px}.hajj-preparation{margin-top:50px}.hajj-checklist{padding:26px;margin-top:36px}.hajj-resources>div{grid-template-columns:1fr}.hajj-contact{padding:28px}.hajj-faq,.hajj-resources{margin-top:48px}}
@media(max-width:420px){.hajj-prep-grid{grid-template-columns:1fr}.hajj-hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hajj-hero h1{font-size:68px}}

/* Hifz institute: shared institutional palette and typography. */
.hifz-page{font-size:var(--font-small)}.hifz-page h1,.hifz-page h2,.hifz-page h3{font-family:var(--font-editorial);font-weight:400;letter-spacing:-.02em}.hifz-page h2{font-size:clamp(32px,3.3vw,48px);line-height:1.15}.hifz-page .eyebrow{font-size:var(--font-caption);letter-spacing:.12em}.hifz-hero{background:var(--deep) url('/images/pattern.svg') repeat;color:var(--paper);padding:120px 0 0}.hifz-hero .channel-breadcrumb{margin-bottom:38px}.hifz-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.hifz-hero-copy{padding:0 0 50px}.hifz-hero-copy>.eyebrow{color:var(--gold)}.hifz-hero h1{font-size:clamp(40px,4.5vw,65px);line-height:1.08;max-width:650px;margin:23px 0}.hifz-hero h1 em{display:block;color:var(--gold-light);margin-top:14px;font-weight:400}.hifz-hero-copy>p{font-size:var(--font-body);color:var(--paper);line-height:1.6}.hifz-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:32px}.hifz-page .button{min-height:44px;font-size:var(--font-caption);padding:14px 22px}.hifz-text-link{display:inline-flex;align-items:center;gap:10px;font-size:var(--font-small)}.hifz-hero-photo{margin:0;position:relative;padding-bottom:30px}.hifz-hero-photo>img{width:100%;height:480px;border-radius:240px 240px 8px 8px;object-position:center;box-shadow:0 20px 60px #0003;border:1px solid var(--gold)}.hifz-founding{display:flex;align-items:center;gap:16px;border-top:1px solid #c6a05b55;padding:25px 0;font-size:var(--font-small)}.hifz-founding>.icon{color:var(--gold);width:26px;height:26px}.hifz-founding time{margin-left:auto;color:var(--gold);font-weight:650}.hifz-nav{border-bottom:1px solid var(--line);background:var(--paper)}.hifz-nav>.container{display:flex;justify-content:center;gap:45px;padding-block:20px;flex-wrap:wrap}.hifz-nav a{display:flex;align-items:center;gap:8px;font-size:var(--font-small);min-height:30px}.hifz-intro{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-block:85px}.hifz-intro h2{margin-top:18px}.hifz-intro p{line-height:1.85;color:var(--muted)}.hifz-intro .hifz-lead{color:var(--ink);font-size:var(--font-body);line-height:1.65;margin-bottom:20px}.hifz-intro p+p{margin-top:18px}.hifz-focus{background:#f0ebe2;border-block:1px solid var(--line);padding:70px 0}.hifz-focus header{text-align:center;margin-bottom:38px}.hifz-focus h2{margin-top:14px}.hifz-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hifz-focus article{padding:35px 40px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold)}.hifz-card-top{display:flex;align-items:center}.hifz-card-top .icon{width:36px;height:36px;color:var(--green)}.hifz-focus h3{font:400 32px/1.15 var(--font-editorial);margin:20px 0 16px}.hifz-focus p{line-height:1.85;color:var(--muted);max-width:480px}.hifz-card-note{display:block;margin-top:27px;padding-top:20px;border-top:1px solid var(--line);font-size:var(--font-small);color:var(--green)}.hifz-leadership{display:grid;grid-template-columns:280px 1fr;gap:65px;align-items:center;padding-block:85px}.hifz-leadership-mark{height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border-radius:140px 140px 0 0;background:var(--green) url('/images/pattern.svg');border:1px solid var(--gold);color:var(--gold)}.hifz-leadership-mark>.icon{width:38px;height:38px}.hifz-leadership h2{margin:18px 0 23px}.hifz-leadership h2 em{color:var(--green)}.hifz-leadership p{max-width:640px;line-height:1.85;color:var(--muted)}.hifz-role{display:flex;align-items:center;gap:12px;font-size:var(--font-small);margin-top:24px;color:var(--green)}.hifz-contact-wrap{padding-bottom:80px}.hifz-contact{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;background:var(--green);color:var(--paper);padding:48px}.hifz-contact .eyebrow{color:var(--gold)}.hifz-contact h2{margin:14px 0 18px;font-size:36px}.hifz-contact p{margin-bottom:25px;line-height:1.8}.hifz-contact-details{display:flex;flex-direction:column;justify-content:center;gap:22px;border-left:1px solid #c6a05b55;padding-left:40px;font-size:var(--font-small);overflow-wrap:anywhere}.hifz-contact-details>a,.hifz-contact-details>span{display:flex;align-items:center;gap:14px}.hifz-contact-details .icon{color:var(--gold);width:24px;height:24px}.hifz-contact-details small{display:block;font-size:var(--font-small);margin-top:4px}
@media(max-width:1100px){.hifz-hero-grid{gap:35px}.hifz-hero h1{font-size:48px}.hifz-hero-photo>img{height:420px}.hifz-intro{gap:40px}}
@media(max-width:760px){.hifz-hero{padding-top:105px}.hifz-hero-grid,.hifz-intro,.hifz-focus-grid,.hifz-leadership,.hifz-contact{grid-template-columns:1fr}.hifz-hero-copy{padding-bottom:0}.hifz-hero h1{font-size:clamp(38px,8vw,52px)}.hifz-hero-photo{max-width:480px;width:100%;margin:0 auto}.hifz-hero-photo>img{height:380px}.hifz-founding{flex-wrap:wrap}.hifz-founding>span{flex:1;min-width:200px}.hifz-founding time{margin-left:42px}.hifz-nav>.container{gap:12px 24px;justify-content:flex-start}.hifz-intro,.hifz-leadership{padding-block:55px;gap:30px}.hifz-focus{padding:50px 0}.hifz-focus article{padding:28px}.hifz-leadership-mark{width:180px;height:180px;border-radius:90px 90px 0 0}.hifz-contact{padding:30px;gap:30px}.hifz-contact-details{border-left:0;border-top:1px solid #c6a05b55;padding:25px 0 0}.hifz-contact-wrap{padding-bottom:55px}.hifz-hero .channel-breadcrumb{margin-bottom:25px}}

/* Source-backed news retains the site's editorial typography and palette. */
.article-source{font-size:var(--font-small);color:var(--muted);margin-top:24px}.article-source a{display:inline-flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:3px}.article-source .icon{width:16px;height:16px}.article-news-cover{height:auto;max-height:640px;object-fit:contain;background:var(--theme-soft)}.article-body p+p{margin-top:20px}.article-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:36px 0}.article-gallery a{display:flex;align-items:center;justify-content:center;background:var(--theme-soft);border:1px solid var(--line);border-radius:4px;overflow:hidden}.article-gallery img{width:100%;height:320px;object-fit:contain}.reading-page:has(.article-news-cover) h1{font-family:var(--font-editorial)}
@media(max-width:760px){.article-gallery{grid-template-columns:1fr;gap:16px}.article-gallery img{height:auto;max-height:520px}.article-news-cover{max-height:none}.article-source{line-height:1.8}}