.scatter-rail{display:none}
@media(max-width:600px){
 .hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"art" "audio" "caption";padding:18px 48px 15px;min-height:0;row-gap:8px;column-gap:0;align-content:center;overflow:clip}
 .hero-copy{display:contents}
 .hero-copy h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .hero-copy .wordmark{display:none}
 .subtitle{grid-area:caption;position:relative;margin:6px -10px 0;font-size:8px;letter-spacing:.55px;white-space:nowrap;align-self:end}
 .hero-skull{width:min(52vw,184px);max-width:100%;height:205px;justify-self:center;object-fit:cover;object-position:50% 47%}
 .audio-player{width:min(52vw,184px);max-width:100%;padding:8px 10px;justify-self:center}
 .audio-top{font-size:14px}
 .audio-controls{gap:4px}
 .time{font-size:6px}
 .scatter-rail{position:absolute;display:block;top:12px;width:42px;height:290px;pointer-events:none;opacity:.88}
 .scatter-left{left:8px}
 .scatter-right{right:8px}
 .scatter-glyph{position:absolute;display:block;width:34px;height:59px;filter:drop-shadow(0 1px 5px #0009);animation:letter-drift 6s ease-in-out infinite alternate}
 .scatter-glyph svg{width:100%;height:100%;display:block;overflow:hidden}
 .glyph-0{top:0;left:5px;transform:rotate(-13deg)}
 .glyph-1{top:54px;left:-1px;transform:rotate(9deg);animation-delay:-2s}
 .glyph-2{top:108px;left:6px;transform:rotate(-5deg);animation-delay:-4s}
 .glyph-3{top:162px;left:0;transform:rotate(13deg);animation-delay:-1s}
 .glyph-4{top:216px;left:5px;transform:rotate(-8deg);animation-delay:-3s}
 .glyph-5{top:8px;right:4px;transform:rotate(11deg)}
 .glyph-6{top:78px;right:-1px;transform:rotate(-12deg);animation-delay:-3s}
 .glyph-7{top:148px;right:5px;transform:rotate(7deg);animation-delay:-1s}
 .glyph-8{top:218px;right:0;transform:rotate(-7deg);animation-delay:-4s}
}
@media(max-width:360px){
 .hero{padding:16px 43px 14px;min-height:0;column-gap:0}
 .hero-skull{width:166px;height:197px}
 .audio-player{width:166px;padding:8px;max-width:100%}
 .audio-top{font-size:12px}
 .audio-controls{gap:3px}
 .audio-controls button{width:20px;height:20px;flex-basis:20px}
 .time{font-size:5.5px}
 #waveform{height:21px}
 .subtitle{font-size:6.9px;letter-spacing:.45px;margin-top:8px}
 .scatter-left{left:10px}.scatter-right{right:10px}
 .scatter-glyph{width:31px;height:56px}
}
@keyframes letter-drift{from{translate:0 -3px;opacity:.5}to{translate:1px 3px;opacity:.95}}
@media(prefers-reduced-motion:reduce){.scatter-glyph{animation:none!important;opacity:.8}}