:root{
  --bg:#f5f7fb;--ink:#132033;--muted:#5f6f82;--brand:#061b35;--brand-2:#0d2d52;--red:#d7192d;--gold:#d7a84f;--card:#ffffff;--soft:#edf3f9;--line:#dbe4ef;--shadow:0 18px 42px rgba(6,27,53,.12)
}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}a{color:var(--brand-2);font-weight:800}.top-strip{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;background:linear-gradient(90deg,var(--brand),var(--brand-2));color:white;padding:.58rem 1rem;font-size:.92rem}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,4vw,4rem);background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--ink);min-width:250px}.brand-logo{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(6,27,53,.16))}.brand-text strong{display:block;font-size:1.05rem;letter-spacing:.01em}.brand-text small{display:block;color:var(--muted);font-weight:700;font-size:.78rem;max-width:300px}.main-nav{display:flex;gap:.15rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.main-nav a{padding:.58rem .68rem;text-decoration:none;color:var(--ink);border-radius:999px;font-size:.95rem}.main-nav a:hover,.main-nav a.active{background:var(--soft);color:var(--brand)}.main-nav .nav-give{background:var(--red);color:white}.main-nav .nav-give:hover,.main-nav .nav-give.active{background:#b91122;color:white}.menu-toggle{display:none;font-size:1.5rem;background:white;border:1px solid var(--line);border-radius:.7rem;padding:.35rem .65rem}.hero,.page-hero{padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,4rem);display:grid;grid-template-columns:1.25fr .75fr;gap:2rem;align-items:center;background:radial-gradient(circle at 80% 20%,rgba(215,25,45,.14),transparent 28%),linear-gradient(135deg,#fff,#e9f2fb 52%,#dfeaf6)}.page-hero.small{display:block;padding:3rem clamp(1rem,4vw,4rem)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--red);font-weight:900;font-size:.8rem}.hero h1,.page-hero h1{font-size:clamp(2.3rem,5vw,4.75rem);line-height:1.03;margin:.3rem 0;color:var(--brand)}.lead{font-size:1.2rem;color:#40546a;max-width:820px}.hero-actions{margin-top:1.2rem}.hero-card,.card,.content-panel{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;box-shadow:var(--shadow)}.hero-card{padding:2rem;text-align:center}.hero-card .seal{width:min(230px,70%);height:auto;margin:0 auto 1rem;display:block}.big{font-size:2.7rem;font-weight:900;color:var(--red);margin:.2rem 0}.btn{display:inline-block;padding:.85rem 1.1rem;border-radius:999px;border:2px solid var(--brand);text-decoration:none;margin:.25rem .25rem .25rem 0;background:white;color:var(--brand)}.btn.primary{background:var(--brand);color:white}.btn.red{background:var(--red);border-color:var(--red);color:white}.btn.light{border-color:white;color:white;background:transparent}.cards{padding:3rem clamp(1rem,4vw,4rem);display:grid;gap:1.2rem}.cards.three{grid-template-columns:repeat(3,1fr)}.card{padding:1.5rem;position:relative;overflow:hidden}.card h2,.card h3{color:var(--brand)}.card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--red),var(--gold),var(--brand-2))}.notice-band{margin:1rem clamp(1rem,4vw,4rem) 3rem;padding:2rem;border-radius:1.25rem;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:white;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:var(--shadow)}.notice-band h2{margin-top:0}.notice-band a{color:white}.content-panel{margin:2rem clamp(1rem,4vw,4rem);padding:2rem}.site-footer{background:linear-gradient(135deg,#06111f,var(--brand));color:#eef5ff;padding:2rem clamp(1rem,4vw,4rem)}.footer-brand-panel{display:flex;gap:1rem;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;padding:1rem;margin-bottom:1.25rem}.footer-brand-panel img{width:96px;height:96px;object-fit:contain}.footer-brand-panel h2{margin:.2rem 0}.footer-brand-panel p{margin:.2rem 0;color:#cdd7e4}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem}.site-footer a{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.18);margin-top:1rem;padding-top:1rem;color:#cdd7e4}.pill{display:inline-block;background:#fff0f2;color:var(--red);font-weight:900;border:1px solid #ffd1d7;border-radius:999px;padding:.25rem .65rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.worship-card{position:relative;overflow:hidden}.split-section{margin:2rem clamp(1rem,4vw,4rem);padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:1.25rem;box-shadow:var(--shadow)}.split-section h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1;margin:.2rem 0 1rem;color:var(--brand)}.feature-list{display:grid;gap:.8rem}.feature-list div{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1rem}.feature-list strong{display:block;color:var(--brand);font-size:1.05rem}.feature-list span{display:block;color:var(--muted)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1.25rem}.section-heading h2{margin:0;color:var(--brand)}.section-heading p{margin:0;color:var(--muted);max-width:620px}.news-list{display:grid;gap:1rem}.news-card{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1.25rem}.news-card .date{display:inline-block;margin:0 0 .5rem;background:var(--soft);color:var(--brand);font-weight:900;border-radius:999px;padding:.2rem .6rem}.news-card h3{margin:.2rem 0}.timeline{display:grid;gap:1rem}.timeline-item{border-left:5px solid var(--red);background:#fff;border-radius:.5rem 1rem 1rem .5rem;padding:1rem 1.25rem}.timeline-item span{font-weight:900;color:var(--brand);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.timeline-item strong{display:block;font-size:1.25rem;margin:.15rem 0}.compact-cards{padding:0;margin-top:1rem}.compact-cards .card{box-shadow:none}.brand-statement{text-align:center;padding:2.5rem clamp(1rem,4vw,4rem);background:white;border-block:1px solid var(--line)}.brand-statement h2{font-size:clamp(1.7rem,3vw,2.8rem);color:var(--brand);margin:.2rem 0}.brand-statement p{max-width:760px;margin:0 auto;color:var(--muted)}@media(max-width:1100px){.brand{min-width:200px}.brand-logo{width:54px;height:54px}.main-nav a{font-size:.9rem;padding:.5rem .48rem}}@media(max-width:850px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:1rem;right:1rem;top:82px;flex-direction:column;align-items:stretch;background:white;border:1px solid var(--line);border-radius:1rem;padding:.75rem;box-shadow:var(--shadow)}.main-nav.open{display:flex}.hero{grid-template-columns:1fr}.cards.three,.footer-grid{grid-template-columns:1fr}.notice-band{display:block}.split-section,.section-heading{display:block}.compact-cards{grid-template-columns:1fr}.footer-brand-panel{align-items:flex-start}.footer-brand-panel img{width:76px;height:76px}.brand-text small{display:none}}

/* Phase 2G Homepage Experience Upgrade */
.hero.hero-experience{position:relative;overflow:hidden;grid-template-columns:1.15fr .85fr;min-height:620px;background:radial-gradient(circle at 12% 15%,rgba(215,25,45,.16),transparent 22%),radial-gradient(circle at 82% 20%,rgba(215,168,79,.14),transparent 24%),linear-gradient(135deg,#ffffff 0%,#eef5fc 52%,#d8e6f4 100%)}
.hero.hero-experience::after{content:"";position:absolute;inset:auto -120px -180px auto;width:420px;height:420px;border-radius:50%;background:rgba(6,27,53,.08);pointer-events:none}.hero-kicker{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.35rem .75rem;font-weight:900;color:var(--brand);box-shadow:0 10px 28px rgba(6,27,53,.08)}.hero-kicker span{color:var(--red)}.hero-subline{font-size:1.35rem;color:#30465e;max-width:780px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.5rem;max-width:720px}.hero-stat{background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:1rem;padding:1rem;box-shadow:0 10px 25px rgba(6,27,53,.07)}.hero-stat strong{display:block;color:var(--brand);font-size:1.05rem}.hero-stat span{display:block;color:var(--muted);font-weight:700}.visit-card{position:relative;z-index:1;padding:1.75rem}.visit-card .seal{width:min(210px,70%)}.visit-card h2{font-size:2rem;margin:.5rem 0;color:var(--brand)}.visit-card .time-badge{display:inline-block;font-size:1.2rem;font-weight:900;background:var(--red);color:#fff;border-radius:999px;padding:.45rem .9rem;margin:.4rem 0}.visit-list{display:grid;gap:.7rem;text-align:left;margin:1rem 0}.visit-list div{border:1px solid var(--line);border-radius:.9rem;padding:.8rem;background:#fff}.quick-actions{padding:3rem clamp(1rem,4vw,4rem);background:#fff;border-block:1px solid var(--line)}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.action-card{border:1px solid var(--line);border-radius:1.2rem;padding:1.25rem;text-decoration:none;color:var(--ink);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 14px 32px rgba(6,27,53,.07);transition:transform .15s ease, box-shadow .15s ease}.action-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.action-card .icon{font-size:2rem}.action-card h3{margin:.35rem 0;color:var(--brand)}.action-card p{margin:0;color:var(--muted);font-weight:600}.sunday-feature{margin:3rem clamp(1rem,4vw,4rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:stretch}.sunday-time{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-radius:1.4rem;padding:2rem;box-shadow:var(--shadow)}.sunday-time .eyebrow{color:#ffd8dc}.sunday-time h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:.25rem 0}.sunday-time .big-time{font-size:clamp(2.8rem,5vw,4.6rem);font-weight:900;color:#fff;margin:.2rem 0}.sunday-details{background:#fff;border:1px solid var(--line);border-radius:1.4rem;padding:2rem;box-shadow:var(--shadow)}.sunday-details h2{color:var(--brand);font-size:2rem;margin-top:0}.expect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin-top:1rem}.expect-item{border-left:5px solid var(--red);background:#f8fbff;border-radius:.7rem;padding:.9rem}.expect-item strong{display:block;color:var(--brand)}.welcome-section{margin:3rem clamp(1rem,4vw,4rem);display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.welcome-copy{background:#fff;border:1px solid var(--line);border-radius:1.4rem;padding:2rem;box-shadow:var(--shadow)}.welcome-copy h2{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:.2rem 0;color:var(--brand)}.welcome-points{display:grid;gap:1rem}.welcome-point{background:linear-gradient(135deg,#fff,#eef5fc);border:1px solid var(--line);border-radius:1rem;padding:1rem}.welcome-point strong{display:block;color:var(--brand);font-size:1.05rem}.newsletter-home{margin:3rem clamp(1rem,4vw,4rem);background:linear-gradient(135deg,#fff,#f4f8fc);border:1px solid var(--line);border-radius:1.4rem;box-shadow:var(--shadow);padding:2rem;display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}.newsletter-home h2{font-size:clamp(1.8rem,3vw,2.8rem);color:var(--brand);margin:.2rem 0}.newsletter-highlights{display:grid;gap:.7rem}.newsletter-highlights div{background:#fff;border:1px solid var(--line);border-radius:.9rem;padding:.8rem;font-weight:800;color:var(--brand)}.cta-final{margin:3rem 0 0;padding:3.5rem clamp(1rem,4vw,4rem);text-align:center;background:radial-gradient(circle at 50% 0%,rgba(215,25,45,.18),transparent 30%),linear-gradient(135deg,var(--brand),#071427);color:#fff}.cta-final h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:.2rem 0}.cta-final p{max-width:760px;margin:.5rem auto 1.25rem;color:#d8e2ef}.cta-final .btn{margin:.25rem}.btn.white{background:#fff;color:var(--brand);border-color:#fff}@media(max-width:1000px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.sunday-feature,.welcome-section,.newsletter-home{grid-template-columns:1fr}.hero-stats{grid-template-columns:1fr}}@media(max-width:850px){.hero.hero-experience{grid-template-columns:1fr;min-height:auto}.quick-actions-grid,.expect-grid{grid-template-columns:1fr}.hero-subline{font-size:1.1rem}.visit-card{text-align:center}}