*{box-sizing:border-box}
:root{
  --royal:#173a9a;
  --royal-deep:#0d2467;
  --gold:#d5a63a;
  --gold-light:#f1cf77;
  --ink:#17203a;
  --cream:#faf7ee;
  --paper:#ffffff;
  --muted:#687087;
  --line:#e4e7ef;
  --deep:#081944;
  --max:1180px;
}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{text-decoration:none;color:inherit}
.container{width:min(92%,var(--max));margin:auto}
.site-header{position:relative;z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,58,154,.1)}
.nav-wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo{width:62px;height:62px;object-fit:contain}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-text strong{font-family:"DM Serif Display",serif;font-size:22px;font-weight:400;color:var(--royal-deep)}
.brand-text span{font-size:10px;letter-spacing:1.65px;text-transform:uppercase;color:#6c7385}
.nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:700}
.nav a:hover{color:var(--royal)}
.nav-cta{background:var(--royal);color:white!important;padding:10px 17px;border-radius:2px}
.menu-toggle{display:none;border:0;background:none;font-size:28px;color:var(--royal-deep)}
.hero{min-height:710px;position:relative;display:flex;align-items:center;color:white;background:
linear-gradient(105deg,rgba(8,25,68,.94),rgba(23,58,154,.58)),
radial-gradient(circle at 80% 20%,rgba(213,166,58,.38),transparent 30%),
linear-gradient(135deg,#0b215f,#1f4bc2)}
.hero:after{content:"";position:absolute;right:5%;top:50%;transform:translateY(-50%);width:min(37vw,480px);height:min(37vw,480px);background:url('church-logo.png') center/contain no-repeat;opacity:.17;filter:drop-shadow(0 0 30px rgba(255,255,255,.12))}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,12,36,.3),transparent 60%)}
.hero-content{position:relative;z-index:2;padding:90px 0;max-width:900px}
.eyebrow,.section-kicker,.small-label,.strip-label{font-size:12px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase}
.eyebrow{color:var(--gold-light);margin-bottom:16px}
.hero h1,.section h2,.welcome-strip h2{font-family:"DM Serif Display",serif;font-weight:400;line-height:1.02;margin:0}
.hero h1{font-size:clamp(52px,7vw,94px);max-width:820px}
.hero-scripture{font-family:"DM Serif Display",serif;font-style:italic;font-size:20px;color:#f4d98d;margin:24px 0 12px}
.hero-copy{max-width:680px;font-size:18px;color:rgba(255,255,255,.86)}
.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;font-size:14px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.2s}
.btn-primary{background:var(--gold);color:#101a38}
.btn-primary:hover{background:var(--gold-light)}
.btn-secondary{border-color:rgba(255,255,255,.8);color:white}
.btn-secondary:hover{background:white;color:var(--royal-deep)}
.btn-dark{background:var(--royal-deep);color:white}
.btn-outline-blue{border-color:var(--royal);color:var(--royal)}
.full{width:100%}
.welcome-strip{padding:46px 0;background:linear-gradient(90deg,#f9f4e8,#fff);border-bottom:1px solid #ede1c6}
.strip-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.strip-label,.section-kicker{color:var(--royal)}
.welcome-strip h2{font-size:38px;margin-top:6px;color:var(--royal-deep)}
.section{padding:110px 0}
.section-light{background:var(--paper)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.section h2{font-size:clamp(38px,5vw,58px);margin-top:12px;color:var(--royal-deep)}
.copy-block p,.section-heading p{color:var(--muted);font-size:17px}
.text-link{display:inline-block;margin-top:14px;font-weight:800;color:var(--royal)}
.pastor-section{background:linear-gradient(135deg,var(--royal-deep),#173a9a);color:white;overflow:hidden}
.pastor-section h2{color:white}
.pastor-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:90px;align-items:center}
.pastor-photo-wrap{position:relative;max-width:470px}
.gold-frame{position:absolute;inset:-18px 18px 18px -18px;border:3px solid var(--gold);z-index:0}
.pastor-photo{position:relative;z-index:1;width:100%;display:block;aspect-ratio:4/4.6;object-fit:cover;object-position:center top;box-shadow:0 28px 55px rgba(0,0,0,.25)}
.pastor-copy p{color:rgba(255,255,255,.78);font-size:17px}
.pastor-copy .pastor-lead{font-family:"DM Serif Display",serif;font-size:24px;color:#f7e2a7}
blockquote{margin:28px 0 0;padding:18px 0 18px 22px;border-left:3px solid var(--gold);font-family:"DM Serif Display",serif;font-size:23px;color:white}
.gold{color:var(--gold-light)!important}
.values{background:#f4f7ff}
.section-heading{max-width:700px;margin-bottom:42px}
.section-heading.center{text-align:center;margin:0 auto 46px}
.cards{display:grid;gap:22px}
.cards.four{grid-template-columns:repeat(4,1fr)}
.cards.three{grid-template-columns:repeat(3,1fr)}
.card,.ministry-card{background:white;border:1px solid #dfe5f3;padding:32px;min-height:250px;box-shadow:0 9px 24px rgba(18,41,102,.04)}
.icon{font-size:30px;color:var(--gold)}
.card h3,.ministry-card h3,.giving-card h3,.contact-panel h3{font-family:"DM Serif Display",serif;font-size:28px;font-weight:400;margin:12px 0;color:var(--royal-deep)}
.card p,.ministry-card p{color:var(--muted)}
.ministry-card span{font-size:13px;font-weight:800;color:var(--gold)}
.section-dark{background:var(--deep);color:white}
.section-dark h2{color:white}
.muted{color:rgba(255,255,255,.7);font-size:17px}
.services-grid{align-items:start}
.service-card{border:1px solid rgba(255,255,255,.16);padding:26px;background:rgba(255,255,255,.05)}
.service-row{display:flex;justify-content:space-between;gap:30px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.service-row strong{display:block;font-size:18px;margin-top:5px}
.small-label{color:var(--gold-light)}
.time{color:rgba(255,255,255,.72);font-size:14px;text-align:right}
.giving{background:linear-gradient(135deg,#0b235f,#173a9a);color:white}
.giving h2{color:white}
.giving-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}
.giving p{color:rgba(255,255,255,.75)}
.giving-card{background:white;color:var(--ink);padding:34px;border-top:5px solid var(--gold)}
.giving-card p{color:var(--muted)}
.giving-card small{display:block;margin-top:12px;color:var(--muted)}
.cash-tag{font-family:"DM Serif Display",serif;font-size:35px;color:var(--royal);padding:13px 0 22px}
.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:start}
.contact-points{margin-top:34px;display:grid;gap:16px}
.contact-points div{display:flex;flex-direction:column;padding-bottom:14px;border-bottom:1px solid var(--line)}
.contact-points span{color:var(--muted)}
.social-buttons{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.social-link{border:1px solid var(--royal);padding:10px 18px;color:var(--royal);font-weight:800}
.contact-panel{background:#f4f7ff;border:1px solid #dfe5f3;padding:38px;text-align:center}
.contact-logo{width:180px;max-width:70%;margin:auto;display:block}
.contact-panel p{color:var(--muted)}
.contact-panel .btn{margin-top:10px}
.footer{background:#061334;color:white;padding:60px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:55px}
.footer p{color:rgba(255,255,255,.62)}
.footer-links{display:grid;gap:9px}
.footer-brand .brand-text strong{color:white}
.footer-brand .brand-text span{color:rgba(255,255,255,.55)}
.footer-small{font-size:13px}
.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;font-size:12px;color:rgba(255,255,255,.5)}
@media (max-width:900px){
  .menu-toggle{display:block}
  .nav{display:none;position:absolute;top:86px;left:0;right:0;background:white;padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .strip-grid,.two-col,.giving-inner,.contact-grid,.pastor-grid{grid-template-columns:1fr;gap:42px}
  .cards.four{grid-template-columns:repeat(2,1fr)}
  .cards.three{grid-template-columns:1fr}
  .service-row{flex-direction:column;gap:8px}
  .time{text-align:left}
  .hero:after{opacity:.1;width:70vw;height:70vw;right:-15vw}
  .pastor-photo-wrap{margin:auto}
}
@media (max-width:600px){
  .brand-text span{font-size:8.5px}
  .brand-logo{width:52px;height:52px}
  .nav-wrap{min-height:74px}
  .nav{top:74px}
  .hero{min-height:640px}
  .hero h1{font-size:47px}
  .section{padding:76px 0}
  .cards.four{grid-template-columns:1fr}
  .welcome-strip h2{font-size:31px}
  .footer-grid{grid-template-columns:1fr}
}

.zelle-option{margin-top:18px;padding:16px;border:1px solid #dfe5f3;background:#f4f7ff;text-align:center}
.zelle-option strong{display:block;color:var(--royal-deep);font-size:18px}
.zelle-option span{display:block;color:var(--muted);font-size:14px;margin-top:3px;overflow-wrap:anywhere}

.square-option{margin-top:14px;padding:18px;border:1px solid #dfe5f3;background:#fff;text-align:center}
.square-option strong{display:block;color:var(--royal-deep);font-size:18px}
.square-option span{display:block;color:var(--muted);font-size:14px;margin:3px 0 12px}
.btn-square{background:var(--royal);color:white}
.btn-square:hover{background:var(--royal-deep)}
@media (max-width:600px){.pastor-section{padding-bottom:90px}}

.ministry-grid{grid-template-columns:repeat(2,1fr)}
.children-card{border-top:4px solid var(--gold);background:linear-gradient(180deg,#fff,#fffaf0)}
.children-highlight{display:block;margin-top:18px;color:var(--royal);font-size:14px}
@media (max-width:900px){.ministry-grid{grid-template-columns:1fr}}

.ministry-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.ministry-showcase{background:#fff;border:1px solid #dfe5f3;overflow:hidden;box-shadow:0 12px 30px rgba(10,34,95,.07)}
.ministry-showcase img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.ministry-showcase-copy{padding:24px}
.ministry-showcase-copy>span{font-weight:800;color:var(--gold);font-size:13px;letter-spacing:.15em}
.ministry-showcase-copy h3{font-family:"DM Serif Display",serif;color:var(--royal-deep);font-size:30px;margin:7px 0 10px}
.ministry-showcase-copy p{color:var(--muted);margin:0;line-height:1.7}
.ministry-showcase-grid>.ministry-card{min-height:220px}
@media(max-width:900px){.ministry-showcase-grid{grid-template-columns:1fr}}

.ministry-page-link{display:inline-block;margin-top:18px;color:var(--royal);font-weight:800;text-decoration:none}
.ministry-page-link:hover{text-decoration:underline}

.weekly-connect{background:#f8f5ed}
.weekly-connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.weekly-feature{background:#fff;border:1px solid #dfe5f3;overflow:hidden;box-shadow:0 12px 28px rgba(7,27,77,.07)}
.weekly-feature img{display:block;width:100%;aspect-ratio:1.25/1;object-fit:cover;object-position:center top}
.weekly-feature-copy{padding:24px}
.weekly-feature-copy h3{font-family:"DM Serif Display",serif;color:var(--royal-deep);font-size:29px;font-weight:400;margin:0 0 8px}
.weekly-feature-copy p{color:var(--muted)}
@media(max-width:900px){.weekly-connect-grid{grid-template-columns:1fr}}