:root{
  --navy:#061a32;
  --navy2:#0b2b50;
  --navy3:#123b66;
  --gold:#bd852e;
  --gold2:#f3ca6f;
  --gold3:#f9e1a2;
  --cream:#fff5df;
  --cream2:#fff9ed;
  --paper:#f8ead0;
  --ink:#0c2340;
  --brown:#6c4618;
  --muted:#6e604d;
  --line:rgba(144,91,31,.38);
  --shadow:0 20px 48px rgba(31,21,9,.24);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at 12% 0%,rgba(243,202,111,.34),transparent 30%),
    linear-gradient(180deg,#fff7e6 0%,#f8edd5 52%,#fff9ea 100%);
  font-family:Georgia,"Times New Roman",serif;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.25;
  background-image:
    radial-gradient(rgba(116,77,26,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.5),transparent 30%,rgba(167,112,40,.08));
  background-size:8px 8px,100% 100%;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.skip-link{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:10px;z-index:999}
.skip-link:focus{left:10px}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:
    radial-gradient(circle at 18% 0%,rgba(36,77,118,.42),transparent 28%),
    linear-gradient(180deg,#06182e,#071f3b);
  border-bottom:2px solid var(--gold);
  box-shadow:0 8px 30px rgba(0,0,0,.34);
}
.header-inner{
  max-width:1510px;
  min-height:96px;
  margin:0 auto;
  padding:13px 26px;
  display:flex;
  align-items:center;
  gap:28px;
  position:relative;
}
.gold-corner{
  position:absolute;
  top:6px;
  width:110px;
  height:70px;
  pointer-events:none;
  opacity:.9;
}
.gold-corner-left{left:7px}
.gold-corner-right{right:7px;transform:scaleX(-1)}
.gold-corner:before,
.gold-corner:after{
  content:"";
  position:absolute;
  border:2px solid var(--gold2);
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-radius:50%;
}
.gold-corner:before{width:58px;height:58px;left:0;top:0}
.gold-corner:after{width:34px;height:34px;left:48px;top:12px}
.brand{
  min-width:295px;
  display:flex;
  align-items:center;
  gap:15px;
  color:var(--gold2);
}
.brand-seal{
  width:74px;
  height:74px;
  border:2px solid var(--gold2);
  border-radius:50%;
  background:radial-gradient(circle,#123b66,#05172c 70%);
  position:relative;
  box-shadow:inset 0 0 0 6px rgba(255,255,255,.04);
}
.seal-book{
  position:absolute;
  left:17px;
  bottom:15px;
  width:40px;
  height:16px;
  border:2px solid var(--gold2);
  border-top:0;
  border-radius:0 0 20px 20px;
}
.seal-book:before{content:"";position:absolute;left:18px;top:-7px;height:22px;width:2px;background:var(--gold2)}
.seal-tower{
  position:absolute;
  left:35px;
  top:16px;
  height:30px;
  width:4px;
  background:var(--gold2);
  border-radius:4px;
}
.seal-tower:before{content:"";position:absolute;left:-3px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--gold2)}
.seal-wave{
  position:absolute;
  border:2px solid var(--gold2);
  border-bottom:0;
  border-radius:50% 50% 0 0;
  left:50%;
  transform:translateX(-50%);
}
.seal-wave-1{top:8px;width:38px;height:24px;opacity:.75}
.seal-wave-2{top:2px;width:55px;height:34px;opacity:.45}
.brand-copy strong{display:block;font-size:38px;line-height:.88;letter-spacing:.04em}
.brand-copy span{display:block;font-size:26px;font-weight:700;line-height:1}
.brand-copy em{display:block;font-style:normal;text-transform:uppercase;font-size:12px;letter-spacing:.24em;color:#fff3c7}
.site-nav{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:27px;
}
.site-nav a{
  color:#fff6df;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:14px;
  font-weight:700;
  padding:10px 0;
  position:relative;
}
.site-nav a:before{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:1px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--gold2),transparent);
  transition:.2s ease;
}
.site-nav a:hover:before,
.site-nav a.active:before{left:0;right:0}
.listen-pill{
  flex:0 0 auto;
  min-width:200px;
  border:2px solid var(--gold);
  color:#ffe8a9;
  padding:12px 18px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.08));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.listen-pill strong{
  display:block;
  font-size:20px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.listen-pill em{
  display:block;
  font-style:normal;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-top:5px;
  color:#fff1ca;
}
.listen-pill em b{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d91f2c;
  display:inline-block;
  margin-right:5px;
}
.headphone{
  width:34px;
  height:28px;
  border:4px solid var(--gold2);
  border-bottom:0;
  border-radius:26px 26px 0 0;
  position:relative;
}
.headphone:before,.headphone:after{
  content:"";
  position:absolute;
  width:8px;
  height:14px;
  background:var(--gold2);
  bottom:-9px;
  border-radius:3px;
}
.headphone:before{left:-5px}
.headphone:after{right:-5px}
.nav-toggle{display:none}

.section-inner{max-width:1510px;margin:0 auto;padding-left:22px;padding-right:22px}

.hero-shell{
  max-width:1510px;
  margin:0 auto;
  background:#fff1d2;
  border-left:2px solid var(--gold);
  border-right:2px solid var(--gold);
  box-shadow:var(--shadow);
}
.hero-scene{
  min-height:575px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(255,240,207,.64) 0%,rgba(255,238,204,.32) 39%,rgba(7,22,39,.02) 100%),
    url("images/hero-jesus-path-new-jerusalem.jpg") center center/cover no-repeat;
  border-bottom:2px solid var(--gold);
}
.hero-scene:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 72% 16%,rgba(255,232,159,.4),transparent 27%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.15));
}
.hero-glow{
  position:absolute;
  left:-80px;
  top:0;
  width:58%;
  height:100%;
  background:radial-gradient(circle at 36% 34%,rgba(255,245,214,.82),rgba(255,235,175,.28) 37%,transparent 72%);
}
.hero-copy{
  position:relative;
  z-index:2;
  width:min(630px,50%);
  padding:126px 0 0 92px;
  text-align:center;
}
.tiny-rule{
  width:188px;
  height:18px;
  margin:0 auto 14px;
  position:relative;
}
.tiny-rule:before,.tiny-rule:after{
  content:"";
  position:absolute;
  top:8px;
  width:80px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.tiny-rule:before{left:0}
.tiny-rule:after{right:0}
.tiny-rule{background:radial-gradient(circle at center,var(--gold) 0 4px,transparent 5px)}
.hero-copy h1{
  margin:0;
  font-size:clamp(48px,5.4vw,84px);
  line-height:.98;
  letter-spacing:-.045em;
  color:#09213f;
  text-shadow:0 2px 8px rgba(255,245,218,.78);
}
.hero-copy h1 span{
  display:inline-block;
  color:#96651e;
  font-style:italic;
  font-weight:400;
}
.hero-sub{
  margin:24px auto 16px;
  font-size:19px;
  line-height:1.35;
  color:#1d2940;
  text-shadow:0 1px 7px rgba(255,250,235,.95);
  font-weight:700;
}
.john-plaque{
  width:min(520px,100%);
  margin:18px auto 0;
  display:grid;
  grid-template-columns:1fr 28px 1fr;
  align-items:center;
  gap:14px;
  padding:17px 22px;
  color:#fff7df;
  background:
    linear-gradient(180deg,rgba(11,42,76,.98),rgba(4,20,38,.98));
  border:2px solid var(--gold);
  border-radius:18px;
  box-shadow:0 14px 30px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.08);
  position:relative;
}
.john-plaque:before{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(240,201,109,.38);
  border-radius:13px;
  pointer-events:none;
}
.john-plaque figure{margin:0}
.john-plaque blockquote{
  margin:0;
  font-style:italic;
  font-size:14px;
  line-height:1.35;
}
.john-plaque figcaption{
  color:var(--gold2);
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.14em;
  font-weight:700;
  margin-top:8px;
}
.john-plaque i{
  display:block;
  height:64px;
  position:relative;
}
.john-plaque i:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(transparent,var(--gold2),transparent);
}
.john-plaque i:after{
  content:"✦";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  color:var(--gold2);
  font-style:normal;
}

.overlap-cards{
  position:relative;
  z-index:4;
  margin-top:-50px;
  padding-bottom:22px;
  display:grid;
  grid-template-columns:1.04fr 1.22fr 1.22fr 1.08fr 1.08fr;
  gap:18px;
  align-items:stretch;
}
.home-card{
  position:relative;
  min-height:305px;
  background:
    linear-gradient(180deg,rgba(255,250,238,.98),rgba(255,242,213,.98));
  border:2px solid rgba(189,133,46,.62);
  border-radius:16px;
  padding:28px 24px 20px;
  text-align:center;
  box-shadow:0 18px 36px rgba(30,20,8,.16);
}
.home-card:before{
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(189,133,46,.28);
  border-radius:12px;
  pointer-events:none;
}
.home-card:after{
  content:"";
  position:absolute;
  top:-2px;
  left:50%;
  width:82px;
  height:22px;
  transform:translateX(-50%);
  background:
    radial-gradient(circle at center,var(--gold) 0 5px,transparent 6px),
    linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:.68;
}
.circle-icon{
  width:66px;
  height:66px;
  margin:-60px auto 16px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--gold2);
  font-size:26px;
  background:linear-gradient(180deg,#12385f,#061a32);
  border:3px solid var(--gold);
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  position:relative;
  z-index:2;
}
.home-card h2{
  margin:0 0 8px;
  font-size:25px;
  line-height:1.02;
  text-transform:uppercase;
  letter-spacing:-.025em;
}
.home-card p{
  margin:0 0 18px;
  color:#3d352b;
  line-height:1.4;
}
.card-kicker{
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.13em;
  color:#7c531f !important;
  font-weight:700;
  margin-top:-3px !important;
}
.navy-button,.card-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  border-radius:10px;
  font-family:Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-weight:700;
  font-size:12px;
  position:relative;
  z-index:2;
}
.navy-button{
  background:linear-gradient(180deg,#12385f,#061a32);
  color:#fff1bf;
  border:1px solid var(--gold);
  padding:0 20px;
  box-shadow:0 5px 14px rgba(0,0,0,.16);
}
.card-link{
  color:#6f4819;
  padding:0 10px;
  margin-top:9px;
}
.card-link:after{content:"›";margin-left:8px;font-size:18px;line-height:0}
.player{margin:12px 0 14px}
.play-button{
  width:54px;
  height:54px;
  border-radius:50%;
  background:linear-gradient(180deg,#12385f,#061a32);
  border:2px solid var(--gold);
  display:grid;
  place-items:center;
  cursor:pointer;
  margin:0 auto 11px;
}
.play-button span{
  width:0;height:0;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:17px solid #fff3ca;
  margin-left:4px;
}
.play-button.is-playing span{
  width:17px;height:23px;border:0;margin-left:0;
  background:linear-gradient(90deg,#fff3ca 0 36%,transparent 36% 64%,#fff3ca 64%);
}
.wave-bars{
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin-bottom:5px;
}
.wave-bars i{
  width:4px;
  height:16px;
  border-radius:8px;
  background:rgba(151,101,30,.62);
  animation:wave 1.1s ease-in-out infinite;
  animation-play-state:paused;
}
.player.is-playing .wave-bars i{animation-play-state:running}
.wave-bars i:nth-child(2n){height:26px;animation-delay:.08s}
.wave-bars i:nth-child(3n){height:34px;animation-delay:.16s}
.wave-bars i:nth-child(4n){height:12px;animation-delay:.22s}
@keyframes wave{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1.25)}}
.player-status{
  font-family:Arial,sans-serif;
  color:#7a521f;
  font-size:12px;
}
.schedule-list{
  text-align:left;
  border-top:1px solid rgba(151,101,30,.24);
}
.schedule-list a{
  display:grid;
  grid-template-columns:66px 1fr auto;
  gap:8px;
  align-items:center;
  padding:8px 0;
  border-bottom:1px solid rgba(151,101,30,.21);
}
.schedule-list span{font-size:12px;color:#5f4b32;font-weight:700}
.schedule-list strong{font-size:14px;line-height:1.05}
.schedule-list em{
  grid-column:2;
  color:#6b5b45;
  font-size:11px;
  font-style:normal;
}
.schedule-list b{
  grid-row:1 / span 2;
  grid-column:3;
  background:#bd852e;
  color:#fff8dd;
  border-radius:5px;
  padding:3px 6px;
  text-transform:uppercase;
  font-size:10px;
  font-family:Arial,sans-serif;
}
.speaker-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px 10px;
  position:relative;
  z-index:2;
}
.speaker-grid a span{
  width:53px;
  height:53px;
  margin:0 auto 6px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#26516d,#0a2442);
  border:2px solid var(--gold);
  color:#fff0c6;
  font-family:Arial,sans-serif;
  font-weight:700;
}
.speaker-grid a strong{font-size:12px;line-height:1.02;display:block}
.ministry-list{
  display:grid;
  gap:8px;
  text-align:left;
  position:relative;
  z-index:2;
}
.ministry-list a{
  display:grid;
  grid-template-columns:34px 1fr;
  column-gap:10px;
  align-items:center;
  border-bottom:1px solid rgba(151,101,30,.21);
  padding-bottom:8px;
}
.ministry-list span{
  grid-row:1 / span 2;
  width:30px;
  height:30px;
  border-radius:50%;
  background:
    linear-gradient(135deg,transparent 42%,var(--navy2) 43% 58%,transparent 59%),
    radial-gradient(circle,var(--navy3),var(--navy));
  border:1px solid var(--gold);
}
.ministry-list strong{font-size:14px;text-transform:uppercase}
.ministry-list em{font-size:11px;color:#6b5b45;font-style:normal;text-transform:uppercase}
.support-links{
  display:grid;
  text-align:left;
  margin-bottom:15px;
}
.support-links a{
  padding:11px 0 11px 32px;
  border-bottom:1px solid rgba(151,101,30,.21);
  font-size:14px;
  font-weight:700;
  text-transform:uppercase;
  position:relative;
}
.support-links a:before{
  content:"";
  position:absolute;
  left:5px;
  top:50%;
  width:15px;
  height:15px;
  transform:translateY(-50%);
  border-radius:50%;
  background:var(--navy2);
  border:1px solid var(--gold);
}
.scripture-ribbon{
  background:#fff4d8;
  border-top:1px solid rgba(189,133,46,.5);
  border-bottom:1px solid rgba(189,133,46,.5);
}
.scripture-ribbon .section-inner{padding-top:16px;padding-bottom:16px}
.scripture-ribbon p{
  margin:0 auto;
  max-width:1010px;
  color:#fff4cf;
  background:linear-gradient(180deg,#0d2d50,#061a32);
  border:2px solid var(--gold);
  border-radius:18px;
  text-align:center;
  padding:20px 42px;
  font-size:24px;
  font-style:italic;
  line-height:1.3;
  box-shadow:0 12px 26px rgba(40,25,8,.18);
  position:relative;
}
.scripture-ribbon p:before,.scripture-ribbon p:after{
  content:"❧";
  color:var(--gold2);
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-style:normal;
}
.scripture-ribbon p:before{left:20px}
.scripture-ribbon p:after{right:20px;transform:translateY(-50%) scaleX(-1)}
.scripture-ribbon strong{
  color:var(--gold2);
  text-transform:uppercase;
  font-size:16px;
  margin-left:12px;
  white-space:nowrap;
  font-style:normal;
}
.mission-row{
  background:
    linear-gradient(90deg,rgba(6,26,50,.98),rgba(6,26,50,.78)),
    url("images/mission-heaven-soft.jpg") center/cover no-repeat;
  border-bottom:2px solid var(--gold);
}
.mission-grid{
  display:grid;
  grid-template-columns:1fr 1.25fr 1fr;
  gap:22px;
  padding-top:40px;
  padding-bottom:40px;
}
.mission-card{
  border-radius:18px;
  padding:30px;
  box-shadow:0 18px 40px rgba(0,0,0,.25);
}
.mission-card.navy{
  color:#fff2c8;
  background:linear-gradient(180deg,#092645,#06182e);
  border:1px solid var(--gold);
}
.mission-card.cream{
  text-align:center;
  background:linear-gradient(180deg,rgba(255,250,238,.98),rgba(255,240,211,.96));
  border:1px solid rgba(189,133,46,.58);
}
.mission-icon{
  width:62px;
  height:62px;
  margin-bottom:15px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#0f345c;
  border:2px solid var(--gold);
  color:var(--gold2);
  font-size:26px;
}
.mission-card h2{
  margin:0 0 10px;
  font-size:27px;
  color:inherit;
}
.mission-card p{
  margin:0;
  line-height:1.55;
}
.flourish{
  width:180px;
  height:15px;
  margin:0 auto 15px;
  background:
    radial-gradient(circle at center,var(--gold) 0 4px,transparent 5px),
    linear-gradient(90deg,transparent,var(--gold),transparent);
}
.mission-card blockquote{
  margin:20px 0 0;
  padding:16px 0 0;
  border-top:1px solid rgba(151,101,30,.3);
  font-size:18px;
  line-height:1.45;
  font-style:italic;
  color:#5f3d14;
}
.mission-card cite{
  color:#0b2748;
  font-weight:700;
  font-style:normal;
}
.contact-strip{padding:34px 0}
.contact-box{
  background:linear-gradient(180deg,rgba(255,250,238,.98),rgba(255,241,216,.98));
  border:2px solid rgba(189,133,46,.55);
  border-radius:18px;
  box-shadow:0 18px 36px rgba(30,20,8,.14);
  padding-top:28px;
  padding-bottom:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.eyebrow{
  margin:0 0 7px;
  color:#8f5c1c;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:13px;
  font-weight:700;
}
.contact-box h2{margin:0 0 8px;font-size:34px}
.contact-box p:last-child{margin:0;color:#5f5240;font-size:18px}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap}
.contact-actions a{
  min-width:132px;
  text-align:center;
  padding:14px 17px;
  border-radius:10px;
  background:#fff9ed;
  border:1px solid var(--gold);
  color:#704816;
  font-family:Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
}
.site-footer{
  background:#06182e;
  color:#fff1c8;
  border-top:2px solid var(--gold);
  text-align:center;
}
.footer-inner{padding-top:24px;padding-bottom:24px}
.site-footer p{margin:0 0 9px;font-size:18px}
.site-footer span{color:var(--gold2);font-weight:700}
.site-footer small{font-family:Arial,sans-serif;color:#d4c194}

.reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .8s ease, transform .8s ease;
}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}

@media (max-width:1260px){
  .header-inner{gap:16px}
  .brand{min-width:250px}
  .site-nav{display:none}
  .nav-toggle{
    margin-left:auto;
    display:inline-flex;
    flex-direction:column;
    gap:4px;
    align-items:center;
    justify-content:center;
    background:transparent;
    color:#fff1c8;
    border:1px solid rgba(243,202,111,.55);
    border-radius:9px;
    padding:8px 10px;
    cursor:pointer;
  }
  .nav-toggle i{width:25px;height:2px;background:#fff1c8;display:block}
  .nav-toggle span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}
  .site-nav.is-open{
    display:grid;
    position:absolute;
    left:18px;
    right:18px;
    top:94px;
    z-index:100;
    background:#06182e;
    border:1px solid var(--gold);
    border-radius:12px;
    padding:16px;
    gap:8px;
  }
  .overlap-cards{grid-template-columns:repeat(2,1fr);margin-top:20px}
  .home-card{min-height:0}
  .circle-icon{margin:-16px auto 14px}
}
@media (max-width:900px){
  .hero-scene{min-height:660px;background-position:62% center}
  .hero-copy{width:100%;padding:60px 25px 0;text-align:center}
  .hero-glow{width:100%;background:radial-gradient(circle at 35% 31%,rgba(255,245,214,.86),rgba(255,235,175,.25) 42%,transparent 76%)}
  .john-plaque{grid-template-columns:1fr;max-width:540px}
  .john-plaque i{height:1px}
  .john-plaque i:before{left:0;right:0;top:0;height:1px;width:auto}
  .mission-grid{grid-template-columns:1fr}
  .contact-box{display:block}
  .contact-actions{margin-top:18px}
}
@media (max-width:650px){
  .header-inner{min-height:76px;padding:9px 12px}
  .brand{gap:9px;min-width:0}
  .brand-seal{width:50px;height:50px}
  .seal-book{left:12px;bottom:10px;width:27px;height:11px}
  .seal-tower{left:23px;top:11px;height:22px}
  .brand-copy strong{font-size:26px}
  .brand-copy span{font-size:18px}
  .brand-copy em{font-size:9px;letter-spacing:.16em}
  .listen-pill{display:none}
  .hero-shell{border-left:0;border-right:0}
  .hero-copy h1{font-size:42px}
  .hero-sub{font-size:17px}
  .john-plaque{padding:14px 15px}
  .overlap-cards{grid-template-columns:1fr;gap:16px}
  .speaker-grid{grid-template-columns:repeat(2,1fr)}
  .scripture-ribbon p{font-size:18px;padding:18px 26px}
  .scripture-ribbon strong{display:block;margin:8px 0 0}
  .contact-box h2{font-size:27px}
}