/*
Theme Name: Midway Community Church
Author: Hermes Agent
Version: 1.0.0
*/
:root{--navy:#18253a;--ink:#1f2933;--cream:#fbf6eb;--gold:#c7902d;--sage:#677c5d;--muted:#697386;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}a{color:#925f08}.site-header{background:rgba(24,37,58,.96);color:var(--white);position:sticky;top:0;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.15)}.nav{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;gap:18px}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:800;letter-spacing:.02em}.brand img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.7);background:white}.nav-links{display:flex;gap:18px;flex-wrap:wrap}.nav-links a{color:white;text-decoration:none;font-weight:650;opacity:.9}.nav-links a:hover{opacity:1;color:#ffe1a3}.hero{background:linear-gradient(135deg,rgba(24,37,58,.93),rgba(42,77,88,.85)),url('assets/facebook-profile.jpg') center/cover;min-height:560px;color:white;display:grid;align-items:center}.hero-inner{max-width:1180px;margin:auto;padding:80px 22px}.eyebrow{color:#f2c36b;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.82rem}.hero h1{font-size:clamp(2.5rem,7vw,5.8rem);line-height:.95;margin:14px 0 20px;max-width:900px}.hero p{font-size:clamp(1.15rem,2vw,1.45rem);max-width:760px;color:#f7efe1}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;border-radius:999px;padding:13px 22px;text-decoration:none;font-weight:800}.btn.primary{background:var(--gold);color:#1c1405}.btn.secondary{border:2px solid rgba(255,255,255,.75);color:white}.section{padding:80px 22px}.wrap{max-width:1180px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border-radius:24px;padding:28px;box-shadow:0 14px 44px rgba(31,41,51,.08);border:1px solid rgba(24,37,58,.08)}.card h3{margin-top:0;color:var(--navy);font-size:1.45rem}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.photo-card{background:white;border-radius:30px;padding:18px;box-shadow:0 18px 50px rgba(31,41,51,.12);transform:rotate(1deg)}.photo-card img{width:100%;border-radius:22px;display:block}.kicker{color:var(--sage);font-weight:850;text-transform:uppercase;letter-spacing:.12em}.section h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;margin:8px 0 18px;color:var(--navy)}.notice{background:#edf3e9;border-left:6px solid var(--sage);border-radius:18px;padding:22px}.dark{background:var(--navy);color:white}.dark h2,.dark h3{color:white}.dark p{color:#dce5ee}.footer{background:#111827;color:#d1d5db;padding:36px 22px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-hero{background:linear-gradient(135deg,var(--navy),#2c4952);color:white;padding:82px 22px}.page-hero h1{max-width:1180px;margin:0 auto;font-size:clamp(2.4rem,5vw,4rem)}.content{max-width:900px;margin:0 auto;background:white;padding:42px;border-radius:28px;box-shadow:0 16px 44px rgba(31,41,51,.08)}.content h2{font-size:2rem}.content li{margin:.45rem 0}.small{font-size:.94rem;color:var(--muted)}@media(max-width:800px){.nav{align-items:flex-start;flex-direction:column}.grid,.split{grid-template-columns:1fr}.hero{min-height:620px}.section{padding:56px 18px}.content{padding:28px}.footer .wrap{display:block}}
.grid.four{grid-template-columns:repeat(4,1fr)}@media(max-width:1000px){.grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.grid.four{grid-template-columns:1fr}}


.hero.hero-community{background:linear-gradient(135deg,rgba(24,37,58,.80),rgba(42,77,88,.68)),url('assets/community/community-collage-hero.jpg') center/cover;}
.baptism-section{background:#f8efe0;}
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;}
.photo-grid figure{margin:0;background:white;border-radius:20px;overflow:hidden;box-shadow:0 14px 36px rgba(31,41,51,.10);}
.photo-grid img{width:100%;height:260px;object-fit:cover;display:block;transition:transform .25s ease;}
.photo-grid figure:hover img{transform:scale(1.025);}
@media(max-width:900px){.photo-grid{grid-template-columns:repeat(2,1fr)}.photo-grid img{height:230px}}
@media(max-width:560px){.photo-grid{grid-template-columns:1fr}.photo-grid img{height:auto}}