/* ===== Worship page: extra motion & visual interest ===== */

/* Hero: rotating words */
.wm-rotator { display:block; font-family:Montserrat, sans-serif; font-weight:600; font-size:clamp(18px, 2.4vw, 26px); color:rgba(255,255,255,.88); margin:6px auto 18px; text-align:center; opacity:0; animation:wm6127In .9s ease forwards .6s; }
.wm-rotator .wm-words { display:inline-grid; vertical-align:bottom; height:1.35em; overflow:hidden; text-align:left; }
.wm-rotator .wm-words span { grid-area:1/1; color:#F2CF86; font-weight:800; transform:translateY(110%); opacity:0; transition:transform .7s cubic-bezier(.2,.8,.2,1), opacity .7s ease; }
.wm-rotator .wm-words span.is-on { transform:translateY(0); opacity:1; }
.wm-rotator .wm-words span.is-off { transform:translateY(-110%); opacity:0; }
@keyframes wm6127In { to { opacity:1; } }

/* Hero: drifting music notes */
.wm-note { position:absolute !important; z-index:1 !important; bottom:-40px; color:rgba(242,207,134,.55); font-size:28px; pointer-events:none; animation:wm6127Rise linear infinite; }
@keyframes wm6127Rise { 0% { transform:translateY(0) rotate(-10deg); opacity:0; } 10% { opacity:1; } 90% { opacity:.8; } 100% { transform:translateY(-560px) rotate(15deg); opacity:0; } }

/* Hero: scroll cue */
.wm-cue { position:absolute !important; left:50%; bottom:22px; transform:translateX(-50%); z-index:3 !important; width:28px; height:46px; border:2px solid rgba(255,255,255,.55); border-radius:20px; background:none; padding:0; cursor:pointer; }
.wm-cue::after { content:''; position:absolute; left:50%; top:9px; width:5px; height:10px; margin-left:-2.5px; border-radius:3px; background:#D8A441; animation:wm6127Cue 1.8s ease-in-out infinite; }
@keyframes wm6127Cue { 0% { transform:translateY(0); opacity:1; } 70% { transform:translateY(16px); opacity:0; } 100% { opacity:0; } }
.page-id-665 [data-id="2f34199e"] { padding-bottom:110px !important; }

/* Service tiles: icons + staggered rise */
.wm-icon { width:58px; height:58px; margin:0 auto 10px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#FFF3DA; position:relative; }
.wm-icon svg { width:30px; height:30px; display:block; }
.wm-sun svg { animation:wm6127Spin 16s linear infinite; }
@keyframes wm6127Spin { to { transform:rotate(360deg); } }
.wm-music svg .n1 { animation:wm6127Bob 1.6s ease-in-out infinite; transform-origin:center; }
.wm-music svg .n2 { animation:wm6127Bob 1.6s ease-in-out infinite .4s; transform-origin:center; }
@keyframes wm6127Bob { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }
.wm-play::before { content:''; position:absolute; inset:0; border-radius:50%; border:2px solid #D8A441; animation:wm6127Ring 2s ease-out infinite; }
@keyframes wm6127Ring { 0% { transform:scale(1); opacity:.9; } 100% { transform:scale(1.55); opacity:0; } }
.page-id-665 [data-id="5062916d"] .hm-time-card { opacity:0; transform:translateY(30px) scale(.97); }
.page-id-665 [data-id="5062916d"].wm-seen .hm-time-card { animation:wm6127Pop .7s cubic-bezier(.2,1.2,.4,1) forwards; }
.page-id-665 [data-id="5062916d"].wm-seen .hm-time-card:nth-child(2) { animation-delay:.12s; }
.page-id-665 [data-id="5062916d"].wm-seen .hm-time-card:nth-child(3) { animation-delay:.24s; }
@keyframes wm6127Pop { to { opacity:1; transform:none; } }

/* Section titles: gold underline draws in */
.page-id-665 .hm-section-title, .page-id-665 [data-id="38c6b51"] .hm-cta-title { position:relative; display:inline-block; padding-bottom:12px; }
.page-id-665 .hm-section-title::after, .page-id-665 [data-id="38c6b51"] .hm-cta-title::after { content:''; position:absolute; left:50%; bottom:0; height:4px; width:64px; margin-left:-32px; border-radius:4px; background:linear-gradient(90deg,#D8A441,#F2CF86); transform:scaleX(0); transition:transform .9s cubic-bezier(.2,.8,.2,1); }
.page-id-665 .wm-drawn::after { transform:scaleX(1) !important; }

/* Cards: 3D tilt + slow photo drift */
.page-id-665 [data-id="33d05515"], .page-id-665 [data-id="30556fc2"] { perspective:1200px; }
.page-id-665 .hm-mcard.wm-tilt { transform-style:preserve-3d; transition:transform .25s ease-out, box-shadow .35s ease; will-change:transform; }
.page-id-665 .hm-mcard .hm-mcard-img { animation:wm6127Drift 14s ease-in-out infinite alternate; }
.page-id-665 .hm-mcard:nth-child(2) .hm-mcard-img { animation-delay:-5s; }
.page-id-665 .hm-mcard:nth-child(3) .hm-mcard-img { animation-delay:-9s; }
@keyframes wm6127Drift { from { transform:scale(1.02) translate(0,0); } to { transform:scale(1.1) translate(-1.5%,-1%); } }
.wm-shine { position:absolute; inset:0; pointer-events:none; z-index:2; border-radius:inherit; background:radial-gradient(circle at var(--mx,50%) var(--my,0%), rgba(255,255,255,.35), rgba(255,255,255,0) 45%); opacity:0; transition:opacity .3s ease; }
.page-id-665 .hm-mcard:hover .wm-shine { opacity:1; }

/* Online card: play button */
.wm-playbtn { position:absolute; z-index:3; width:74px; height:74px; border-radius:50%; background:rgba(216,164,65,.95); display:flex; align-items:center; justify-content:center; box-shadow:0 10px 30px rgba(0,0,0,.35); transition:transform .3s cubic-bezier(.2,1.4,.4,1); }
.wm-playbtn::before { content:''; position:absolute; inset:-8px; border-radius:50%; border:3px solid rgba(242,207,134,.8); animation:wm6127Ring 2s ease-out infinite; }
.wm-playbtn svg { width:28px; height:28px; margin-left:4px; }
.wm-playbtn:hover { transform:scale(1.12); }

/* Marquee band */
.wm-marquee { background:linear-gradient(135deg,#163A3F 0%,#245C63 60%,#0F6C78 100%); overflow:hidden; padding:30px 0; position:relative; }
.wm-marquee::before, .wm-marquee::after { content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none; }
.wm-marquee::before { left:0; background:linear-gradient(90deg,#163A3F,rgba(22,58,63,0)); }
.wm-marquee::after { right:0; background:linear-gradient(270deg,#0F6C78,rgba(15,108,120,0)); }
.wm-track { display:inline-flex; white-space:nowrap; animation:wm6127Marquee 45s linear infinite; }
.wm-marquee:hover .wm-track { animation-play-state:paused; }
.wm-track span { font-family:Montserrat, sans-serif; font-weight:800; font-size:clamp(26px,4vw,46px); text-transform:uppercase; letter-spacing:.04em; padding:0 22px; color:#fff; }
.wm-track span.o { color:transparent; -webkit-text-stroke:1.5px rgba(242,207,134,.85); }
.wm-track span.s { color:#D8A441; padding:0 6px; }
@keyframes wm6127Marquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }

/* Serve icons */
.wm-sicon { width:54px; height:54px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#245C63,#0F6C78); margin-bottom:14px; box-shadow:0 8px 20px rgba(15,108,120,.25); transition:transform .4s cubic-bezier(.2,1.4,.4,1); }
.wm-sicon svg { width:28px; height:28px; }
.page-id-665 .hm-mcard:hover .wm-sicon { transform:rotate(-8deg) scale(1.1); }

@media (max-width:767px) { .wm-note { display:none; } .wm-marquee::before, .wm-marquee::after { width:40px; } }
@media (prefers-reduced-motion: reduce) {
  .wm-note, .wm-track, .wm-sun svg, .wm-music svg *, .wm-play::before, .wm-playbtn::before, .page-id-665 .hm-mcard .hm-mcard-img, .wm-cue::after { animation:none !important; }
  .page-id-665 [data-id="5062916d"] .hm-time-card { opacity:1 !important; transform:none !important; }
  .wm-rotator { opacity:1; animation:none; }
}