.portrait-frame{position:relative;overflow:hidden}.portrait-frame .dove-layer{position:absolute;inset:22% 12% auto;height:25%;z-index:2;pointer-events:none;overflow:visible;contain:layout style}.dove-layer[hidden]{display:none}.portrait-frame .dove-flight{position:absolute;left:4%;top:var(--height);width:28%;max-width:80px;aspect-ratio:1;pointer-events:none;animation:dove-inside-portrait var(--flight-time) var(--flight-delay) linear infinite;will-change:transform,left}.dove-bird{display:block;width:100%;height:100%;background:url('assets/dove-flight.png') no-repeat;background-size:300% 200%;animation:dove-wings var(--wing-time) steps(1,end) infinite;filter:drop-shadow(0 2px 2px #41283225)}@keyframes dove-wings{0%,100%{background-position:0 0}16.667%{background-position:50% 0}33.334%{background-position:100% 0}50%{background-position:0 100%}66.667%{background-position:50% 100%}83.334%{background-position:100% 100%}}@keyframes dove-inside-portrait{0%{left:4%;transform:translateY(8px);opacity:0}8%{opacity:1}25%{left:34%;transform:translateY(0)}46%{left:64%;transform:translateY(12px);opacity:1}49%{opacity:0;transform:translateY(12px)}51%{opacity:0;transform:translateY(12px) scaleX(-1)}56%{opacity:1}75%{left:34%;transform:translateY(22px) scaleX(-1)}94%{opacity:1}100%{left:4%;transform:translateY(8px) scaleX(-1);opacity:0}}.doves-paused *{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.dove-layer{display:none}}
.portrait-frame .dove-layer{inset:5% 25% auto;height:12%}.portrait-frame .dove-flight{width:25%;max-width:48px;animation-name:dove-above-faces}@keyframes dove-above-faces{0%{left:4%;transform:translateY(0);opacity:0}8%{opacity:1}25%{left:34%;transform:translateY(3px)}46%{left:67%;transform:translateY(0);opacity:1}49%{opacity:0;transform:translateY(0)}51%{opacity:0;transform:scaleX(-1)}56%{opacity:1}75%{left:34%;transform:translateY(5px) scaleX(-1)}94%{opacity:1}100%{left:4%;transform:scaleX(-1);opacity:0}}
.portrait-frame .dove-layer{inset:5% 8% auto;height:17%}.portrait-frame .dove-flight{width:27%;max-width:88px;animation-name:dove-wide-floral;animation-duration:18s}.portrait-frame .dove-flight:nth-child(2){animation-duration:23s;top:12%}.portrait-frame .dove-flight:nth-child(3){animation-duration:27s;top:5%}@keyframes dove-wide-floral{0%{left:0;transform:translateY(0);opacity:0}8%{opacity:1}24%{left:34%;transform:translateY(8px)}46%{left:72%;transform:translateY(2px);opacity:1}49%{opacity:0;transform:translateY(2px)}51%{opacity:0;transform:translateY(2px) scaleX(-1)}56%{opacity:1}76%{left:34%;transform:translateY(16px) scaleX(-1)}94%{opacity:1}100%{left:0;transform:translateY(0) scaleX(-1);opacity:0}}