.sl{gap:clamp(40px,5vw,64px);width:100%;min-width:0;display:grid}.sl__head{gap:10px;display:grid}.sl__head h2{font:italic 300 clamp(28px, 3.2vw, 40px)/1.15 var(--display);color:var(--ink);text-wrap:balance;margin:0}.sl__kicker{font:500 12.5px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);align-items:center;gap:12px;margin:0;display:flex}.sl__kicker:before{content:"";opacity:.7;background:currentColor;flex:none;width:28px;height:1px}.sl__text{color:var(--ink-2);max-width:58ch;margin:0;font-size:16.5px;line-height:1.6}.sl__mark{color:var(--ink-3);margin:0;font-size:14px;line-height:1.35}.sl__mark i{font:italic 500 16.5px/1.3 var(--display);color:var(--ink-2)}.sl__mark-k{font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.sm{--k:0;gap:clamp(20px,2.4vw,30px);min-width:0;display:grid}.sm__head{justify-content:space-between;align-items:end;gap:16px 24px;display:flex}.sm__map{grid-area:2/1;height:40px;margin:clamp(24px,3vw,36px) 0 22px;position:relative}.sm__wave{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sm__wave rect{fill:color-mix(in oklab, var(--ink) 14%, transparent);transition:fill .26s}.sm__wave rect.is-in{fill:color-mix(in oklab, var(--sc) 52%, transparent)}.sm__wave rect.is-at{fill:var(--sc)}.sm__wave--played{visibility:hidden;clip-path:inset(0 calc(100% - (var(--a) + var(--k) * var(--w)) * 1%) 0 calc(var(--a) * 1%))}.sm__wave--played rect{fill:var(--ink);transition:none}.sm.is-playing .sm__wave--played{visibility:visible}.sm__seg{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;min-width:10px;padding:0;transition:background .22s;position:absolute;top:-6px;bottom:-6px}.sm__seg:before{content:"";background:var(--sc);opacity:.4;border-radius:1px;height:2px;transition:opacity .22s;position:absolute;top:0;left:0;right:0}.sm__seg.is-at{background:color-mix(in oklab, var(--sc) 15%, transparent)}.sm__seg.is-at:before{opacity:1}.sm__seg:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (hover:hover){.sm__seg:not(.is-at):hover{background:color-mix(in oklab, var(--sc) 9%, transparent)}.sm__seg:hover:before{opacity:1}}.sm__t{font:500 11px/1 var(--mono);letter-spacing:.08em;color:var(--ink-3);font-variant-numeric:tabular-nums;position:absolute;top:calc(100% + 10px);left:0}.sm__t--end{left:auto;right:0}.sm__names{flex-wrap:wrap;align-items:baseline;gap:4px clamp(18px,2.4vw,30px);display:flex}.sm__name{font:italic 400 clamp(18px, 1.7vw, 21px)/1.2 var(--display);color:var(--ink-3);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-bottom:1px solid #0000;padding:6px 0 7px;transition:color .2s,border-color .2s}.sm__name.is-at{color:var(--ink);border-bottom-color:var(--gold)}.sm__name:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}@media (hover:hover){.sm__name:hover{color:var(--ink)}}.sm__card{border-radius:var(--radius-lg);background:var(--paper);padding:clamp(22px,3vw,38px) clamp(20px,3.4vw,44px);display:grid}.sm__panel{visibility:hidden;opacity:0;grid-area:1/1;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:18px clamp(28px,5vw,72px);min-width:0;display:grid}.sm__panel.is-at{visibility:visible;opacity:1;transition:opacity .32s}.sm__lead{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(16px,2vw,24px);display:grid}.sm__play .clip__dot{width:64px;height:64px}.sm__play .clip__dot svg{width:16px;height:16px}.sm__what{gap:8px;padding-top:4px;display:grid}.sm__time{font:500 12px/1.2 var(--mono);letter-spacing:.14em;color:var(--gold);font-variant-numeric:tabular-nums;margin:0}.sm__title{font:italic 300 clamp(30px, 3.4vw, 44px)/1.08 var(--display);color:var(--ink);text-wrap:balance;margin:0}.sm__text{color:var(--ink-2);text-wrap:pretty;max-width:56ch;margin:0;padding-top:4px;font-size:17px;line-height:1.65}@media (prefers-reduced-motion:reduce){.sm__panel.is-at,.sm__wave rect,.sm__seg,.sm__seg:before{transition:none}}.sl__echo{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px clamp(32px,6vw,88px);padding-top:clamp(28px,3.4vw,44px);display:grid}.sl__echo-text{gap:12px;display:grid}.sl__echo h3{font:italic 400 clamp(22px, 2.2vw, 27px)/1.2 var(--display);color:var(--ink);margin:0}.sl__pair{grid-template-columns:repeat(2,minmax(0,220px));gap:18px;display:grid}@media (max-width:960px){.part .sm__card{background:var(--paper-2)}}@media (max-width:760px){.sl{gap:36px}.sm__head{flex-direction:column;align-items:start}.sm__panel{grid-template-columns:minmax(0,1fr)}.sm__play .clip__dot{width:54px;height:54px}.sm__text{font-size:16px}.sl__echo{grid-template-columns:minmax(0,1fr)}.sl__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}