/* The Hallelujah Train logo: a vintage neon church cross sign
   (red neon border tube, blue neon lettering on a cream sign face),
   after Nick's "JESUS SAVES" reference photo. Shared by every page. */
:root{--neon-red:#ff4a3d;--neon-blue:#5cc8ff;--sign-ink:#1b3f9c}

/* Sign lettering */
.neon-cross text{font:700 62px "Josefin Sans","Futura","Century Gothic",sans-serif}
.neon-cross text.sm{font-size:34px;letter-spacing:.02em}
.neon-cross .shadow text{fill:var(--sign-ink)}
.neon-cross .lit text{fill:#8fdcff;stroke:#1f8fe6;stroke-width:3.2px;paint-order:stroke}

/* Power-on: red tube catches first, then the blue letters. */
@keyframes tubeOn{0%{opacity:.08}6%{opacity:1}9%{opacity:.2}13%{opacity:1}20%{opacity:.35}24%,100%{opacity:1}}
@keyframes tubeHum{0%,100%{opacity:1}47%{opacity:1}50%{opacity:.86}53%{opacity:1}}
.neon-cross .nc-tube{animation:tubeOn 1.5s steps(1,end) .15s both,tubeHum 6s linear 3s infinite}
.neon-cross .nc-halo{animation:tubeOn 1.5s steps(1,end) .15s both}
.neon-cross .lit{animation:tubeOn 1.3s steps(1,end) .8s both}

/* Hero: cross hangs on the left, the copy sits beside it. */
h1.sign{margin:0;font:inherit;line-height:0}
h1.sign svg{width:clamp(300px,33vw,470px);height:auto;display:block;filter:drop-shadow(0 30px 60px rgba(0,0,0,.55))}
.hero > .wrap{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(28px,4vw,64px);align-items:center}
.hero > .wrap > h1.sign{grid-column:1;grid-row:1 / span 3}
.hero > .wrap > .new,.hero > .wrap > .lede,.hero > .wrap > .btns{grid-column:2}
.hero > .wrap > .new{align-self:end;margin:0 0 14px}
.hero > .wrap > .lede{margin:0 0 26px;font-size:clamp(20px,2vw,26px);max-width:30ch;color:var(--white)}
.hero > .wrap > .btns{align-self:start}

/* Nav mark: a small lit cross beside the name. */
.neon-mark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;line-height:1;color:#e6e7e9}
.neon-mark svg{width:22px;height:30px;flex:none;overflow:visible}
.neon-mark svg path{fill:none;stroke:var(--neon-red);stroke-width:2.6;stroke-linejoin:round;filter:drop-shadow(0 0 3px var(--neon-red)) drop-shadow(0 0 7px rgba(255,74,61,.6))}
.neon-mark .nm-word{font:700 15px/1 "Josefin Sans","Futura",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#e9f7ff;text-shadow:0 0 6px rgba(92,200,255,.9),0 0 16px rgba(21,133,217,.7);padding-top:3px}

@media (max-width:880px){
  .hero > .wrap{grid-template-columns:1fr;justify-items:center;text-align:center}
  .hero > .wrap > h1.sign,.hero > .wrap > .new,.hero > .wrap > .lede,.hero > .wrap > .btns{grid-column:1;grid-row:auto}
  .hero > .wrap > .new{margin:26px 0 12px}
  .hero > .wrap > .btns{justify-content:center}
  h1.sign svg{width:min(64vw,300px)}
}
@media (max-width:520px){.neon-mark .nm-word{font-size:13px;letter-spacing:.14em}}
@media (prefers-reduced-motion:reduce){.neon-cross .nc-tube,.neon-cross .nc-halo,.neon-cross .lit{animation:none}}