/* A bounded illustration of musicians contributing to one shared song. */
.collaboration-art{padding:1.15rem 1.25rem .6rem}
.collaboration-scene{display:block;width:100%;height:auto;overflow:visible;margin:.85rem 0 .4rem;color:var(--ink);font-family:Archivo,Arial,sans-serif}
.scene-kicker{font-size:10px;font-weight:800;letter-spacing:1px;fill:#5e6f57}
.scene-part-title{font-size:18px;font-weight:800;letter-spacing:-.6px;fill:#1e211d}
.scene-song-title{font-size:22px;font-weight:800;letter-spacing:-.5px;fill:#1e211d}
.scene-cassette-label{font-size:9px;font-weight:800;letter-spacing:1.4px;fill:#1e211d}
.scene-track-label{font-size:11px;font-weight:800;letter-spacing:1px;fill:#1e211d}
.collaboration-art .art-bottomline{gap:.5rem;min-height:54px;letter-spacing:0;font-size:.6875rem}
.motion-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.35rem .5rem;cursor:pointer;white-space:nowrap;font-size:.6875rem;font-weight:600}
.motion-toggle:hover{color:var(--deep-sage)}
.hero-motion-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}
.hero-motion-input:focus-visible~.art-bottomline .motion-toggle{outline:3px solid var(--rust);outline-offset:1px}
.collaboration-art .motion-toggle .motion-label-paused{display:none}
.hero-motion-input:checked~.art-bottomline .motion-label-running{display:none}
.hero-motion-input:checked~.art-bottomline .motion-label-paused{display:inline}
.hero-motion-input:checked~.collaboration-scene *{animation-play-state:paused!important}
.guitar-reveal,.voice-reveal{transform-box:fill-box;transform-origin:left center;animation:collab-guitar 13s ease-in-out infinite}
.voice-reveal{animation-name:collab-voice}
.contribution-packet{opacity:0;animation:collab-guitar-travel 13s linear infinite}
.voice-packet{animation-name:collab-voice-travel}
.flow-line{stroke-dasharray:5 6;animation:collab-flow 1.8s linear infinite}
.shared-playhead{animation:collab-listen 13s linear infinite;opacity:0}
.cassette-reel{transform-box:fill-box;transform-origin:center;animation:collab-reel 13s linear infinite}
@keyframes collab-guitar{0%,12%,39%,100%{transform:scaleX(1)}17%,23%{transform:scaleX(0)}}
@keyframes collab-voice{0%,12%,69%,100%{transform:scaleX(1)}17%,50%{transform:scaleX(0)}}
@keyframes collab-guitar-travel{0%,21%{opacity:0;transform:translate(0,0)}22%{opacity:1;transform:translate(0,0)}25%{opacity:1;transform:translate(0,22px)}34%{opacity:1;transform:translate(104px,22px)}38%{opacity:1;transform:translate(104px,52px)}39%,100%{opacity:0;transform:translate(104px,52px)}}
@keyframes collab-voice-travel{0%,48%{opacity:0;transform:translate(0,0)}49%{opacity:1;transform:translate(0,0)}52%{opacity:1;transform:translate(0,22px)}61%{opacity:1;transform:translate(-106px,22px)}65%{opacity:1;transform:translate(-106px,52px)}66%,100%{opacity:0;transform:translate(-106px,52px)}}
@keyframes collab-flow{to{stroke-dashoffset:-22}}
@keyframes collab-listen{0%,71%{opacity:0;transform:translateX(0)}72%{opacity:1;transform:translateX(0)}94%{opacity:1;transform:translateX(384px)}95%,100%{opacity:0;transform:translateX(384px)}}
@keyframes collab-reel{0%,71%{transform:rotate(0deg)}95%,100%{transform:rotate(360deg)}}
@media(max-width:1000px){.collaboration-art{padding:1rem .85rem .4rem}.collaboration-art .art-topline{font-size:.6875rem}}
@media(max-width:700px){.collaboration-art{padding:1rem 1rem .4rem}.collaboration-art .art-topline{font-size:.75rem}.collaboration-art .art-bottomline,.motion-toggle{font-size:.6875rem}}
@media(prefers-reduced-motion:reduce){.collaboration-scene *{animation:none!important}.contribution-packet,.shared-playhead,.hero-motion-input,.motion-toggle{display:none}.guitar-reveal,.voice-reveal{transform:none}}