/* ps-bento.css: bento grids for case studies. Classes are prefixed psb- and psk- and scoped under .psb. */
.psb{
  --psb-bg:#f8f9fb; --psb-card:#ffffff; --psb-stage:#f1f4f8; --psb-ink:#202020; --psb-text:#566070; --psb-muted:#5d6676;
  --psb-line:#e5e8ee; --psb-line-strong:#d6dbe4; --psb-sk:#e4e8ef; --psb-sk-dark:#d3d9e3;
  --psb-accent:#2f6feb; --psb-accent-ink:#1f58c9; --psb-accent-soft:#e8effd; --psb-accent-line:#bcd0f8;
  --psb-ok:#17875c; --psb-ok-soft:#e5f4ec;
  --psb-r-card:16px; --psb-r-stage:12px; --psb-r-float:14px;
  --psb-shadow-card:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.04);
  --psb-shadow-float:0 1px 1px rgba(16,24,40,.04),0 4px 10px -4px rgba(16,24,40,.10),0 16px 32px -18px rgba(16,24,40,.22);
  --psb-font:"Portfolio","Avenir Next","Avenir","Helvetica Neue",Arial,sans-serif;
}
.psb .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.psb .psb-i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.psb,.psb *{box-sizing:border-box}
.psb{font-family:var(--psb-font);color:var(--psb-ink);line-height:1.55;-webkit-font-smoothing:antialiased}
.psb h2,.psb h3,.psb b,.psb strong{color:var(--psb-ink)}
.psb.psb-cs{background:transparent;padding-inline:0;margin:0}
.psb p{margin:0}
.psb.psb-cs{padding-block:12px 72px}
.psb .psb-cs-head{margin-bottom:24px;max-width:70ch}
.psb .psb-cs-client{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:.875rem;font-weight:500;color:var(--psb-muted)}
.psb .psb-cs-client .psb-mark{width:26px;height:26px;border-radius:8px;background:#fff;border:1px solid var(--psb-line);display:grid;place-items:center;font-size:.75rem;font-weight:600;color:var(--psb-ink)}
.psb .psb-cs-head h2{font-size:clamp(1.75rem,3.2vw,2.25rem);line-height:1.13;font-weight:500;letter-spacing:-.035em;margin:0 0 28px}
.psb .psb-cs-head p.psb-lede{margin:0;color:var(--psb-text)}
.psb .psb-bento{container:psb / inline-size;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.psb .psb-s7{grid-column:span 7}
.psb .psb-s5{grid-column:span 5}
.psb .psb-s4{grid-column:span 4}
.psb .psb-s6{grid-column:span 6}
@container psb (max-width:900px){.psb .psb-s7,.psb .psb-s5{grid-column:span 12}
.psb .psb-s4{grid-column:span 6}
.psb .psb-bento>.psb-s4:last-child:nth-child(odd),
.psb .psb-bento>.psb-s4:nth-child(odd):has(+ :not(.psb-s4)){grid-column:span 12}
}
@container psb (max-width:560px){.psb .psb-bento>*{grid-column:1/-1 !important}
}
.psb .psb-card{background:var(--psb-card);border:0;border-radius:var(--psb-r-card);padding:10px;box-shadow:var(--psb-shadow-card);display:flex;flex-direction:column;min-width:0}
.psb .psb-stage{position:relative;height:252px;border-radius:var(--psb-r-stage);overflow:hidden;background-color:var(--psb-stage);
  background-image:radial-gradient(rgba(32,32,32,.085) 1px,transparent 1.3px);background-size:14px 14px;
  box-shadow:inset 0 0 0 1px rgba(32,32,32,.035)}
.psb .psb-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(rgba(241,244,248,0),#f1f4f8 85%);z-index:2;pointer-events:none}
.psb .psb-card{transition:box-shadow .2s ease}
.psb .psb-card:hover{box-shadow:0 2px 4px rgba(16,24,40,.06),0 8px 20px -8px rgba(16,24,40,.12)}
.psb .psb-copy{padding:18px 14px 14px}
.psb .psb-card h3{font-size:1.25rem;line-height:1.25;font-weight:500;letter-spacing:-.01em;margin:12px 0 6px}
.psb .psb-card .psb-copy>p:not(.psb-tag){margin:0;color:var(--psb-text);font-size:.9375rem;max-width:60ch}
.psb .psb-s12{grid-column:span 12}
.psb .psb-cs-head .psb-lede{margin:-16px 0 24px;max-width:62ch;color:var(--psb-text);font-size:1rem;line-height:1.6}

/* ps-bento-sticker: flat sticker illustrations for bento cards.
   One color per knowledge domain, used the same way on every page:
   Product and UX = blue, Cognition = lilac, Business and change = sage, Research = sand.
   Solid fills, no gradients, no shadows. The white die-cut edge is the only border. */
.psb.psb-sticker{
  --k-ink:#1f2226; --k-text:#5b6270; --k-grey:#d9dce1; --k-grey-2:#e8eaee; --k-paper:#ffffff;
  --ux-tint:#e7edf7; --ux-mid:#8ea6d4; --ux-deep:#3f5a8c;
  --cog-tint:#eeeaf6; --cog-mid:#ae9fd6; --cog-deep:#5b4c8a;
  --biz-tint:#e6efe9; --biz-mid:#93bfa2; --biz-deep:#3f6b50;
  --res-tint:#f5eee2; --res-mid:#ddbe87; --res-deep:#7d5e27;
}
.psb.psb-sticker .psb-card,.psb.psb-sticker .psb-card:hover{box-shadow:none}
.psb.psb-sticker .psb-card{padding:8px}
.psb.psb-sticker .psb-stage{height:236px;background:var(--tint,#f1f2f4);background-image:none;box-shadow:none;border-radius:12px}
.psb.psb-sticker .psb-stage::after{display:none}
.psb.psb-sticker .d-ux{--tint:var(--ux-tint)}
.psb.psb-sticker .d-cog{--tint:var(--cog-tint)}
.psb.psb-sticker .d-biz{--tint:var(--biz-tint)}
.psb.psb-sticker .d-res{--tint:var(--res-tint)}
.psb.psb-sticker .psb-copy{padding:16px 12px 12px}
.psb.psb-sticker .psb-card h3{margin:0 0 4px;font-size:1.125rem;line-height:1.3}
.psb.psb-sticker .psb-card .psb-copy>p{font-size:.9375rem;line-height:1.5;max-width:52ch}

/* Method label: the only text inside the stage. No dot, the domain color is carried by the text */
.psb .psk-label{position:absolute;left:12px;top:12px;z-index:3;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#fff;font-size:.75rem;font-weight:600;color:var(--lbl,var(--k-ink));white-space:nowrap}
.psb.psb-sticker .d-ux{--lbl:var(--ux-deep)}
.psb.psb-sticker .d-cog{--lbl:var(--cog-deep)}
.psb.psb-sticker .d-biz{--lbl:var(--biz-deep)}
.psb.psb-sticker .d-res{--lbl:var(--res-deep)}

/* Stickers: positioned from the stage centre so compositions stay tight at any width */
.psb.psb-sticker .psb-stage{container:pskst / inline-size}
.psb .psk-scene{position:absolute;inset:0;transform-origin:50% 55%}
.psb .psk{--x:var(--x-lg,0px);position:absolute;left:calc(50% + var(--x));top:calc(50% + var(--y,0px));display:block;overflow:visible;
  filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff);
  transform:translate(-50%,-50%) rotate(var(--r,0deg));transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.psb .psb-card:hover .psk{transform:translate(-50%,-50%) rotate(calc(var(--r,0deg) * 1.6)) translateY(-3px)}
@container pskst (max-width:360px){.psb .psk-scene{transform:scale(.84)}}
@container pskst (max-width:300px){.psb .psk-scene{transform:scale(.8)}}
@container pskst (max-width:250px){.psb .psk-scene{transform:scale(.76)}}

/* Keep the bento rhythm on the 800px column: 7 and 5, then three 4s */
@container psb (min-width:700px){
  .psb.psb-sticker.psb-cs .psb-bento>.psb-card.psb-s7{grid-column:span 7}
  .psb.psb-sticker.psb-cs .psb-bento>.psb-card.psb-s5{grid-column:span 5}
  .psb.psb-sticker.psb-cs .psb-bento>.psb-card.psb-s4{grid-column:span 4}
}

@container psb (max-width:560px){
  .psb .psk-hide-sm{display:none}
  .psb .psk{--x:var(--x-sm,var(--x-lg,0px))}
}
@media (prefers-reduced-motion:reduce){
  .psb .psk{transition:none}
  .psb .psb-card:hover .psk{transform:translate(-50%,-50%) rotate(var(--r,0deg))}
}

/* Illustration motion: each bento illustration acts out its idea on hover, or once in view on touch screens */
html body .psb .psb-card:hover .psk{transform:translate(-50%,-50%) rotate(var(--r,0deg))}
@media (prefers-reduced-motion:no-preference){
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > circle{transform-box:fill-box;transform-origin:center;--fx:-54px;animation:pk-slide 0.55s 0.1s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect{transform-box:fill-box;transform-origin:center;animation:pk-fill 0.5s 0.1s ease 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > path{transform-box:fill-box;transform-origin:center;animation:pk-pop 0.4s 0.55s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(9){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.4s 0.75s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(10){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.4s 0.9s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3){animation:pk-pop 0.5s 1.05s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:center;animation:pk-scan 0.45s 0s ease 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(4){transform-box:fill-box;transform-origin:center;animation:pk-scan 0.45s 0.24s ease 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(5){transform-box:fill-box;transform-origin:center;animation:pk-scan 0.45s 0.36s ease 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(6){transform-box:fill-box;transform-origin:center;animation:pk-scan 0.45s 0.48s ease 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:center;animation:pk-land 0.9s 0.1s ease 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > circle{transform-box:fill-box;transform-origin:center;animation:pk-pop 0.35s 0.9s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > circle{transform-box:fill-box;transform-origin:center;animation:pk-grow 0.55s 0.5s cubic-bezier(.34,1.56,.64,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > g{transform-box:view-box;transform-origin:30px 30px;animation:pk-swap 1.1s 0.5s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1){--fx:64px;--fy:40px;animation:pk-fling 0.7s 0.3s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){--fx:-64px;--fy:34px;animation:pk-fling 0.7s 0.38s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3){animation:pk-shake 0.5s 0s ease 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(4){--fy:-58px;animation:pk-drop 0.6s 0.55s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(4) > path{transform-box:fill-box;transform-origin:center;stroke-dasharray:24;--dl:24;animation:pk-draw 0.35s 1.05s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1){--ps:1.06;animation:pk-pulse 0.55s 0s ease-in-out 2 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(1){transform-box:fill-box;transform-origin:center;animation:pk-eq 0.55s 0.21s ease-in-out 2 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:center;animation:pk-eq 0.55s 0.27s ease-in-out 2 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:center;animation:pk-eq 0.55s 0.32999999999999996s ease-in-out 2 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(4){transform-box:fill-box;transform-origin:center;animation:pk-eq 0.55s 0.39s ease-in-out 2 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(5){transform-box:fill-box;transform-origin:center;animation:pk-eq 0.55s 0.44999999999999996s ease-in-out 2 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(6){transform-box:fill-box;transform-origin:center;animation:pk-eq 0.55s 0.51s ease-in-out 2 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(7){transform-box:fill-box;transform-origin:center;animation:pk-eq 0.55s 0.57s ease-in-out 2 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(5):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(1){transform-box:fill-box;transform-origin:center;animation:pk-blink 1.2s 0s ease 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(5):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > text{transform-box:fill-box;transform-origin:center;animation:pk-blink 1.2s 0s ease 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(5):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > g > circle{transform-box:fill-box;transform-origin:center;animation:pk-nod 0.6s 0.2s ease-in-out 2 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(5):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(1){transform-box:fill-box;transform-origin:left center;animation:pk-growx 0.4s 0.4s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(5):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:left center;animation:pk-growx 0.4s 0.55s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(5):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:left center;animation:pk-growx 0.4s 0.7s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(5):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(4){transform-box:fill-box;transform-origin:left center;animation:pk-growx 0.4s 0.85s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(6):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:center;animation:pk-press 0.4s 0.1s ease 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(6):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > text:nth-of-type(3){transform-box:fill-box;transform-origin:center;animation:pk-press 0.4s 0.1s ease 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(6):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){--fx:-40px;animation:pk-in 0.5s 0.45s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(6):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3){--fx:-40px;animation:pk-in 0.5s 0.5800000000000001s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(6):is(:hover,.psk-play) .psk-scene > .psk:nth-child(4){--fx:-40px;animation:pk-in 0.5s 0.71s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-transcription"] .psb-card:nth-child(6):is(:hover,.psk-play) .psk-scene > .psk:nth-child(5){--fx:-40px;animation:pk-in 0.5s 0.8400000000000001s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > circle:nth-of-type(1){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.4s 0.1s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > text:nth-of-type(1){transform-box:fill-box;transform-origin:center;--fx:-12px;animation:pk-in 0.4s 0.3s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > text:nth-of-type(2){transform-box:fill-box;transform-origin:center;--fx:-12px;animation:pk-in 0.4s 0.45s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){--fy:26px;--fs:.6;animation:pk-in 0.55s 0.75s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > circle:nth-of-type(1){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.35s 0.1s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > text:nth-of-type(1){transform-box:fill-box;transform-origin:center;--fx:-14px;animation:pk-in 0.35s 0.15s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > circle:nth-of-type(2){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.35s 0.4s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > text:nth-of-type(2){transform-box:fill-box;transform-origin:center;--fx:-14px;animation:pk-in 0.35s 0.44999999999999996s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > circle:nth-of-type(3){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.35s 0.7s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > text:nth-of-type(3){transform-box:fill-box;transform-origin:center;--fx:-14px;animation:pk-in 0.35s 0.75s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > path:nth-of-type(1){transform-box:fill-box;transform-origin:center;stroke-dasharray:20;--dl:20;animation:pk-draw 0.3s 0.35s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > path:nth-of-type(2){transform-box:fill-box;transform-origin:center;stroke-dasharray:20;--dl:20;animation:pk-draw 0.3s 0.6499999999999999s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.9s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > circle:nth-of-type(4){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.95s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1){--fx:66px;--fy:-8px;animation:pk-fan 0.65s 0.05s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3){--fx:-66px;--fy:-8px;animation:pk-fan 0.65s 0.05s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.45s 0.6s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > circle{transform-box:fill-box;transform-origin:center;animation:pk-pop 0.35s 0.7s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:center;animation:pk-in 0.35s 0.85s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(4){transform-box:fill-box;transform-origin:center;animation:pk-in 0.35s 0.9s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(5){transform-box:fill-box;transform-origin:center;animation:pk-in 0.35s 0.95s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(6){transform-box:fill-box;transform-origin:center;animation:pk-in 0.35s 1.0s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.45s 0.6s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > circle{transform-box:fill-box;transform-origin:center;animation:pk-pop 0.35s 0.7s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:center;animation:pk-in 0.35s 0.97s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(4){transform-box:fill-box;transform-origin:center;animation:pk-in 0.35s 1.02s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(5){transform-box:fill-box;transform-origin:center;animation:pk-in 0.35s 1.07s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(6){transform-box:fill-box;transform-origin:center;animation:pk-in 0.35s 1.12s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.45s 0.6s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3) > circle{transform-box:fill-box;transform-origin:center;animation:pk-pop 0.35s 0.7s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:center;animation:pk-in 0.35s 1.0899999999999999s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3) > rect:nth-of-type(4){transform-box:fill-box;transform-origin:center;animation:pk-in 0.35s 1.14s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3) > rect:nth-of-type(5){transform-box:fill-box;transform-origin:center;animation:pk-in 0.35s 1.19s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3) > rect:nth-of-type(6){transform-box:fill-box;transform-origin:center;animation:pk-in 0.35s 1.2399999999999998s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3){animation:pk-pop 0.45s 0.05s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){--fx:-44px;animation:pk-in 0.55s 0.3s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(4){transform-box:fill-box;transform-origin:center;animation:pk-press 0.35s 0.75s ease 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1){--fs:.6;animation:pk-in 0.45s 0.8s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > g > path:nth-of-type(1){transform-box:fill-box;transform-origin:center;--fx:10px;animation:pk-slide 0.45s 1.0s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > g > path:nth-of-type(2){transform-box:fill-box;transform-origin:center;--fx:-10px;animation:pk-slide 0.45s 1.0s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-government-ai"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > g > path:nth-of-type(3){transform-box:fill-box;transform-origin:center;stroke-dasharray:50;--dl:50;animation:pk-draw 0.4s 1.3s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1){animation:pk-dim 1.2s 0s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.4s 0.45s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.4s 0.6s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(4){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.4s 0.75s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(5){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.4s 0.9s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(6){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.4s 1.05s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1){--fy:28px;--fs:.8;animation:pk-in 0.55s 0.0s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){--fy:28px;--fs:.8;animation:pk-in 0.55s 0.12s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3){--fy:28px;--fs:.8;animation:pk-in 0.55s 0.24s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(4){--fy:28px;--fs:.8;animation:pk-in 0.55s 0.36s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1){--fx:44px;--fy:20px;animation:pk-fan 0.75s 0.05s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){--fx:38px;--fy:-26px;animation:pk-fan 0.75s 0.13s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3){--fx:-48px;--fy:14px;animation:pk-fan 0.75s 0.21000000000000002s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(4){--fx:-42px;--fy:-34px;animation:pk-fan 0.75s 0.29s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > path:nth-of-type(1){transform-box:fill-box;transform-origin:center;--fx:-26px;animation:pk-point 0.8s 0.1s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > path:nth-of-type(2){transform-box:fill-box;transform-origin:center;--fx:26px;animation:pk-point 0.8s 0.35s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(5):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > text{transform-box:fill-box;transform-origin:center;--ps:1.2;animation:pk-pulse 0.6s 0.1s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-dubai-portal"] .psb-card:nth-child(5):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){--sr:-180deg;animation:pk-spin 0.8s 0.25s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1){animation:pk-dim 1.3s 0s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:left center;animation:pk-growx 0.75s 0.2s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > circle:nth-of-type(1){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.35s 0.15s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > path:nth-of-type(1){transform-box:fill-box;transform-origin:center;stroke-dasharray:20;--dl:20;animation:pk-draw 0.3s 0.35s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > circle:nth-of-type(2){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.35s 0.44999999999999996s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > path:nth-of-type(2){transform-box:fill-box;transform-origin:center;stroke-dasharray:20;--dl:20;animation:pk-draw 0.3s 0.6499999999999999s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > circle:nth-of-type(3){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.45s 0.8s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > circle:nth-of-type(4){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.95s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1){--ps:1.08;animation:pk-pulse 0.5s 0.05s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > path{transform-box:fill-box;transform-origin:center;--rr:-180deg;animation:pk-turn 0.45s 0.3s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > text:nth-of-type(2){transform-box:fill-box;transform-origin:center;--fy:-8px;animation:pk-in 0.4s 0.4s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > text:nth-of-type(3){transform-box:fill-box;transform-origin:center;--fy:-8px;animation:pk-in 0.4s 0.6s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:center;--fy:-8px;animation:pk-in 0.4s 0.5s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1){animation:pk-hop 0.55s 0.0s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){animation:pk-hop 0.55s 0.12s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3){animation:pk-hop 0.55s 0.24s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(3):is(:hover,.psk-play) .psk-scene > .psk:nth-child(4) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:left center;animation:pk-growx 0.75s 0.35s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(4){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.1s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(5){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.15000000000000002s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(6){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.2s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(7){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.25s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(8){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.30000000000000004s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(9){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.35s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(10){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.4s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(11){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.45000000000000007s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(12){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.5s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(13){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.55s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(14){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.6s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(15){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.65s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(16){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.7000000000000001s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(17){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.75s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(18){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.8s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(4):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){animation:pk-cursor 1.1s 0s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(5):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > circle:nth-of-type(1){transform-box:fill-box;transform-origin:center;--fs:0;animation:pk-in 0.55s 0.1s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(5):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > circle:nth-of-type(2){transform-box:fill-box;transform-origin:center;--fs:0;animation:pk-in 0.5s 0.3s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(5):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > circle:nth-of-type(3){transform-box:fill-box;transform-origin:center;--fs:0;animation:pk-in 0.45s 0.5s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-unlock"] .psb-card:nth-child(5):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:center;animation:pk-dim 0.8s 0.9s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-avatars"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > g > circle{transform-box:fill-box;transform-origin:center;animation:pk-nod 0.6s 0.1s ease-in-out 2 both;}
  html body .psb[aria-labelledby="psb-avatars"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(8){transform-box:fill-box;transform-origin:center;--s1:-58px;--s2:60px;animation:pk-sweep 1.5s 0.1s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-avatars"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(6){transform-box:fill-box;transform-origin:center;--fx:-24px;animation:pk-slide 0.6s 0.55s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-avatars"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(7){transform-box:fill-box;transform-origin:center;--fx:22px;animation:pk-slide 0.6s 0.7s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-avatars"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:center;--fx:-95px;animation:pk-slide 0.6s 0.15s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-avatars"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > text:nth-of-type(2){transform-box:fill-box;transform-origin:center;animation:pk-in 0.3s 0.6s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1){--fx:-48px;animation:pk-in 0.55s 0.0s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){--fx:-48px;animation:pk-in 0.55s 0.14s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3){--fx:-48px;animation:pk-in 0.55s 0.28s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(4){animation:pk-pulse 0.4s 0.5s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(4) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.6s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(4) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:center;animation:pk-pop 0.3s 0.8s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(4) > path:nth-of-type(1){transform-box:fill-box;transform-origin:center;stroke-dasharray:14;--dl:14;animation:pk-draw 0.3s 0.75s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(4) > path:nth-of-type(2){transform-box:fill-box;transform-origin:center;stroke-dasharray:14;--dl:14;animation:pk-draw 0.3s 0.95s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:center bottom;animation:pk-growy 0.45s 0.0s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:center bottom;animation:pk-growy 0.45s 0.06s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(4){transform-box:fill-box;transform-origin:center bottom;animation:pk-growy 0.45s 0.12s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(5){transform-box:fill-box;transform-origin:center bottom;animation:pk-growy 0.45s 0.18s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:center bottom;animation:pk-growy 0.45s 0.15s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:center bottom;animation:pk-growy 0.45s 0.21s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(4){transform-box:fill-box;transform-origin:center bottom;animation:pk-growy 0.45s 0.27s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(5){transform-box:fill-box;transform-origin:center bottom;animation:pk-growy 0.45s 0.32999999999999996s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:center bottom;animation:pk-growy 0.45s 0.3s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:center bottom;animation:pk-growy 0.45s 0.36s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3) > rect:nth-of-type(4){transform-box:fill-box;transform-origin:center bottom;animation:pk-growy 0.45s 0.42s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3) > rect:nth-of-type(5){transform-box:fill-box;transform-origin:center bottom;animation:pk-growy 0.45s 0.48s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-market"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){animation:pk-lift 0.7s 0.55s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1){animation:pk-lift 0.6s 0s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){--fs:.72;--fx:-30px;animation:pk-in 0.6s 0.3s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > path:nth-of-type(1){transform-box:fill-box;transform-origin:right center;animation:pk-openl 0.55s 0.7s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > path:nth-of-type(2){transform-box:fill-box;transform-origin:left center;animation:pk-openl 0.55s 0.7s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(1){transform-box:fill-box;transform-origin:left center;animation:pk-growx 0.35s 1.1800000000000002s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:left center;animation:pk-growx 0.35s 1.26s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:left center;animation:pk-growx 0.35s 1.34s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(4){transform-box:fill-box;transform-origin:left center;animation:pk-growx 0.35s 1.4200000000000002s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){animation:pk-wobble 0.9s 0s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > circle{transform-box:fill-box;transform-origin:center;--fx:-54px;animation:pk-slide 0.55s 0.65s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect{transform-box:fill-box;transform-origin:center;animation:pk-fill 0.5s 0.65s ease 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > path{transform-box:fill-box;transform-origin:center;animation:pk-pop 0.4s 1.1s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(1){transform-box:fill-box;transform-origin:left center;animation:pk-growx 0.35s 1.28s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(2){transform-box:fill-box;transform-origin:left center;animation:pk-growx 0.35s 1.3599999999999999s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:left center;animation:pk-growx 0.35s 1.44s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-hadoota"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > rect:nth-of-type(4){transform-box:fill-box;transform-origin:left center;animation:pk-growx 0.35s 1.52s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-akmefolio"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1){animation:pk-dim 0.8s 0.1s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-akmefolio"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3){animation:pk-dim 0.8s 0.1s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-akmefolio"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){animation:pk-lift 0.7s 0.05s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-akmefolio"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > circle{transform-box:fill-box;transform-origin:center;animation:pk-pop 0.4s 0.35s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-akmefolio"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > path{transform-box:fill-box;transform-origin:center;stroke-dasharray:18;--dl:18;animation:pk-draw 0.3s 0.65s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-akmefolio"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(4){animation:pk-press 0.35s 0.95s ease 1 both;}
  html body .psb[aria-labelledby="psb-akmefolio"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(4) > path{transform-box:fill-box;transform-origin:center;animation:pk-shoot 0.55s 1.1s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-akmefolio"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1){--fx:-24px;animation:pk-in 0.45s 0s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-akmefolio"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){--fs:.5;animation:pk-in 0.5s 0.3s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-akmefolio"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > text:nth-of-type(1){transform-box:fill-box;transform-origin:center;--fx:-8px;animation:pk-in 0.35s 0.7s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-akmefolio"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > text:nth-of-type(2){transform-box:fill-box;transform-origin:center;--fx:-8px;animation:pk-in 0.35s 0.85s cubic-bezier(.2,.7,.2,1) 1 both;}
  html body .psb[aria-labelledby="psb-basyt"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > text{transform-box:fill-box;transform-origin:center;--ps:1.15;animation:pk-pulse 0.6s 0.05s ease-in-out 1 both;}
  html body .psb[aria-labelledby="psb-basyt"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > path{transform-box:fill-box;transform-origin:center;stroke-dasharray:130;--dl:130;animation:pk-draw 0.65s 0.3s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-basyt"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2){animation:pk-pop 0.45s 0.75s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-basyt"] .psb-card:nth-child(1):is(:hover,.psk-play) .psk-scene > .psk:nth-child(3){animation:pk-pop 0.45s 0.9s cubic-bezier(.34,1.4,.5,1) 1 both;}
  html body .psb[aria-labelledby="psb-basyt"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(3){transform-box:fill-box;transform-origin:center;--fx:94px;animation:pk-slide 0.55s 0.1s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-basyt"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > rect:nth-of-type(6){transform-box:fill-box;transform-origin:left center;animation:pk-resize 1.5s 0.3s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-basyt"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(1) > circle{transform-box:fill-box;transform-origin:center;animation:pk-knob 1.5s 0.3s cubic-bezier(.65,0,.35,1) 1 both;}
  html body .psb[aria-labelledby="psb-basyt"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > circle{transform-box:fill-box;transform-origin:center;animation:pk-grow 0.55s 0.75s cubic-bezier(.34,1.56,.64,1) 1 both;}
  html body .psb[aria-labelledby="psb-basyt"] .psb-card:nth-child(2):is(:hover,.psk-play) .psk-scene > .psk:nth-child(2) > g{transform-box:view-box;transform-origin:26px 26px;animation:pk-swap1 1.1s 0.75s cubic-bezier(.65,0,.35,1) 1 both;}
}

@keyframes pk-slide{from{translate:var(--fx,0px) var(--fy,0px)}}
@keyframes pk-grow{0%{scale:0}70%{scale:1.08}}
@keyframes pk-swap{0%,45%{rotate:0deg}100%{rotate:180deg}}
@keyframes pk-swap1{0%,45%{rotate:0deg}100%{rotate:360deg}}
@keyframes pk-point{0%{translate:0 0}45%{translate:calc(var(--fx) * -1) 0}100%{translate:0 0}}
@keyframes pk-wobble{0%,100%{rotate:0deg;translate:0 0}15%{rotate:-4deg;translate:-3px -2px}30%{rotate:4deg;translate:3px 1px}45%{rotate:-3deg;translate:-2px -1px}60%{rotate:0deg;translate:0 0}}
@keyframes pk-resize{0%,100%{scale:1 1}35%,60%{scale:1.45 1}}
@keyframes pk-knob{0%,100%{translate:0 0}35%,60%{translate:28px 0}}
@keyframes pk-fill{from{fill:#d9dce1}}
@keyframes pk-pop{0%{opacity:0;scale:.2}60%{scale:1.14}}
@keyframes pk-in{from{opacity:0;translate:var(--fx,0px) var(--fy,0px);scale:var(--fs,1)}}
@keyframes pk-scan{0%,100%{fill:#e8eaee}50%{fill:#c9d5ec}}
@keyframes pk-land{0%,55%{fill:#e8eaee;scale:1}75%{scale:1.12}}
@keyframes pk-spin{from{rotate:var(--sr,-360deg)}}
@keyframes pk-fling{0%{opacity:0;translate:var(--fx) var(--fy)}35%{opacity:1}}
@keyframes pk-shake{0%,100%{rotate:0deg}20%{rotate:-5deg}40%{rotate:5deg}60%{rotate:-3deg}80%{rotate:2deg}}
@keyframes pk-drop{from{opacity:0;translate:0 var(--fy,-40px);scale:.6}}
@keyframes pk-draw{from{stroke-dashoffset:var(--dl,40)}}
@keyframes pk-pulse{0%,100%{scale:1}50%{scale:var(--ps,1.12)}}
@keyframes pk-eq{0%,100%{scale:1 1}25%{scale:1 .3}50%{scale:1 1.3}75%{scale:1 .55}}
@keyframes pk-blink{0%,50%,100%{opacity:1}25%,75%{opacity:.15}}
@keyframes pk-nod{0%,100%{translate:0 0}50%{translate:0 3px}}
@keyframes pk-growx{from{scale:0 1}}
@keyframes pk-growy{from{scale:1 0}}
@keyframes pk-press{0%,100%{scale:1}40%{scale:.86}}
@keyframes pk-fan{from{translate:var(--fx,0px) var(--fy,0px);rotate:calc(var(--r,0deg) * -1)}}
@keyframes pk-dim{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes pk-swing{0%,100%{rotate:0deg}30%{rotate:var(--sw,-12deg)}65%{rotate:calc(var(--sw,-12deg) * -.45)}}
@keyframes pk-turn{from{rotate:var(--rr,-180deg)}}
@keyframes pk-hop{0%,100%{translate:0 0}40%{translate:0 -12px}70%{translate:0 2px}}
@keyframes pk-cursor{0%{translate:-78px -44px}35%{translate:-62px -18px}70%{translate:-26px -4px}}
@keyframes pk-sweep{0%,100%{translate:0 0}40%{translate:var(--s1) 0}80%{translate:var(--s2) 0}}
@keyframes pk-lift{0%,100%{translate:0 0}45%{translate:0 -12px}}
@keyframes pk-openl{from{scale:0 1}}
@keyframes pk-shoot{0%,100%{translate:0 0;opacity:1}45%{translate:12px 0;opacity:0}46%{translate:-10px 0;opacity:0}}

@property --am-p{syntax:'<number>';inherits:false;initial-value:.38}
/* Confidential work: script and gesture conceptual model, drawn as two independent timeline tracks */
html body .avatar-model.am-v2{display:block;margin:32px 0 0;padding:24px;border:0;border-radius:16px;background:#e7edf7;box-shadow:none;max-width:none}
html body .am-v2 .avatar-model-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:0;border:0}
html body .am-v2 .am-title{font-size:1.0625rem;line-height:1.3;font-weight:600;color:#1f2226;letter-spacing:-.01em}
html body .am-v2 .am-chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#fff;font-size:.75rem;font-weight:600;color:#3f4652;white-space:nowrap}
html body .am-v2 .am-canvas{--am-label:88px;--am-gap:12px;position:relative;padding:14px 20px 18px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.05),0 10px 24px -14px rgba(16,24,40,.18)}
html body .am-v2 .am-ruler{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 10px calc(var(--am-label) + var(--am-gap));padding:0 0 8px;border-bottom:1px solid #eceff3;font-size:.75rem;line-height:1;font-weight:500;color:#65737d}
html body .am-v2 .am-track{display:grid;grid-template-columns:var(--am-label) 1fr;gap:var(--am-gap);align-items:center;margin-top:10px}
html body .am-v2 .am-label{font-size:.875rem;font-weight:600;color:#3f4652}
html body .am-v2 .am-lane{position:relative;height:44px;border-radius:10px;background:#f3f5f8}
html body .am-v2 .am-clip{position:absolute;top:5px;bottom:5px;left:var(--s);width:var(--w);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-radius:8px;font-size:.8125rem;font-weight:600;color:#1f2226;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .am-v2 .am-clip--script{background:#d6e0f2}
html body .am-v2 .am-clip--script:not(.am-clip--main){background:#e3eaf6}
html body .am-v2 .am-clip--gesture{background:#cfe3d6}
html body .am-v2 .am-clip--icon{padding:0;color:#3f4652}
html body .am-v2 .am-clip--drag{box-shadow:0 0 0 2px #fff,0 8px 18px -8px rgba(16,24,40,.35)}
html body .am-v2 .am-playhead{--am-pad:20px;position:absolute;top:12px;bottom:12px;left:calc(var(--am-pad) + var(--am-label) + var(--am-gap) + (100% - var(--am-pad) * 2 - var(--am-label) - var(--am-gap)) * var(--am-p));width:2px;border-radius:1px;background:#1f2226;pointer-events:none}
html body .am-v2 .am-playhead::before{content:"";position:absolute;top:-4px;left:50%;width:10px;height:10px;border-radius:3px;background:#1f2226;transform:translateX(-50%)}
html body .am-v2 figcaption{margin:14px 0 0;padding:0;text-align:left;font-size:.8125rem;line-height:1.5;color:#65737d}
@media (max-width:560px){
  html body .avatar-model.am-v2{padding:16px}
  html body .am-v2 .am-canvas{--am-label:62px;--am-gap:8px;padding:12px 12px 14px}
  html body .am-v2 .am-playhead{--am-pad:12px}
  html body .am-v2 .am-clip{font-size:.6875rem;padding:0 6px}
  html body .am-v2 .am-label{font-size:.75rem}
}
@media (prefers-reduced-motion:no-preference){
  html body .am-v2:is(:hover,.psk-play) .am-playhead{animation:am-play 2.2s cubic-bezier(.65,0,.35,1) both}
  html body .am-v2:is(:hover,.psk-play) .am-clip--drag{animation:am-drag 2.2s cubic-bezier(.65,0,.35,1) both}
  html body .am-v2:is(:hover,.psk-play) .am-clip--script.am-clip--main{animation:am-speak 2.2s ease-in-out both}
}
@keyframes am-play{0%{--am-p:0}70%{--am-p:1}100%{--am-p:.38}}
@keyframes am-drag{0%,20%{translate:0 0;scale:1}32%{scale:1.04}55%{translate:28% 0;scale:1.04}70%,100%{translate:28% 0;scale:1}}
@keyframes am-speak{0%,100%{background:#d6e0f2}15%,30%{background:#c3d2ee}}
html body .am-v2 figcaption{max-width:none}