/* Crushmark sequence (live clip, ticks, match, Crushmark), blog design system v2.
   GENERATED by wp-rebuild/tools-gen-v2-home-assets.py from gen_crushmark_clip.seq_css()
   and v2_mesh.CSS. Do not edit by hand. Timing: LOOP and step checkpoints live in the
   fragments' data attributes and in assets/js/v2-home.js. */

@keyframes hc-scan{0%{top:-18%;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}
@keyframes hc-mesh{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes hc-dot{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes hc-ring{0%{stroke-dasharray:0 100}70%,100%{stroke-dasharray:75 25}}
@keyframes hc-now{0%,100%{box-shadow:inset 0 0 0 1px rgba(255,77,103,.55)}50%{box-shadow:inset 0 0 0 1px rgba(255,77,103,1),0 0 0 4px rgba(255,77,103,.16)}}
.hc-scan{animation:hc-scan 3.2s cubic-bezier(.45,0,.55,1) infinite}
.hc-mesh{animation:hc-mesh 3.2s ease-in-out infinite}
.hc-dot{animation:hc-dot 2.4s ease-in-out infinite}
.hc-ring{animation:hc-ring 6.4s cubic-bezier(.3,0,.2,1) infinite}
.hc-now{animation:hc-now 2s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.hc-scan{animation:none;opacity:0}.hc-mesh,.hc-dot,.hc-ring,.hc-now{animation:none}.hc-ring{stroke-dasharray:75 25}}


.p-bloom,.p-fade,.p-line,.p-pulse,.p-hit,.p-review,.p-seal{opacity:0}
.p-line{stroke-dashoffset:100}
@keyframes k-bloom{0%{opacity:0;transform:scale(0)}55%{opacity:1;transform:scale(2.2)}100%{opacity:.85;transform:scale(1)}}
@keyframes k-fade{from{opacity:0}to{opacity:1}}
@keyframes k-line{0%{stroke-dashoffset:100;opacity:0}10%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes k-pulse{0%{offset-distance:0%;opacity:0}15%{opacity:1}85%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes k-hit{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}
@keyframes k-dim{from{opacity:1}to{opacity:.45}}
@keyframes k-linesdim{from{opacity:1}to{opacity:.12}}
@keyframes k-review{0%{opacity:0}12%,88%{opacity:1}100%{opacity:0}}
@keyframes k-seal{0%{opacity:0;transform:scale(.4)}55%{opacity:1;transform:scale(1.25)}100%{opacity:1;transform:none}}
@keyframes k-glow{0%{box-shadow:0 0 0 1px rgba(255,255,255,.08)}40%{box-shadow:0 0 0 2px rgba(255,169,173,.9),0 0 40px 4px rgba(255,77,103,.3)}100%{box-shadow:0 0 0 1px rgba(255,169,173,.5),0 0 28px 0 rgba(255,77,103,.14)}}
.go .p-bloom{animation:k-bloom .45s ease-out both}
.go .p-fade{animation:k-fade .9s ease-out both}
.go .p-line{animation:k-line .7s cubic-bezier(.4,0,.2,1) both}
.go .p-pulse{animation:k-pulse .8s ease-in-out both}
.go .p-hit{animation:k-hit .4s ease-out both}
.go .p-dim{animation:k-dim .6s 3.4s ease-out both}
.go .p-linesdim{animation:k-linesdim .7s 3.5s ease-out both}
.go .p-review{animation:k-review .95s 3.4s linear both}
.go .p-seal{animation:k-seal .5s 4.3s ease-out both}
.go .p-glow{animation:k-glow 1.2s 4.2s ease-out both}
@keyframes k-stepin1{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes k-stepin2{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes k-stepin3{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes k-pop{0%{transform:translate(-50%,0) scale(1)}35%{transform:translate(-50%,0) scale(1.1)}100%{transform:translate(-50%,0) scale(1)}}
@keyframes k-ring{0%{box-shadow:0 0 0 0 rgba(61,190,139,.55)}100%{box-shadow:0 0 0 16px rgba(61,190,139,0)}}
@keyframes k-tick{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@keyframes k-frame{0%{box-shadow:0 0 0 0 rgba(61,190,139,0)}30%{box-shadow:0 0 0 2px rgba(61,190,139,.95),0 0 36px 2px rgba(61,190,139,.35)}100%{box-shadow:0 0 0 2px rgba(61,190,139,.35),0 0 0 0 rgba(61,190,139,0)}}
.hc-step{position:absolute;left:50%;bottom:20px;transform:translate(-50%,0);display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 18px 0 12px;border-radius:999px;
  background:rgba(18,21,26,.66);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#eef0f4;font-size:15px;font-weight:500;white-space:nowrap;transition:background .25s,box-shadow .25s}
.hc-step.s1{animation:k-stepin1 .35s ease-out both}.hc-step.s2{animation:k-stepin2 .35s ease-out both}.hc-step.s3{animation:k-stepin3 .35s ease-out both}
.hc-step .n{font-size:11px;font-weight:600;letter-spacing:1.8px;color:#a0a5ae}
.hc-step .dot{width:18px;height:18px;display:flex;align-items:center;justify-content:center}
.hc-step .dot i{width:8px;height:8px;border-radius:999px;background:#ff4d67}
.hc-step .ck{display:none}
.hc-step.is-done{background:rgba(61,190,139,.24);box-shadow:inset 0 0 0 1px rgba(61,190,139,.95);animation:k-pop .45s ease-out both}
.hc-step.is-done::after{content:"";position:absolute;inset:0;border-radius:999px;animation:k-ring .9s ease-out both}
.hc-step.is-done .dot i{display:none}
.hc-step.is-done .ck{display:block}
.hc-step.is-done .ck path{stroke-dasharray:24;animation:k-tick .4s .08s ease-out both}
.hc-step.is-done .n{color:#89d8b2}
@keyframes k-flash{0%{opacity:0}8%{opacity:1}20%{opacity:.2}32%{opacity:1}44%{opacity:.2}56%,100%{opacity:1}}
.hc-frame::after{content:"";position:absolute;inset:-5px;border-radius:37px;box-shadow:0 0 0 3px #3dbe8b,0 0 28px 4px rgba(61,190,139,.45);opacity:0;pointer-events:none}
.hc-frame.is-done::after{animation:k-flash 1.4s ease-out both}
@keyframes k-flashout{from{opacity:1}to{opacity:0}}
.go .hc-frame.is-done::after{animation:k-flashout .8s ease-out both}
@media (prefers-reduced-motion: reduce){
  .p-bloom,.p-fade,.p-hit,.p-seal{animation:none !important;opacity:1 !important;transform:none !important}
  .p-line{animation:none !important;opacity:1 !important;stroke-dashoffset:0 !important}
  .p-pulse,.p-review{animation:none !important;opacity:0 !important}
  .p-dim{animation:none !important;opacity:.45 !important}.p-linesdim{animation:none !important;opacity:.12 !important}
  .hc-step,.hc-frame,.hc-frame::after,.hc-step::after,.hc-step .ck path{animation:none !important}
}

@keyframes k-ckpop{0%{transform:scale(.3)}55%{transform:scale(1.28)}100%{transform:scale(1)}}
@keyframes k-cksweep{0%{background-position:120% 0;opacity:0}15%{opacity:1}100%{background-position:-20% 0;opacity:0}}
.hc-ck{position:relative;display:flex;align-items:center;gap:10px;padding:0 10px;margin-left:-10px;border-radius:10px;color:#eef0f4;font-weight:500;white-space:nowrap;
  opacity:0;transform:translateX(-10px);transition:opacity .35s ease-out,transform .35s ease-out}
.hc-ck::after{content:"";position:absolute;inset:0;border-radius:10px;pointer-events:none;opacity:0;
  background:linear-gradient(100deg,rgba(61,190,139,0) 30%,rgba(61,190,139,.28) 50%,rgba(61,190,139,0) 70%);background-size:220% 100%}
.hc-ck .ci{display:block;flex-shrink:0;transform:scale(.3)}
.hc-ck .ci path{stroke-dasharray:24;stroke-dashoffset:24}
.hc-ck.on{opacity:1;transform:none}
.hc-ck.on::after{animation:k-cksweep 1.1s .1s ease-out both}
.hc-ck.on .ci{animation:k-ckpop .45s ease-out both}
.hc-ck.on .ci path{animation:k-tick .4s .15s ease-out both}
.hc-ck.last{color:#89d8b2}
@media (prefers-reduced-motion: reduce){
  .hc-ck,.hc-ck.on{transition:none !important}
  .hc-ck.on::after,.hc-ck.on .ci,.hc-ck.on .ci path{animation:none !important}
  .hc-ck.on .ci{transform:none}.hc-ck.on .ci path{stroke-dashoffset:0}
}

@keyframes hc-lap-1_167{from{stroke-dashoffset:-26.833}to{stroke-dashoffset:-126.833}}@keyframes hc-lap-2_333{from{stroke-dashoffset:-25.667}to{stroke-dashoffset:-125.667}}@keyframes hc-lap-3_5{from{stroke-dashoffset:-24.500}to{stroke-dashoffset:-124.500}}@keyframes hc-lap-4_667{from{stroke-dashoffset:-23.333}to{stroke-dashoffset:-123.333}}@keyframes hc-lap-5_833{from{stroke-dashoffset:-22.167}to{stroke-dashoffset:-122.167}}@keyframes hc-lap-7_0{from{stroke-dashoffset:-21.000}to{stroke-dashoffset:-121.000}}@keyframes hc-lap-8_167{from{stroke-dashoffset:-19.833}to{stroke-dashoffset:-119.833}}@keyframes hc-lap-9_333{from{stroke-dashoffset:-18.667}to{stroke-dashoffset:-118.667}}@keyframes hc-lap-10_5{from{stroke-dashoffset:-17.500}to{stroke-dashoffset:-117.500}}@keyframes hc-lap-11_667{from{stroke-dashoffset:-16.333}to{stroke-dashoffset:-116.333}}@keyframes hc-lap-12_833{from{stroke-dashoffset:-15.167}to{stroke-dashoffset:-115.167}}@keyframes hc-lap-14_0{from{stroke-dashoffset:-14.000}to{stroke-dashoffset:-114.000}}@keyframes hc-lap-15_167{from{stroke-dashoffset:-12.833}to{stroke-dashoffset:-112.833}}@keyframes hc-lap-16_333{from{stroke-dashoffset:-11.667}to{stroke-dashoffset:-111.667}}@keyframes hc-lap-17_5{from{stroke-dashoffset:-10.500}to{stroke-dashoffset:-110.500}}@keyframes hc-lap-18_667{from{stroke-dashoffset:-9.333}to{stroke-dashoffset:-109.333}}@keyframes hc-lap-19_833{from{stroke-dashoffset:-8.167}to{stroke-dashoffset:-108.167}}@keyframes hc-lap-21_0{from{stroke-dashoffset:-7.000}to{stroke-dashoffset:-107.000}}@keyframes hc-lap-22_167{from{stroke-dashoffset:-5.833}to{stroke-dashoffset:-105.833}}@keyframes hc-lap-23_333{from{stroke-dashoffset:-4.667}to{stroke-dashoffset:-104.667}}@keyframes hc-lap-24_5{from{stroke-dashoffset:-3.500}to{stroke-dashoffset:-103.500}}@keyframes hc-lap-25_667{from{stroke-dashoffset:-2.333}to{stroke-dashoffset:-102.333}}@keyframes hc-lap-26_833{from{stroke-dashoffset:-1.167}to{stroke-dashoffset:-101.167}}@keyframes hc-lap-28_0{from{stroke-dashoffset:-0.000}to{stroke-dashoffset:-100.000}}@keyframes hc-lap-2_6{from{stroke-dashoffset:-25.400}to{stroke-dashoffset:-125.400}}@keyframes hc-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes hc-cfade{0%{opacity:0}6%{opacity:1}88%{opacity:1}100%{opacity:0}}.hc-draw{stroke-dasharray:100 100;stroke-dashoffset:100;animation:hc-draw 1500ms cubic-bezier(.55,.08,.35,1) both}.hc-comet{opacity:0;animation-duration:1500ms,3000ms;animation-timing-function:cubic-bezier(.55,.08,.35,1),linear;animation-iteration-count:2,1;animation-fill-mode:both,both}.hc-bloom{filter:blur(2px)}.hc-tailblur{filter:blur(.45px)}@media (prefers-reduced-motion: reduce){.hc-comet{animation:none;opacity:0}.hc-draw{animation:none;stroke-dashoffset:0}}
.hc-cm-chip{grid-area:1/1;display:inline-flex}.hc-cm-chip[hidden]{display:none}