/* sumozoia "Listen to the art": a carousel of the works with their soundtracks. Black ink on paper, red hanko accent. */
html.lz-html{overflow-x:clip}
.lz-lede{max-width:38rem;margin:0 0 1.25rem}
.lz-stage{position:relative;left:50%;width:100vw;margin-left:-50vw;--H:min(clamp(320px,58svh,560px),108vw);--sw:calc(var(--H) * 2 / 3)}
.lz-track{display:flex;gap:clamp(.6rem,2.2vw,1.6rem);overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2rem calc(50% - var(--sw) / 2) 2.6rem;margin:0;list-style:none;outline:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab}
.lz-track::-webkit-scrollbar{display:none}
.lz-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.lz-track:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.lz-slide{flex:0 0 var(--sw);height:var(--H);scroll-snap-align:center;scroll-snap-stop:always;position:relative;transform-origin:50% 100%;--d:0;--ad:0;transform:translateY(calc(min(var(--ad),2.5) * min(var(--ad),2.5) * 12px)) rotate(calc(max(-2.5,min(2.5,var(--d))) * 2.6deg)) scale(calc(1 - min(var(--ad),2) * .09));opacity:calc(1 - min(var(--ad),2) * .3);transition:opacity .25s linear}
.lz-slide a{display:flex;align-items:flex-end;justify-content:center;height:100%;width:100%;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;user-select:none}
.lz-fig{display:block;height:100%;aspect-ratio:var(--ar);max-width:100%;background:#fff;box-shadow:0 1px 2px rgba(31,29,30,.18),0 22px 34px -16px rgba(31,29,30,.5);position:relative;transition:box-shadow .3s}
.lz-fig picture,.lz-fig img{display:block;width:100%;height:100%}
.lz-fig img{object-fit:contain;object-position:50% 50%;background:#fff;pointer-events:none;-webkit-user-drag:none}
.lz-slide.is-current .lz-fig{box-shadow:0 2px 3px rgba(31,29,30,.22),0 30px 44px -16px rgba(31,29,30,.55)}
.lz-slide.is-current.is-playing .lz-fig img{animation:lz-breath 7s ease-in-out infinite;will-change:transform}
.lz-slide.is-current a:focus-visible .lz-fig{outline:2px solid var(--accent);outline-offset:5px}
@keyframes lz-breath{0%,100%{transform:scale(1)}50%{transform:scale(1.008)}}
/* arrows */
.lz-arrow{position:absolute;top:calc(2rem + var(--H) / 2 - 22px);z-index:3;width:44px;height:44px;border-radius:50%;border:1.5px solid #1f1d1e;background:rgba(250,250,250,.92);color:#1f1d1e;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s,color .2s,border-color .2s,opacity .2s}
.lz-arrow svg{width:18px;height:18px}
.lz-arrow:hover{background:#fff;border-color:var(--accent);color:var(--accent)}
.lz-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.lz-arrow[disabled]{opacity:.28;cursor:default;border-color:#5a5654}
.lz-prev{left:max(.6rem,calc(50% - var(--sw) / 2 - 74px))}
.lz-next{right:max(.6rem,calc(50% - var(--sw) / 2 - 74px))}
@media (max-width:760px){.lz-arrow{width:38px;height:38px;top:calc(2rem + var(--H) / 2 - 19px)}.lz-prev{left:.35rem}.lz-next{right:.35rem}.lz-arrow svg{width:15px;height:15px}}
/* info under the stage */
.lz-info{width:min(100% - 2.5rem,34rem);margin:-.4rem auto 0;text-align:center}
.lz-chip{display:inline-block;margin:0;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:99px;padding:.18rem .7rem}
.lz-title{margin:.7rem 0 0;font-size:1.35rem;font-weight:600;line-height:1.3}
.lz-title .lz-t{display:inline}
.lz-seals{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin-left:.6rem;white-space:nowrap}
.lz-seal{appearance:none;-webkit-appearance:none;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;padding:0;margin:0;border:1.5px solid #e63d2c;border-radius:48% 52% 50% 50%/52% 48% 52% 48%;background:#e63d2c;color:#fff;font:600 14px/1 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",Georgia,serif;-webkit-tap-highlight-color:transparent;transition:background .25s,color .25s,transform .25s}
.lz-seal:hover{transform:scale(1.07)}
.lz-seal:focus-visible{outline:2px solid #1f1d1e;outline-offset:2px}
.lz-seal:not(:only-child){background:#fafafa;color:#e63d2c}
.lz-seal:not(:only-child).is-on{background:#e63d2c;color:#fff}
.lz-seal::after{content:"";position:absolute;inset:-2px;border-radius:inherit;border:1.5px solid #e63d2c;opacity:0;pointer-events:none}
.lz-seal.is-on::after{animation:lz-ring 2.6s ease-out infinite}
@keyframes lz-ring{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.85)}}
.lz-cap{margin:.35rem 0 0;font-size:.8rem;letter-spacing:.05em;color:var(--muted);min-height:1.3em}
.lz-go{margin:.6rem 0 0;font-size:.95rem}
/* dots */
.lz-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin:1.1rem auto 0;padding:0;list-style:none;max-width:30rem}
.lz-dots li{display:block}
.lz-dots li.gap{margin-left:.8rem}
.lz-dot{appearance:none;-webkit-appearance:none;width:9px;height:9px;padding:0;border-radius:50%;border:1px solid #1f1d1e;background:transparent;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}
.lz-dot::before{content:"";position:absolute;inset:-9px}
.lz-dot[aria-current="true"]{background:#e63d2c;border-color:#e63d2c;transform:scale(1.25)}
.lz-dot:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.lz-count{margin:.5rem 0 0;font-size:.75rem;letter-spacing:.12em;color:var(--muted)}
/* now playing / controls */
.lz-bar{width:min(100% - 2.5rem,34rem);margin:1.4rem auto 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .8rem;padding:.7rem .9rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.85rem}
.lz-now{flex:1 1 100%;margin:0;text-align:center;color:var(--ink);min-height:1.4em;border-left:2px solid var(--accent);padding-left:.6rem;text-align:left}
.lz-btn{appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:.82rem;color:#1f1d1e;background:rgba(250,250,250,.95);border:1.5px solid #1f1d1e;border-radius:99px;padding:.4rem .95rem;min-height:36px;-webkit-tap-highlight-color:transparent;transition:background .2s,color .2s,border-color .2s}
.lz-btn:hover{border-color:var(--accent);color:var(--accent)}
.lz-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lz-btn[aria-pressed="true"]{background:#e63d2c;border-color:#e63d2c;color:#fff}
.lz-invite{flex:1 1 100%;margin:0;text-align:center;font-size:.85rem;color:var(--muted)}
.lz-invite .lz-btn{margin-left:.4rem}
.lz-invite[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.lz-slide{transition:none}.lz-slide.is-current.is-playing .lz-fig img,.lz-seal.is-on::after{animation:none}.lz-seal.is-on{box-shadow:0 0 0 3px rgba(230,61,44,.35)}}
@media print{.lz-arrow,.lz-bar{display:none}}