/* Scale only the bird. Its existing wing and floating animations remain independent. */
@media (max-width: 1100px) {
  /* The stacked layout has less headroom; retain clearance for the copy and caption. */
  .lark-art .lark-size { transform: translate(-127.225px, -88px) scale(1.35); }
}
.lark-art .orbit-particles { pointer-events: none; }
/* Identical timelines in complementary clips: rear arc, bird, then front arc.
   Both the star and its tail are clipped so they cross the depth seam continuously. */
.lark-art .orbit-back { opacity: .55; }
.lark-art .bird-occlusion { fill: var(--bg); opacity: 1; stroke: none; }
.lark-art .orbit-star {
  offset-path: path('M 111 337 C 60 240 499 62 631 151 C 734 243 269 433 111 337 Z');
  offset-anchor: 0px 0px;
  offset-rotate: auto;
  offset-distance: var(--rest);
  color: var(--c-tone);
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 1.2;
  stroke-linecap: round;
  opacity: .8;
  animation: orbit-travel var(--lap) linear var(--delay) infinite,
             orbit-shimmer 3.2s ease-in-out var(--delay) infinite;
}
.lark-art .orbit-inner {
  offset-path: path('M 149 323 C 101 245 483 92 598 166 C 688 242 287 404 149 323 Z');
  color: #7fc7b2;
}
.lark-art .orbit-dot { stroke: none; }
.lark-art .orbit-comet { stroke-width: 1.6; }
.lark-art .comet-tail { opacity: .55; fill: none; }
.lark-art .logo-shooting-star {
  pointer-events: none;
  offset-path: path('M 90 322 C 242 367 418 256 627 108');
  offset-anchor: 0px 0px;
  offset-rotate: auto;
  offset-distance: 0%;
  opacity: 0;
  animation: shooting-cross 4.8s cubic-bezier(.65, 0, .9, .4) infinite,
             shooting-visibility 4.8s linear infinite;
}
@keyframes shooting-cross {
  0%, 10% { offset-distance: 0%; }
  80%, 100% { offset-distance: 100%; }
}
@keyframes shooting-visibility {
  0%, 3% { opacity: 0; }
  12%, 65% { opacity: .95; }
  80%, 100% { opacity: 0; }
}
.lark-art .echo-rings { stroke: var(--c-tone); stroke-opacity: .55; }
@keyframes orbit-travel { from { offset-distance: 0%; } to { offset-distance: 100%; } }
@keyframes orbit-shimmer { 0%, 100% { opacity: .42; } 50% { opacity: .95; } }
@media (prefers-reduced-motion: reduce) {
  .lark-art .logo-shooting-star { display: none; animation: none !important; }
  .lark-art .orbit-star { animation: none !important; offset-distance: var(--rest); opacity: .55; }
  .lark-art .orbit-comet .comet-tail { opacity: .2; }
}