:root{
  --navy:#052e5f;
  --navy-deep:#03264e;
  --teal:#087f7b;
  --gold:#d79a05;
  --green:#4f843c;
  --cream:#fbf7ef;
  --ink:#15304b;
  --muted:#5d6871;
  --line:#e5dccb;
  --white:#fff;
  --shadow:0 12px 28px rgba(27,37,48,.15);
  --radius:14px;
  --max:1380px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:.75rem 1rem;z-index:9999}
.skip-link:focus{left:1rem;top:1rem}
.site-header{position:sticky;top:0;z-index:80;background:var(--navy-deep);box-shadow:0 2px 10px rgba(0,0,0,.18)}
.header-inner{max-width:var(--max);margin:auto;min-height:84px;padding:0 28px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.brand img{width:150px;height:auto;border-radius:9px}
.brand-text{color:#fff;line-height:1.05}
.brand-text strong{display:block;font-family:Georgia,serif;font-size:1.05rem}
.brand-text span{display:block;font-family:Georgia,serif;font-size:.92rem}
.brand-text small{display:block;color:#edb740;margin-top:5px;text-transform:uppercase;letter-spacing:.12em}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:6px}
.desktop-nav>a,.mega-trigger,.quick-top{color:#fff;background:none;border:0;padding:30px 10px 25px;cursor:pointer;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}
.desktop-nav>a:hover,.mega-trigger:hover,.desktop-nav>a.active{color:#f3c65b}
.give-top{background:var(--gold)!important;color:#fff!important;border-radius:7px;padding:11px 16px!important;margin-left:4px}
.quick-top{border:1px solid rgba(255,255,255,.6);border-radius:7px;padding:10px 14px!important}
.nav-item{position:relative}
.mega-panel{position:absolute;top:76px;left:50%;transform:translate(-50%,-8px);width:650px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px;background:rgba(3,38,78,.98);border:1px solid rgba(255,255,255,.12);border-radius:0 0 12px 12px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}
.nav-item-right .mega-panel{left:auto;right:0;transform:translateY(-8px)}
.nav-item.open .mega-panel,.nav-item:hover .mega-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-item-right.open .mega-panel,.nav-item-right:hover .mega-panel{transform:translateY(0)}
.mega-panel a{padding:14px 16px;border-radius:8px;color:#fff;background:rgba(255,255,255,.04)}
.mega-panel a:hover{background:rgba(255,255,255,.11)}
.mega-panel b,.mega-panel small{display:block}
.mega-panel small{opacity:.74;margin-top:3px;font-size:.76rem}
.hamburger{display:none;margin-left:auto;border:0;background:transparent;padding:10px;cursor:pointer}
.hamburger span{display:block;width:28px;height:3px;background:#fff;margin:5px;border-radius:4px}
.hero{position:relative;min-height:560px;overflow:hidden;background:linear-gradient(180deg,#dce9f2 0%,#f8f3e9 100%)}
.hero-photo{position:absolute;right:0;top:0;width:72%;height:100%;object-fit:contain;object-position:right center;z-index:0}
.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fffaf1 0%,rgba(255,250,241,.99) 28%,rgba(255,250,241,.96) 44%,rgba(255,250,241,.78) 54%,rgba(255,250,241,.18) 66%,rgba(255,255,255,0) 78%)}
.hero-content{position:relative;z-index:2;max-width:var(--max);margin:auto;padding:64px 40px 130px}
.script-line{font-family:Georgia,serif;font-style:italic;color:#c98709;font-size:1.8rem;margin:0 0 3px}
.hero h1{font-family:Georgia,serif;font-size:clamp(3.2rem,5vw,5.7rem);line-height:.98;margin:.1em 0;color:#0c315d;max-width:760px}
.ornament{display:block;width:160px;height:2px;background:var(--gold);margin:22px 0}
.hero-lead{max-width:470px;font-size:1.05rem;color:#2d3a43}
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:6px;font-weight:700;text-transform:uppercase;font-size:.78rem;letter-spacing:.02em}
.button-navy{background:var(--navy);color:#fff}
.button-gold{background:var(--gold);color:#fff}
.button-green{background:var(--green);color:#fff}
.button-small{padding:10px 15px}
.action-wrap{position:relative;z-index:5;margin-top:-86px;padding:0 28px 24px}
.action-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.action{min-height:165px;padding:23px;color:#fff;border-radius:12px;display:flex;gap:16px;box-shadow:var(--shadow);transition:transform .18s ease}
.action:hover{transform:translateY(-3px)}
.action-blue{background:linear-gradient(135deg,#093f7f,#052d5d)}
.action-teal{background:linear-gradient(135deg,#0b8b86,#05726f)}
.action-gold{background:linear-gradient(135deg,#e3a30b,#c88800)}
.action-green{background:linear-gradient(135deg,#5d9147,#447633)}
.action-icon{width:52px;height:52px;border:2px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;font-size:1.45rem;flex:0 0 auto}
.action b,.action small,.action strong{display:block}
.action b{font-family:Georgia,serif;font-size:1.22rem;text-transform:uppercase;line-height:1.05}
.action small{margin:9px 0 15px;font-size:.82rem;line-height:1.4}
.action strong{font-size:.75rem;text-transform:uppercase}
.section{padding:64px 28px}
.section-inner{max-width:var(--max);margin:auto}
.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#6f816f;margin:0 0 8px}
.story{background:#fcf8f0}
.story-layout{display:grid;grid-template-columns:.75fr 1.8fr;gap:46px;align-items:center}
.story h2,.sermons h2,.belong h2,.contact-band h2{font-family:Georgia,serif;color:#0f355f;font-size:2.2rem;line-height:1.06;margin:.15em 0 .5em}
.story-copy p{max-width:460px}
.history-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.history-cards figure{margin:0;background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 5px 18px rgba(35,35,35,.1)}
.history-cards img{width:100%;height:190px;object-fit:cover}
.history-cards figcaption{text-align:center;padding:0 10px 13px}
.history-cards figcaption b{display:inline-block;background:#e6a810;color:#332300;border-radius:5px;padding:4px 14px;transform:translateY(-15px)}
.history-cards figcaption small{display:block;margin-top:-7px}
.beauty{background:var(--navy);color:#fff}
.beauty-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.15fr .92fr .58fr .9fr .82fr;min-height:340px}
.beauty-copy,.alleluia{padding:42px 34px;display:flex;flex-direction:column;justify-content:center}
.beauty-copy h2,.alleluia h3{font-family:Georgia,serif;font-size:2rem;line-height:1.05;margin:.25em 0}
.eyebrow-gold{color:#e7b22f}
.beauty-photo{overflow:hidden;min-height:340px}
.beauty-photo img{width:100%;height:100%;object-fit:cover}
.main-glass img{object-position:center}
.glass-trio img{object-position:center}
.altar-photo img{object-position:center}
.alleluia{background:#f7f0e3;color:#244435}
.alleluia .eyebrow{color:#6d7e55}
.sermons{background:#fffaf3}
.section-title-row{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}
.plain-link{font-size:.78rem;font-weight:800;text-transform:uppercase;color:#18395f}
.sermon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sermon-grid article{background:#fff;border:1px solid #e8e2d7;border-radius:10px;padding:15px;display:grid;grid-template-columns:135px 1fr;gap:16px;box-shadow:0 5px 14px rgba(0,0,0,.04)}
.sermon-grid h3{font-family:Georgia,serif;color:#17385e;margin:.15em 0;font-size:1.25rem}
.sermon-grid p{font-size:.86rem;color:#4f5b63;margin:.4em 0}
.sermon-grid a{font-size:.75rem;text-transform:uppercase;font-weight:800;color:#0f4778}
.sermon-image{height:130px;border-radius:7px;display:grid;place-items:center;background-size:cover;background-position:center}
.sermon-cross{background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.18)),url("images/church-current.webp")}
.sermon-bible{background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.18)),url("images/easter-altar.webp")}
.sermon-cross-alt{background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.18)),url("images/church-hero.webp")}
.sermon-image span{width:42px;height:42px;border-radius:50%;background:#fff;color:#0c315d;display:grid;place-items:center;box-shadow:0 3px 9px rgba(0,0,0,.22)}
.belong{background:#fffaf3;padding-top:15px}
.belong-card{background:#f5eee0;border:1px solid #e5d8c2;border-radius:13px;padding:26px 34px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}
.belong-icon{width:66px;height:66px;border:2px solid #0c315d;border-radius:50%;display:grid;place-items:center;font-size:1.8rem}
.belong h2{font-size:1.75rem;margin:.1em 0}
.belong p{margin:.3em 0}
.contact-band{background:linear-gradient(135deg,#063665,#03274d);color:#fff;padding:54px 28px}
.contact-grid{display:grid;grid-template-columns:1.45fr .75fr .95fr 1fr;gap:36px}
.contact-grid h2{color:#fff}
.contact-grid h3{font-family:Georgia,serif;color:#f4c45f;margin-top:0}
.contact-grid a{display:block;margin:6px 0}
.site-footer{background:#021d39;color:#d7e1eb;padding:18px 28px}
.footer-inner{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.8rem}
.footer-inner img{width:110px;height:auto}
.floating-quick{position:fixed;right:0;top:46%;z-index:65;transform:translateY(-50%);border:0;border-radius:12px 0 0 12px;background:#547f68;color:#fff;padding:14px 10px;writing-mode:vertical-rl;text-transform:uppercase;font-weight:800;letter-spacing:.05em;box-shadow:0 5px 16px rgba(0,0,0,.2);cursor:pointer}
.scrim{position:fixed;inset:0;background:rgba(1,19,37,.54);z-index:90;opacity:0;visibility:hidden;transition:.2s}
.scrim.open{opacity:1;visibility:visible}
.side-drawer{position:fixed;right:0;top:0;height:100dvh;width:min(440px,92vw);z-index:100;background:#fff;box-shadow:-12px 0 34px rgba(0,0,0,.23);transform:translateX(105%);transition:.25s ease;overflow-y:auto;color:#17314b}
.side-drawer.open{transform:translateX(0)}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e5e5}
.drawer-head small,.drawer-head strong{display:block}
.drawer-head strong{font-family:Georgia,serif;font-size:1.7rem}
.drawer-close{border:0;background:transparent;font-size:2rem;cursor:pointer}
.mobile-menu{background:linear-gradient(180deg,#063665,#03274d);color:#fff}
.mobile-menu .drawer-head{border-color:rgba(255,255,255,.16)}
.mobile-nav>a,.mobile-group>button,.mobile-quick{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.15);background:transparent;color:#fff;padding:18px 24px;font-size:1rem}
.mobile-nav button{cursor:pointer}
.mobile-submenu{display:none;background:rgba(255,255,255,.07)}
.mobile-group.open .mobile-submenu{display:block}
.mobile-submenu a{display:block;padding:13px 36px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);font-size:.9rem}
.mobile-give{margin:20px!important;width:calc(100% - 40px)!important;background:var(--gold)!important;border-radius:7px!important;justify-content:center!important}
.quick-list{padding:10px 18px 30px}
.quick-list a{display:grid;grid-template-columns:1fr auto;gap:3px 15px;padding:16px;border-bottom:1px solid #e7e7e7}
.quick-list b,.quick-list small{display:block}
.quick-list small{grid-column:1;color:#69747d}
.quick-list span{grid-row:1/3;grid-column:2;align-self:center}
.donate-drawer{padding-bottom:30px}
.donate-lead{font-family:Georgia,serif;font-size:1.3rem;line-height:1.45;padding:8px 26px 16px}
.impact-row{display:flex;gap:14px;padding:15px 26px}
.impact-row>span{width:40px;height:40px;border-radius:50%;background:#eef4f7;display:grid;place-items:center;color:#0d416f;flex:0 0 auto}
.impact-row b,.impact-row small{display:block}
.impact-row small{color:#64717a;margin-top:3px}
.secure-box{margin:20px 26px;background:#eef5f8;border-radius:8px;padding:17px}
.secure-box p{margin:.4em 0 0;font-size:.9rem}
.donate-button{display:block;margin:0 26px;background:var(--gold);color:#fff;padding:15px;text-align:center;border-radius:6px;font-weight:800;text-transform:uppercase}
.not-now{display:block;margin:16px auto;border:0;background:none;color:#16416b;text-decoration:underline;cursor:pointer}
@media (max-width:1100px){
  .desktop-nav{display:none}.hamburger{display:block}
  .header-inner{min-height:74px}.brand img{width:122px}.brand-text{display:none}
  .hero{min-height:540px}.hero-content{padding-top:55px}
  .action-grid{grid-template-columns:repeat(2,1fr)}
  .story-layout{grid-template-columns:1fr}
  .beauty-grid{grid-template-columns:1fr 1fr}
  .beauty-copy{grid-column:1}.main-glass{grid-column:2}.glass-trio{grid-column:1}.altar-photo{grid-column:2}
  .alleluia{grid-column:1/-1;min-height:220px}
  .contact-grid{grid-template-columns:1fr 1fr}
  .sermon-grid{grid-template-columns:1fr}
}
@media (max-width:650px){
  body{overflow-x:hidden}
  .header-inner{padding:0 16px}
  .site-header{position:sticky}
  .brand img{width:115px}
  .hero{min-height:510px}
  .hero-photo{right:-12%;width:92%;height:100%;object-fit:contain;object-position:right center}
  .hero-overlay{background:linear-gradient(90deg,rgba(255,252,245,.98) 0%,rgba(255,252,245,.94) 44%,rgba(255,252,245,.74) 58%,rgba(255,255,255,.10) 78%)}
  .hero-content{padding:48px 22px 90px}
  .script-line{font-size:1.35rem}
  .hero h1{font-size:2.75rem;max-width:330px}
  .hero-lead{font-size:.92rem;max-width:300px}
  .action-wrap{margin-top:-54px;padding:0 14px 28px}
  .action-grid{grid-template-columns:1fr 1fr;gap:10px}
  .action{min-height:155px;padding:17px 14px;display:block}
  .action-icon{width:44px;height:44px;margin-bottom:10px}
  .action b{font-size:1rem}.action small{font-size:.75rem;margin:7px 0 11px}
  .section{padding:44px 18px}
  .story h2,.sermons h2,.belong h2{font-size:1.85rem}
  .history-cards{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .history-cards img{height:105px}
  .history-cards figcaption{padding:0 5px 8px}
  .history-cards figcaption b{padding:3px 8px;font-size:.75rem}
  .history-cards figcaption small{font-size:.65rem}
  .beauty-grid{display:block}
  .beauty-copy,.alleluia{padding:34px 22px}
  .beauty-photo{min-height:auto;height:250px}
  .main-glass{height:285px}
  .sermon-grid article{grid-template-columns:110px 1fr}
  .sermon-image{height:110px}
  .section-title-row{align-items:start;flex-direction:column}
  .belong-card{grid-template-columns:1fr;padding:24px}
  .belong-icon{width:55px;height:55px}
  .contact-grid{grid-template-columns:1fr}
  .footer-inner{flex-direction:column;align-items:flex-start}
  .floating-quick{top:auto;bottom:88px;right:14px;transform:none;writing-mode:horizontal-tb;border-radius:50%;width:78px;height:78px;padding:0;font-size:.72rem}
}
@media (max-width:390px){
  .hero h1{font-size:2.45rem}
  .action-grid{grid-template-columns:1fr}
  .action{display:flex;min-height:130px}
  .history-cards{grid-template-columns:1fr}
  .history-cards img{height:175px}
}


/* V11 approved hero/card treatment */
.action{
  background:#fff !important;
  color:#17314b !important;
  border:1px solid rgba(34,52,67,.10);
}
.action:hover{box-shadow:0 15px 32px rgba(27,37,48,.17)}
.action-icon{background:#eef3ef;border:0;color:#fff}
.action-blue .action-icon{background:#315d7a}
.action-teal .action-icon{background:#5f8474}
.action-gold .action-icon{background:#d1a238}
.action-green .action-icon{background:#7c9b75}
.action strong{color:#315d68}
.action-gold strong{color:#b57a00}
.action-green strong{color:#547550}

/* 827.11: direct-give only; no slide-out donation panel. */
.donate-drawer{display:none!important;}

/* 827.13 — EXACT V11 TEMPLATE COMPOSITION, CLEANED.
   Keep V11 church geometry and fake sky. Welcome wording retained.
   No extra color filter, no scaling override, no decorative line. */
.hero-content .ornament{display:none!important;}
.hero-photo{filter:none!important;}
.donate-drawer{display:none!important;}


/* 827.16 CLEAN HERO REBUILD: unique classes isolate this from all legacy hero CSS. */
.hero16{position:relative;width:100%;aspect-ratio:1448/422;min-height:390px;max-height:560px;overflow:visible;background:#fbf5ea;}
.hero16-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.hero16-copy{position:absolute;z-index:2;left:max(7.5%,calc((100% - 1320px)/2 + 52px));top:9%;width:min(42%,590px);color:#102f55;}
.hero16-kicker{font:italic clamp(20px,1.6vw,28px) Georgia,serif;color:#b77721;margin:0 0 8px;}
.hero16 h1{font:clamp(46px,4.2vw,70px)/.96 Georgia,serif;letter-spacing:-.025em;margin:0 0 18px;color:#102f55;max-width:610px;}
.hero16-lead{font-size:clamp(11px,.86vw,14px);line-height:1.5;color:#2f3b44;max-width:440px;margin:0 0 18px;}
.hero16-button{display:inline-block;background:#163b63;color:#fff;padding:11px 17px;border-radius:4px;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.015em;}
.actions16{position:relative;z-index:8;width:min(1030px,78vw);margin:clamp(-84px,-5.2vw,-58px) auto 0;padding:0 10px 26px;}
.actions16-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.action16{min-height:116px;background:#fff;color:#17314b;border:1px solid rgba(34,52,67,.10);border-radius:10px;padding:17px;display:flex;gap:13px;box-shadow:0 8px 22px rgba(36,42,47,.13);transition:.18s ease;}
.action16:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(36,42,47,.17);}
.action16-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:17px;}
.action16-icon.blue{background:#315d7a}.action16-icon.green{background:#5f8474}.action16-icon.gold{background:#d1a238}.action16-icon.olive{background:#7c9b75}
.action16 b,.action16 small,.action16 strong{display:block}.action16 b{font:16px/1.05 Georgia,serif;text-transform:uppercase}.action16 small{font-size:9px;line-height:1.35;margin:6px 0 10px;color:#4e5961}.action16 strong{font-size:8px;text-transform:uppercase;color:#315d68}
.story,.donate-drawer{display:none!important;}
@media (max-width:1100px){.hero16{aspect-ratio:16/6.2;min-height:360px}.hero16-copy{left:7%;top:9%;width:43%}.hero16 h1{font-size:clamp(40px,5vw,58px)}.actions16{width:min(900px,86vw);margin-top:-52px}.action16{min-height:108px;padding:14px;gap:10px}.action16 b{font-size:14px}.action16 small{font-size:8px}}
@media (max-width:800px){.hero16{aspect-ratio:auto;min-height:650px;background:#fff9ef;overflow:hidden}.hero16-bg{height:52%;object-fit:cover;object-position:63% center}.hero16-copy{position:absolute;left:0;right:0;top:48%;width:auto;padding:26px 24px 30px;background:#fff9ef}.hero16 h1{font-size:44px;max-width:520px}.hero16-kicker{font-size:21px}.hero16-lead{font-size:14px;max-width:520px}.actions16{width:auto;margin:0;padding:18px 14px 28px}.actions16-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.actions16-grid{grid-template-columns:1fr}.hero16 h1{font-size:38px}}


/* =========================================================
   827.18 — LOCKED TARGET HERO
   The approved hero rendering is the visual source of truth.
   It fills the available desktop width, keeps its aspect ratio,
   and has only invisible clickable hotspots layered on top.
   ========================================================= */
.hero17{
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  background:#fbf7ed;
  overflow:hidden;
  line-height:0;
}
.hero17-image{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  margin:0;
  padding:0;
}
.hero17-hotspot{
  position:absolute;
  display:block;
  z-index:4;
  background:transparent;
  border:0;
  line-height:normal;
}
.hero17-hotspot.plan{left:11.9%;top:60.5%;width:8.2%;height:8.5%;}
.hero17-hotspot.worship{left:20.1%;top:74%;width:12.6%;height:25%;}
.hero17-hotspot.watch{left:33.4%;top:74%;width:12.2%;height:25%;}
.hero17-hotspot.visit{left:46.1%;top:74%;width:12.1%;height:25%;}
.hero17-hotspot.give{left:58.8%;top:74%;width:12.3%;height:25%;}
.anchor-target{display:block;position:relative;top:-84px;visibility:hidden;height:0;}
.story,.donate-drawer{display:none!important;}

/* Ensure there is no second Welcome/message band below the hero. */
.hero17 + .anchor-target + .beauty{margin-top:0!important;}

@media (max-width:800px){
  /* Dedicated mobile treatment comes after desktop is locked. */
  .hero17-image{width:100%;height:auto;}
}


/* 827.20 — body pass; 827.18 hero remains locked. */
.action b,
.action small,
.action strong{
  font-family:Arial,Helvetica,sans-serif!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.action b{
  font-size:16px!important;
  line-height:1.08!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}
.action small{
  font-size:11px!important;
  line-height:1.42!important;
  font-weight:400!important;
}
.action strong{
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}

.feature-band-v20{
  width:100%;
  display:grid;
  grid-template-columns:44% 56%;
  min-height:340px;
  background:#062d5d;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.05);
}
.pastor-panel-v20{
  display:grid;
  grid-template-columns:160px 1fr;
  gap:28px;
  align-items:center;
  padding:44px 44px 44px max(44px,calc((100vw - 1440px)/2 + 44px));
  background:linear-gradient(135deg,#07376d 0%,#032a58 100%);
  border-right:3px solid #d58b21;
}
.pastor-photo-wrap-v20{
  width:150px;height:150px;border-radius:50%;overflow:hidden;
  border:3px solid rgba(255,255,255,.18);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
.pastor-photo-wrap-v20 img{
  width:100%;height:100%;object-fit:cover;object-position:50% 35%;display:block;
}
.pastor-copy-v20 h2,.glass-copy-v20 h2{
  font-family:Georgia,"Times New Roman",serif;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.pastor-copy-v20 h2{
  font-size:2rem;line-height:1.08;margin:.18em 0 .48em;color:#fff;
}
.pastor-copy-v20 p:not(.eyebrow){
  max-width:470px;font-family:Arial,Helvetica,sans-serif;
  font-size:.98rem;line-height:1.55;margin:0 0 22px;color:#f1f4f7;
}
.pastor-button-v20{
  background:transparent!important;border:1px solid rgba(255,255,255,.72)!important;color:#fff!important;
}
.pastor-more-v20{
  display:block;margin-top:16px;font-family:Arial,Helvetica,sans-serif;
  font-size:.82rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.03em;
}
.glass-panel-v20{
  display:grid;grid-template-columns:62% 38%;min-width:0;background:#021d39;
}
.glass-image-v20{min-height:340px;overflow:hidden;background:#05080c;}
.glass-image-v20 img{
  width:100%;height:100%;min-height:340px;display:block;
  object-fit:cover;object-position:center 42%;
}
.glass-copy-v20{
  display:flex;flex-direction:column;justify-content:center;
  padding:38px 40px;background:linear-gradient(135deg,#07376d 0%,#032a58 100%);
}
.glass-copy-v20 h2{font-size:2rem;line-height:1.06;margin:.18em 0 .48em;color:#fff;}
.glass-copy-v20 p:not(.eyebrow){
  font-family:Arial,Helvetica,sans-serif;font-size:.95rem;line-height:1.55;
  margin:0 0 22px;color:#f1f4f7;
}
.alleluia{display:none!important;}

@media (max-width:1100px){
  .feature-band-v20{grid-template-columns:1fr;}
  .pastor-panel-v20{
    border-right:0;border-bottom:3px solid #d58b21;padding:36px 30px;
  }
  .glass-panel-v20{grid-template-columns:58% 42%;}
}
@media (max-width:700px){
  .pastor-panel-v20{grid-template-columns:1fr;text-align:left;}
  .pastor-photo-wrap-v20{width:130px;height:130px;}
  .glass-panel-v20{grid-template-columns:1fr;}
  .glass-image-v20,.glass-image-v20 img{min-height:300px;}
  .glass-copy-v20{padding:30px 24px;}
}


/* 827.21 — compact pastor/stained-glass band; hero remains locked. */
.feature-band-v20{
  grid-template-columns:42% 58% !important;
  min-height:285px !important;
}

.pastor-panel-v20{
  grid-template-columns:178px 1fr !important;
  gap:24px !important;
  padding-top:30px !important;
  padding-bottom:30px !important;
}

.pastor-photo-wrap-v20{
  width:170px !important;
  height:170px !important;
}

.pastor-copy-v20 h2{
  font-size:1.7rem !important;
  line-height:1.06 !important;
  margin:.14em 0 .4em !important;
}

.pastor-copy-v20 p:not(.eyebrow){
  font-size:.9rem !important;
  line-height:1.45 !important;
  margin-bottom:16px !important;
}

.pastor-button-v20{
  padding:10px 14px !important;
  font-size:.74rem !important;
}

.pastor-more-v20{
  margin-top:11px !important;
  font-size:.74rem !important;
}

.glass-panel-v20{
  grid-template-columns:68% 32% !important;
}

.glass-image-v20{
  min-height:285px !important;
  height:285px !important;
}

.glass-image-v20 img{
  min-height:285px !important;
  height:285px !important;
  object-fit:cover !important;
  object-position:center 43% !important;
}

.glass-copy-v20{
  padding:28px 30px !important;
}

.glass-copy-v20 h2{
  font-size:1.7rem !important;
  line-height:1.04 !important;
  margin:.15em 0 .42em !important;
}

.glass-copy-v20 p:not(.eyebrow){
  font-size:.88rem !important;
  line-height:1.45 !important;
  margin-bottom:16px !important;
}

@media (max-width:1100px){
  .feature-band-v20{grid-template-columns:1fr !important;}
  .pastor-panel-v20{grid-template-columns:160px 1fr !important;}
  .pastor-photo-wrap-v20{
    width:150px !important;
    height:150px !important;
  }
  .glass-image-v20,
  .glass-image-v20 img{
    min-height:270px !important;
    height:270px !important;
  }
}

/* 827.22 — final evening lock: match approved pastor + stained-glass rendition. */
.feature-band-v20{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  min-height:260px !important;
  background:#001b45 !important;
}
.pastor-panel-v20{
  display:grid !important;
  grid-template-columns:220px 1fr !important;
  gap:28px !important;
  align-items:center !important;
  padding:22px 34px 22px max(34px, calc((100vw - 1280px)/2)) !important;
  border-right:2px solid #ef7d00 !important;
}
.pastor-photo-wrap-v20{
  width:220px !important;
  height:200px !important;
  border-radius:8px !important;
  overflow:hidden !important;
}
.pastor-photo-wrap-v20 img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;}
.pastor-copy-v20 h2{font-size:1.65rem !important;line-height:1.08 !important;}
.pastor-copy-v20 p:not(.eyebrow){font-size:.9rem !important;line-height:1.45 !important;}
.glass-panel-v20{
  display:grid !important;
  grid-template-columns:40% 60% !important;
  align-items:center !important;
  position:relative !important;
  padding-right:max(24px, calc((100vw - 1280px)/2)) !important;
}
.glass-copy-v20{grid-column:1 !important;grid-row:1 !important;padding:24px 24px 24px 38px !important;}
.glass-image-v20{grid-column:2 !important;grid-row:1 !important;min-height:230px !important;height:230px !important;overflow:hidden !important;position:relative !important;}
.glass-image-v20 img{width:100% !important;height:230px !important;min-height:230px !important;object-fit:contain !important;object-position:center !important;background:#001b45 !important;}
.glass-copy-v20 h2{font-size:1.65rem !important;line-height:1.05 !important;}
.glass-copy-v20 p:not(.eyebrow){font-size:.9rem !important;line-height:1.45 !important;}
.glass-image-v20::before,.glass-image-v20::after{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:34px;height:34px;border-radius:50%;background:#fff;color:#071b3c;display:grid;place-items:center;font:700 24px/1 Arial;box-shadow:0 2px 8px #0004;}
.glass-image-v20::before{content:'‹';left:6px}.glass-image-v20::after{content:'›';right:6px}
.glass-panel-v20::after{content:'●  ○  ○  ○';position:absolute;right:25%;bottom:8px;color:#f28a00;font-size:13px;letter-spacing:4px;z-index:4;}
@media(max-width:1100px){
 .feature-band-v20{grid-template-columns:1fr !important}
 .pastor-panel-v20{border-right:0 !important;border-bottom:2px solid #ef7d00 !important;padding:24px !important;grid-template-columns:180px 1fr !important}
 .pastor-photo-wrap-v20{width:180px !important;height:165px !important}
 .glass-panel-v20{padding:0 24px !important;grid-template-columns:42% 58% !important}
}
@media(max-width:700px){
 .pastor-panel-v20,.glass-panel-v20{grid-template-columns:1fr !important}
 .pastor-photo-wrap-v20{width:180px !important;height:165px !important}
 .glass-copy-v20,.glass-image-v20{grid-column:1 !important}
 .glass-copy-v20{grid-row:1 !important;padding:24px 0 !important}.glass-image-v20{grid-row:2 !important}
}


/* 827.23 — sharpen ONLY the four hero action cards. Hero/body geometry stays locked. */
.hero17-card{
  box-sizing:border-box;
  background:#fffdfa;
  border:1px solid rgba(15,35,60,.10);
  border-radius:10px;
  box-shadow:0 7px 18px rgba(22,31,42,.13);
  padding:12px 12px 10px 13px;
  display:flex!important;
  align-items:flex-start;
  gap:10px;
  color:#071b3b;
  text-decoration:none;
  font-family:Arial,Helvetica,sans-serif;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.hero17-card .h17-icon{
  width:31px;height:31px;flex:0 0 31px;border-radius:50%;
  display:grid;place-items:center;color:#fff;
  font:700 16px/1 Arial,Helvetica,sans-serif;
}
.hero17-card .h17-icon.blue{background:#173b63}.hero17-card .h17-icon.green{background:#5b8539}
.hero17-card .h17-icon.gold{background:#e28a0a}.hero17-card .h17-icon.olive{background:#688c43}
.hero17-card .h17-copy{display:block;min-width:0;line-height:normal;padding-top:1px}
.hero17-card b,.hero17-card small,.hero17-card strong{display:block;color:#071b3b;font-family:Arial,Helvetica,sans-serif}
.hero17-card b{font-size:13px;line-height:1.02;font-weight:800;letter-spacing:0;margin:0 0 6px}
.hero17-card small{font-size:7.5px;line-height:1.35;font-weight:500;margin:0 0 7px}
.hero17-card strong{font-size:7.5px;line-height:1.15;font-weight:800;letter-spacing:0}
@media (max-width:900px){.hero17-card{padding:8px;gap:6px}.hero17-card .h17-icon{width:25px;height:25px;flex-basis:25px;font-size:13px}.hero17-card b{font-size:10px}.hero17-card small,.hero17-card strong{font-size:6px}}


/* 827.24 — same 827.23 cards, larger readable type only.
   No layout, image, hero, pastor, or stained-glass changes. */
.hero17-card b{
  font-size:15px !important;
  line-height:1.05 !important;
  margin-bottom:6px !important;
}
.hero17-card small{
  font-size:9px !important;
  line-height:1.38 !important;
  margin-bottom:7px !important;
}
.hero17-card strong{
  font-size:9px !important;
  line-height:1.18 !important;
}
@media (max-width:900px){
  .hero17-card b{font-size:12px !important;}
  .hero17-card small,
  .hero17-card strong{font-size:7.5px !important;}
}


/* 827.25 — restore the larger classic card typography shown in the approved mockup.
   Geometry and all imagery remain locked. */
.hero17-card b{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:17px !important;
  line-height:1.02 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  margin-bottom:7px !important;
}
.hero17-card small{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10px !important;
  line-height:1.38 !important;
  font-weight:500 !important;
  margin-bottom:8px !important;
}
.hero17-card strong{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
}
@media (max-width:900px){
  .hero17-card b{font-size:14px !important;}
  .hero17-card small,.hero17-card strong{font-size:8.5px !important;}
}

/* 827.26 — USER-REQUESTED REDO: visibly larger, crisp four action-card type.
   Nothing else changes. This final override intentionally wins over all earlier card rules. */
.hero17-card b{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:20px !important;
  line-height:1.00 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  margin:0 0 8px !important;
}
.hero17-card small{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:12px !important;
  line-height:1.34 !important;
  font-weight:500 !important;
  margin:0 0 8px !important;
}
.hero17-card strong{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
}
@media (max-width:900px){
  .hero17-card b{font-size:16px !important;}
  .hero17-card small{font-size:10px !important;}
  .hero17-card strong{font-size:9px !important;}
}

/* 827.27 — final card typography adjustment only: larger and centered.
   Desktop target: 24px headings, 14px body, 13px CTA. */
.hero17-card{
  text-align:center !important;
  align-items:flex-start !important;
}
.hero17-card .h17-copy{
  flex:1 1 auto !important;
  text-align:center !important;
}
.hero17-card b{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:24px !important;
  line-height:1.02 !important;
  font-weight:700 !important;
  margin:0 0 9px !important;
  text-align:center !important;
}
.hero17-card small{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  margin:0 0 9px !important;
  text-align:center !important;
}
.hero17-card strong{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
  text-align:center !important;
}
@media (max-width:900px){
  .hero17-card b{font-size:18px !important;}
  .hero17-card small{font-size:11px !important;}
  .hero17-card strong{font-size:10px !important;}
}


/* =========================================================
   827.29 — ACTUAL LARGE CENTERED CARD TEXT FIX
   This file is now correctly linked by index.html.
   ========================================================= */
.hero17-card{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:16px 20px !important;
  box-sizing:border-box !important;
}

.hero17-card .h17-copy{
  width:84% !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin:0 auto !important;
  padding:0 !important;
}

.hero17-card b{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:31px !important;
  line-height:1.00 !important;
  font-weight:700 !important;
  margin:0 0 11px !important;
  text-align:center !important;
}

.hero17-card small{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:18px !important;
  line-height:1.32 !important;
  font-weight:500 !important;
  margin:0 0 12px !important;
  text-align:center !important;
}

.hero17-card strong{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:17px !important;
  line-height:1.16 !important;
  font-weight:800 !important;
  margin:0 !important;
  text-align:center !important;
}

.hero17-card .h17-icon{
  position:absolute !important;
  left:18px !important;
  top:18px !important;
}

@media (max-width:1100px){
  .hero17-card b{font-size:27px !important;}
  .hero17-card small{font-size:16px !important;}
  .hero17-card strong{font-size:15px !important;}
}


/* =========================================================
   828.1 — homepage refinement
   Crisp Plan Your Visit button + Sunday info + real footer data
   ========================================================= */

/* Cover the fuzzy raster Plan Your Visit label with live HTML text. */
.hero17-plan-button{
  z-index:8 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  color:#fff !important;
  background:#071b3b !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:5px !important;
  box-shadow:0 4px 11px rgba(7,27,59,.18) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  text-align:center !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
}
.hero17-plan-button span{
  font-size:22px !important;
  line-height:1 !important;
  transform:translateY(-.5px);
}

/* Sunday schedule band immediately above the contact/footer band. */
.sunday-info-section{
  background:#f7f0e5;
  padding:34px 0;
  border-top:1px solid rgba(7,27,59,.09);
}
.sunday-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.sunday-info-card{
  background:#fffdfa;
  border:1px solid rgba(7,27,59,.12);
  border-radius:14px;
  padding:28px 32px;
  box-shadow:0 8px 22px rgba(7,27,59,.07);
}
.sunday-info-card .eyebrow{
  margin:0 0 7px;
  color:#b36d00;
  font-weight:800;
  letter-spacing:.08em;
}
.sunday-info-card h2{
  margin:0 0 10px;
  color:#0b2f57;
  font-family:Georgia,"Times New Roman",serif;
  font-size:30px;
  line-height:1.08;
}
.sunday-info-card p{
  margin:0;
  color:#21354b;
  font-size:16px;
  line-height:1.5;
}
.sunday-info-card .sunday-time{
  margin:0 0 9px;
  color:#183f69;
  font-size:22px;
  line-height:1.2;
  font-weight:800;
}
.sunday-info-card .sunday-note{
  margin-top:8px;
  font-size:17px;
  line-height:1.45;
  font-weight:600;
  color:#34495d;
}

/* Footer/contact refinement. */
.contact-band a{
  color:inherit;
}
.contact-band .facebook-button{
  display:inline-flex;
  width:auto;
  max-width:100%;
  margin-top:5px;
  color:#fff !important;
  text-decoration:none;
}
.site-footer .footer-meta{
  opacity:.78;
  font-size:12px;
}

/* Tablet/mobile: stack the two Sunday cards cleanly. */
@media (max-width:900px){
  .sunday-info-section{padding:26px 0;}
  .sunday-info-grid{grid-template-columns:1fr;}
  .sunday-info-card{padding:24px 26px;}
  .sunday-info-card h2{font-size:27px;}
  .hero17-plan-button{
    font-size:15px !important;
    gap:5px !important;
  }
  .hero17-plan-button span{font-size:18px !important;}
}


/* 828.2 — exact current-site worship / Sunday School wording supplied by user */
.service-lines{
  margin:4px 0 18px;
}
.service-lines p{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:18px;
  align-items:baseline;
  margin:0 0 10px;
}
.service-lines strong{
  color:#183f69;
  font-size:20px;
}
.service-lines span{
  color:#21354b;
  font-size:18px;
}
.school-lines p{
  margin:0 0 11px;
  font-size:17px;
  line-height:1.45;
}
@media (max-width:600px){
  .service-lines p{
    grid-template-columns:1fr;
    gap:2px;
    margin-bottom:14px;
  }
}


/* =========================================================
   828.3 — readability refinements
   Larger Plan Your Visit label and stronger Communion note
   ========================================================= */

/* =========================================================
   PASTOR'S MESSAGE PAGE — 828.5
   Monthly text is intentionally kept in simple HTML.
   ========================================================= */
.pastor-page-main{background:#f7f2e8;min-height:70vh;padding:48px 20px 70px;}
.pastor-page-shell{max-width:1180px;margin:0 auto;}
.pastor-page-kicker{font-family:Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:.16em;font-weight:800;color:#a7651b;margin:0 0 8px;text-transform:uppercase;}
.pastor-page-title{font-family:Georgia,"Times New Roman",serif;font-size:48px;line-height:1.05;color:#17324d;margin:0 0 30px;}
.pastor-message-card{background:#fff;box-shadow:0 12px 34px rgba(19,38,58,.10);border-radius:4px;overflow:hidden;border-top:6px solid #c8872f;}
.pastor-message-top{display:grid;grid-template-columns:260px 1fr;gap:36px;padding:36px 42px 26px;align-items:start;}
.pastor-message-photo img{display:block;width:100%;height:auto;max-height:320px;object-fit:cover;border-radius:3px;}
.pastor-message-heading{padding-top:8px;}
.pastor-message-heading .message-month{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a5b22;margin:0 0 12px;}
.pastor-message-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1.12;color:#17324d;margin:0 0 16px;}
.pastor-message-heading .scripture{font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.5;color:#4d4b46;font-style:italic;margin:0;max-width:720px;}
.pastor-message-body{max-width:900px;margin:0 auto;padding:6px 42px 42px;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.72;color:#333;}
.pastor-message-body p{margin:0 0 22px;}
.pastor-message-body .thought{margin:30px 0 22px;padding:22px 26px;border-left:5px solid #c8872f;background:#faf4e9;font-family:Georgia,"Times New Roman",serif;font-size:22px;line-height:1.5;color:#17324d;}
.pastor-message-body .signature{font-family:Georgia,"Times New Roman",serif;font-size:22px;color:#17324d;margin-top:26px;}
.pastor-message-actions{display:flex;justify-content:flex-start;gap:14px;flex-wrap:wrap;margin-top:30px;}
.pastor-back-link{display:inline-block;padding:11px 18px;background:#17324d;color:#fff;text-decoration:none;font-weight:800;border-radius:2px;}
.pastor-back-link:hover{background:#234c70;}
@media(max-width:760px){
  .pastor-page-main{padding:30px 14px 50px;}
  .pastor-page-title{font-size:36px;margin-bottom:22px;}
  .pastor-message-top{grid-template-columns:120px 1fr;gap:20px;padding:24px 20px 20px;}
  .pastor-message-heading h2{font-size:28px;}
  .pastor-message-heading .scripture{font-size:17px;}
  .pastor-message-body{padding:4px 20px 30px;font-size:17px;line-height:1.65;}
  .pastor-message-body .thought{font-size:20px;padding:18px;}
}
@media(max-width:480px){
  .pastor-message-top{grid-template-columns:1fr;}
  .pastor-message-photo{width:150px;}
}


/* =========================================================
   CONTACT US / PLAN A VISIT PAGE — 828.8
   ========================================================= */
.contact-page-main{background:#f7f2e8;min-height:70vh;padding:48px 20px 72px;}
.contact-page-shell{max-width:1180px;margin:0 auto;}
.contact-page-kicker,.contact-card-kicker{font-family:Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:.16em;font-weight:800;color:#a7651b;margin:0 0 8px;text-transform:uppercase;}
.contact-page-title{font-family:Georgia,"Times New Roman",serif;font-size:48px;line-height:1.05;color:#17324d;margin:0 0 14px;}
.contact-page-intro{font-size:20px;line-height:1.55;color:#4d4b46;max-width:760px;margin:0 0 32px;}
.contact-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.contact-info-card{background:#fff;border-top:5px solid #c8872f;padding:30px 32px;box-shadow:0 10px 28px rgba(19,38,58,.08);}
.contact-info-card h2,.visit-note h2{font-family:Georgia,"Times New Roman",serif;color:#17324d;font-size:30px;line-height:1.15;margin:0 0 16px;}
.contact-info-card p{font-size:18px;line-height:1.58;color:#3d3d3a;margin:0 0 14px;}
.contact-info-card a{color:#0b568f;text-decoration:underline;text-underline-offset:3px;}
.contact-info-card .contact-large{font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.45;color:#17324d;}
.contact-info-card .contact-small{font-size:15px;color:#686762;}
.contact-action{display:inline-block;margin-top:5px;font-weight:800;}

.contact-map-section{margin-top:22px;background:#fff;padding:30px 32px;box-shadow:0 10px 28px rgba(19,38,58,.07);border-top:5px solid #c8872f;}
.contact-map-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:20px;}
.contact-map-heading h2{font-family:Georgia,"Times New Roman",serif;color:#17324d;font-size:30px;line-height:1.15;margin:0 0 10px;}
.contact-map-heading p{font-size:18px;line-height:1.55;color:#3d3d3a;margin:0;}
.contact-map-directions{flex:0 0 auto;white-space:nowrap;}
.contact-map-frame{overflow:hidden;border-radius:14px;border:1px solid rgba(23,50,77,.18);background:#eee;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);}
.contact-map-frame iframe{display:block;width:100%;height:430px;border:0;}
.visit-note{margin-top:22px;background:#fff;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-left:6px solid #17324d;box-shadow:0 10px 28px rgba(19,38,58,.07);}
.visit-note>div{max-width:820px;}
.visit-note p{font-size:18px;line-height:1.6;color:#3d3d3a;margin:0;}
.visit-note .contact-card-kicker{margin-bottom:8px;}
@media(max-width:800px){
  .contact-page-main{padding:30px 14px 50px;}
  .contact-page-title{font-size:36px;}
  .contact-page-intro{font-size:18px;}
  .contact-page-grid{grid-template-columns:1fr;}
  .contact-info-card{padding:24px 22px;}
  .contact-info-card h2,.visit-note h2{font-size:27px;}
  .contact-map-section{padding:24px 22px;}
  .contact-map-heading{display:block;}
  .contact-map-heading h2{font-size:27px;}
  .contact-map-directions{display:inline-block;margin-top:18px;}
  .contact-map-frame iframe{height:340px;}
  .visit-note{display:block;padding:24px 22px;}
  .visit-note .button{margin-top:22px;}
}


/* 828.9 — Church Family Celebrations */
.celebrations-main{background:#f6f1e7;padding:58px 24px 72px;}
.celebrations-shell{max-width:1100px;margin:0 auto;}
.celebrations-kicker{font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9a6721;margin:0 0 8px;}
.celebrations-title{font-family:Georgia,"Times New Roman",serif;font-size:46px;line-height:1.08;color:#173a52;margin:0 0 12px;}
.celebrations-intro{font-size:19px;line-height:1.6;max-width:760px;color:#48545c;margin:0 0 34px;}
.celebrations-grid{display:grid;grid-template-columns:2fr 1fr;gap:26px;align-items:start;}
.celebration-card{background:#fff;border-radius:14px;padding:30px 34px;box-shadow:0 8px 24px rgba(20,43,58,.08);border-top:5px solid #d59a3a;}
.celebration-card h2{font-family:Georgia,"Times New Roman",serif;color:#173a52;font-size:30px;margin:0 0 22px;}
.birthday-list{columns:2;column-gap:38px;margin:0;padding:0;list-style:none;}
.birthday-list li{break-inside:avoid;display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #eee4d4;font-size:17px;line-height:1.35;}
.birthday-list time{font-weight:800;color:#9a6721;min-width:44px;}
.anniversary-list{margin:0;padding:0;list-style:none;}
.anniversary-list li{padding:12px 0;border-bottom:1px solid #eee4d4;font-size:18px;line-height:1.45;}
.anniversary-list time{display:block;font-weight:800;color:#9a6721;margin-bottom:3px;}
.celebrations-note{margin:28px 0 0;padding:20px 24px;background:#e9efe9;border-radius:10px;font-size:16px;line-height:1.55;color:#34464a;}
.celebrations-back{margin-top:30px;}
@media(max-width:760px){.celebrations-main{padding:36px 18px 54px}.celebrations-title{font-size:36px}.celebrations-grid{grid-template-columns:1fr}.birthday-list{columns:1}.celebration-card{padding:24px 22px}}

/* =========================================================
   828.10 — CHURCH EVENTS
   Monthly content is intentionally simple to update in HTML.
   ========================================================= */
.events-main{background:#f6f1e7;padding:58px 24px 72px;}
.events-shell{max-width:1120px;margin:0 auto;}
.events-kicker{font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9a6721;margin:0 0 8px;}
.events-title{font-family:Georgia,"Times New Roman",serif;font-size:46px;line-height:1.08;color:#173a52;margin:0 0 12px;}
.events-intro{font-size:19px;line-height:1.6;max-width:820px;color:#48545c;margin:0 0 34px;}
.events-month-head{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:24px 28px;margin-bottom:22px;background:#173a52;color:#fff;border-radius:12px;}
.events-month-head h2{font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1.15;margin:3px 0 0;}
.events-month-head>p{max-width:420px;margin:0;font-size:15px;line-height:1.5;opacity:.9;}
.events-month-label{margin:0;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f1c77b;}
.event-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:34px;}
.event-highlight-card{position:relative;background:#fff;padding:28px 30px 26px;border-radius:12px;box-shadow:0 8px 24px rgba(20,43,58,.08);border-top:5px solid #d59a3a;}
.event-highlight-card h3{font-family:Georgia,"Times New Roman",serif;color:#173a52;font-size:25px;margin:3px 0 12px;}
.event-highlight-card p{font-size:16.5px;line-height:1.55;color:#43505a;margin:6px 0;}
.event-date-badge{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.08em;color:#8b5b19;background:#f8ecd5;padding:6px 9px;border-radius:999px;}
.events-schedule{background:#fff;border-radius:14px;padding:30px 34px;box-shadow:0 8px 24px rgba(20,43,58,.08);}
.events-schedule>h2{font-family:Georgia,"Times New Roman",serif;color:#173a52;font-size:31px;margin:0 0 16px;}
.event-row{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:19px 0;border-top:1px solid #eee4d4;}
.event-row:first-of-type{border-top:0;}
.event-row time{font-size:16px;font-weight:900;color:#9a6721;line-height:1.4;}
.event-row h3{font-size:18px;line-height:1.35;color:#173a52;margin:0 0 4px;}
.event-row h3:not(:first-child){margin-top:11px;}
.event-row p{font-size:16.5px;line-height:1.5;color:#46535b;margin:0;}
.event-row.sunday-event{background:#fbf7ef;margin:0 -14px;padding-left:14px;padding-right:14px;}
.events-note{margin-top:24px;padding:20px 24px;background:#e9efe9;border-radius:10px;font-size:16px;line-height:1.55;color:#34464a;}
.events-back{margin-top:30px;}
@media(max-width:760px){
  .events-main{padding:36px 18px 54px;}
  .events-title{font-size:36px;}
  .events-month-head{display:block;padding:22px;}
  .events-month-head>p{margin-top:14px;}
  .event-highlight-grid{grid-template-columns:1fr;}
  .events-schedule{padding:24px 20px;}
  .event-row{grid-template-columns:1fr;gap:6px;padding:17px 0;}
  .event-row.sunday-event{margin:0 -8px;padding-left:8px;padding-right:8px;}
}


/* 828.11 Services & Sermons page */
.sermon-page-main{background:#fffaf3;padding:54px 24px 70px}.sermon-page-shell{max-width:1180px;margin:0 auto}.sermon-page-kicker,.sermon-card-kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:#7a6d37}.sermon-page-title{font-family:Georgia,serif;color:#14365c;font-size:clamp(2.4rem,4vw,4rem);margin:.05em 0 .2em}.sermon-page-intro{max-width:800px;font-size:1.12rem;line-height:1.65;color:#4c5962;margin:0 0 30px}.sermon-channel-card{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#f3eadb;border:1px solid #dfd2bd;border-radius:14px;padding:28px 32px;margin-bottom:42px}.sermon-channel-card h2,.sermon-page-recent h2{font-family:Georgia,serif;color:#14365c;margin:.1em 0}.sermon-channel-card p{margin:.35em 0;line-height:1.55}.sermon-page-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.sermon-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sermon-page-grid article{background:#fff;border:1px solid #e5dfd4;border-radius:12px;padding:16px;box-shadow:0 5px 14px rgba(0,0,0,.04)}.sermon-page-thumb{height:180px;border-radius:9px;display:grid;place-items:center;background-size:cover;background-position:center;margin-bottom:16px}.sermon-page-thumb span{width:50px;height:50px;border-radius:50%;background:#fff;color:#0c315d;display:grid;place-items:center;font-size:1.2rem;box-shadow:0 3px 10px rgba(0,0,0,.2)}.sermon-page-grid small{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#777}.sermon-page-grid h3{font-family:Georgia,serif;color:#17385e;font-size:1.35rem;margin:.25em 0}.sermon-page-grid p{color:#56616a;line-height:1.5}.sermon-page-grid a{font-weight:800;text-transform:uppercase;font-size:.78rem;color:#0f4778}.sermon-page-note{margin-top:22px;padding:14px 16px;background:#fff4d9;border-left:4px solid #d6a742;color:#5b5549;line-height:1.55}@media(max-width:850px){.sermon-channel-card,.sermon-page-heading{align-items:flex-start;flex-direction:column}.sermon-page-grid{grid-template-columns:1fr}.sermon-page-main{padding:36px 18px 54px}}

/* =========================================================
   828.23 — STAINED GLASS PAGE + FUNCTIONAL HOME CAROUSEL
   Homepage hero and unrelated layout remain unchanged.
   ========================================================= */
.glass-image-v20::before,.glass-image-v20::after,.glass-panel-v20::after{content:none !important;display:none !important;}
.glass-home-carousel{position:relative !important;}
.glass-home-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:#071b3c;display:grid;place-items:center;font:700 24px/1 Arial;box-shadow:0 2px 8px #0004;cursor:pointer;padding:0;}
.glass-home-prev{left:6px}.glass-home-next{right:6px}
.glass-home-arrow:hover,.glass-home-arrow:focus-visible{background:#f1c16b;outline:2px solid #fff;outline-offset:2px;}
.glass-home-count{position:absolute;right:12px;bottom:8px;z-index:5;background:rgba(0,20,48,.78);color:#fff;border-radius:999px;padding:4px 9px;font:700 11px/1.2 Arial,sans-serif;letter-spacing:.04em;}

.glass-page-main{background:#f6f1e7;padding:54px 24px 72px;}
.glass-page-shell{max-width:1180px;margin:0 auto;}
.glass-page-kicker{font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#a56619;margin:0 0 8px;}
.glass-page-title{font-family:Georgia,"Times New Roman",serif;font-size:48px;line-height:1.06;color:#173a52;margin:0 0 14px;}
.glass-page-intro{font-size:19px;line-height:1.62;color:#49555d;max-width:860px;margin:0 0 32px;}
.glass-viewer-card{background:#061f42;border-radius:16px;overflow:hidden;box-shadow:0 12px 34px rgba(16,35,55,.14);}
.glass-viewer-stage{height:620px;position:relative;display:grid;place-items:center;background:#030b16;overflow:hidden;}
.glass-viewer-stage img{width:100%;height:100%;object-fit:contain;display:block;}
.glass-viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#0b2d55;font:700 34px/1 Arial,sans-serif;display:grid;place-items:center;box-shadow:0 3px 12px rgba(0,0,0,.35);cursor:pointer;z-index:3;padding:0;}
.glass-viewer-prev{left:18px}.glass-viewer-next{right:18px}
.glass-viewer-arrow:hover,.glass-viewer-arrow:focus-visible{background:#f0a128;outline:3px solid #fff;outline-offset:2px;}
.glass-viewer-caption{background:#fff;padding:24px 30px;border-top:4px solid #d99825;}
.glass-viewer-number{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#9a6721;margin:0 0 4px;}
.glass-viewer-caption h2{font-family:Georgia,"Times New Roman",serif;color:#173a52;font-size:30px;margin:0 0 6px;}
.glass-viewer-caption p:last-child{font-size:16.5px;line-height:1.55;color:#48545c;margin:0;max-width:800px;}
.glass-thumb-section{margin-top:42px;}
.glass-thumb-heading h2{font-family:Georgia,"Times New Roman",serif;color:#173a52;font-size:32px;margin:0 0 20px;}
.glass-thumb-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}
.glass-thumb{appearance:none;border:2px solid transparent;background:#fff;border-radius:12px;overflow:hidden;padding:0;cursor:pointer;text-align:left;box-shadow:0 6px 18px rgba(20,43,58,.07);transition:transform .15s ease,border-color .15s ease;}
.glass-thumb:hover{transform:translateY(-2px);}
.glass-thumb.active{border-color:#d69220;}
.glass-thumb img{width:100%;height:150px;object-fit:cover;display:block;background:#05080c;}
.glass-thumb span{display:block;padding:11px 12px 13px;font:700 14px/1.25 Georgia,"Times New Roman",serif;color:#173a52;}
.glass-page-note{margin-top:38px;background:#fff;padding:28px 30px;border-left:6px solid #173a52;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 8px 24px rgba(20,43,58,.07);}
.glass-page-note>div{max-width:820px;}
.glass-page-note h2{font-family:Georgia,"Times New Roman",serif;color:#173a52;font-size:29px;margin:0 0 8px;}
.glass-page-note p:last-child{font-size:16.5px;line-height:1.6;color:#46535b;margin:0;}
@media(max-width:900px){
  .glass-viewer-stage{height:520px;}
  .glass-thumb-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:620px){
  .glass-page-main{padding:34px 14px 52px;}
  .glass-page-title{font-size:36px;}
  .glass-page-intro{font-size:17px;}
  .glass-viewer-stage{height:430px;}
  .glass-viewer-arrow{width:42px;height:42px;font-size:30px;}
  .glass-viewer-prev{left:8px}.glass-viewer-next{right:8px}
  .glass-viewer-caption{padding:20px;}
  .glass-viewer-caption h2{font-size:25px;}
  .glass-thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .glass-thumb img{height:130px;}
  .glass-page-note{display:block;padding:24px 20px;}
  .glass-page-note .button{margin-top:20px;}
}


/* ===== 829.1 Trustees' Corner ===== */
.trustees-main{background:#f6f2e8;padding:58px 24px 72px;color:#24313b;}
.trustees-shell{max-width:980px;margin:0 auto;}
.trustees-kicker{text-align:center;margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:800;color:#a35f22;}
.trustees-title{text-align:center;margin:0;color:#17324d;font-size:clamp(36px,5vw,58px);line-height:1.05;}
.trustees-intro{max-width:720px;margin:16px auto 34px;text-align:center;font-size:18px;line-height:1.65;color:#4c5963;}
.trustees-card{background:#fff;border-radius:18px;padding:38px 42px;box-shadow:0 12px 34px rgba(27,45,59,.10);border-top:5px solid #a35f22;}
.trustees-month{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:800;color:#a35f22;}
.trustees-card h2{margin:0 0 20px;color:#17324d;font-size:30px;line-height:1.15;}
.trustees-card p{font-size:17px;line-height:1.72;margin:0 0 17px;}
.trustees-card blockquote{margin:28px 0;padding:18px 24px;border-left:5px solid #d4a24c;background:#f8f3e8;color:#17324d;font-size:21px;line-height:1.5;font-weight:700;font-style:italic;}
.trustees-signoff{margin-top:25px!important;font-weight:800;color:#17324d;}
.trustees-signoff span{font-weight:500;color:#59656d;font-size:15px;}
.trustees-help{margin-top:24px;padding:25px 30px;border-radius:16px;background:#e7eee7;border:1px solid #cbd8ca;}
.trustees-help h2{margin:0 0 7px;color:#17324d;font-size:22px;}
.trustees-help p{margin:0;font-size:16px;line-height:1.6;}
.trustees-back{text-align:center;margin-top:30px;}
@media(max-width:700px){
  .trustees-main{padding:38px 16px 52px;}
  .trustees-intro{font-size:16px;margin-bottom:24px;}
  .trustees-card{padding:27px 22px;border-radius:14px;}
  .trustees-card h2{font-size:25px;}
  .trustees-card p{font-size:16px;line-height:1.65;}
  .trustees-card blockquote{margin:22px 0;padding:15px 18px;font-size:18px;}
  .trustees-help{padding:21px 22px;}
}


/* ===== 829.2: VIEW FROM THE PEW ===== */
.pew-main{
  background:linear-gradient(180deg,#f6f0e5 0%,#fffaf2 38%,#f5f0e8 100%);
  min-height:70vh;
  padding:64px 24px 78px;
}
.pew-shell{max-width:980px;margin:0 auto;}
.pew-kicker{
  margin:0 0 8px;
  color:#9b5d24;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.pew-title{
  margin:0;
  color:#17324d;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.35rem,5vw,4.25rem);
  line-height:1.02;
}
.pew-intro{
  max-width:760px;
  margin:17px 0 31px;
  color:#4f5a63;
  font-size:1.12rem;
  line-height:1.65;
}
.pew-card{
  position:relative;
  background:#fff;
  border:1px solid rgba(23,50,77,.12);
  border-radius:18px;
  box-shadow:0 16px 42px rgba(25,39,52,.10);
  padding:38px 44px 36px;
}
.pew-card::before{
  content:"“";
  position:absolute;
  right:28px;
  top:7px;
  color:rgba(155,93,36,.12);
  font-family:Georgia,"Times New Roman",serif;
  font-size:7.5rem;
  line-height:1;
}
.pew-heading-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding-bottom:16px;
  margin-bottom:20px;
  border-bottom:1px solid #e5ded3;
}
.pew-month,.pew-byline{margin:0;}
.pew-month{
  color:#9b5d24;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.pew-byline{color:#66717a;font-weight:700;}
.pew-card p:not(.pew-month):not(.pew-byline):not(.pew-signoff){
  color:#2c3944;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.08rem;
  line-height:1.82;
  margin:0 0 19px;
}
.pew-card strong{color:#17324d;}
.pew-signoff{
  margin:27px 0 0;
  color:#17324d;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.14rem;
  font-weight:700;
  line-height:1.45;
}
.pew-signoff span{color:#7a6552;font-family:Arial,sans-serif;font-size:.87rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.pew-note{
  margin:25px 0 28px;
  padding:24px 28px;
  background:#17324d;
  border-radius:16px;
  color:#fff;
}
.pew-note h2{margin:0 0 7px;font-family:Georgia,"Times New Roman",serif;font-size:1.4rem;color:#fff;}
.pew-note p{margin:0;max-width:800px;line-height:1.65;color:#f6f0e5;}
.pew-back{margin-top:25px;}
@media (max-width:700px){
  .pew-main{padding:38px 17px 56px;}
  .pew-intro{font-size:1rem;margin-bottom:23px;}
  .pew-card{padding:27px 22px 26px;border-radius:14px;}
  .pew-card::before{font-size:5rem;right:14px;top:8px;}
  .pew-heading-row{display:block;}
  .pew-byline{margin-top:5px;font-size:.9rem;}
  .pew-card p:not(.pew-month):not(.pew-byline):not(.pew-signoff){font-size:1rem;line-height:1.72;}
  .pew-note{padding:21px 22px;}
}

/* ===== 829.3: MISSIONS & OUTREACH ===== */
.outreach-main{background:linear-gradient(180deg,#f5efe3 0%,#fffaf3 48%,#f3efe8 100%);padding:60px 24px 76px;color:#25333d;min-height:70vh;}
.outreach-shell{max-width:1080px;margin:0 auto;}
.outreach-kicker{margin:0 0 8px;color:#9b5d24;font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.outreach-title{margin:0;color:#17324d;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.45rem,5vw,4.35rem);line-height:1.02;}
.outreach-intro{max-width:820px;margin:17px 0 32px;color:#4f5b64;font-size:1.12rem;line-height:1.68;}
.outreach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 28px;}
.outreach-card{background:#fff;border:1px solid rgba(23,50,77,.12);border-radius:17px;padding:29px 27px 28px;box-shadow:0 10px 28px rgba(25,39,52,.08);}
.outreach-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#e7eee7;color:#17324d;font-size:1.35rem;font-weight:900;margin-bottom:18px;}
.outreach-card h2{margin:0 0 11px;color:#17324d;font-family:Georgia,"Times New Roman",serif;font-size:1.42rem;line-height:1.2;}
.outreach-card p{margin:0;color:#4a5660;font-size:1rem;line-height:1.65;}
.outreach-highlight{margin:28px 0;background:#17324d;border-radius:18px;padding:34px 38px;color:#fff;box-shadow:0 14px 34px rgba(23,50,77,.14);border-left:6px solid #d4a24c;}
.outreach-highlight-label{margin:0 0 7px;color:#f0c978;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.outreach-highlight h2{margin:0 0 12px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:1.75rem;}
.outreach-highlight p:not(.outreach-highlight-label){margin:0 0 12px;color:#f5f1e8;font-size:1.02rem;line-height:1.7;max-width:900px;}
.outreach-highlight p:last-child{margin-bottom:0;}
.outreach-cta{display:flex;align-items:center;justify-content:space-between;gap:34px;background:#fff;border-radius:17px;padding:30px 34px;border:1px solid rgba(23,50,77,.11);box-shadow:0 9px 26px rgba(25,39,52,.07);}
.outreach-cta>div{max-width:700px;}
.outreach-cta h2{margin:0 0 8px;color:#17324d;font-family:Georgia,"Times New Roman",serif;font-size:1.7rem;line-height:1.2;}
.outreach-cta p:not(.outreach-kicker){margin:0;color:#53606a;line-height:1.62;}
.outreach-cta .button{flex:0 0 auto;white-space:nowrap;}
.outreach-back{text-align:center;margin-top:30px;}
@media(max-width:850px){.outreach-grid{grid-template-columns:1fr;}.outreach-cta{align-items:flex-start;flex-direction:column;gap:20px;}}
@media(max-width:620px){.outreach-main{padding:38px 16px 55px;}.outreach-intro{font-size:1rem;margin-bottom:24px;}.outreach-card{padding:24px 22px;}.outreach-highlight{padding:27px 23px;border-radius:14px;}.outreach-highlight h2{font-size:1.48rem;}.outreach-cta{padding:25px 22px;}.outreach-cta h2{font-size:1.45rem;}.outreach-cta .button{white-space:normal;}}


/* ===== 829.5: UNITED WOMEN IN FAITH ===== */
.uwf-main{background:linear-gradient(180deg,#f5efe3 0%,#fffaf3 48%,#f3efe8 100%);padding:60px 24px 76px;color:#25333d;min-height:70vh;}
.uwf-shell{max-width:1080px;margin:0 auto;}
.uwf-kicker{margin:0 0 8px;color:#9b5d24;font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.uwf-title{margin:0;color:#17324d;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.45rem,5vw,4.35rem);line-height:1.02;}
.uwf-intro{max-width:860px;margin:17px 0 32px;color:#4f5b64;font-size:1.12rem;line-height:1.68;}
.uwf-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px;}
.uwf-card{background:#fff;border:1px solid rgba(23,50,77,.12);border-radius:17px;padding:29px 27px;box-shadow:0 10px 28px rgba(25,39,52,.08);}
.uwf-card h2,.uwf-miriam h2,.uwf-leadership h2{margin:0 0 10px;color:#17324d;font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;line-height:1.2;}
.uwf-card p,.uwf-miriam p,.uwf-leadership p{margin:0;color:#4a5660;line-height:1.67;}
.uwf-current{background:#17324d;color:#fff;border-radius:18px;padding:34px 38px;margin:28px 0;box-shadow:0 14px 34px rgba(23,50,77,.14);border-left:6px solid #d4a24c;}
.uwf-current-label{margin:0 0 6px;color:#f0c978;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.uwf-current h2{margin:0 0 13px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:1.8rem;}
.uwf-current>p:not(.uwf-current-label){margin:0 0 13px;color:#f5f1e8;line-height:1.7;}
.uwf-dates{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);}
.uwf-dates h3{margin:0 0 10px;color:#f0c978;font-size:1.04rem;}
.uwf-dates ul{margin:0;padding-left:20px;columns:2;column-gap:42px;}
.uwf-dates li{break-inside:avoid;margin:0 0 8px;color:#f5f1e8;line-height:1.5;}
.uwf-miriam{background:#fff;border-radius:17px;padding:31px 34px;border:1px solid rgba(23,50,77,.11);box-shadow:0 9px 26px rgba(25,39,52,.07);}
.uwf-miriam p+p{margin-top:12px;}
.uwf-leadership{margin:20px 0 0;padding:25px 30px;background:#e9efe8;border-radius:15px;border:1px solid rgba(23,50,77,.09);}
.uwf-leadership h2{font-size:1.28rem;}
.uwf-back{text-align:center;margin-top:30px;}
@media(max-width:850px){.uwf-overview{grid-template-columns:1fr;}.uwf-dates ul{columns:1;}}
@media(max-width:620px){.uwf-main{padding:38px 16px 55px;}.uwf-intro{font-size:1rem;margin-bottom:24px;}.uwf-card{padding:24px 22px;}.uwf-current{padding:27px 23px;border-radius:14px;}.uwf-current h2{font-size:1.5rem;}.uwf-miriam{padding:25px 22px;}.uwf-leadership{padding:22px;}}


/* ===== 829.6 CHURCH HISTORY PAGE ===== */
.history-main{background:#f6f1e7;color:#17314b}
.history-hero{max-width:1180px;margin:0 auto;padding:58px 34px 38px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:42px;align-items:center}
.history-hero-copy{padding:18px 0}
.history-kicker,.history-eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:#a66b22}
.history-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,5vw,5.2rem);line-height:.95;margin:0 0 20px;color:#082f59}
.history-hero-copy>p:last-child{font-size:1.16rem;line-height:1.75;margin:0;max-width:650px}
.history-hero-photo{margin:0;background:#fff;padding:10px;border-radius:12px;box-shadow:0 12px 34px rgba(16,39,60,.16)}
.history-hero-photo img{display:block;width:100%;height:410px;object-fit:cover;border-radius:8px}
.history-hero-photo figcaption{padding:11px 8px 5px;font-size:.82rem;line-height:1.45;color:#5e6870}
.history-shell{max-width:1120px;margin:0 auto;padding:24px 34px 72px}
.history-section-heading{max-width:790px;margin:0 auto 30px;text-align:center}
.history-section-heading h2,.history-windows-link h2{font-family:Georgia,serif;color:#082f59;font-size:clamp(2rem,3.2vw,3.1rem);margin:0 0 12px}
.history-section-heading>p:last-child{font-size:1.05rem;line-height:1.65;margin:0;color:#52606b}
.history-timeline{padding:24px 0 58px}
.history-era{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);gap:38px;align-items:center;background:#fff;border-radius:14px;padding:28px;margin:0 0 24px;box-shadow:0 8px 24px rgba(16,39,60,.08)}
.history-era-image-right{grid-template-columns:minmax(0,1.14fr) minmax(280px,.86fr)}
.history-era figure{margin:0}
.history-era img{width:100%;height:310px;object-fit:contain;background:#f2eee5;border-radius:8px;display:block}
.history-era figcaption{font-size:.8rem;color:#68737b;padding-top:8px;text-align:center}
.history-era h3{font-family:Georgia,serif;color:#0a3e6e;font-size:2rem;margin:0 0 16px}
.history-era ul{margin:0;padding-left:22px}
.history-era li{font-size:1.02rem;line-height:1.65;margin:0 0 11px}
.history-photo-pair,.history-2026{padding:60px 0;border-top:1px solid #ded4c4}
.history-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.history-photo-grid figure,.history-feature-wide figure,.history-matthew-grid figure{margin:0;background:#fff;padding:10px;border-radius:10px;box-shadow:0 7px 20px rgba(16,39,60,.08)}
.history-photo-grid img{display:block;width:100%;height:420px;object-fit:cover;border-radius:7px}
.history-photo-grid figcaption,.history-feature-wide figcaption,.history-matthew-grid figcaption{font-size:.85rem;line-height:1.45;padding:10px 6px 5px;color:#59656e}
.history-feature-wide{max-width:930px;margin:0 auto 28px}
.history-feature-wide img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#111;border-radius:7px}
.history-feature-wide figcaption span,.history-matthew-grid figcaption span{font-style:italic}
.history-matthew-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.history-matthew-grid img{display:block;width:100%;height:360px;object-fit:cover;border-radius:7px;background:#111}
.history-windows-link{margin-top:20px;background:#073665;color:#fff;border-radius:14px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.history-windows-link .history-eyebrow{color:#edbd6b}
.history-windows-link h2{color:#fff;margin-bottom:7px}
.history-windows-link p:last-child{margin:0;line-height:1.6;max-width:720px;color:#eef4fa}
.history-back{text-align:center;padding-top:38px}
@media (max-width:900px){
  .history-hero{grid-template-columns:1fr;padding-top:36px}
  .history-hero-photo img{height:auto;max-height:520px;object-fit:contain}
  .history-era,.history-era-image-right{grid-template-columns:1fr}
  .history-era-image-right>figure{order:-1}
  .history-matthew-grid{grid-template-columns:1fr 1fr}
  .history-windows-link{align-items:flex-start;flex-direction:column}
}
@media (max-width:620px){
  .history-hero,.history-shell{padding-left:18px;padding-right:18px}
  .history-hero{gap:22px}
  .history-hero h1{font-size:2.8rem}
  .history-hero-copy>p:last-child{font-size:1rem}
  .history-photo-grid,.history-matthew-grid{grid-template-columns:1fr}
  .history-photo-grid img{height:auto;max-height:520px;object-fit:contain;background:#111}
  .history-matthew-grid img{height:auto;max-height:540px;object-fit:contain}
  .history-era{padding:18px}
  .history-era img{height:auto;max-height:420px}
  .history-windows-link{padding:24px}
}


/* ===== 829.8 STAINED GLASS — MATTHEW TIMOSZYK EXTERIOR VIEWS ===== */
.glass-exterior-section{
  margin-top:54px;
  padding:48px 0 56px;
  border-top:1px solid #ded4c4;
}
.glass-exterior-section .glass-thumb-heading{
  max-width:760px;
  margin:0 auto 28px;
  text-align:center;
}
.glass-exterior-section .glass-thumb-heading>p:last-child{
  margin:8px 0 0;
  color:#59656e;
  line-height:1.65;
  font-size:1.02rem;
}
.glass-exterior-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  max-width:930px;
  margin:0 auto;
}
.glass-exterior-grid figure{
  margin:0;
  padding:10px;
  background:#fff;
  border-radius:10px;
  box-shadow:0 7px 20px rgba(16,39,60,.08);
}
.glass-exterior-grid img{
  display:block;
  width:100%;
  height:430px;
  object-fit:contain;
  background:#111;
  border-radius:7px;
}
.glass-exterior-grid figcaption{
  padding:10px 6px 5px;
  font-size:.86rem;
  line-height:1.48;
  color:#59656e;
}
.glass-exterior-grid figcaption span{
  font-style:italic;
}
@media (max-width:700px){
  .glass-exterior-grid{grid-template-columns:1fr}
  .glass-exterior-grid img{height:auto;max-height:520px}
}


/* ===== 829.9 CHILDREN & YOUTH ===== */
.children-youth-main{background:#f7f3ea;color:#17314b}
.children-youth-hero{background:linear-gradient(135deg,#0a3b67,#315f4d);color:#fff;padding:72px 34px 66px}
.children-youth-hero>div{max-width:980px;margin:0 auto}
.children-youth-kicker,.children-youth-eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:#d9a95c}
.children-youth-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,5vw,5rem);line-height:.98;margin:0 0 18px}
.children-youth-hero p:last-child{font-size:1.18rem;line-height:1.7;max-width:770px;margin:0;color:#f1f5f7}
.children-youth-shell{max-width:1120px;margin:0 auto;padding:52px 34px 72px}
.children-youth-overview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:34px;align-items:start}
.children-youth-copy h2,.children-youth-section-heading h2,.children-youth-note h2{font-family:Georgia,serif;color:#082f59;font-size:clamp(2rem,3vw,3rem);margin:0 0 14px}
.children-youth-copy p{font-size:1.04rem;line-height:1.72;margin:0 0 14px}
.children-youth-card{background:#fff;border-radius:14px;padding:28px;box-shadow:0 8px 24px rgba(16,39,60,.08);border-top:5px solid #b27a28}
.children-youth-card h3{font-family:Georgia,serif;color:#0a3e6e;font-size:1.55rem;margin:0 0 12px}
.children-youth-card p:last-child{margin:0;line-height:1.65}
.children-youth-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:52px 0}
.children-youth-pillars article{background:#fff;border-radius:12px;padding:25px;box-shadow:0 7px 20px rgba(16,39,60,.07)}
.children-youth-pillars span{display:inline-flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;background:#e9f0ed;color:#315f4d;font-weight:800;font-size:.82rem}
.children-youth-pillars h3{font-family:Georgia,serif;color:#0a3e6e;font-size:1.5rem;margin:14px 0 8px}
.children-youth-pillars p{margin:0;line-height:1.6}
.children-youth-current{padding:54px 0;border-top:1px solid #ddd3c3}
.children-youth-section-heading{text-align:center;max-width:760px;margin:0 auto 28px}
.children-youth-news-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.children-youth-news-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 7px 20px rgba(16,39,60,.07)}
.children-youth-news-card h3{font-family:Georgia,serif;color:#0a3e6e;font-size:1.35rem;margin:0 0 10px}
.children-youth-news-card p{margin:0;line-height:1.62}
.children-youth-prayer{margin:22px 0 0;background:#eef3f0;border-left:5px solid #315f4d;border-radius:8px;padding:20px 22px}
.children-youth-prayer strong{display:block;color:#244b3e;font-size:1.05rem;margin-bottom:5px}
.children-youth-prayer p{margin:0;line-height:1.6}
.children-youth-note{margin-top:14px;background:#073665;color:#fff;border-radius:14px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.children-youth-note .children-youth-eyebrow{color:#edbd6b}
.children-youth-note h2{color:#fff;margin-bottom:8px}
.children-youth-note p:last-child{margin:0;line-height:1.6;color:#eef4fa;max-width:720px}
.children-youth-back{text-align:center;padding-top:38px}
@media (max-width:850px){
  .children-youth-overview{grid-template-columns:1fr}
  .children-youth-pillars{grid-template-columns:1fr}
  .children-youth-note{flex-direction:column;align-items:flex-start}
}
@media (max-width:650px){
  .children-youth-hero{padding:48px 18px 44px}
  .children-youth-hero h1{font-size:2.8rem}
  .children-youth-hero p:last-child{font-size:1rem}
  .children-youth-shell{padding:38px 18px 56px}
  .children-youth-news-grid{grid-template-columns:1fr}
}

/* ===== 829.10 CHILDREN & YOUTH PHOTOS / VBS ===== */
.children-youth-photo-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:34px;align-items:center;padding:8px 0 54px}
.children-youth-feature-large{margin:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(16,39,60,.09)}
.children-youth-feature-large img{display:block;width:100%;height:430px;object-fit:cover}
.children-youth-feature-large figcaption{padding:12px 16px;font-size:.9rem;line-height:1.45;color:#526273}
.children-youth-feature-copy h2{font-family:Georgia,serif;color:#082f59;font-size:clamp(2rem,3vw,3rem);margin:0 0 14px}
.children-youth-feature-copy p:not(.children-youth-eyebrow){font-size:1.02rem;line-height:1.7;margin:0 0 14px}
.children-youth-gallery{padding:54px 0;border-top:1px solid #ddd3c3}
.children-youth-section-heading>p:last-child{line-height:1.65;color:#4e5e6c;margin:0 auto;max-width:760px}
.children-youth-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.children-youth-gallery-grid figure{margin:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 7px 20px rgba(16,39,60,.07)}
.children-youth-gallery-grid figure.wide{grid-column:span 2}
.children-youth-gallery-grid img{display:block;width:100%;height:270px;object-fit:cover}
.children-youth-gallery-grid figure.wide img{height:310px}
.children-youth-gallery-grid figcaption{padding:11px 14px 13px;font-weight:700;color:#24445f}
@media (max-width:850px){.children-youth-photo-feature{grid-template-columns:1fr}.children-youth-gallery-grid{grid-template-columns:1fr 1fr}.children-youth-gallery-grid figure.wide{grid-column:span 2}}
@media (max-width:650px){.children-youth-feature-large img{height:300px}.children-youth-gallery-grid{grid-template-columns:1fr}.children-youth-gallery-grid figure.wide{grid-column:span 1}.children-youth-gallery-grid img,.children-youth-gallery-grid figure.wide img{height:auto;object-fit:contain}}

/* 829.11 — expanded 2007 Church History photo record */
.history-2007-feature{margin:0 0 24px}
.history-2007-feature figure,.history-2007-grid figure{margin:0;background:#fff;padding:10px;border-radius:10px;box-shadow:0 7px 20px rgba(16,39,60,.08)}
.history-2007-feature img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;border-radius:7px;background:#f3efe7}
.history-2007-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.history-2007-grid img{display:block;width:100%;height:430px;object-fit:cover;border-radius:7px;background:#f3efe7}
.history-2007-feature figcaption,.history-2007-grid figcaption{font-size:.85rem;line-height:1.45;padding:10px 6px 5px;color:#59656e}
@media(max-width:760px){.history-2007-grid{grid-template-columns:1fr}.history-2007-grid img{height:auto;max-height:560px;object-fit:contain}}

/* 829.12 — restore original 2007 color + B/W history pair */
.history-original-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:0 0 28px}
.history-original-pair figure{margin:0;background:#fff;padding:10px;border-radius:10px;box-shadow:0 7px 20px rgba(16,39,60,.08)}
.history-original-pair img{display:block;width:100%;height:430px;object-fit:contain;border-radius:7px;background:#f3efe7}
.history-original-pair figcaption{font-size:.85rem;line-height:1.45;padding:10px 6px 5px;color:#59656e}
@media(max-width:760px){.history-original-pair{grid-template-columns:1fr}.history-original-pair img{height:auto;max-height:560px}}


/* 829.13 — Weddings section */
.mega-trigger.wedding-active{color:#f3c65b}
.wedding-main{background:#fbf7ef}
.wedding-hero{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);min-height:470px;background:#f6efe3;overflow:hidden}
.wedding-hero-copy{padding:76px 62px 58px;align-self:center}
.wedding-kicker,.wedding-eyebrow{margin:0 0 8px;color:#a97013;text-transform:uppercase;letter-spacing:.11em;font-size:.78rem;font-weight:800}
.wedding-hero h1{font:clamp(3rem,4.7vw,5.2rem)/.98 Georgia,serif;color:#0c315d;margin:0 0 20px;letter-spacing:-.025em}
.wedding-hero-copy>p:not(.wedding-kicker){font-size:1.08rem;color:#3d4a55;max-width:650px}
.wedding-contact-strip{margin-top:27px;padding:18px 20px;border-left:4px solid #d79a05;background:rgba(255,255,255,.62);color:#314456}
.wedding-contact-strip a{color:#0b5678;text-decoration:underline;text-underline-offset:2px}
.wedding-hero-photo{margin:0;min-height:470px;background:#062d55}
.wedding-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.wedding-note{max-width:1240px;margin:28px auto 0;padding:0 28px}
.wedding-note>div{background:#fff6d9;border:1px solid #e6c86c;border-radius:10px;padding:18px 22px;color:#5d4b1f}
.wedding-note strong{color:#604511;text-transform:uppercase;letter-spacing:.04em}
.wedding-note p{margin:4px 0 0}
.wedding-shell{max-width:1240px;margin:32px auto 70px;padding:0 28px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;align-items:start}
.wedding-jump{position:sticky;top:108px;background:#062e5e;color:#fff;border-radius:12px;padding:18px;box-shadow:0 10px 24px rgba(24,40,55,.12)}
.wedding-jump strong{display:block;font:1.2rem Georgia,serif;color:#f3c65b;padding:4px 8px 12px;border-bottom:1px solid rgba(255,255,255,.16);margin-bottom:7px}
.wedding-jump a{display:block;padding:10px 8px;border-radius:7px;font-size:.9rem}
.wedding-jump a:hover{background:rgba(255,255,255,.1);color:#f3c65b}
.wedding-content{min-width:0}
.wedding-section{scroll-margin-top:110px;background:#fff;border:1px solid #e8dfd0;border-radius:14px;padding:38px 42px;margin-bottom:24px;box-shadow:0 8px 24px rgba(32,44,54,.07)}
.wedding-section h2,.wedding-callout h2{font:2.15rem/1.08 Georgia,serif;color:#0c315d;margin:.08em 0 .7em}
.wedding-section h3{font:1.28rem/1.2 Georgia,serif;color:#315d68;margin:1.5em 0 .4em}
.wedding-section p{color:#3f4b55;margin:.65em 0;line-height:1.7}
.wedding-section ul{padding-left:1.3em;color:#3f4b55;line-height:1.7}
.wedding-section li+li{margin-top:.45em}
.wedding-verify{background:#fff6d9;border-left:4px solid #d79a05;padding:14px 16px;margin:0 0 24px;color:#624c1b;border-radius:4px}
.wedding-callout{background:#e8f0ef;border-radius:14px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.wedding-callout p{margin:.4em 0 0;color:#43525c}
.wedding-callout-actions{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}
.nav-weddings .mega-panel{width:700px}
@media (max-width:900px){
  .wedding-hero{grid-template-columns:1fr}.wedding-hero-copy{padding:48px 28px 38px}.wedding-hero-photo{min-height:320px;height:320px}
  .wedding-shell{grid-template-columns:1fr}.wedding-jump{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.wedding-jump strong{grid-column:1/-1}
  .wedding-callout{display:block}.wedding-callout-actions{margin-top:20px}
}
@media (max-width:600px){
  .wedding-hero-copy{padding:40px 20px 30px}.wedding-hero h1{font-size:2.7rem}.wedding-hero-photo{height:250px;min-height:250px}
  .wedding-note{padding:0 16px}.wedding-shell{padding:0 16px;margin-top:22px}.wedding-jump{grid-template-columns:1fr 1fr;padding:14px}
  .wedding-section{padding:28px 22px}.wedding-section h2{font-size:1.8rem}.wedding-callout{padding:28px 22px}.wedding-callout-actions{display:grid}.wedding-callout-actions .button{width:100%}
}


/* 829.17 — Weekly Howdy + Hmong Worship */
.howdy-page,.hmong-page{background:#f4f0e8;color:#243040}
.howdy-hero,.hmong-hero{padding:72px 24px 42px;background:linear-gradient(135deg,#f7f1e6 0%,#efe7d8 100%)}
.howdy-wrap,.hmong-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}
.howdy-kicker,.hmong-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#b06e2f;margin:0 0 10px}
.howdy-hero h1,.hmong-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,6vw,72px);line-height:1;margin:0 0 14px;color:#263244}
.howdy-deck,.hmong-deck{font-size:18px;line-height:1.6;max-width:760px;margin:0;color:#56606e}
.howdy-content{padding:42px 0 74px}
.howdy-card{max-width:820px;margin:0 auto;background:#fff;border:1px solid rgba(31,48,76,.12);border-radius:18px;box-shadow:0 18px 45px rgba(33,45,68,.08);padding:42px 48px}
.howdy-card .date{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#8a6a47;margin-bottom:20px}
.howdy-card p{font-size:19px;line-height:1.75;margin:0 0 20px;color:#313b49}
.howdy-card strong{color:#1f3151}
.howdy-card .scripture{padding:18px 20px;border-left:4px solid #d3913f;background:#fbf6ed;border-radius:0 10px 10px 0}
.howdy-card .closing{font-family:Georgia,'Times New Roman',serif;font-size:28px;line-height:1.35;color:#263244;margin-top:28px}
.hmong-feature{padding:44px 0 74px}
.hmong-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:42px;align-items:center}
.hmong-photo{border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(33,45,68,.14);background:#111}
.hmong-photo img{display:block;width:100%;height:auto}
.hmong-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:38px;line-height:1.08;margin:0 0 16px;color:#263244}
.hmong-copy p{font-size:18px;line-height:1.7;color:#465160;margin:0 0 18px}
.hmong-note{margin-top:24px;padding:18px 20px;background:#fff;border-radius:12px;border-left:4px solid #d3913f}
.hmong-note strong{display:block;margin-bottom:4px;color:#24334d}
@media (max-width:780px){.howdy-hero,.hmong-hero{padding:44px 20px 28px}.howdy-card{padding:28px 24px}.howdy-card p{font-size:17px}.hmong-grid{grid-template-columns:1fr;gap:26px}.hmong-copy h2{font-size:32px}}

/* 829.18 — Worship & Seasons + Church & Hmong Life */
.season-page,.life-page{background:#f5f1e8;color:#2c3744}
.season-wrap,.life-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.season-hero,.life-hero{padding:76px 24px 56px;background:linear-gradient(135deg,#f8f2e7 0%,#eee3d1 100%);border-bottom:1px solid rgba(26,49,75,.08)}
.season-kicker,.life-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#a9682d;margin:0 0 10px}
.season-hero h1,.life-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,6vw,74px);line-height:1;margin:0 0 16px;color:#243552}
.season-deck,.life-deck{font-size:19px;line-height:1.65;max-width:820px;margin:0;color:#596270}
.season-content{padding:52px 0 76px}
.season-section{padding:0 0 58px;margin:0 0 58px;border-bottom:1px solid #d9d0c2}
.season-heading{max-width:760px;margin-bottom:25px}.season-heading h2,.life-intro h2,.life-hmong h2,.season-closing h2{font-family:Georgia,'Times New Roman',serif;color:#243552;font-size:clamp(30px,4vw,45px);line-height:1.08;margin:0 0 12px}.season-heading p:last-child,.season-closing p,.life-intro p,.life-hmong p{font-size:17px;line-height:1.7;color:#56606b}
.season-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.season-photo{margin:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(31,48,69,.08)}.season-photo img{display:block;width:100%;height:300px;object-fit:cover}.season-photo figcaption{padding:13px 15px 16px;font-size:14px;line-height:1.45;color:#485767}.season-grid .season-photo:first-child:nth-last-child(2),.season-grid .season-photo:first-child:nth-last-child(2)~.season-photo{grid-column:span 1}.season-closing{background:#fff;border-radius:16px;padding:34px 38px;box-shadow:0 10px 28px rgba(31,48,69,.06)}
.life-intro{padding:52px 0 28px}.life-intro .life-wrap>div{max-width:850px}.life-gallery{padding:20px 0 66px}.life-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.life-photo{margin:0;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 12px 30px rgba(31,48,69,.08)}.life-photo:first-child{grid-column:1/-1}.life-photo img{display:block;width:100%;height:auto;object-fit:contain;background:#fff}.life-photo:first-child img{height:auto}.life-photo figcaption{padding:14px 16px 17px;color:#485767;font-size:14px;line-height:1.45}.life-hmong{padding:0 0 72px}.life-hmong-card{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#173a5f;color:#fff;border-radius:16px;padding:34px 38px}.life-hmong-card h2{color:#fff}.life-hmong-card p{color:#e2eaf1;max-width:720px;margin-bottom:0}.life-hmong-card .button{white-space:nowrap;background:#d99a32;color:#122f50}
@media(max-width:900px){.season-grid{grid-template-columns:repeat(2,1fr)}.life-photo img,.life-photo:first-child img{height:auto;max-height:none;object-fit:contain}}
@media(max-width:650px){.season-hero,.life-hero{padding:48px 18px 38px}.season-wrap,.life-wrap{width:min(100% - 30px,1180px)}.season-content{padding-top:38px}.season-section{margin-bottom:42px;padding-bottom:42px}.season-grid,.life-grid{grid-template-columns:1fr}.season-photo img,.life-photo img,.life-photo:first-child img{height:auto;max-height:none;object-fit:contain}.life-photo:first-child{grid-column:auto}.season-closing{padding:28px 22px}.life-hmong-card{display:block;padding:28px 22px}.life-hmong-card .button{display:inline-block;margin-top:18px}}

/* 830.1 — Hmong Worship & Church Life visual story */
.hmong-story{padding:52px 0 30px}.hmong-lead-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:42px;align-items:center}.hmong-lead-photo{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(33,45,68,.14)}.hmong-lead-photo img{display:block;width:100%;height:auto}.hmong-gallery{padding:42px 0 58px}.hmong-gallery-alt{background:#ebe5da}.hmong-section-head{max-width:760px;margin-bottom:24px}.hmong-section-head h2,.hmong-closing-card h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,4vw,42px);line-height:1.08;margin:0 0 10px;color:#263244}.hmong-section-head>p:last-child,.hmong-closing-card p{font-size:17px;line-height:1.65;color:#53606d}.hmong-photo-grid{display:grid;gap:20px}.hmong-photo-grid-3{grid-template-columns:repeat(3,1fr)}.hmong-photo-grid figure{margin:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(31,48,69,.09)}.hmong-photo-grid img{display:block;width:100%;height:330px;object-fit:cover}.hmong-closing{padding:20px 0 76px}.hmong-closing-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:34px;align-items:center;background:#fff;border-radius:18px;padding:24px;box-shadow:0 12px 32px rgba(31,48,69,.08)}.hmong-closing-card figure{margin:0;border-radius:12px;overflow:hidden}.hmong-closing-card img{display:block;width:100%;height:280px;object-fit:cover}@media(max-width:780px){.hmong-lead-grid,.hmong-closing-card{grid-template-columns:1fr}.hmong-photo-grid-3{grid-template-columns:1fr}.hmong-photo-grid img,.hmong-closing-card img{height:auto}.hmong-story{padding-top:34px}.hmong-gallery{padding:34px 0 44px}}


/* 830.2 — Expanded Hmong Life gallery; full image proportions preserved */
.hmong-life-section{padding:42px 0 58px}
.hmong-life-section.hmong-gallery-alt{background:#ebe5da}
.hmong-life-masonry{columns:3 300px;column-gap:18px}
.hmong-life-photo{margin:0 0 18px;break-inside:avoid;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 9px 24px rgba(31,48,69,.09)}
.hmong-life-photo a{display:block}
.hmong-life-photo img{display:block;width:100%;height:auto;object-fit:contain}
.hmong-lead-photo a{display:block}
.hmong-lead-photo img{width:100%;height:auto;object-fit:contain}
.hmong-closing-text{background:#fff;border-radius:18px;padding:34px 38px;box-shadow:0 12px 32px rgba(31,48,69,.08)}
.hmong-closing-text h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,4vw,42px);line-height:1.08;margin:0 0 10px;color:#263244}
.hmong-closing-text p:last-child{font-size:17px;line-height:1.65;color:#53606d;margin-bottom:0}
@media(max-width:900px){.hmong-life-masonry{columns:2 280px}}
@media(max-width:600px){.hmong-life-masonry{columns:1}.hmong-life-photo{margin-bottom:16px}.hmong-life-section{padding:32px 0 42px}.hmong-closing-text{padding:28px 22px}}


/* 830.4 — Music Ministry visual history */
.music-page{background:#f4f0e8;color:#243040}
.music-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.music-hero{padding:76px 24px 56px;background:linear-gradient(135deg,#f8f2e7 0%,#eee3d1 100%);border-bottom:1px solid rgba(26,49,75,.08)}
.music-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#a9682d;margin:0 0 10px}
.music-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,6vw,74px);line-height:1;margin:0 0 16px;color:#243552}
.music-deck{font-size:19px;line-height:1.65;max-width:820px;margin:0;color:#596270}
.music-intro{padding:52px 0 32px}
.music-lead-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:42px;align-items:center}
.music-lead-photo{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(33,45,68,.14);background:#111}
.music-lead-photo a{display:block}.music-lead-photo img{display:block;width:100%;height:auto;object-fit:contain}
.music-copy h2,.music-section-head h2,.music-closing-card h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,4vw,44px);line-height:1.08;margin:0 0 12px;color:#263244}
.music-copy p,.music-section-head>p:last-child,.music-closing-card p{font-size:17px;line-height:1.68;color:#53606d}
.music-note{margin-top:24px;padding:18px 20px;background:#fff;border-radius:12px;border-left:4px solid #d3913f;box-shadow:0 8px 22px rgba(31,48,69,.05)}
.music-note strong{display:block;margin-bottom:5px;color:#24334d}.music-note span{line-height:1.55;color:#56606d}
.music-section{padding:44px 0 60px}.music-section.music-gallery-alt{background:#ebe5da}
.music-current{padding:34px 0 58px;background:#f7f3ec}
.music-current-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.music-current-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(31,48,69,.09)}
.music-current-card>a{display:block;background:#ece7df}
.music-current-card img{display:block;width:100%;height:300px;object-fit:contain;background:#ece7df}
.music-current-copy{padding:18px 20px 20px}
.music-current-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.1;margin:0 0 7px;color:#263244}
.music-current-copy p{margin:0;color:#596270;font-size:16px;line-height:1.45}
.music-section-head{max-width:780px;margin-bottom:26px}
.music-masonry{columns:3 300px;column-gap:18px}
.music-photo{margin:0 0 18px;break-inside:avoid;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 9px 24px rgba(31,48,69,.09)}
.music-photo a{display:block}.music-photo img{display:block;width:100%;height:auto;object-fit:contain}
.music-closing{padding:26px 0 76px}.music-closing-card{background:#fff;border-radius:18px;padding:34px 38px;box-shadow:0 12px 32px rgba(31,48,69,.08);max-width:900px}
.music-closing-card p:last-child{margin-bottom:0}
@media(max-width:900px){.music-lead-grid{grid-template-columns:1fr}.music-current-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.music-masonry{columns:2 280px}}
@media(max-width:600px){.music-hero{padding:48px 18px 38px}.music-wrap{width:min(100% - 30px,1180px)}.music-intro{padding-top:36px}.music-current-grid{grid-template-columns:1fr}.music-current-card img{height:auto;max-height:none}.music-masonry{columns:1}.music-photo{margin-bottom:16px}.music-section{padding:34px 0 46px}.music-closing-card{padding:28px 22px}}


/* 831.3 — minor Latest Worship Service card spacing fix only.
   Keep font sizes and CTA arrow unchanged; prevent the icon from crowding the L in LATEST. */
.hero17-hotspot.watch.hero17-card .h17-icon{
  left:10px !important;
  top:18px !important;
}
.hero17-hotspot.watch.hero17-card .h17-copy{
  width:88% !important;
  padding-left:12px !important;
}


/* 831.4 — Latest Worship Service card refinement only.
   Preserve type sizes and CTA arrow; give the heading more breathing room. */
.hero17-hotspot.watch.hero17-card .h17-icon{
  left:8px !important;
}
.hero17-hotspot.watch.hero17-card .h17-copy{
  width:82% !important;
  transform:translateX(7px);
  padding-left:0 !important;
}


/* 831.5 — Church Life historical photo groups */
.life-section-block{padding:8px 0 58px}
.life-section-block.life-section-alt{background:#ebe5da}
.life-section-head{max-width:860px;margin:0 0 24px}
.life-section-head h2{font-family:Georgia,'Times New Roman',serif;color:#243552;font-size:clamp(30px,4vw,45px);line-height:1.08;margin:0 0 12px}
.life-section-head p{font-size:17px;line-height:1.7;color:#56606b;margin:0}
.life-grid.life-grid-community{grid-template-columns:repeat(2,1fr)}
.life-grid.life-grid-community .life-photo:first-child{grid-column:auto}
.life-grid.life-grid-community .life-photo img{height:auto;object-fit:contain;background:#fff}
@media(max-width:900px){.life-grid.life-grid-community .life-photo img{height:auto;object-fit:contain}}
@media(max-width:650px){.life-section-block{padding:0 0 42px}.life-grid.life-grid-community .life-photo img{height:auto;max-height:none;object-fit:contain}}


/* =========================================================
   91.1 — editable homepage hero copy test
   831.6 remains the visual reference. The original raster hero is
   preserved, but its baked-in title/subhead are softly masked and
   recreated as true HTML text so Dreamweaver can edit them directly.
   ========================================================= */
.hero17-copy-mask{
  position:absolute;
  z-index:5;
  left:0;
  top:0;
  width:43.5%;
  height:61.5%;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(251,247,237,.995) 0%,
      rgba(251,247,237,.985) 65%,
      rgba(251,247,237,.90) 82%,
      rgba(251,247,237,0) 100%);
}
.hero17-live-copy{
  position:absolute;
  z-index:7;
  left:11.9%;
  top:7.0%;
  width:27%;
  color:#071b3b;
  line-height:normal;
  text-align:left;
  pointer-events:none;
}
.hero17-welcome{
  margin:0 0 5px;
  color:#b85a12;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(18px,1.45vw,29px);
  line-height:1.05;
  font-style:italic;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.hero17-live-copy h1{
  margin:0;
  color:#071b3b;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(39px,3.35vw,67px);
  line-height:.98;
  font-weight:700;
  letter-spacing:-.018em;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.hero17-rule{
  display:block;
  width:46px;
  height:3px;
  margin:11px 0 10px;
  background:#c36b25;
}
.hero17-subhead{
  margin:0;
  color:#111b27;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(12px,.84vw,17px);
  line-height:1.45;
  font-weight:500;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
@media (max-width:1100px){
  .hero17-copy-mask{width:46%;height:64%}
  .hero17-live-copy{left:10.5%;width:31%;top:6.5%}
  .hero17-live-copy h1{font-size:clamp(31px,4vw,48px)}
  .hero17-welcome{font-size:clamp(16px,1.7vw,23px)}
  .hero17-subhead{font-size:clamp(10px,1.05vw,13px)}
  .hero17-rule{width:38px;height:2px;margin:8px 0 8px}
}
@media (max-width:800px){
  /* Mobile gets a clean editable copy block; full responsive refinement comes later. */
  .hero17-copy-mask{display:none}
  .hero17-live-copy{
    position:static;
    width:auto;
    padding:20px 22px 8px;
    background:#fbf7ed;
    pointer-events:auto;
  }
  .hero17-live-copy h1{font-size:clamp(34px,9vw,50px);line-height:1}
  .hero17-welcome{font-size:21px}
  .hero17-subhead{font-size:15px;line-height:1.5}
  .hero17-subhead br{display:none}
}


/* =========================================================
   91.3 — precision editable hero pass
   Uses the original 831.4/91.1 composition with the baked-in left-side
   copy removed from the image itself. No mask or overlay panel is used.
   Visible title/subhead remain ordinary editable HTML.
   ========================================================= */
.hero17::after{display:none!important}
.hero17-copy-mask{display:none!important}
.hero17-image{width:100%;height:auto;display:block;max-width:none}
.hero17-live-copy{
  position:absolute;
  z-index:7;
  left:11.9%;
  top:6.7%;
  width:28.5%;
  color:#071b3b;
  text-align:left;
  pointer-events:none;
}
.hero17-welcome{
  margin:0 0 7px;
  color:#b85a12;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(20px,1.55vw,30px);
  line-height:1.05;
  font-style:italic;
  font-weight:400;
}
.hero17-live-copy h1{
  margin:0;
  color:#071b3b;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(43px,3.65vw,70px);
  line-height:.97;
  font-weight:700;
  letter-spacing:-.018em;
}
.hero17-rule{
  display:block;
  width:48px;
  height:3px;
  margin:12px 0 10px;
  background:#c36b25;
}
.hero17-subhead{
  margin:0;
  color:#111b27;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(13px,.92vw,18px);
  line-height:1.42;
  font-weight:500;
}
/* Restore the proven 831.4/91.1 hotspot geometry. */
.hero17-hotspot.plan{left:11.9%;top:61.8%;width:8.2%;height:7.0%}
.hero17-hotspot.worship{left:20.2%;top:73.8%;width:12.5%;height:25.3%}
.hero17-hotspot.watch{left:33.4%;top:73.8%;width:12.5%;height:25.3%}
.hero17-hotspot.visit{left:46.6%;top:73.8%;width:12.5%;height:25.3%}
.hero17-hotspot.give{left:59.8%;top:73.8%;width:12.5%;height:25.3%}
@media(max-width:1100px){
  .hero17-live-copy{left:10.5%;top:6.5%;width:31%}
  .hero17-live-copy h1{font-size:clamp(34px,4.15vw,50px)}
  .hero17-welcome{font-size:clamp(17px,1.8vw,24px)}
  .hero17-subhead{font-size:clamp(11px,1.1vw,14px)}
}
@media(max-width:800px){
  .hero17-live-copy{position:static;width:auto;background:#fbf7ed;padding:20px 22px 8px;pointer-events:auto}
  .hero17-live-copy h1{font-size:clamp(34px,9vw,50px);line-height:1}
  .hero17-welcome{font-size:21px}
  .hero17-subhead{font-size:15px;line-height:1.5}
  .hero17-subhead br{display:none}
}


/* 91.4 — last precision hero pass: restore 831.4 card geometry and retain editable HTML copy. */
.hero17-hotspot.plan{left:11.9%!important;top:60.5%!important;width:8.2%!important;height:8.5%!important}
.hero17-hotspot.worship{left:20.1%!important;top:74%!important;width:12.6%!important;height:25%!important}
.hero17-hotspot.watch{left:33.4%!important;top:74%!important;width:12.2%!important;height:25%!important}
.hero17-hotspot.visit{left:46.1%!important;top:74%!important;width:12.1%!important;height:25%!important}
.hero17-hotspot.give{left:58.8%!important;top:74%!important;width:12.3%!important;height:25%!important}


/* 91.5 — enlarge editable welcome/subhead only; preserve 91.4 title/cards. */
.hero17-welcome{font-size:clamp(24px,1.85vw,34px)!important;margin-bottom:8px!important}
.hero17-subhead{font-size:clamp(15px,1.08vw,20px)!important;line-height:1.38!important}
@media(max-width:1100px){
  .hero17-welcome{font-size:clamp(20px,2.1vw,28px)!important}
  .hero17-subhead{font-size:clamp(13px,1.35vw,17px)!important}
}
@media(max-width:800px){
  .hero17-welcome{font-size:23px!important}
  .hero17-subhead{font-size:16px!important;line-height:1.45!important}
}


/* 91.7 — Church-confirmed staff listing */
.contact-staff{max-width:1180px;margin:28px auto;padding:26px 28px;background:#fff;border:1px solid rgba(21,41,76,.12);border-radius:18px;box-shadow:0 10px 28px rgba(21,41,76,.07)}
.contact-staff h2{margin:.15rem 0 1.2rem;color:#1a2d4c;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.6rem,2.5vw,2.15rem)}
.contact-staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 26px}
.contact-staff-grid p{margin:0;padding:12px 0;border-bottom:1px solid rgba(21,41,76,.10);display:flex;justify-content:space-between;gap:16px}
.contact-staff-grid strong{color:#1a2d4c}.contact-staff-grid span{text-align:right}
@media(max-width:760px){.contact-staff{margin:20px 16px;padding:22px 20px}.contact-staff-grid{grid-template-columns:1fr}.contact-staff-grid p{display:block}.contact-staff-grid span{display:block;text-align:left;margin-top:3px}}

/* 91.9 — preserve full frame for selected Children & Youth photo */
.children-youth-gallery-grid figure.natural img{height:auto;object-fit:contain;background:#fff}


/* 92.2 Staff & Leadership */
.staff-main{background:#f7f3ec;color:#263244}
.staff-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.staff-hero{padding:58px 0 46px;background:#f0eadf;border-bottom:1px solid rgba(38,50,68,.10)}
.staff-kicker{margin:0 0 10px;font-size:14px;font-weight:800;letter-spacing:.12em;color:#9a5c25}
.staff-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,5vw,62px);line-height:1.02;margin:0 0 14px;color:#263244}
.staff-lead{max-width:760px;margin:0;font-size:19px;line-height:1.6;color:#596270}
.staff-section{padding:54px 0 66px}
.staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.staff-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(31,48,69,.09);display:flex;flex-direction:column}
.staff-card img{display:block;width:100%;height:300px;object-fit:contain;background:#ece7df}
.staff-card>div{padding:20px 22px 23px}
.staff-card-text{min-height:210px;justify-content:center}
.staff-card-text>div{padding:30px 26px}
.staff-role{margin:0 0 8px;color:#9a5c25;font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;line-height:1.35}
.staff-card h2{font-family:Georgia,'Times New Roman',serif;font-size:27px;line-height:1.12;margin:0;color:#263244}
.staff-extra{margin:10px 0 0;color:#596270;font-size:15px;line-height:1.5}
.staff-note{margin-top:30px;padding:18px 22px;border-radius:12px;background:#fff;border-left:4px solid #9a5c25;color:#596270}
.staff-note p{margin:0}
@media(max-width:900px){.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.staff-wrap{width:min(100% - 30px,1180px)}.staff-hero{padding:42px 0 34px}.staff-grid{grid-template-columns:1fr}.staff-card img{height:auto;max-height:none}.staff-card-text{min-height:0}}

/* =========================================================
   92.4 — homepage responsive hero/action layout
   Desktop (>1100px) remains unchanged. Tablet/phone no longer use
   desktop absolute-positioned hero copy or action-card hotspots.
   ========================================================= */
@media (max-width:1100px){
  .hero17{
    overflow:visible;
    line-height:normal;
    background:#fbf7ed;
    padding-bottom:28px;
  }
  .hero17-image{
    width:100%;
    height:clamp(230px,31vw,330px);
    object-fit:cover;
    object-position:70% center;
    background:#fbf7ed;
  }
  .hero17-live-copy{
    position:static!important;
    width:min(100% - 48px,920px)!important;
    margin:0 auto!important;
    padding:28px 0 18px!important;
    background:transparent!important;
    pointer-events:auto!important;
    color:#071b3b;
  }
  .hero17-welcome{
    font-size:clamp(22px,3.2vw,30px)!important;
    margin:0 0 7px!important;
  }
  .hero17-live-copy h1{
    font-size:clamp(42px,6vw,62px)!important;
    line-height:.98!important;
    max-width:760px;
  }
  .hero17-rule{margin:13px 0 11px!important}
  .hero17-subhead{
    font-size:clamp(15px,1.8vw,18px)!important;
    line-height:1.5!important;
    max-width:820px;
  }
  .hero17-subhead br{display:none}

  .hero17-hotspot{
    position:static!important;
    width:auto!important;
    height:auto!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
  }
  .hero17-plan-button{
    display:block!important;
    width:max-content!important;
    margin:0 auto 18px!important;
    padding:11px 17px!important;
    background:#173b63!important;
    color:#fff!important;
    border-radius:5px!important;
    font:800 12px/1.2 Arial,Helvetica,sans-serif!important;
    text-decoration:none!important;
    letter-spacing:.02em;
  }
  .hero17-card{
    width:min(calc(50% - 10px),440px)!important;
    min-height:128px!important;
    display:inline-flex!important;
    vertical-align:top;
    margin:0 5px 12px!important;
    padding:18px 17px 15px!important;
    gap:12px!important;
  }
  .hero17-card.worship,
  .hero17-card.visit{margin-left:calc((100% - min(92%,900px))/2)!important}
  .hero17-card.watch,
  .hero17-card.give{margin-right:calc((100% - min(92%,900px))/2)!important}
  .hero17-card .h17-icon{width:34px;height:34px;flex-basis:34px;font-size:16px}
  .hero17-card b{font-size:19px!important;line-height:1.05!important}
  .hero17-card small{font-size:12px!important;line-height:1.42!important;margin-bottom:9px!important}
  .hero17-card strong{font-size:11px!important;line-height:1.2!important}
}

@media (max-width:700px){
  .hero17{padding-bottom:20px}
  .hero17-image{
    height:220px;
    object-position:72% center;
  }
  .hero17-live-copy{
    width:auto!important;
    margin:0!important;
    padding:25px 22px 17px!important;
  }
  .hero17-welcome{font-size:22px!important}
  .hero17-live-copy h1{
    font-size:clamp(38px,11.5vw,49px)!important;
    line-height:.96!important;
  }
  .hero17-subhead{font-size:16px!important;line-height:1.5!important}
  .hero17-plan-button{
    margin:0 22px 17px!important;
    padding:12px 16px!important;
    font-size:12px!important;
  }
  .hero17-card,
  .hero17-card.worship,
  .hero17-card.watch,
  .hero17-card.visit,
  .hero17-card.give{
    display:flex!important;
    width:auto!important;
    min-height:0!important;
    margin:0 18px 12px!important;
    padding:17px 16px 15px!important;
  }
  .hero17-card b{font-size:18px!important}
  .hero17-card small{font-size:12px!important}
  .hero17-card strong{font-size:11px!important}
}

/* =========================================================
   92.5 — portable homepage layout cleanup
   Keeps desktop (>1100px) untouched. Portable devices use a
   clean church image (no baked-in cards), one complete Plan Your
   Visit button, and the live HTML action cards in a true grid.
   ========================================================= */
@media (max-width:1100px){
  .hero17{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:18px!important;
    row-gap:16px!important;
    width:100%!important;
    padding:0 28px 32px!important;
    background:#fbf7ed!important;
    overflow:visible!important;
    line-height:normal!important;
  }

  /* Use a clean source on portable devices. The desktop 91.5 hero
     remains completely unchanged. */
  .hero17-image{
    content:url("images/approved-full-church-v11-final.webp")!important;
    grid-column:1 / -1!important;
    width:calc(100% + 56px)!important;
    max-width:none!important;
    height:clamp(260px,39vw,400px)!important;
    margin:0 -28px!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:62% center!important;
    display:block!important;
  }

  .hero17-live-copy{
    grid-column:1 / -1!important;
    position:static!important;
    width:100%!important;
    max-width:920px!important;
    margin:0 auto!important;
    padding:12px 0 0!important;
    background:transparent!important;
    pointer-events:auto!important;
  }

  .hero17-hotspot{
    position:static!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  }

  .hero17-plan-button{
    grid-column:1 / -1!important;
    justify-self:start!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:170px!important;
    height:auto!important;
    margin:0!important;
    padding:13px 18px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    background:#173b63!important;
    color:#fff!important;
    border-radius:6px!important;
    font:800 12px/1.2 Arial,Helvetica,sans-serif!important;
    letter-spacing:.02em!important;
    text-decoration:none!important;
  }

  .hero17-card,
  .hero17-card.worship,
  .hero17-card.watch,
  .hero17-card.visit,
  .hero17-card.give{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:150px!important;
    height:auto!important;
    margin:0!important;
    padding:20px 18px 18px!important;
    gap:13px!important;
    box-sizing:border-box!important;
    align-items:flex-start!important;
  }

  .hero17-card .h17-icon{
    position:static!important;
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    margin:0!important;
    font-size:16px!important;
  }
  .hero17-card .h17-copy{position:static!important;min-width:0!important;padding:0!important}
  .hero17-card b{font-size:20px!important;line-height:1.05!important;margin:0 0 8px!important}
  .hero17-card small{font-size:13px!important;line-height:1.45!important;margin:0 0 10px!important}
  .hero17-card strong{font-size:11px!important;line-height:1.2!important}
}

@media (max-width:700px){
  .hero17{
    grid-template-columns:1fr!important;
    gap:13px!important;
    padding:0 20px 24px!important;
  }
  .hero17-image{
    grid-column:1!important;
    width:calc(100% + 40px)!important;
    height:255px!important;
    margin:0 -20px!important;
    object-position:62% center!important;
  }
  .hero17-live-copy{
    grid-column:1!important;
    max-width:none!important;
    padding:17px 2px 2px!important;
  }
  .hero17-plan-button{
    grid-column:1!important;
    justify-self:start!important;
    min-width:176px!important;
    margin:0 2px 2px!important;
    padding:13px 18px!important;
    font-size:12px!important;
  }
  .hero17-card,
  .hero17-card.worship,
  .hero17-card.watch,
  .hero17-card.visit,
  .hero17-card.give{
    min-height:0!important;
    padding:19px 17px 17px!important;
  }
  .hero17-card b{font-size:19px!important}
  .hero17-card small{font-size:13px!important}
}

/* =========================================================
   92.7 — portable homepage refinement
   Tablet/phone: restore the approved current-color church hero while retaining the portable layout refinements.
   Phone: slightly smaller welcome title and less intrusive Quick Links.
   Desktop (>1100px) remains unchanged.
   ========================================================= */
@media (max-width:1100px){
  .hero17-image{
    content:url("images/approved-full-church-v11-final.webp")!important;
    width:calc(100% + 56px)!important;
    margin-left:-28px!important;
    margin-right:-28px!important;
    height:clamp(330px,43vw,455px)!important;
    object-fit:cover!important;
    object-position:center center!important;
    background:#fbf7ed!important;
  }
  .floating-quick{
    right:0!important;
    top:54%!important;
    padding:10px 7px!important;
    font-size:11px!important;
    border-radius:10px 0 0 10px!important;
    box-shadow:0 4px 12px rgba(0,0,0,.18)!important;
  }
}

@media (max-width:700px){
  .hero17-image{
    width:calc(100% + 40px)!important;
    margin-left:-20px!important;
    margin-right:-20px!important;
    height:255px!important;
    object-position:center center!important;
  }
  .hero17-live-copy h1{
    font-size:clamp(35px,9.6vw,40px)!important;
    line-height:.98!important;
  }
  .floating-quick{
    top:auto!important;
    right:12px!important;
    bottom:88px!important;
    width:68px!important;
    height:68px!important;
    padding:0!important;
    writing-mode:horizontal-tb!important;
    border-radius:50%!important;
    font-size:11px!important;
    line-height:1.15!important;
  }
}

/* =========================================================
   92.8 — tablet-only hero crop refinement
   Remove the built-in pale edge area from the approved portable
   color hero by using a taller crop on tablets. Phone and desktop
   behavior remain unchanged.
   ========================================================= */
@media (min-width:701px) and (max-width:1100px){
  .hero17-image{
    height:clamp(500px,50vw,550px)!important;
    object-fit:cover!important;
    object-position:82% center!important;
  }
}

/* =========================================================
   92.9 — tablet hero + Facebook Photos routing
   Tablet only: use a dedicated crop of the approved color hero
   with the baked-in pale edge bands removed. Phone and desktop
   remain unchanged.
   ========================================================= */
@media (min-width:701px) and (max-width:1100px){
  .hero17-image{
    content:url("images/approved-church-tablet-92.9.webp")!important;
    width:calc(100% + 56px)!important;
    margin-left:-28px!important;
    margin-right:-28px!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#fbf7ed!important;
  }
}

/* =========================================================
   92.10 — final portable hero/Facebook cleanup pass
   Tablet: use a tightly cropped copy of the approved color hero
   with the pale/faded edge treatment physically removed.
   Facebook: desktop keeps the direct Photos destination; portable
   devices use the main church Facebook page with wording that
   accurately describes the mobile behavior.  The arrow stays with
   the link text rather than wrapping by itself.
   ========================================================= */
.life-facebook-mobile{display:none!important}
.life-facebook-arrow{display:inline-block!important;white-space:nowrap!important;margin-left:2px!important}

@media (min-width:701px) and (max-width:1100px){
  .hero17-image{
    content:url("images/approved-church-tablet-92.10.webp")!important;
    width:calc(100% + 56px)!important;
    margin-left:-28px!important;
    margin-right:-28px!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#fbf7ed!important;
  }
}

@media (max-width:1100px){
  .life-facebook-desktop{display:none!important}
  .life-facebook-mobile{display:inline-flex!important;max-width:100%!important;white-space:normal!important;flex-wrap:nowrap!important}
  .life-facebook-mobile .life-facebook-arrow{flex:0 0 auto!important;align-self:center!important}
}

/* =========================================================
   97.2 — cross-browser desktop hero safeguard
   The title already has explicit <br> line breaks in the HTML. Some
   desktop browsers were still wrapping inside those lines (for example
   between "Marysville" and "First"), making the title five lines tall
   and causing it to collide with the action cards. Keep the approved
   desktop composition, but forbid extra wrapping inside the three
   intended title lines. At intermediate desktop widths, slightly reduce
   the title size and give the copy area more room. Portable <=1100px
   keeps the already-approved tablet/phone layout unchanged.
   ========================================================= */
@media (min-width:1101px){
  .hero17-live-copy h1{
    white-space:nowrap!important;
  }
}
@media (min-width:1101px) and (max-width:1600px){
  .hero17-live-copy{
    width:35%!important;
  }
  .hero17-live-copy h1{
    font-size:clamp(40px,3.2vw,52px)!important;
    line-height:.97!important;
    letter-spacing:-.018em!important;
  }
  .hero17-welcome{
    font-size:clamp(18px,1.45vw,24px)!important;
  }
  .hero17-subhead{
    font-size:clamp(11px,.9vw,14px)!important;
    line-height:1.42!important;
    max-width:470px!important;
  }
}

/* =========================================================
   98.6 — preserve the original hero picture, restore crisp live cards,
   and keep the fix limited to the troublesome intermediate desktop.
   Built cleanly from 97.2. No new hero crop/image handling.
   Applies only to 1101–1600px. iPhone/iPad and wider desktop untouched.
   ========================================================= */
@media (min-width:1101px) and (max-width:1600px){

  /* Keep the proven desktop image behavior intact. */
  .hero17{
    overflow:hidden !important;
    line-height:0 !important;
    background:#fbf7ed !important;
  }
  .hero17-image{
    width:100% !important;
    height:auto !important;
    display:block !important;
    max-width:none !important;
  }

  /* Tighten the live copy just enough so the paragraph clears the button. */
  .hero17-live-copy{
    left:11.7% !important;
    top:6.2% !important;
    width:27.4% !important;
    pointer-events:none !important;
  }
  .hero17-welcome{
    font-size:clamp(19px,1.45vw,24px) !important;
    line-height:1.04 !important;
    margin:0 0 5px !important;
  }
  .hero17-live-copy h1{
    font-size:clamp(39px,3.20vw,50px) !important;
    line-height:.96 !important;
    letter-spacing:-.018em !important;
    margin:0 !important;
  }
  .hero17-rule{
    width:44px !important;
    height:3px !important;
    margin:9px 0 8px !important;
  }
  .hero17-subhead{
    max-width:420px !important;
    font-size:clamp(11px,.80vw,13px) !important;
    line-height:1.32 !important;
    margin:0 !important;
  }

  /* Keep the live button, but make it a hair more compact. */
  .hero17-hotspot.plan.hero17-plan-button{
    left:11.9% !important;
    top:61.0% !important;
    width:8.2% !important;
    height:7.6% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    padding:0 6px !important;
    font-size:10px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    z-index:8 !important;
  }
  .hero17-hotspot.plan.hero17-plan-button span{
    font-size:12px !important;
  }

  /* Leave the proven card geometry alone, but force compact crisp content
     that actually fits inside the cards and fully covers the baked text. */
  .hero17 .hero17-hotspot.worship.hero17-card,
  .hero17 .hero17-hotspot.watch.hero17-card,
  .hero17 .hero17-hotspot.visit.hero17-card,
  .hero17 .hero17-hotspot.give.hero17-card{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    text-align:left !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    padding:12px 12px 10px 13px !important;
    background:#fffdfa !important;
    border:1px solid rgba(15,35,60,.10) !important;
    border-radius:10px !important;
    box-shadow:0 7px 18px rgba(22,31,42,.13) !important;
    color:#071b3b !important;
    text-decoration:none !important;
  }

  .hero17 .hero17-hotspot.hero17-card .h17-icon{
    position:static !important;
    left:auto !important;
    top:auto !important;
    width:29px !important;
    height:29px !important;
    flex:0 0 29px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    color:#fff !important;
    font:700 14px/1 Arial,Helvetica,sans-serif !important;
    margin:0 !important;
  }

  .hero17 .hero17-hotspot.hero17-card .h17-copy,
  .hero17 .hero17-hotspot.watch.hero17-card .h17-copy{
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    text-align:left !important;
    transform:none !important;
    padding:0 !important;
    margin:0 !important;
  }

  .hero17 .hero17-hotspot.hero17-card b{
    display:block !important;
    margin:0 0 6px !important;
    color:#071b3b !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:16px !important;
    line-height:1.02 !important;
    font-weight:700 !important;
    text-align:left !important;
  }

  .hero17 .hero17-hotspot.hero17-card small{
    display:block !important;
    margin:0 0 8px !important;
    color:#071b3b !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:9px !important;
    line-height:1.34 !important;
    font-weight:500 !important;
    text-align:left !important;
    text-rendering:optimizeLegibility !important;
    -webkit-font-smoothing:antialiased !important;
    -moz-osx-font-smoothing:grayscale !important;
  }

  .hero17 .hero17-hotspot.hero17-card strong{
    display:block !important;
    margin:0 !important;
    color:#071b3b !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:9px !important;
    line-height:1.16 !important;
    font-weight:800 !important;
    text-align:left !important;
    text-rendering:optimizeLegibility !important;
    -webkit-font-smoothing:antialiased !important;
    -moz-osx-font-smoothing:grayscale !important;
  }
}

/* =========================================================
   98.9 — corrected laptop breakpoint
   The MacBook viewport is wider than 1600 CSS px, so the previous
   1101–1600 rule never fired. This targets 1101–2000px instead.
   Wide desktop >2000px preserves 98.6.
   Portable <=1100px remains untouched.
   ========================================================= */
@media (min-width:1101px) and (max-width:2000px){

  /* Keep 98.6 hero image/framing. */
  .hero17{
    overflow:hidden !important;
    line-height:0 !important;
  }
  .hero17-image{
    width:100% !important;
    height:auto !important;
    display:block !important;
    max-width:none !important;
  }

  /* Compact live title/subhead so it clears the button. */
  .hero17-live-copy{
    left:11.7% !important;
    top:5.8% !important;
    width:29.0% !important;
  }
  .hero17-welcome{
    font-size:clamp(18px,1.25vw,24px) !important;
    line-height:1.04 !important;
    margin:0 0 5px !important;
  }
  .hero17-live-copy h1{
    font-size:clamp(38px,2.8vw,52px) !important;
    line-height:.96 !important;
    letter-spacing:-.018em !important;
    margin:0 !important;
    white-space:normal !important;
  }
  .hero17-rule{
    width:44px !important;
    height:3px !important;
    margin:8px 0 7px !important;
  }
  .hero17-subhead{
    margin:0 !important;
    max-width:420px !important;
    font-size:clamp(10px,.68vw,13px) !important;
    line-height:1.28 !important;
  }

  /* Put Plan Your Visit below the copy, not through it. */
  .hero17-hotspot.plan.hero17-plan-button{
    left:11.7% !important;
    top:66.0% !important;
    width:9.1% !important;
    height:7.0% !important;
    min-width:0 !important;
    padding:0 6px !important;
    font-size:9px !important;
    line-height:1 !important;
    gap:4px !important;
    white-space:nowrap !important;
  }
  .hero17-hotspot.plan.hero17-plan-button span{
    font-size:11px !important;
  }

  /* Keep the original card geometry but force live, crisp, compact
     contents to remain inside the boxes. */
  .hero17 .hero17-hotspot.worship.hero17-card,
  .hero17 .hero17-hotspot.watch.hero17-card,
  .hero17 .hero17-hotspot.visit.hero17-card,
  .hero17 .hero17-hotspot.give.hero17-card{
    overflow:hidden !important;
    box-sizing:border-box !important;
    background:#fffdfa !important;
    border:1px solid rgba(15,35,60,.10) !important;
    border-radius:10px !important;
    box-shadow:0 7px 18px rgba(22,31,42,.13) !important;
    padding:11px 10px 9px 10px !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:8px !important;
    text-align:left !important;
  }

  .hero17 .hero17-hotspot.hero17-card .h17-icon{
    position:static !important;
    left:auto !important;
    top:auto !important;
    width:27px !important;
    height:27px !important;
    flex:0 0 27px !important;
    display:grid !important;
    place-items:center !important;
    font-size:13px !important;
    margin:0 !important;
  }

  .hero17 .hero17-hotspot.hero17-card .h17-copy,
  .hero17 .hero17-hotspot.watch.hero17-card .h17-copy{
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    text-align:left !important;
    transform:none !important;
    padding:0 !important;
    margin:0 !important;
  }

  .hero17 .hero17-hotspot.hero17-card b{
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:15px !important;
    line-height:1.0 !important;
    font-weight:700 !important;
    margin:0 0 5px !important;
    text-align:left !important;
  }
  .hero17 .hero17-hotspot.hero17-card small{
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:8.5px !important;
    line-height:1.28 !important;
    font-weight:500 !important;
    margin:0 0 6px !important;
    text-align:left !important;
    text-rendering:optimizeLegibility !important;
    -webkit-font-smoothing:antialiased !important;
  }
  .hero17 .hero17-hotspot.hero17-card strong{
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:8px !important;
    line-height:1.12 !important;
    font-weight:800 !important;
    margin:0 !important;
    text-align:left !important;
    text-rendering:optimizeLegibility !important;
    -webkit-font-smoothing:antialiased !important;
  }
}

/* =========================================================
   98.10 — laptop-only duplicate Plan Your Visit fix
   Base: 98.9
   On 1101–2000px the original hero artwork already contains the
   Plan Your Visit button, so hide only the live button's visuals
   while preserving its clickable hotspot. Nothing else changes.
   ========================================================= */
@media (min-width:1101px) and (max-width:2000px){
  .hero17-hotspot.plan.hero17-plan-button{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:transparent !important;
    font-size:0 !important;
    padding:0 !important;
  }
  .hero17-hotspot.plan.hero17-plan-button span{
    visibility:hidden !important;
  }
}

/* =========================================================
   98.12 — Visit Us anchor landing refinement
   Give the #visit card clearance below the sticky header so the
   card heading is visible when arriving from homepage Visit links.
   No homepage layout changes.
   ========================================================= */
#visit{
  scroll-margin-top:96px;
}



/* 99.RC2 — homepage denominational mission strip */
.home-mission{background:#f2eee6;border-top:1px solid #e1d8ca;border-bottom:1px solid #e1d8ca;padding:28px 24px;text-align:center}
.home-mission-inner{max-width:980px;margin:0 auto}
.home-mission-kicker{margin:0 0 7px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7b6238}
.home-mission-text{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,2.1vw,29px);line-height:1.35;color:#173653}
@media(max-width:700px){.home-mission{padding:22px 18px}.home-mission-text{font-size:20px}}


/* Homepage legacy archive link. */
.footer-archive{line-height:1.4;text-align:right;max-width:330px}
.footer-archive a{color:#f4c45f;font-weight:700;text-decoration:none}
.footer-archive a:hover,.footer-archive a:focus{text-decoration:underline}
.footer-archive span{display:block;margin-top:3px;color:#aebdca;font-size:11px}
@media (max-width:900px){
  .footer-archive{text-align:left;max-width:none}
}