/* The actual logo petal assets, paired into the interactive heart. */
.couple-petals {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 6 / 5;
  padding: 0;
  border: 0;
  border-radius: 40%;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.couple-petals:focus-visible { outline: 2px solid #e87196; outline-offset: 4px; }
.couple-art { display: block; width: 100%; height: 100%; overflow: visible; }
.couple-follow { transform-origin: 300px 250px; transform: translate(var(--pair-x, 0px), var(--pair-y, 0px)) rotate(var(--pair-tilt, 0deg)); transition: transform 1.2s ease-out; }
.couple-float { transform-origin: 300px 250px; animation: couple-float 7s ease-in-out infinite alternate; }
.couple-left, .couple-right { transform-origin: 300px 376px; }
.couple-left { animation: couple-left 9s ease-in-out infinite; }
.couple-right { animation: couple-right 9s ease-in-out infinite; }
.couple-petals.is-gathering .couple-left { animation: couple-gather-left 2.6s ease-in-out both; }
.couple-petals.is-gathering .couple-right { animation: couple-gather-right 2.6s ease-in-out both; }
@keyframes couple-float { from { transform: translateY(-5px) rotate(-1deg); } to { transform: translateY(6px) rotate(1deg); } }
@keyframes couple-left { 0%, 100% { transform: translate(-8px,-5px) rotate(-5deg); } 35%, 65% { transform: translate(0,0) rotate(0); } }
@keyframes couple-right { 0%, 100% { transform: translate(8px,3px) rotate(5deg); } 35%, 65% { transform: translate(0,0) rotate(0); } }
@keyframes couple-gather-left { 0%,100% { transform: translate(-8px,-5px) rotate(-5deg); } 22% { transform: translate(-21px,-14px) rotate(-12deg); } 55%, 82% { transform: translate(2px,0) rotate(2deg); } }
@keyframes couple-gather-right { 0%,100% { transform: translate(8px,3px) rotate(5deg); } 22% { transform: translate(21px,-14px) rotate(12deg); } 55%, 82% { transform: translate(-2px,0) rotate(-2deg); } }
.couple-petals.is-outside * { animation-play-state: paused !important; }
[data-motion-paused="true"] .couple-petals * { animation-play-state: paused !important; transition: none; }
@media (prefers-reduced-motion: reduce) { .couple-petals * { animation: none !important; transition: none !important; } }