.f12-worship-page {
  --worship-ink: var(--f12-color-text-primary, #2d2d2d);
  --worship-muted: var(--f12-color-text-muted, #757575);
  --worship-line: var(--f12-color-border-subtle, rgba(45,45,45,.12));
  --f12-scroll-fade-color: var(--f12-color-surface-page);
  background: var(--f12-color-surface-page);
  color: var(--worship-ink);
  overflow: clip;
}
.f12-worship-page * { box-sizing: border-box; }
.f12-worship-page .worship-page__shell { width: min(1120px, calc(100% - 48px)); margin-inline: auto; }
.f12-worship-page .worship-page__section { padding: calc(var(--f12-layout-section-gap, 7.5rem) / 2) 0; scroll-margin-top: 90px; }
.f12-worship-page .worship-page__section--tight { padding: calc(var(--f12-layout-section-gap-tight, 6rem) / 2) 0; }
.f12-worship-page .worship-page__section--intro { padding-block-end: calc(var(--f12-layout-section-gap-grouped) / 2); }
.f12-worship-page .worship-page__section--intro + .worship-page__section { padding-block-start: calc(var(--f12-layout-section-gap-grouped) / 2); }
.f12-worship-page .worship-page__section--soft { background: #fbfbfb; }
.f12-worship-page .worship-page__section--flat-media { --f12-resource-media-shadow: none; --f12-resource-media-hover-shadow: none; --f12-resource-media-hover-transform: none; }
.f12-worship-page .worship-page__hero { position: relative; background: #111; color: #fff; }
.f12-worship-page .worship-page__hero::after { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(90deg, rgba(0,0,0,.38), rgba(0,0,0,.2), rgba(0,0,0,.48)); pointer-events: none; }
.f12-worship-page .worship-page__hero-poster, .f12-worship-page .worship-page__hero-video { object-fit: cover; }
.f12-worship-page .worship-page__hero-video { z-index: 1; }
.f12-worship-page .worship-page__hero-content { position: relative; z-index: 3; text-align: center; padding: var(--f12-space-16) 24px; text-shadow: 0 2px 14px rgba(0,0,0,.45); }
.f12-worship-page .worship-page__hero-content .f12-title { color: #fff; }
.f12-worship-page .worship-page__hero-content .f12-eyebrow { color: rgba(255,255,255,.9); letter-spacing: .32em; }
.f12-worship-page .worship-page__intro { max-width: 890px; text-align: center; }
.f12-worship-page .worship-page__intro p { margin: 0; line-height: 1.72; }
.f12-worship-page .worship-page__jump { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--f12-space-3); margin-top: var(--f12-space-8); }
.f12-worship-page .worship-page__jump .f12-btn, .f12-worship-page .worship-page__split-copy .f12-btn, .f12-worship-page .worship-page__feature-actions .f12-btn { min-height: 46px; padding-inline: 1.35rem; white-space: nowrap; }
.f12-worship-page .worship-page__split { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: var(--f12-space-16); }
.f12-worship-page .worship-page__split-copy { display: grid; justify-items: start; gap: var(--f12-space-6); }
.f12-worship-page .worship-page__split-copy h2, .f12-worship-page .worship-page__split-copy p { margin: 0; }
.f12-worship-page .worship-page__feature-image { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--f12-radius-2); }
.f12-worship-page .worship-page__media { --f12-resource-media-ratio: 16 / 10; min-width: 0; }
.f12-worship-page .worship-page__feature { --f12-split-col-gap: var(--f12-space-16); --f12-split-row-gap: var(--f12-space-6); }
.f12-worship-page .worship-page__feature h2, .f12-worship-page .worship-page__feature p { margin: 0; }
.f12-worship-page .worship-page__feature-actions { display: grid; justify-items: start; gap: var(--f12-space-6); }
/* Keep the artwork ratio explicit: lazy auto-sizes images use size containment. */
.f12-worship-page .worship-page__section--flat-media .worship-page__media { aspect-ratio: auto; }
.f12-worship-page .worship-page__section--flat-media .worship-page__feature-image { height: auto; aspect-ratio: var(--worship-image-ratio, 16 / 10); object-fit: contain; }
.f12-worship-page .worship-page__heading { max-width: 900px; margin: 0 auto var(--f12-space-16); text-align: center; }
.f12-worship-page .worship-page__heading h2 { margin-bottom: var(--f12-space-5); }
.f12-worship-page .worship-page__heading p { margin: 0; }
.f12-worship-page .worship-page__heading a { color: var(--f12-color-brand-editorial, #a6201a); }
.f12-worship-page .worship-page__playlists { display: flex; align-items: center; gap: var(--f12-space-3); font-weight: 700; }
.f12-worship-page .worship-page__heading .worship-page__playlists { justify-content: center; margin-top: var(--f12-space-8); }
.f12-worship-page .worship-page__playlists a { display: inline-flex; width: 34px; height: 34px; }
.f12-worship-page .worship-page__playlists img { width: 100%; height: 100%; }
.f12-worship-page .worship-page__thumb-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--f12-space-5); margin-top: var(--f12-space-10); }
.f12-worship-page .worship-page__thumb-grid .worship-page__feature-image { aspect-ratio: 16 / 9; }
.f12-worship-page .worship-page__thumb-grid .worship-page__media { --f12-resource-media-ratio: 16 / 9; }
.f12-worship-page .worship-page__player { display: grid; grid-template-columns: 36% 64%; height: clamp(320px, 33vw, 420px); overflow: hidden; border: 1px solid var(--worship-line); border-radius: var(--f12-radius-3); background: #fff; }
.f12-worship-page .worship-page__session-list { min-width: 0; overflow-y: auto; }
.f12-worship-page .worship-page__session-list h3 { position: sticky; top: 0; z-index: 1; margin: 0; padding: 16px 18px; background: #f2f2f2; font-size: 16px; line-height: 1.3; font-weight: 600; }
.f12-worship-page .worship-page__session { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto; gap: 10px; align-items: center; width: 100%; min-height: 56px; padding: 10px 18px; border: 0; border-top: 1px solid var(--worship-line); background: #fff; color: var(--worship-ink); font-family: inherit; font-size: 15px; line-height: 1.4; font-weight: 400; text-align: left; cursor: pointer; }
.f12-worship-page .worship-page__session:hover, .f12-worship-page .worship-page__session:focus-visible { background: #f7f7f7; }
.f12-worship-page .worship-page__session[aria-pressed="true"] { background: #faf8f8; box-shadow: inset 3px 0 0 var(--f12-color-brand-editorial, #a6201a); font-weight: 600; }
.f12-worship-page .worship-page__session > span:first-child { color: var(--f12-color-brand-editorial, #a6201a); font-size: 11px; }
.f12-worship-page .worship-page__session time { font-size: 12px; font-weight: 400; white-space: nowrap; }
.f12-worship-page .worship-page__stage { position: relative; display: grid; place-items: center; min-width: 0; overflow: hidden; background: #050505; }
.f12-worship-page .worship-page__stage [hidden] { display: none; }
.f12-worship-page .worship-page__video-cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(.82); }
.f12-worship-page .worship-page__play { position: absolute; inset: 0; z-index: 1; }
.f12-worship-page .worship-page__play .f12-media-play { --f12-media-play-border-color: rgba(255,255,255,.72); --f12-media-play-bg: rgba(255,247,240,.11); --f12-media-play-shadow: 0 10px 22px rgba(48,27,8,.16); --f12-media-play-shadow-active: 0 14px 26px rgba(48,27,8,.24); --f12-media-play-color: rgba(255,255,255,.96); background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,247,240,.08)), var(--f12-media-play-bg); transition: background var(--f12-duration-fast) var(--f12-ease-standard), border-color var(--f12-duration-fast) var(--f12-ease-standard), box-shadow var(--f12-duration-fast) var(--f12-ease-standard); }
.f12-worship-page .worship-page__play:hover .f12-media-play, .f12-worship-page .worship-page__play:focus-visible .f12-media-play { --f12-media-play-bg: rgba(255,248,240,.16); --f12-media-play-border-color: rgba(255,255,255,.78); }
.f12-worship-page .worship-page__play:focus-visible { outline: none; }
.f12-worship-page .worship-page__play:focus-visible .f12-media-play { box-shadow: 0 0 0 3px rgba(255,255,255,.26), 0 18px 34px rgba(7,10,16,.34); }
.f12-worship-page .worship-page__stage iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; }
@media (max-width: 900px) {
  .f12-worship-page .worship-page__player { grid-template-columns: 1fr; height: auto; }
  .f12-worship-page .worship-page__stage { order: -1; aspect-ratio: 16 / 9; }
  .f12-worship-page .worship-page__session-list { max-height: 310px; overflow: auto; }
}
@media (max-width: 700px) {
  .f12-worship-page .worship-page__shell { width: calc(100% - 44px); }
  .f12-worship-page .worship-page__section { padding: calc(var(--f12-layout-section-gap-mobile, 5rem) / 2) 0; }
  .f12-worship-page .worship-page__section--tight { padding: calc(var(--f12-layout-section-gap-tight-mobile, 4.5rem) / 2) 0; }
  .f12-worship-page .worship-page__section--intro { padding-block-end: calc(var(--f12-layout-section-gap-grouped-mobile) / 2); }
  .f12-worship-page .worship-page__section--intro + .worship-page__section { padding-block-start: calc(var(--f12-layout-section-gap-grouped-mobile) / 2); }
  .f12-worship-page .worship-page__split { grid-template-columns: 1fr; gap: var(--f12-space-8); }
  .f12-worship-page .worship-page__split-copy { gap: var(--f12-space-4); }
  .f12-worship-page .worship-page__feature { --f12-split-row-gap: var(--f12-space-4); }
  .f12-worship-page .worship-page__split--media-right > :is(.worship-page__feature-image, .worship-page__media) { order: -1; }
  .f12-worship-page .worship-page__heading { margin-bottom: var(--f12-space-10); }
  .f12-worship-page .worship-page__thumb-grid { grid-template-columns: repeat(2, 1fr); gap: var(--f12-space-3); }
}
@media (prefers-reduced-motion: reduce) { .f12-worship-page .worship-page__hero-video { display: none; } }