.page-experiment .container{max-width:var(--content-w)}.page-experiment iframe{width:100%;height:600px;border:0;border-radius:var(--r-md)}.page-experiment .experiment-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.page-experiment .experiment-play{display:grid;width:100%;gap:16px;padding:16px;color:var(--ink);background:var(--bg1);border:0;border-radius:var(--r-lg);cursor:pointer;transition:var(--t-hover)}.page-experiment .experiment-play:hover{background:var(--bg2)}.page-experiment .experiment-play img{width:100%;max-height:60vh;object-fit:contain}.page-experiment .nav-exprs{height:80vh;overflow-y:auto;overflow-x:hidden}.page-experiment .expr_nav{display:block;border:0;background:var(--bg1);color:var(--ink);padding:0;width:100%;transition:var(--t-hover);border-radius:var(--r-md);overflow:hidden}.page-experiment .expr_nav:hover,.page-experiment .expr_nav.active{background-color:var(--bg2)}.page-experiment .expr_nav.active .cover_sm{filter:brightness(1)}.page-experiment .expr_nav.active .cover_sm span{background-color:var(--gold);color:#000}.page-experiment .cover_sm{width:100%;color:#eee9df;padding:35px 10px 5px;background-size:100% auto;cursor:pointer;background-position:center center;transition:background-size var(--dur-scene) var(--ease-out),filter var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out);font-weight:800}.page-experiment .cover_sm:hover{background-size:120%;filter:brightness(1);color:var(--ink)}.page-experiment .cover_sm span{padding:0 5px;font-weight:500}@media(max-width:575px){.page-experiment .nav-exprs{height:auto;max-height:35vh;margin-bottom:24px}}.cover_sm span[data-v-4c482085]{display:inline-block;background:#080808ed;color:#eee9df;padding:5px 8px;line-height:1.5}.expr_nav[data-v-4c482085]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(prefers-reduced-motion:reduce){.expr_nav[data-v-4c482085]{transition:none}}