/* Alternating gulls emerge behind the left and right roofs of the church. */
.church-scene{position:relative;isolation:isolate;width:min(776px,100%);aspect-ratio:3/2;margin:0 auto 50px}
.church-scene>.church{width:100%;height:auto;margin:0}
.church-flock{position:absolute;inset:0;overflow:hidden;pointer-events:none;color:#9aa59f;z-index:1;opacity:0;transition:opacity .18s ease;clip-path:polygon(0 0,100% 0,100% 44%,74% 44%,70% 42%,67.4% 28.4%,65% 28.5%,61% 31%,58.3% 18.8%,55% 15%,53% 12.2%,50% 13%,48% 17%,47% 18%,46% 34%,44% 36%,43% 44%,0 44%)}
.is-flying .church-flock{opacity:1}
.church-flight{position:absolute;inset:0;--origin-x:45.5%;--origin-y:40.5%;--flight-delay:0s;--mid-x:-7%;--far-x:-18%;--end-x:-35%;--end-y:-36.5%;transform-origin:var(--origin-x) var(--origin-y);animation:church-departure 3.2s linear var(--flight-delay) infinite both paused}
.church-bird{position:absolute;left:var(--origin-x);top:var(--origin-y);width:clamp(25px,4.8vw,44px);height:auto;transform:translate(-50%,-50%) rotate(-15deg)}
.bird-2{--origin-x:65%;--origin-y:36%;--flight-delay:-.8s;--mid-x:4%;--far-x:12%;--end-x:26%;--end-y:-31%}
.bird-2 .church-bird{width:clamp(23px,4.5vw,40px);transform:translate(-50%,-50%) rotate(15deg)}
.bird-3{--origin-x:46%;--origin-y:41.5%;--flight-delay:-1.6s;--mid-x:-5%;--far-x:-13%;--end-x:-27%;--end-y:-37.5%}
.bird-3 .church-bird{width:clamp(21px,4.2vw,37px);transform:translate(-50%,-50%) rotate(-7deg)}
.bird-4{--origin-x:65%;--origin-y:35%;--flight-delay:-2.4s;--mid-x:3%;--far-x:11%;--end-x:18%;--end-y:-31%}
.bird-4 .church-bird{width:clamp(22px,4.3vw,39px);transform:translate(-50%,-50%) rotate(7deg)}
.bird-wing-left,.bird-wing-right{transform-box:view-box;transform-origin:50% 55%;animation:church-wing .32s ease-in-out var(--flight-delay) infinite both paused}
.bird-wing-right{animation-name:church-wing-right}
.is-flying .church-flight,.is-flying .bird-wing-left,.is-flying .bird-wing-right{animation-play-state:running}
@keyframes church-departure{
  0%{opacity:0;transform:translate3d(0,0,0) scale(.55)}
  3%{opacity:.9}
  30%{transform:translate3d(var(--mid-x),-14%,0) scale(1)}
  65%{transform:translate3d(var(--far-x),-24%,0) scale(.85)}
  85%{opacity:.85}
  100%{opacity:0;transform:translate3d(var(--end-x),var(--end-y),0) scale(.6)}
}
@keyframes church-wing{0%,100%{transform:rotate(-5deg) scaleY(1)}50%{transform:rotate(-5deg) scaleY(-.45)}}
@keyframes church-wing-right{0%,100%{transform:rotate(5deg) scaleY(1)}50%{transform:rotate(5deg) scaleY(-.45)}}
@media(max-width:700px){.church-scene{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.church-flock{display:none;transition:none}.church-flight,.bird-wing-left,.bird-wing-right{animation-play-state:paused!important}}