.hero-image{background-image:url('assets/images/hero-revival-enhanced.webp');background-position:center 30%;filter:saturate(.82) contrast(1.03)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 6px var(--red)}
.statement :where(a,button):focus-visible,footer :where(a,button):focus-visible,.site-header :where(a,button):focus-visible{outline-color:#fff}
.button,.circle-link,.site-header a,.footer-links a,.text-link{transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}
.button:hover,.button:focus-visible{transform:translateY(-2px)}.text-link:hover,.footer-links a:hover{color:var(--red)}.circle-link:hover{background:var(--red);border-color:var(--red);color:#fff}.site-header nav a:not(.nav-give):hover{color:#ff5960}.resource-action{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.resource-action:hover,.resource-action:focus-visible{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.12);background:#fff}.message-art{aspect-ratio:4/3;height:auto}.portrait{background:#ddd}.ticker:hover div,.ticker:focus-within div{animation-play-state:paused}
@media(max-width:1100px){.site-header nav{gap:23px}.intro,.latest,.content-section{padding-top:95px;padding-bottom:95px}.pathways{padding-bottom:95px}}
@media(max-width:850px){.hero-image{background-position:22% center}.intro,.latest,.content-section{padding-top:75px;padding-bottom:75px}.hero h1,.saved-hero h1{line-height:.84}.salvation-spotlight strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.button,.circle-link,.site-header a,.footer-links a,.text-link,.resource-action{transition:none}.ticker div{transform:none!important}}

/* Two identical, viewport-filling sequences make the wrap seamless at any width. */
.ticker .ticker-track{display:flex;width:max-content;animation:ticker-loop 24s linear infinite}
.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused}
.ticker-group{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:100vw}
.ticker-group>span{display:flex;align-items:center;padding-left:22px}
@keyframes ticker-loop{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker .ticker-track{width:100%;animation:none}.ticker-group{min-width:0;width:100%;flex-wrap:wrap;gap:12px 0}.ticker-group[aria-hidden="true"]{display:none}}