.k-art-loop{position:relative;isolation:isolate;color:#92034e;background:#ffd4e8;aspect-ratio:1672/941;overflow:hidden}
.k-art-loop>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;margin:0}
.k-art-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:#92034e}
.k-art-loop .k-video-toggle{z-index:2;opacity:1;background:#ecffecdd;width:32px;height:32px}
.k-art-loop .k-video-toggle:hover{background:#fff}
.k-art-loop .qr-scan{animation:qr-scan 6s ease-in-out infinite}
.k-art-loop .qr-screen-pattern{animation:qr-appear 6s ease-in-out infinite}
.k-art-loop .qr-question{animation:qr-question 6s ease-in-out infinite}
.k-art-loop .document-inspection{animation:document-inspect 7s cubic-bezier(.45,0,.2,1) infinite}
.k-art-loop .document-ring{animation:document-ring 7s ease-out infinite;transform-box:fill-box;transform-origin:center}
.k-art-loop .phone-wave{animation:phone-wave 6s ease-in-out infinite;stroke-dasharray:1;stroke-dashoffset:0}
.k-art-loop .wave-two{animation-delay:.18s}.k-art-loop .wave-three{animation-delay:.36s}
.k-art-loop .clock-ring{animation:clock-ring 6s ease-in-out infinite;transform:rotate(-90deg);transform-origin:1235px 249px;stroke-dasharray:100;stroke-dashoffset:100}
.k-art-loop .invoice-pause{animation:invoice-pause 6s ease-in-out infinite}
.k-art-loop .qr-scan,.k-art-loop .qr-screen-pattern,.k-art-loop .qr-question,.k-art-loop .document-inspection,.k-art-loop .document-ring,.k-art-loop .phone-wave,.k-art-loop .clock-ring,.k-art-loop .invoice-pause{animation-play-state:paused}
.k-art-loop.is-playing .qr-scan,.k-art-loop.is-playing .qr-screen-pattern,.k-art-loop.is-playing .qr-question,.k-art-loop.is-playing .document-inspection,.k-art-loop.is-playing .document-ring,.k-art-loop.is-playing .phone-wave,.k-art-loop.is-playing .clock-ring,.k-art-loop.is-playing .invoice-pause{animation-play-state:running}
@keyframes qr-scan{0%,10%{transform:translateY(0);opacity:0}18%{opacity:1}51%{transform:translateY(188px);opacity:1}59%,100%{transform:translateY(188px);opacity:0}}
@keyframes qr-appear{0%,12%,91%,100%{opacity:0}28%,78%{opacity:.85}}
@keyframes qr-question{0%,52%,93%,100%{opacity:0}65%,81%{opacity:1}}
@keyframes document-inspect{0%,100%{transform:translate(1080px,617px);opacity:0}13%{transform:translate(998px,500px);opacity:1}35%{transform:translate(748px,211px);opacity:1}59%{transform:translate(889px,431px);opacity:1}76%{transform:translate(889px,431px);opacity:1}91%{transform:translate(1080px,617px);opacity:0}}
@keyframes document-ring{0%,54%{opacity:0;transform:scale(.6)}64%{opacity:1;transform:scale(.85)}85%,100%{opacity:0;transform:scale(1.8)}}
@keyframes phone-wave{0%,14%,61%,100%{opacity:0}30%,43%{opacity:.85}}
@keyframes clock-ring{0%,12%{stroke-dashoffset:100;opacity:0}20%{opacity:.65}67%{stroke-dashoffset:0;opacity:.65}87%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes invoice-pause{0%,29%,91%,100%{opacity:0}46%,74%{opacity:1}}
.k-problems .k-art-loop{margin-bottom:24px;width:100%}.k-problems .k-art-loop>img{margin:0;width:100%;height:100%;max-width:none}
.k-illustrated-gallery{padding-block:0 100px}.k-illustrated-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.k-illustrated-grid article{min-width:0}.keyvo-edition .k-illustrated-grid h3{font-size:24px;line-height:1.2;margin:24px 0 14px}.k-illustrated-grid p{color:var(--muted);font-size:17px;line-height:1.5}
@media(max-width:809px){.k-illustrated-gallery{padding-bottom:64px}.k-illustrated-grid{grid-template-columns:1fr;gap:40px}.keyvo-edition .k-illustrated-grid h3{font-size:22px}.k-illustrated-grid p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.k-art-loop .k-art-overlay *{animation-play-state:paused!important}}
html.reduce-motion .k-art-loop .k-art-overlay *{animation-play-state:paused!important}
