/* Mobile only. The sky silhouette uses the background's 941 x 1672 coordinate system.
   Only existing birds are clipped; the completed flag and foreground petals are unchanged. */
@media (max-width:959px){
  .tk-flag > .hero-fx__birds{clip-path:polygon(0.0000% 0.0000%,100.0000% 0.0000%,100.0000% 10.5263%,92.0298% 13.0981%,92.1360% 13.6962%,93.1987% 14.2943%,93.3050% 20.9330%,76.7269% 25.5981%,76.8332% 26.1962%,77.5770% 26.6148%,77.5770% 36.9019%,76.4081% 36.9019%,76.4081% 37.5598%,64.3996% 40.3110%,0.0000% 40.3110%)}
  .tk-flag .fx-bird{--depth-start:29.8%;--depth-end:27%;top:var(--depth-start);transform-origin:0 0;animation-name:tk-bird-depth}
  .tk-flag .fx-bird:nth-child(2){--depth-start:28.8%;--depth-end:26.2%}
  .tk-flag .fx-bird svg{filter:drop-shadow(0 1px 2px rgba(30,70,110,.10))}
  .tk-flag.bird-depth--paused > .hero-fx__birds *{animation-play-state:paused!important}
}
@keyframes tk-bird-depth{
  0%{top:var(--depth-start);transform:translate3d(-46px,0,0) scale(1);opacity:0}
  7%{opacity:1}
  70%{top:var(--depth-end);transform:translate3d(88%,0,0) scale(.52);opacity:1}
  70.1%,100%{top:var(--depth-end);transform:translate3d(88%,0,0) scale(.52);opacity:0}
}
@media(prefers-reduced-motion:reduce){.tk-flag > .hero-fx__birds{display:none}}