/* Legacy of Faith: architectural campaign cover with royal-blue accents. */
:root{--forest:#1749ad;--forest-2:#103374;--ink:#152b50;--gold:#cea83e;--gold-deep:#795a16;--cream:#f7f4ec;--muted:#56677e}
.site-header{min-height:112px;background:#fff;border-bottom:3px solid #d6b354;padding-block:10px}
.site-header .header-logo{width:154px;height:94px;flex-basis:154px}
.header-donate,.primary-cta{background:#1749ad;border-color:#1749ad;border-radius:999px!important}
.header-donate:hover,.primary-cta:hover{background:#103374}
body[data-page="home"] .hero-reference{position:relative;grid-template-columns:minmax(0,1.4fr) minmax(280px,.65fr);gap:clamp(24px,4vw,60px);align-items:end;padding:64px clamp(20px,5vw,76px);background:linear-gradient(90deg,rgba(12,32,61,.25),rgba(12,32,61,.08)),url('mosque-hero.webp') center/cover no-repeat;min-height:650px}
body[data-page="home"] .hero-reference .hero-copy{background:rgba(255,253,248,.96);padding:30px;border-radius:18px;border-top:4px solid #d6b354;box-shadow:0 12px 36px rgba(15,35,66,.12)}
body[data-page="home"] .hero-reference h1.hero-message-title{font-size:35px;line-height:1.22;color:#152b50}
body[data-page="home"] .hero-reference .hero-future-copy{font-size:14px;line-height:1.65}
body[data-page="home"] .hero-reference .hero-vision-line{color:#795a16}
body[data-page="home"] .campaign-vision-card{background:#fffdf8;border-radius:18px;border:0;box-shadow:0 12px 36px rgba(15,35,66,.18)}
body[data-page="home"] .campaign-vision-card > img{display:none}
body[data-page="home"] .campaign-vision-caption{padding:22px 24px;background:#103374}
body[data-page="home"] .campaign-vision-caption strong{font-size:24px}
body[data-page="home"] .campaign-giving{padding:24px;background:#fffdf8}
body[data-page="home"] .campaign-giving nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body[data-page="home"] .campaign-giving nav a{background:#f0f4fc;color:#1749ad;border-color:#ccd7ed}
body[data-page="home"] .campaign-giving nav a:hover{background:#1749ad;color:#fff}
body[data-page="home"] .campaign-give-button{background:#1749ad;border-color:#1749ad;border-radius:999px}
body[data-page="home"] .home-updates.section-pad{background:#f5f7fc;padding-block:32px}
body[data-page="home"] .home-update-card:nth-child(n){background:white;border:1px solid #dfe5ef;border-top:3px solid #1749ad;border-radius:16px;box-shadow:0 6px 18px rgba(21,43,80,.04)}
body[data-page="home"] .home-update-card:nth-child(3){background:#fffbef;border-top-color:#cea83e}
body[data-page="home"] .future-bridge{background:#fffdf8;color:#152b50}
.future-bridge-heading h2,.future-bridge-steps h3{color:#152b50}.future-bridge p{color:#56677e}
.future-bridge .eyebrow.dark,.future-bridge-steps span{color:#795a16}.future-bridge .bridge-donate{background:#1749ad;color:white;border-color:#1749ad}
body[data-page="home"] .future-bridge-steps{background:#f0f4fc;padding:24px;border-radius:16px}
body[data-page="home"] .appeal-section{background:#f5f7fc}
body[data-page="home"] .appeal-section + .appeal-section{background:#fffdf8}
body[data-page="home"] .kindness-statement{background:#103374}
body[data-page="home"] .vision-section{background:#f4f0e5}.vision-carousel{border-radius:20px}.vision-controls{background:#103374}
.plan-section{background:#152b50}.final-cta{background:#edf2fc}
.vision-button,.service-enquiry-button,.contact-submit,.final-cta .final-button{background:#1749ad;border-color:#1749ad;border-radius:999px}
body[data-page="donate"] .compact-paypal-panel{background:linear-gradient(145deg,#1749ad,#103374)}
body[data-page="donate"] .donation-video-panel{background:#152b50}
.donation-slider-panel{background:#103374}.donation-progress-panel{background:#152b50}
.subpage-hero{background:linear-gradient(90deg,rgba(16,51,116,.96),rgba(16,51,116,.7)),url('mosque-hero.webp') center/cover}
.site-footer{background:#f5f7fc;border-color:#d6b354}
.site-footer .footer-identity{background:#fff;border-color:#dfe5ef;border-radius:18px}
.site-footer .footer-identity .footer-logo{width:156px;height:112px;max-height:112px}
@media(max-width:1050px){.site-header .header-logo{width:132px;height:86px;flex-basis:132px}body[data-page="home"] .hero-reference{grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:24px;padding-block:40px}body[data-page="home"] .hero-reference .hero-copy{padding:24px}}
@media(max-width:800px){body[data-page="home"] .hero-reference{grid-template-columns:1fr;padding:32px 20px;min-height:0;background:linear-gradient(rgba(12,32,61,.16),rgba(12,32,61,.16)),url('mosque-hero.webp') center/cover}body[data-page="home"] .campaign-vision-card{grid-column:1;grid-row:2}body[data-page="home"] .campaign-giving nav{grid-template-columns:repeat(5,minmax(0,1fr))}.site-header .header-logo{width:116px;height:80px;flex-basis:116px}}
@media(max-width:520px){body[data-page="home"] .hero-reference .hero-copy{padding:22px}body[data-page="home"] .hero-reference h1.hero-message-title{font-size:30px}.future-bridge-steps{padding:20px}.site-footer .footer-identity{max-width:100%}}

/* Open image cover: text only, no donation panel or buttons. */
body[data-page="home"] .hero-reference { display:block; min-height:0; aspect-ratio:16/10; padding:32px clamp(20px,5vw,76px); background:linear-gradient(180deg,rgba(7,24,47,.78),rgba(7,24,47,.40) 38%,transparent 68%),url('mosque-community-arrival.webp') center bottom/cover no-repeat; }
body[data-page="home"] .hero-reference .hero-copy { max-width:1080px; width:100%; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; }
body[data-page="home"] .hero-reference h1.hero-message-title { max-width:1080px; color:white; font-size:35px; line-height:1.22; text-shadow:0 2px 8px rgba(0,0,0,.45); }
body[data-page="home"] .hero-reference .eyebrow,body[data-page="home"] .hero-reference .hero-vision-line { color:#ffe4a0; }
body[data-page="home"] .hero-reference .hero-future-copy,body[data-page="home"] .hero-reference .hero-legacy-note { color:white; max-width:980px; text-shadow:0 1px 6px rgba(0,0,0,.6); }
@media(max-width:800px) { body[data-page="home"] .hero-reference { aspect-ratio:auto; padding:28px 20px 330px; background-size:auto 100%; background-position:center bottom; } body[data-page="home"] .hero-reference h1.hero-message-title { font-size:30px; } }

/* Compact closing appeal, matching the supplied wide reference. */
body[data-page="home"] .final-cta.section-pad { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:32px; padding:24px clamp(20px,7.3vw,150px); background:#f7eac3; border-top:3px solid #cea83e; }
body[data-page="home"] .final-cta .eyebrow { display:none; }
body[data-page="home"] .final-cta h2 { margin:0; font-size:clamp(40px,4.5vw,84px); line-height:1.04; letter-spacing:-.025em; color:#152b50; }
body[data-page="home"] .final-cta .final-copy { margin:16px 0 0; max-width:840px; font-size:16px; line-height:1.5; color:#152b50; }
body[data-page="home"] .final-cta .final-button { margin:0; padding:18px 24px; border-radius:10px; white-space:nowrap; background:#1749ad; color:white; }
@media(max-width:800px) { body[data-page="home"] .final-cta.section-pad { grid-template-columns:1fr; gap:22px; padding:28px 20px; } body[data-page="home"] .final-cta .final-button { justify-self:start; } body[data-page="home"] .final-cta h2 { font-size:40px; } }