/* London Masjid: navy, gold and warm ivory. */
:root{--ink:#122749;--forest:#123b77;--forest-2:#0c2346;--charcoal:#0c2346;--moss:#365c8b;--gold:#c69a35;--gold-deep:#795a1c;--gold-soft:#f4e3b4;--paper:#fffdf8;--cream:#f5f1e8;--muted:#58677c;--line:#dce2eb}
body{background:#fffdf8;color:#122749}
.site-header{height:auto;min-height:118px;padding:12px clamp(20px,5vw,76px);background:#fffdf8;border-bottom:1px solid #e4d4af;box-shadow:none}
.site-header .header-logo{width:122px;height:100px;flex-basis:122px;background:transparent;object-fit:contain}
.site-header nav a,.site-header nav a.active{color:#122749}.site-header nav a:hover{color:#795a1c}
.header-donate,.primary-cta,.campaign-give-button{background:#123b77;border-color:#123b77;color:#fff}
.header-donate:hover,.primary-cta:hover,.campaign-give-button:hover{background:#0c2346;color:#fff}
body[data-page="home"] .hero-reference{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;padding:48px clamp(20px,5vw,76px);background:linear-gradient(120deg,#fffdf8,#f0f3f9);box-shadow:none}
body[data-page="home"] .hero-reference .hero-copy{grid-column:1;grid-row:1;width:auto;max-width:none;padding:0}
body[data-page="home"] .hero-reference h1.hero-message-title{color:#122749;font-size:35px;line-height:1.25;max-width:730px}
body[data-page="home"] .hero-reference .eyebrow,body[data-page="home"] .hero-reference .hero-vision-line{color:#795a1c}
body[data-page="home"] .hero-reference .hero-future-copy,body[data-page="home"] .hero-reference .hero-legacy-note{color:#58677c}
body[data-page="home"] .hero-reference .hero-secondary-cta{background:transparent;color:#123b77;border-color:#bdc9d9}
body[data-page="home"] .campaign-vision-card{display:block;grid-column:2;grid-row:1;border:1px solid #dce2eb;border-radius:22px;background:white;overflow:hidden;box-shadow:0 16px 40px rgba(18,39,73,.09)}
body[data-page="home"] .campaign-vision-card > img{display:block;width:100%;height:240px;object-fit:cover}
body[data-page="home"] .campaign-vision-caption{display:block;background:#0c2346;padding:16px 24px;color:white}
.campaign-vision-caption span{color:#f4d47a}.campaign-vision-caption small{color:#dce5f2}
body[data-page="home"] .campaign-giving{display:block;padding:22px 24px;background:#fffdf8}
body[data-page="home"] .campaign-giving > div > span,body[data-page="home"] .campaign-giving p{color:#58677c}
body[data-page="home"] .campaign-giving > div > strong{color:#122749;font-size:35px}
body[data-page="home"] .campaign-giving p{margin:6px 0 16px;max-width:none}
body[data-page="home"] .campaign-giving nav a{background:#f0f3f9;color:#123b77;border-color:#d5deeb}
body[data-page="home"] .campaign-giving nav a:hover{background:#123b77;color:white}
body[data-page="home"] .campaign-give-button{width:100%;margin-top:14px;background:#123b77;color:white;border-color:#123b77}
body[data-page="home"] .home-updates.section-pad{padding:26px clamp(20px,5vw,76px);background:#fffdf8}
body[data-page="home"] .home-update-card:nth-child(n){background:#f0f3f9;border:1px solid #dce2eb;border-top:3px solid #123b77;border-radius:14px}
body[data-page="home"] .home-update-card:nth-child(3){background:#faf1dc;border-top-color:#c69a35}
.home-update-card h2,.home-update-card h3{color:#122749}.home-update-card p{color:#58677c}.home-update-card a{color:#123b77}
body[data-page="home"] .future-bridge{background:#0c2346;color:#dce5f2}
.future-bridge-heading h2,.future-bridge-steps h3{color:white}.future-bridge p{color:#dce5f2}
.future-bridge .eyebrow.dark,.future-bridge-steps span{color:#f4d47a}
body[data-page="home"] .future-bridge-steps article{border-color:#c69a35}
body[data-page="home"] .appeal-section{background:#fffdf8;border-color:#e4d4af}
body[data-page="home"] .appeal-section + .appeal-section{background:#f5f1e8;border-color:#e4d4af}
.section-heading h2,.vision-intro h2{color:#122749}.quote-strip{background:#fff9e9;border-color:#c69a35}
body[data-page="home"] .kindness-statement{background:#18375b}
body[data-page="home"] .vision-section{background:#f0f3f9}.vision-controls{background:#0c2346}
.future-pillars,.future-pillars > div{background:white;border-color:#dce2eb}
.plan-section{background:#0c2346}.plan-card{border-color:#637595;background:rgba(255,255,255,.04)}
.final-cta{background:#f4e3b4}.final-cta h2,.final-cta p{color:#122749}
.vision-button,.bridge-donate,.service-enquiry-button,.contact-submit,.final-cta .final-button{background:#123b77;border-color:#123b77;color:#fff}
.future-bridge .bridge-donate{background:#f4d47a;color:#122749;border-color:#f4d47a}
body[data-page="donate"] .compact-donation-page{background:#f0f3f9}
body[data-page="donate"] .compact-paypal-panel{background:linear-gradient(135deg,#123b77,#0c2346)}
body[data-page="donate"] .donation-video-panel{background:#18375b}
body[data-page="donate"] .compact-paypal-panel .paypal-donate-button,body[data-page="donate"] .compact-paypal-panel .donate-amount.selected{background:#f4d47a;color:#122749;border-color:#f4d47a}
.donation-slider-panel,.donation-progress-panel{background:#18375b}
.subpage-hero{background:linear-gradient(90deg,rgba(12,35,70,.96),rgba(12,35,70,.72)),url('mosque-hero.webp') center/cover}
.contact-form,.next-prayer,.prayer-card.next,.contact-donate-panel,.marriage-process,.service-final-cta,.islam-section.dark-section{background:#0c2346}
.contact-page-shell,.prayer-board{background:#f0f3f9}
.site-footer{background:#f0f3f9;color:#122749;border-color:#c69a35}
.site-footer a,.footer-notice,.site-footer .copyright{color:#58677c}
.site-footer .footer-identity .footer-logo{width:140px;height:110px;max-height:110px;background:transparent}
.supporter-popup.popup-emerald{--popup-bg:#123b77}.supporter-popup.popup-navy{--popup-bg:#0c2346}.supporter-popup.popup-plum{--popup-bg:#3c3a60}.supporter-popup.popup-copper{--popup-bg:#705035}
@media(max-width:1050px){.site-header .header-logo{width:110px;height:90px;flex-basis:110px}.site-header nav{background:#fffdf8}}
@media(max-width:800px){body[data-page="home"] .hero-reference{grid-template-columns:1fr;gap:28px;padding:32px 20px;background:#f0f3f9}body[data-page="home"] .campaign-vision-card{grid-column:1;grid-row:2;width:100%;max-width:none}.site-header .header-logo{width:94px;height:78px;flex-basis:94px}body[data-page="home"] .campaign-giving{display:block}.future-bridge-heading h2{color:white}}
@media(prefers-reduced-motion:reduce){.header-donate,.primary-cta,.footer-donate-flash{animation:none!important}}