/* Two-scene event introduction. Text and actions remain live HTML. */
.hero-photo{background:#eaf0ff;color:#102052;overflow:visible}
.hero-photo::before{display:none}
.hero-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;background:#fff;}
.hero-panel{min-width:0;min-height:clamp(560px,43vw,680px);position:relative;overflow:hidden;isolation:isolate;background:#b6cceb}
.hero-panel-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero-panel-church .hero-panel-image{object-position:56% center}
.hero-panel-conference .hero-panel-image{object-position:52% center}
.hero-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(8,20,61,.15) 100%);pointer-events:none;z-index:0}
.hero-panel-copy{position:absolute;z-index:1;left:clamp(20px,2.2vw,42px);bottom:clamp(22px,2.2vw,42px);width:min(calc(100% - 64px),520px);background:#fbfaf5;border-radius:18px;padding:clamp(24px,2vw,34px);box-shadow:0 20px 60px rgba(10,24,61,.15)}
.hero-panel-church .hero-panel-copy{left:max(32px,calc((100vw - 1220px)/2))}
.hero-panel-conference .hero-panel-copy{left:auto;right:max(32px,calc((100vw - 1220px)/2));background:#14285a;color:#fff}
.hero-panel-kicker{display:flex;justify-content:space-between;gap:16px;margin:0 0 16px;font-family:'Inter',Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.07em}
.hero-panel-kicker span{opacity:.62}
.hero-panel-copy h1,.hero-panel-copy h2{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(26px,2.2vw,38px);font-weight:700;line-height:1.04;letter-spacing:-.055em;margin:0 0 16px;color:inherit}
.hero-panel-copy>p:not(.hero-panel-kicker){font-family:'Inter',Arial,sans-serif;font-size:15px;line-height:1.5;letter-spacing:0;margin:0 0 24px;max-width:40ch;color:#344161}
.hero-panel-conference .hero-panel-copy>p:not(.hero-panel-kicker){color:#e1e9fa}
.hero-panel-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:50px;padding:12px 18px;background:#123cfa;color:#fff;border-radius:7px;font-family:'Inter',Arial,sans-serif;font-size:14px;line-height:1.4;font-weight:700;letter-spacing:0;text-transform:none}
.hero-panel-button:hover,.hero-panel-button:focus-visible{background:#0a2bcc;color:#fff}
.hero-panel-conference .hero-panel-button{background:#fff;color:#14285a}
.hero-panel-conference .hero-panel-button:hover,.hero-panel-conference .hero-panel-button:focus-visible{background:#bdeeff;color:#14285a}
.hero-panel-button:focus-visible{outline:3px solid #82dfff;outline-offset:3px}
.hero-photo-note{background:#123cfa;color:#fff}
.hero-photo-note .container{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:'Inter',Arial,sans-serif;font-size:11px;line-height:1.4;letter-spacing:.05em}
.hero-photo-note .container span:last-child{color:#d8e7ff;letter-spacing:0}

@media(max-width:1000px){
  .hero-panel{min-height:590px}
  .hero-panel-copy{width:min(calc(100% - 64px),520px);bottom:18px;padding:24px}
  .hero-panel-copy h1,.hero-panel-copy h2{font-size:clamp(27px,3vw,35px)}
}
@media(max-width:760px){
  .hero-photo-grid{grid-template-columns:1fr;gap:5px}
  .hero-panel{min-height:560px}
  .hero-panel-image{object-position:62% center}
  .hero-panel-conference .hero-panel-image{object-position:57% center}
  .hero-panel-copy{width:min(calc(100% - 36px),490px)}
  .hero-panel-church .hero-panel-copy,.hero-panel-conference .hero-panel-copy{left:18px;right:auto}
  .hero-panel-copy h1,.hero-panel-copy h2{font-size:clamp(27px,7.4vw,35px)}
  .hero-panel-copy>p:not(.hero-panel-kicker){font-size:14px}
  .hero-photo-note .container{padding-block:14px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;font-size:10px}
}
@media(max-width:420px){
  .hero-panel{min-height:520px}
  .hero-panel-copy{padding:21px}
  .hero-panel-copy h1,.hero-panel-copy h2{font-size:28px}
  .hero-panel-button{width:100%}
}