.anim-system-explorer{--ase-bg:var(--obsidian,#0b0d10);--ase-panel:var(--charcoal,#12161b);--ase-text:var(--travertine,#f4f1ea);--ase-muted:var(--muted-stone,#a7a29a);--ase-soft:var(--warm-gray,#d5d0c5);--ase-accent:var(--bronze,#c5a572);--ase-line:#c5a57238;--ase-ease:cubic-bezier(.22,1,.36,1);--ase-sup:#78b4f0;--ase-ret:#e0a24c;--ase-fresh:#7fd38f;--ase-stale:#9b7a52;--ase-serif:var(--font-serif,"Cormorant Garamond","Cormorant Garamond Fallback",Georgia,serif);--ase-sans:var(--font-sans,"Plus Jakarta Sans","Plus Jakarta Sans Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);box-sizing:border-box;width:100%;max-width:1080px;color:var(--ase-text);background:var(--ase-bg);border:1px solid var(--ase-line);font-family:var(--ase-sans);-webkit-font-smoothing:antialiased;isolation:isolate;border-radius:14px;margin-inline:auto;font-size:16px;line-height:1.5;display:block;position:relative;overflow:hidden;container-type:inline-size}.anim-system-explorer *,.anim-system-explorer :before,.anim-system-explorer :after{box-sizing:border-box;margin:0;padding:0}.anim-system-explorer button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}.anim-system-explorer svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.anim-system-explorer :focus-visible{outline:2px solid var(--ase-accent);outline-offset:3px}.anim-system-explorer .ase-num{font-variant-numeric:tabular-nums;letter-spacing:.08em}.anim-system-explorer .ase-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.anim-system-explorer .ase-tabs{scrollbar-width:none;border-bottom:1px solid var(--ase-line);background:var(--ase-panel);gap:8px;padding:14px 16px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.anim-system-explorer .ase-tabs::-webkit-scrollbar{display:none}.anim-system-explorer .ase-pill{min-height:44px;color:var(--ase-soft);white-space:nowrap;transition:border-color .4s var(--ase-ease),background-color .4s var(--ase-ease),color .4s var(--ase-ease);border:1px solid #f4f1ea24;border-radius:999px;flex:none;align-items:center;gap:.6em;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.anim-system-explorer .ase-pill .ase-num{color:var(--ase-accent);font-size:11px;font-weight:600}.anim-system-explorer .ase-pill:hover{color:var(--ase-text);border-color:#c5a57280}.anim-system-explorer .ase-pill[aria-pressed=true]{background:var(--ase-accent);border-color:var(--ase-accent);color:#0b0d10}.anim-system-explorer .ase-pill[aria-pressed=true] .ase-num{color:#0b0d10}.anim-system-explorer .ase-art{aspect-ratio:16/9;background:var(--ase-bg);outline:0;width:100%;position:relative;overflow:hidden}.anim-system-explorer .ase-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s var(--ase-ease);user-select:none;-webkit-user-drag:none;display:block;position:absolute;inset:0}.anim-system-explorer .ase-img.is-on{opacity:1}.anim-system-explorer.is-3d .ase-img{visibility:hidden;transition:visibility 0s 1s}.anim-system-explorer .ase-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.anim-system-explorer .ase-bar{z-index:4;pointer-events:none;background:linear-gradient(#0b0d10b8,#0b0d1000);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex;position:absolute;top:0;left:0;right:0}.anim-system-explorer .ase-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ase-soft);max-width:34ch;font-size:11px;font-weight:600;line-height:1.45}.anim-system-explorer .ase-hint{color:var(--ase-soft);border:1px solid var(--ase-line);transition:opacity .5s var(--ase-ease);background:#0b0d1099;border-radius:999px;flex:none;align-items:center;gap:.5em;padding:6px 12px;font-size:12px;display:inline-flex}.anim-system-explorer .ase-plus{color:var(--ase-accent);font-weight:600}.anim-system-explorer.is-focus .ase-hint{opacity:0}.anim-system-explorer .ase-hs{pointer-events:auto;z-index:1;width:44px;height:44px;transition:opacity .45s var(--ase-ease),visibility .45s;border-radius:50%;place-items:center;margin:-22px 0 0 -22px;display:grid;position:absolute;top:-100px;left:-100px}.anim-system-explorer .ase-hs.is-off{opacity:0;visibility:hidden}.anim-system-explorer .ase-dot{width:28px;height:28px;color:var(--ase-accent);border:1.5px solid var(--ase-accent);transition:background-color .35s var(--ase-ease),color .35s var(--ase-ease),transform .35s var(--ase-ease);background:#0b0d10a8;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 #c5a57273,0 4px 14px #00000073}.anim-system-explorer .ase-dot svg{stroke-width:2.2px;width:14px;height:14px;transition:transform .45s var(--ase-ease)}.anim-system-explorer .ase-dot:after{content:"";border:1.5px solid var(--ase-accent);animation:ase-ping 2.6s var(--ase-ease) infinite;pointer-events:none;border-radius:50%;position:absolute;inset:-1.5px}@keyframes ase-ping{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(1.9)}}.anim-system-explorer .ase-hs:hover .ase-dot{transform:scale(1.08)}.anim-system-explorer .ase-hs.is-on{z-index:2}.anim-system-explorer .ase-hs.is-on .ase-dot{background:var(--ase-accent);color:#0b0d10}.anim-system-explorer .ase-hs.is-on .ase-dot svg{transform:rotate(45deg)}.anim-system-explorer .ase-hs.is-on .ase-dot:after{opacity:0;animation:none}.anim-system-explorer.is-focus .ase-hs:not(.is-on) .ase-dot{opacity:.78}.anim-system-explorer.is-focus .ase-hs:not(.is-on) .ase-dot:after{opacity:0;animation:none}.anim-system-explorer .ase-tag{opacity:0;white-space:nowrap;pointer-events:none;letter-spacing:.04em;color:var(--ase-text);transition:opacity .35s var(--ase-ease),transform .35s var(--ase-ease);background:#0b0d10d6;border:1px solid #c5a57273;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600;position:absolute;top:50%;left:44px;transform:translate(-6px,-50%)}.anim-system-explorer .ase-tag .ase-num{color:var(--ase-accent);margin-right:.3em;font-size:11px}.anim-system-explorer .ase-hs.is-left .ase-tag{left:auto;right:44px;transform:translate(6px,-50%)}.anim-system-explorer .ase-hs:hover .ase-tag,.anim-system-explorer .ase-hs:focus-visible .ase-tag,.anim-system-explorer .ase-hs.is-on .ase-tag{opacity:1;transform:translateY(-50%)}.anim-system-explorer .ase-hs:focus-visible{outline-offset:0}.anim-system-explorer .ase-back{z-index:4;min-height:44px;color:var(--ase-text);border:1px solid var(--ase-line);opacity:0;visibility:hidden;transition:opacity .45s var(--ase-ease),transform .45s var(--ase-ease),visibility .45s,border-color .3s;background:#0b0d10c7;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 13px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;bottom:14px;left:14px;transform:translateY(6px)}.anim-system-explorer .ase-back svg{color:var(--ase-accent);width:16px;height:16px}.anim-system-explorer .ase-back:hover{border-color:#c5a57299}.anim-system-explorer.is-focus .ase-back{opacity:1;visibility:visible;transform:none}.anim-system-explorer .ase-3dbtn{z-index:4;min-height:44px;color:var(--ase-text);background:#0b0d10c7;border:1px solid #c5a57280;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 13px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;bottom:14px;right:14px}.anim-system-explorer .ase-3dbtn svg{color:var(--ase-accent)}.anim-system-explorer .ase-3dbtn[aria-busy=true]{opacity:.7;cursor:progress}.anim-system-explorer .ase-legend{border-top:1px solid var(--ase-line);background:var(--ase-panel);flex-wrap:wrap;gap:6px 18px;padding:12px 18px;list-style:none;display:flex}.anim-system-explorer .ase-lg{color:var(--ase-muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.anim-system-explorer .ase-lg span{background:currentColor;border-radius:2px;width:18px;height:4px}.anim-system-explorer .ase-lg--sup span{color:var(--ase-sup)}.anim-system-explorer .ase-lg--ret span{color:var(--ase-ret)}.anim-system-explorer .ase-lg--fresh span{color:var(--ase-fresh)}.anim-system-explorer .ase-lg--stale span{color:var(--ase-stale)}.anim-system-explorer .ase-card{border-top:1px solid var(--ase-line);gap:22px;padding:26px 22px 24px;display:grid}.anim-system-explorer .ase-badge{letter-spacing:.16em;text-transform:uppercase;color:var(--ase-accent);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.anim-system-explorer .ase-count{color:var(--ase-muted);font-variant-numeric:tabular-nums;letter-spacing:.08em;margin-top:4px;font-size:12px}.anim-system-explorer .ase-title{font:500 clamp(26px,3.4cqi,36px)/1.08 var(--ase-serif);letter-spacing:.005em;color:var(--ase-text);text-wrap:balance;margin-top:12px}.anim-system-explorer .ase-desc{color:var(--ase-soft);max-width:62ch;margin-top:12px;font-size:15px;line-height:1.65}.anim-system-explorer .ase-bh{letter-spacing:.16em;text-transform:uppercase;color:var(--ase-muted);font-size:11px;font-weight:600}.anim-system-explorer .ase-bens{gap:10px;margin-top:12px;list-style:none;display:grid}.anim-system-explorer .ase-bens li{color:var(--ase-text);padding-left:22px;font-size:14.5px;line-height:1.55;position:relative}.anim-system-explorer .ase-bens li:before{content:"";border:1.5px solid var(--ase-accent);border-radius:50%;width:8px;height:8px;position:absolute;top:.62em;left:2px}.anim-system-explorer .ase-card.is-ov .ase-bh,.anim-system-explorer .ase-card.is-ov .ase-bens{display:none}.anim-system-explorer .ase-nav{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.anim-system-explorer .ase-prev,.anim-system-explorer .ase-next{border:1px solid #f4f1ea2e;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-size:14px;font-weight:500;transition:border-color .3s;display:inline-flex}.anim-system-explorer .ase-prev:hover,.anim-system-explorer .ase-next:hover{border-color:#c5a57299}.anim-system-explorer .ase-cta{background:var(--ase-accent);color:#0b0d10;letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 22px;font-size:14px;font-weight:600;text-decoration:none;transition:filter .3s;display:inline-flex}.anim-system-explorer .ase-cta:hover{filter:brightness(1.08)}.anim-system-explorer .ase-foot{border-top:1px solid var(--ase-line);color:var(--ase-muted);padding:16px 22px 20px;font-size:13px}.anim-system-explorer .ase-foot a{color:var(--ase-accent);white-space:nowrap;font-weight:600;text-decoration:none}.anim-system-explorer .ase-foot a:hover{text-underline-offset:3px;text-decoration:underline}@container (width>=760px){.anim-system-explorer .ase-card{grid-template-columns:1.15fr 1fr;gap:40px;padding:32px 32px 30px}.anim-system-explorer .ase-card.is-ov{grid-template-columns:1.15fr 1fr}.anim-system-explorer .ase-c2{padding-top:2px}.anim-system-explorer .ase-card.is-ov .ase-nav{margin-top:0}.anim-system-explorer .ase-legend{padding:12px 24px}.anim-system-explorer .ase-foot{padding:16px 32px 22px}.anim-system-explorer .ase-tabs{padding:14px 20px}}@container (width<=599px){.anim-system-explorer .ase-art{aspect-ratio:4/5}.anim-system-explorer .ase-bar{flex-direction:column;gap:8px;padding:14px 14px 28px}.anim-system-explorer .ase-label{font-size:10.5px}.anim-system-explorer .ase-hint{padding:4px 10px;font-size:11.5px}.anim-system-explorer .ase-tag{font-size:11.5px}.anim-system-explorer .ase-nav{grid-template-columns:1fr 1fr;display:grid}.anim-system-explorer .ase-cta{grid-column:1/-1}.anim-system-explorer .ase-hs:not(.is-on):not(:focus-visible) .ase-tag{display:none}}@media (prefers-reduced-motion:reduce){.anim-system-explorer *,.anim-system-explorer :before,.anim-system-explorer :after{transition-duration:.01ms!important;animation:none!important}}.anim-system-explorer .ase-desc,.anim-system-explorer .ase-bens li,.anim-system-explorer .ase-foot{text-wrap:pretty}.anim-system-explorer .ase-pill:active,.anim-system-explorer .ase-prev:active,.anim-system-explorer .ase-next:active,.anim-system-explorer .ase-back:active,.anim-system-explorer .ase-3dbtn:active{background-color:#c5a57229}.anim-system-explorer .ase-cta:active{filter:brightness(.92)}.anim-system-explorer .ase-hs:active .ase-dot{transform:scale(.92)}