/* Scroll choreography adapted to the open Veridicus layout. */
@property --action-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.button.primary{--action-angle:0deg;position:relative;isolation:isolate;overflow:hidden;border-radius:999px;border:1px solid transparent;background:linear-gradient(#08191b,#08191b) padding-box,conic-gradient(from var(--action-angle),#0a7e8c,#123b40,#34aab8,#123b40,#0a7e8c) border-box;color:#fff;padding:17px 27px;min-height:54px;transition:transform .22s,box-shadow .35s,background .35s}
.button.primary:hover,.button.primary:focus-visible{background:linear-gradient(#0b3035,#08191b) padding-box,conic-gradient(from var(--action-angle),#0a7e8c,#123b40,#68d2dc,#123b40,#0a7e8c) border-box;animation:action-orbit 2s linear infinite;transform:translateY(-2px);box-shadow:0 8px 28px -14px #34aab899}
.button.primary>span[aria-hidden]{transition:transform .22s}
.button.primary:hover>span[aria-hidden]{transform:translate(3px,-2px)}
.button.primary:active{transform:scale(.975)}
.button.primary:focus-visible{outline:2px solid #fff;outline-offset:4px}
@keyframes action-orbit{to{--action-angle:360deg}}
.action-flash{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--tap-x,50%) var(--tap-y,50%),#a5f4ff55,transparent 65%);animation:action-flash .5s ease-out forwards}
@keyframes action-flash{from{opacity:1}to{opacity:0}}
.motion-paused .button.primary{animation:none;transition:none}
@media(prefers-reduced-motion:reduce){.button.primary,.button.primary>span{animation:none!important;transition:none!important;transform:none!important}.action-flash{display:none}}
.progressive-item{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.progressive-item.is-waiting{opacity:0;transform:translateY(28px)}
.progressive-item.is-visible{opacity:1;transform:none}

.motion-paused .progressive-item{opacity:1;transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.progressive-item{opacity:1!important;transform:none!important;transition:none!important}}
