.ats-motion{position:relative;width:100%;max-width:601px;margin-inline:auto;aspect-ratio:601/650;overflow:hidden;isolation:isolate;font-family:ATSHeroUI,Arial,sans-serif;font-size:14px;font-weight:400;line-height:normal;text-align:left;letter-spacing:normal;text-transform:none;color:#fff;}
.ats-motion .ats-art-frame,.ats-motion .ats-art-frame *{font-family:ATSHeroUI,Arial,sans-serif;letter-spacing:normal;text-transform:none;font-style:normal;box-sizing:border-box;}
.ats-motion-fallback{display:block;width:100%;height:auto;max-width:100%;margin:0;}
.ats-motion[data-motion-ready] .ats-motion-fallback{visibility:hidden;}
.ats-motion:not([data-motion-ready]) .ats-art-stage{visibility:hidden;}
.ats-motion{
  
  --ats-art-hero: #0a1d6a;          
  --ats-art-white: #ffffff;
  --ats-art-aqua: #00d2d6;          
  --ats-art-ink: #002d74;           
  --ats-art-grey: #4a4a4a;
  --ats-art-muted: #838c97;
  --ats-art-chip-bg: #e5eeff;
  --ats-art-chip-ink: #082ea6;
  --ats-art-new-bg: #e0fbe4;
  --ats-art-new-ink: #24aa2e;
  --ats-art-primary: #1a52c5;       
  --ats-art-rule: #e2e8f0;
  --ats-art-lane: #ebedf3;          
  --ats-art-shadow: 0 12px 25px rgba(0, 0, 0, .25);
  --ats-art-lift: 0 14px 28px rgba(0, 0, 0, .22);
  --ats-art-font: "ATSHeroUI", "Helvetica Neue", Arial, sans-serif;
  --ats-art-ease: cubic-bezier(.4, 0, .2, 1);
}
.ats-motion .ats-art-stage{ display: flex; flex-direction: column; align-items: center; gap: 12px; }
.ats-motion .ats-art-replay{
  width: 44px; height: 44px; border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, .55); background: transparent; color: var(--ats-art-white);
  display: grid; place-items: center; cursor: pointer; padding: 0;
}
.ats-motion .ats-art-replay:hover{ border-color: var(--ats-art-white); }
.ats-motion .ats-art-replay:focus-visible{ outline: 3px solid var(--ats-art-aqua); outline-offset: 3px; }
.ats-motion .ats-art-replay svg{ width: 20px; height: 20px; }
.ats-motion .ats-art-viewport{ position: relative; }
.ats-motion .ats-art-frame{ position: absolute; left: 0; top: 0; width: 1202px; height: 1300px; transform-origin: 0 0; }
.ats-motion .ats-art-content{ position: absolute; inset: 0; transition: opacity .4s ease; }
.ats-motion .ats-art-content.ats-art-fade{ opacity: 0; }
.ats-motion .ats-art-abs{ position: absolute; }
.ats-motion .ats-art-card{ background: var(--ats-art-white); border-radius: 24px; box-shadow: var(--ats-art-shadow); }
.ats-motion [data-part="card"]{ left: 24px; top: 140px; width: 540px; height: 606px; }
.ats-motion [data-part="card"] .ats-art-name{ left: 48px; top: 48px; font-size: 56px; font-weight: 700; color: var(--ats-art-ink); line-height: 66px; white-space: nowrap; }
.ats-motion [data-part="card"] .ats-art-job{ left: 48px; top: 128px; font-size: 26px; color: var(--ats-art-grey); line-height: 30px; white-space: nowrap; }
.ats-motion [data-part="card"] .ats-art-meta{ left: 48px; top: 190px; display: flex; align-items: center; gap: 42px; }
.ats-motion .ats-art-chip{ position: relative; height: 53px; border-radius: 10px; background: var(--ats-art-chip-bg); overflow: hidden; transition: width .35s ease, background-color .35s ease; }
.ats-motion .ats-art-chip span{ position: absolute; left: 24px; top: 10px; font-size: 28px; font-weight: 500; line-height: 33px; white-space: nowrap; color: var(--ats-art-chip-ink); opacity: 0; transition: opacity .25s ease; }
.ats-motion .ats-art-chip .ats-art-t0{ color: var(--ats-art-new-ink); }
.ats-motion .ats-art-applied{ font-size: 28px; color: var(--ats-art-muted); line-height: 33px; white-space: nowrap; }
.ats-motion [data-part="card"] .ats-art-divider{ left: 48px; top: 286px; width: 444px; height: 2px; background: var(--ats-art-rule); }
.ats-motion [data-part="card"] .ats-art-faces{ left: 48px; top: 326px; display: flex; gap: 12px; }
.ats-motion [data-part="card"] .ats-art-faces svg{ width: 44px; height: 44px; display: block; }
.ats-motion [data-part="card"] .ats-art-rated{ left: 224px; top: 336px; font-size: 24px; color: var(--ats-art-grey); line-height: 28px; white-space: nowrap; }
.ats-motion [data-part="card"] .ats-art-next{ left: 48px; top: 412px; font-size: 26px; font-weight: 500; letter-spacing: 1px; color: var(--ats-art-grey); line-height: 30px; }
.ats-motion [data-part="advance"]{
  left: 48px; top: 456px; height: 81px; padding: 0 36px; border-radius: 12px;
  background: var(--ats-art-primary); color: var(--ats-art-white); font-size: 30px; font-weight: 500; line-height: 81px; white-space: nowrap;
}
.ats-motion [data-part="tint"]{ left: 604px; top: 140px; width: 574px; height: 606px; border-radius: 32px; background: var(--ats-art-aqua); box-shadow: var(--ats-art-shadow); }
.ats-motion [data-part="photo"]{ left: 604px; top: 0; width: 574px; height: 746px; border-radius: 0 0 32px 32px; display: block; max-width: none; }
.ats-motion [data-part="board"]{ left: 24px; top: 786px; width: 1154px; height: 474px; overflow: hidden; }
.ats-motion .ats-art-lane{ position: absolute; top: 32px; width: 346px; height: 410px; border-radius: 16px; background: var(--ats-art-lane); overflow: hidden; }
.ats-motion [data-part="laneNew"]{ left: 32px; }
.ats-motion [data-part="laneAss"]{ left: 403px; }
.ats-motion [data-part="lanePhone"]{ left: 774px; }
.ats-motion .ats-art-lane .ats-art-head{ position: absolute; left: 24px; top: 24px; display: flex; gap: 10px; font-size: 32px; line-height: 38px; white-space: nowrap; }
.ats-motion .ats-art-lane .ats-art-head .ats-art-t1{ color: var(--ats-art-grey); }
.ats-motion .ats-art-count{ position: relative; width: 60px; height: 38px; }
.ats-motion .ats-art-count span{ position: absolute; left: 0; top: 0; color: var(--ats-art-muted); opacity: 0; transform: scale(.6); transition: opacity .25s ease, transform .35s ease; }
.ats-motion .ats-art-mini{ position: absolute; left: 16px; width: 314px; height: 130px; border-radius: 12px; background: var(--ats-art-white); box-sizing: border-box; transition: top .55s var(--ats-art-ease); }
.ats-motion .ats-art-mini .ats-art-n{ position: absolute; left: 24px; top: 26px; font-size: 30px; font-weight: 700; color: var(--ats-art-ink); line-height: 35px; white-space: nowrap; transition: opacity .3s ease; }
.ats-motion .ats-art-mini .ats-art-t{ position: absolute; left: 24px; top: 76px; font-size: 26px; color: var(--ats-art-grey); line-height: 30px; white-space: nowrap; transition: opacity .3s ease; }
.ats-motion .ats-art-mini.ats-art-blank .ats-art-n,.ats-motion .ats-art-mini.ats-art-blank .ats-art-t{ opacity: 0; }
.ats-motion [data-part="john"]{
  left: 48px; top: 116px; border: 4px solid transparent; z-index: 5;
  transition: left .75s cubic-bezier(.45, 0, .2, 1) .25s, border-color .2s ease, box-shadow .3s ease, transform .3s ease;
}
.ats-motion [data-part="john"] .ats-art-n{ left: 20px; top: 22px; }
.ats-motion [data-part="john"] .ats-art-t{ left: 20px; top: 72px; }
.ats-motion [data-part="john"] .ats-art-check{ position: absolute; left: 230px; top: 33px; width: 56px; height: 56px; transform: scale(0); transition: transform .3s cubic-bezier(.3, 1.6, .5, 1); }
.ats-motion [data-part="cursor"]{ left: 380px; top: 700px; width: 56px; height: 56px; opacity: 0; z-index: 9; pointer-events: none; }
.ats-motion [data-part="ripple"]{ left: 212px; top: 628px; width: 48px; height: 48px; border-radius: 50%; border: 4px solid var(--ats-art-aqua); box-sizing: border-box; opacity: 0; z-index: 8; pointer-events: none; }
.ats-motion .ats-art-frame:not(.ats-art-s1):not(.ats-art-s2) .ats-art-chip{ background-color: var(--ats-art-new-bg); }
.ats-motion .ats-art-frame:not(.ats-art-s1):not(.ats-art-s2) .ats-art-chip .ats-art-t0{ opacity: 1; }
.ats-motion [data-part="simon"]{ top: 230px; }
.ats-motion [data-part="helen"]{ top: 376px; }
.ats-motion [data-part="kaitlin"]{ top: 522px; }
.ats-motion [data-part="elisa"]{ top: 84px; }
.ats-motion [data-part="dwayne"]{ top: 230px; }
.ats-motion [data-part="jane"]{ top: 84px; }
.ats-motion [data-part="donald"]{ top: 230px; }
.ats-motion [data-part="pPeek"]{ top: 376px; }
.ats-motion .ats-art-frame.ats-art-s1 .ats-art-chip .ats-art-t1{ opacity: 1; }
.ats-motion .ats-art-frame.ats-art-s1 [data-part="john"]{ left: 419px; border-color: var(--ats-art-aqua); box-shadow: var(--ats-art-lift); transform: scale(1.03); }
.ats-motion .ats-art-frame.ats-art-s1.ats-art-land1 [data-part="john"]{ box-shadow: none; transform: none; }
.ats-motion .ats-art-frame.ats-art-s1.ats-art-land1 [data-part="john"] .ats-art-check{ transform: scale(1); }
.ats-motion .ats-art-frame.ats-art-s1 [data-part="simon"],.ats-motion .ats-art-frame.ats-art-s2 [data-part="simon"]{ top: 84px; transition-delay: .35s; }
.ats-motion .ats-art-frame.ats-art-s1 [data-part="helen"],.ats-motion .ats-art-frame.ats-art-s2 [data-part="helen"]{ top: 230px; transition-delay: .35s; }
.ats-motion .ats-art-frame.ats-art-s1 [data-part="kaitlin"],.ats-motion .ats-art-frame.ats-art-s2 [data-part="kaitlin"]{ top: 376px; transition-delay: .35s; }
.ats-motion .ats-art-frame.ats-art-s1 [data-part="helen"] .ats-art-n,.ats-motion .ats-art-frame.ats-art-s1 [data-part="helen"] .ats-art-t,.ats-motion .ats-art-frame.ats-art-s2 [data-part="helen"] .ats-art-n,.ats-motion .ats-art-frame.ats-art-s2 [data-part="helen"] .ats-art-t{ opacity: 1; transition-delay: .5s; }
.ats-motion .ats-art-frame.ats-art-s1 [data-part="elisa"]{ top: 230px; transition-delay: .2s; }
.ats-motion .ats-art-frame.ats-art-s1 [data-part="dwayne"]{ top: 376px; transition-delay: .2s; }
.ats-motion .ats-art-frame.ats-art-s1 [data-part="dwayne"] .ats-art-n,.ats-motion .ats-art-frame.ats-art-s1 [data-part="dwayne"] .ats-art-t{ opacity: 0; transition-delay: .3s; }
.ats-motion .ats-art-frame.ats-art-s2 .ats-art-chip .ats-art-t2{ opacity: 1; }
.ats-motion .ats-art-frame.ats-art-s2 [data-part="john"]{ left: 790px; border-color: var(--ats-art-aqua); box-shadow: var(--ats-art-lift); transform: scale(1.03); }
.ats-motion .ats-art-frame.ats-art-s2.ats-art-land2 [data-part="john"]{ box-shadow: none; transform: none; }
.ats-motion .ats-art-frame.ats-art-s2.ats-art-land2 [data-part="john"] .ats-art-check{ transform: scale(1); }
.ats-motion .ats-art-frame.ats-art-s2 [data-part="elisa"]{ top: 84px; transition-delay: .35s; }
.ats-motion .ats-art-frame.ats-art-s2 [data-part="dwayne"]{ top: 230px; transition-delay: .35s; }
.ats-motion .ats-art-frame.ats-art-s2 [data-part="dwayne"] .ats-art-n,.ats-motion .ats-art-frame.ats-art-s2 [data-part="dwayne"] .ats-art-t{ transition-delay: .5s; }
.ats-motion .ats-art-frame.ats-art-s2 [data-part="jane"]{ top: 230px; transition-delay: .2s; }
.ats-motion .ats-art-frame.ats-art-s2 [data-part="donald"]{ top: 376px; transition-delay: .2s; }
.ats-motion .ats-art-frame.ats-art-s2 [data-part="pPeek"]{ top: 522px; transition-delay: .2s; }
.ats-motion .ats-art-frame.ats-art-s2 [data-part="donald"] .ats-art-n,.ats-motion .ats-art-frame.ats-art-s2 [data-part="donald"] .ats-art-t{ opacity: 0; transition-delay: .3s; }
.ats-motion .ats-art-frame:not(.ats-art-land1):not(.ats-art-land2) .ats-art-count .ats-art-k0,.ats-motion .ats-art-frame.ats-art-land1 .ats-art-count .ats-art-k1,.ats-motion .ats-art-frame.ats-art-land2 .ats-art-count .ats-art-k2{ opacity: 1; transform: none; }
.ats-motion .ats-art-frame.ats-art-still,.ats-motion .ats-art-frame.ats-art-still *{ transition: none !important; }
@media (prefers-reduced-motion: reduce){.ats-motion .ats-art-replay{ display: none; }}.ats-motion .ats-art-stage,.ats-motion .ats-art-viewport{position:absolute;inset:0;width:100%;height:100%;display:block;}
.ats-motion [data-part="frame"]{margin:0;padding:0;}
.ats-motion [data-part="photo"]{border:0;}
.ats-motion [data-action]{position:absolute;z-index:20;top:4px;width:32px;height:32px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center;padding:0;margin:0;cursor:pointer;line-height:1;}
.ats-motion [data-action="replay"]{left:12px;}.ats-motion [data-action="pause"]{left:52px;}
.ats-motion [data-action] svg{width:17px;height:17px;display:block;}.ats-motion [data-action]:hover{background:rgba(255,255,255,.12);}.ats-motion [data-action]:focus-visible{outline:2px solid #fff;outline-offset:3px;}
.ats-motion .ats-art-chip{width:108px;}
@media(prefers-reduced-motion:reduce){.ats-motion [data-action="pause"]{display:none;}.ats-motion [data-part="frame"] *{transition:none!important;}}
/* The site's focused-button fill is white; keep artwork controls legible on focus. */
.ats-motion [data-action]:focus{background:rgba(255,255,255,.12)!important;color:#fff!important;}