:root{
  --navy:#061b35;
  --navy2:#0a2a50;
  --gold:#d9a62c;
  --white:#ffffff;
  --cream:#f6edd8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--navy);color:var(--white);line-height:1.6}
a{color:inherit;text-decoration:none}
.hero{
  min-height:92vh;
  background:linear-gradient(rgba(4,15,31,.72),rgba(4,15,31,.88)),url('assets/event-flyer.jpg') center/cover no-repeat;
  padding:28px 7%;
}
.navbar{display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand span{display:block;color:var(--gold);letter-spacing:1px;font-weight:700;text-transform:uppercase;font-size:.78rem}
.brand strong{font-size:1.15rem}
.links a{margin-left:22px;font-weight:700;color:var(--cream)}
.hero-inner{max-width:850px;padding:120px 0 70px}
.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:3px;font-weight:800}
h1{font-size:clamp(3.2rem,8vw,7rem);line-height:.93;margin:10px 0 22px}
h1 span{color:var(--gold);font-style:italic}
h2{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:0 0 22px;color:var(--gold)}
.lead{font-size:1.28rem;max-width:720px;color:var(--cream)}
.btn{display:inline-block;padding:14px 26px;border-radius:999px;font-weight:900;margin:8px 10px 8px 0}
.primary{background:var(--gold);color:#061b35}
.secondary{border:2px solid var(--gold);color:var(--cream)}
.section{padding:72px 7%;max-width:1200px;margin:0 auto}
.about{display:grid;grid-template-columns:1.4fr .9fr;gap:34px;align-items:center}
.mission-card,.event-grid div,.cards article,.products,.contact{background:rgba(255,255,255,.06);border:1px solid rgba(217,166,44,.55);border-radius:24px}
.mission-card{padding:34px}
.scripture{border-left:4px solid var(--gold);padding-left:18px;color:var(--cream);font-style:italic}
.event{text-align:center}
.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.event-grid div{padding:28px}
.event-grid span{display:block;color:var(--gold);text-transform:uppercase;font-weight:900;letter-spacing:1px}
.event-grid strong{display:block;font-size:1.25rem;margin-top:8px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards article{padding:24px;font-weight:800;min-height:95px;display:flex;align-items:center}
.products{text-align:center}
.products p{max-width:650px;margin:0 auto 20px}
.flyer{text-align:center}
.flyer img{width:100%;max-width:620px;border-radius:24px;border:2px solid var(--gold);box-shadow:0 22px 60px rgba(0,0,0,.35)}
.contact{text-align:center}
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.contact-grid p{margin:0;padding:10px}
footer{background:#03101f;text-align:center;padding:30px 7%;color:var(--cream)}
@media(max-width:850px){
  .navbar{align-items:flex-start;flex-direction:column}
  .links a{margin:0 14px 8px 0;display:inline-block}
  .about,.event-grid,.cards,.contact-grid{grid-template-columns:1fr}
  .hero-inner{padding:70px 0}
}