/* Automatic, two-face card choreography with a single pause control. */
.card-loop-stage{max-width:660px;width:100%;justify-self:end;pointer-events:auto;border:0;padding:0;isolation:isolate;background:radial-gradient(ellipse at 55% 51%,#bec9bc55,transparent 65%)}
.card-orbit{width:100%;height:auto;aspect-ratio:1/1.05;position:relative;perspective:1300px;perspective-origin:50% 47%;overflow:visible}
.motion-card{position:absolute;margin:0;pointer-events:none;transform-style:preserve-3d;will-change:transform,opacity}
.motion-card .physical-card{aspect-ratio:85.6/53.98;box-shadow:0 1px 0 #fff,1px 3px 0 #a6afa6,2px 5px 0 #dbe0d9,4px 7px 0 #aab3aa,14px 35px 45px -18px #263b4055;overflow:hidden;backface-visibility:hidden}
.motion-card .physical-card:after{background:linear-gradient(112deg,#fff4,transparent 30%,transparent 62%,#d2e2da18);box-shadow:inset 0 0 0 1px #ffffff90}
.motion-back{width:83%;top:4%;right:0;z-index:1;transform:rotate(5deg)}
.motion-front{width:85%;bottom:5%;left:0;z-index:2;opacity:0}
.motion-front[data-motion-association=MACBAN]{opacity:1;transform:rotate(-4deg)}
.motion-toggle{height:38px;width:38px;display:grid;place-items:center;border:1px solid #afb6b066;border-radius:50%;background:#fafbf6df;color:#485649;font-size:16px;line-height:1;cursor:pointer;z-index:5}
.motion-toggle:hover{background:#fff;border-color:#667e68}.motion-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.card-loop-toggle{position:absolute;bottom:0;right:0}
.association-picker button{position:relative}.association-picker button.active{box-shadow:0 3px 10px #17251b12}
.header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px}
@media(max-width:1100px){.card-loop-stage{max-width:630px}.card-orbit{aspect-ratio:1/1.05}}
@media(max-width:760px){.card-loop-stage{margin-top:5px}.card-orbit{aspect-ratio:1/1.18;perspective:1000px}.motion-back{width:94%;right:0;top:4%}.motion-front{width:94%;bottom:8%}.motion-card .physical-card{border-radius:11px}.card-loop-toggle{width:40px;height:40px;bottom:0}}
@media(prefers-reduced-motion:reduce){.motion-card{will-change:auto}}