.ab-slate{width:min(100%,20rem);rotate:3deg}@media (min-width:64rem){.ab-slate{width:22rem}}.ab-stick{background:repeating-linear-gradient(-55deg, var(--color-charcoal) 0 1.1rem, var(--color-soft-white) 1.1rem 2.2rem);height:2.25rem;box-shadow:inset 0 0 0 2px var(--color-charcoal);transform-origin:.5rem 100%;border-radius:.4rem .4rem .15rem .15rem}.ab-stick-base{border-radius:.15rem;margin-top:2px}.ab-board{background:var(--color-charcoal);color:var(--color-warm-ivory);box-shadow:var(--shadow-soft), 0 24px 50px #2423202e;border-radius:.2rem .2rem .6rem .6rem;margin-top:2px;padding:1.25rem 1.25rem 1.5rem}.ab-board dl{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ab-board dl>div{border-top:1px solid #f7f3ec2e;padding:.6rem 0}.ab-board dl>div:nth-child(odd){padding-right:.75rem}.ab-board dl>div:nth-child(2n){border-left:1px solid #f7f3ec2e;padding-left:.75rem}[data-phase=waiting] .ab-slate{opacity:0;transform:translateY(2rem)}[data-phase=seen] .ab-slate{transition:opacity .6s ease, transform 1s var(--ease-expo)}[data-phase=waiting] .ab-stick-top{rotate:-28deg}[data-phase=seen] .ab-stick-top{animation:.9s cubic-bezier(.55,0,.45,1) .7s both ab-clap}[data-phase=seen] .ab-slate-body{animation:.35s ease-out 1.3s both ab-thud}@keyframes ab-clap{0%{rotate:-28deg}45%{rotate:-32deg}66%{rotate:0deg}76%{rotate:-4deg}to{rotate:0deg}}@keyframes ab-thud{0%,to{translate:0}30%{translate:0 3px}60%{translate:0 -1px}}.ab-shots{aspect-ratio:5/6;position:relative}.ab-shot{background:var(--color-camera-ground);border-radius:1.25rem;position:absolute;overflow:hidden;box-shadow:0 24px 50px #24232033}.ab-shot-a{aspect-ratio:4/5;width:78%;top:0;left:0}.ab-shot-b{aspect-ratio:4/5;width:58%;bottom:0;right:0;rotate:3deg}.ab-shot-label{z-index:2;color:var(--color-soft-white);justify-content:space-between;gap:.75rem;display:flex;position:absolute;inset-inline:1.75rem}.ab-shot-a .ab-shot-label{top:1.6rem}.ab-shot-b .ab-shot-label{bottom:1.6rem}.ab-shot-photo>span:first-child{top:46%;inset-inline:1.75rem}.ab-shot-a .ab-shot-photo>span:first-child{top:30%}.ab-focus-tag{color:var(--color-date-stamp);align-items:center;gap:.4rem;display:inline-flex}.ab-shot-a .ab-shot-photo{filter:blur(5px)brightness(.8)}.ab-shot-a .ab-focus-tag{opacity:0}[data-phase=seen] .ab-shot-a .ab-shot-photo{animation:9s ease-in-out 1s infinite both ab-rack-a}[data-phase=seen] .ab-shot-b .ab-shot-photo{animation:9s ease-in-out 1s infinite both ab-rack-b}[data-phase=seen] .ab-shot-a .ab-focus-tag{animation:9s ease-in-out 1s infinite both ab-tag-a}[data-phase=seen] .ab-shot-b .ab-focus-tag{animation:9s ease-in-out 1s infinite both ab-tag-b}@keyframes ab-rack-a{0%,38%{filter:none}48%,88%{filter:blur(5px)brightness(.8)}98%,to{filter:none}}@keyframes ab-rack-b{0%,38%{filter:blur(5px)brightness(.8)}48%,88%{filter:none}98%,to{filter:blur(5px)brightness(.8)}}@keyframes ab-tag-a{0%,38%{opacity:1}44%,92%{opacity:0}98%,to{opacity:1}}@keyframes ab-tag-b{0%,42%{opacity:0}48%,88%{opacity:1}94%,to{opacity:0}}[data-phase=waiting] .ab-shot{opacity:0;transform:translateY(2rem)}[data-phase=seen] .ab-shot{transition:opacity .8s ease var(--d,0s), transform 1.1s var(--ease-expo) var(--d,0s)}.ab-hud{z-index:2;pointer-events:none;color:var(--color-soft-white);text-shadow:0 1px 6px #00000080;background:linear-gradient(#00000052,#0000 18% 80%,#00000052);position:absolute;inset:0}.ab-corners{transition:inset .6s var(--ease-expo);position:absolute;inset:.9rem}.ab-corners span{border:0 solid #fcfbf8d9;width:1.4rem;height:1.4rem;position:absolute}.ab-corners span:first-child{border-top-width:2px;border-left-width:2px;top:0;left:0}.ab-corners span:nth-child(2){border-top-width:2px;border-right-width:2px;top:0;right:0}.ab-corners span:nth-child(3){border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.ab-corners span:nth-child(4){border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.ab-hud-tl,.ab-hud-tr,.ab-hud-bl{position:absolute}.ab-hud-tl{top:1.05rem;left:2.7rem}.ab-hud-tr{top:1.05rem;right:2.7rem}.ab-hud-bl{bottom:1rem;left:2.7rem}.ab-rec{align-items:center;gap:.4rem;display:inline-flex}.ab-rec:before{content:"";background:#e0452a;border-radius:9999px;width:.5rem;height:.5rem;box-shadow:0 0 8px #e0452a}[data-phase=seen] .ab-rec:before{animation:1.2s step-end infinite ab-blink}@keyframes ab-blink{50%{opacity:.15}}.ab-member{position:relative}.ab-frame{aspect-ratio:4/5;background:var(--color-camera-ground);border-radius:1.5rem;position:relative;overflow:hidden}.ab-frame-photo{height:100%;transition:scale .8s var(--ease-expo)}.ab-frame-photo>span:first-child{top:42%;inset-inline:2.7rem}@media (hover:hover){.ab-member:hover .ab-corners{inset:2.2rem}.ab-member:hover .ab-frame-photo{scale:1.04}}.ab-third{z-index:3;max-width:22rem;display:flex;position:absolute;bottom:3.25rem;left:1rem;right:1rem}@media (min-width:40rem){.ab-third{bottom:3.75rem;left:1.5rem}}.ab-third-bar{background:var(--color-terracotta);flex:none;width:.35rem}.ab-third-text{background:var(--color-soft-white);color:var(--color-charcoal);padding:.7rem 1rem .8rem}[data-phase=waiting] .ab-frame-photo{filter:blur(14px);scale:1.08}[data-phase=seen] .ab-frame-photo{animation:ab-pull 1.6s var(--ease-expo) var(--d,0s) backwards}[data-phase=waiting] .ab-member .ab-corners{opacity:0;inset:-1rem}[data-phase=seen] .ab-member .ab-corners{animation:ab-lock .7s var(--ease-expo) calc(var(--d,0s) + .6s) backwards}@keyframes ab-pull{0%{filter:blur(14px);scale:1.08}to{filter:blur();scale:1}}@keyframes ab-lock{0%{opacity:0;inset:-1rem}to{opacity:1;inset:.9rem}}[data-phase=waiting] .ab-third-bar{transform:scaleY(0)}[data-phase=seen] .ab-third-bar{transition:transform .4s var(--ease-expo) calc(var(--d,0s) + 1s)}[data-phase=waiting] .ab-third-text{clip-path:inset(0 100% 0 0)}[data-phase=seen] .ab-third-text{transition:clip-path .8s var(--ease-expo) calc(var(--d,0s) + 1.2s)}[data-phase=waiting] .ab-third-role{opacity:0;transform:translate(-.5rem)}[data-phase=seen] .ab-third-role{transition:opacity .5s ease calc(var(--d,0s) + 1.6s), transform .6s var(--ease-expo) calc(var(--d,0s) + 1.6s)}