/* Hide the scrollbar while preserving native scrolling and keyboard navigation. */
html,body{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
body{-webkit-user-select:none;user-select:none}
img{-webkit-user-drag:none;-webkit-touch-callout:none}
[data-allow-copy]{-webkit-user-select:text;user-select:text}
.carousel-art .art-title{font-size:17px;line-height:1.35;letter-spacing:.25px;margin:15px 5px 6px}
.carousel-art .art-medium{display:none}
@media(max-width:600px){
 .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"brand brand" "art audio";justify-items:center;align-items:center;align-content:start;column-gap:12px;row-gap:12px;height:auto;margin:0;padding:18px 26px 16px}
 .hero-copy{grid-area:brand;position:relative;inset:auto;width:100%;min-width:0}
 .wordmark{width:min(71vw,270px);height:auto;margin:auto}
 .subtitle{font-size:clamp(9px,2.6vw,11px);line-height:1.4;margin:8px 0 0;letter-spacing:1.05px}
 .subtitle br{display:none}
 .hero-skull{grid-area:art;position:relative;inset:auto;width:118px;max-width:100%;height:160px;object-fit:contain;justify-self:end;opacity:.82;margin:0;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 78%,transparent 100%)}
 .audio-player{grid-area:audio;position:relative;inset:auto;transform:none;width:100%;max-width:174px;padding:9px 10px;margin:0;justify-self:start}
 .audio-top{font-size:15px;letter-spacing:0;line-height:1.2;justify-content:center}
 .audio-state{display:none}
 #waveform{height:24px;margin:5px 0}
 .audio-controls{gap:5px}
 .audio-controls button{width:22px;height:22px;flex:0 0 22px;font-size:10px}
 .audio-controls input{height:2px}
 .time{font-size:7px}
 .gallery.carousel-gallery{padding:10px 0 20px}
 .carousel-gallery h2{font-size:19px;letter-spacing:-.5px;line-height:1.15;margin:0 10px 10px;transform:scaleY(1.05)}
 .carousel-gallery h2 span{font-size:19px}
 .carousel-track{padding-top:24px;padding-bottom:20px}
 .carousel-art .art-title{font-size:14px;line-height:1.35;letter-spacing:.1px;margin:12px 5px 5px}
 .carousel-art .view{font-size:7px;margin-top:7px}
 .carousel-window{height:calc(min(90.667vw,346.667px) + 140px)}
 footer{padding-top:9px;padding-bottom:25px}
 footer .sigil{width:27px;height:45px}
 .social-links{gap:22px}
 .social-signature{font-size:20px}
}
@media(max-width:360px){.hero{padding:16px 20px 12px;column-gap:10px;row-gap:10px}.wordmark{width:235px;max-width:100%}.subtitle{font-size:9px;letter-spacing:.6px}.hero-skull{width:105px;height:145px}.audio-player{max-width:150px;padding:8px 9px}.audio-top{font-size:13px}.audio-controls{gap:4px}.time{font-size:6px}.audio-controls button{width:20px;height:20px;flex-basis:20px}.carousel-gallery h2{font-size:18px}.carousel-gallery h2 span{font-size:18px}}