/* Art keeps the original compositions and their generous negative space. */
.art-page{min-width:0;--art-rail-width:clamp(100px,9.8vw,141px);--art-rail-gap:64px}.art-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin:40px 0 64px;position:relative;font-size:14px;line-height:20px;letter-spacing:0}
.art-index{display:flex;flex-direction:column;gap:4px}.art-index a{display:flex;gap:16px;color:var(--muted)}.art-index a span{color:var(--text);font-weight:600}.art-index a:hover{color:var(--text)}
.art-switch{position:absolute;top:0;right:calc(var(--art-rail-width) + var(--art-rail-gap));display:flex;padding:4px;gap:4px;border:1px solid var(--line);border-radius:999px;flex-shrink:0}.art-switch button{background:transparent;border:0;border-radius:999px;padding:8px 16px;color:var(--muted);font:inherit;cursor:pointer;transition:color .15s,background .15s}.art-switch button[aria-selected=true]{color:var(--text);background:var(--line)}.art-switch button:hover{color:var(--text)}
.art button:focus-visible{outline:2px solid var(--text);outline-offset:4px}.art [hidden]{display:none!important}
.art-project{position:relative;margin-bottom:140px;scroll-margin-top:40px}.art-project-caption{display:flex;gap:16px;font-size:14px;line-height:18px;letter-spacing:0;color:var(--muted);font-weight:500}.art-project-caption>.utility{color:var(--text);flex-shrink:0;width:15px;line-height:18px}.art-project-caption h2{font:inherit}.art-project-caption p:not(.utility){margin-top:20px}.art-project-caption>div{max-width:320px}.art-work{margin:0;min-width:0}.art-work img{width:100%;height:auto}
.art-festival-posters .art-project-caption{position:absolute;z-index:1;right:0;top:0;width:30.5%}.art-festival-posters .art-poster-fan{position:relative;aspect-ratio:1312/1036.086}.art-festival-posters .art-poster-fan .art-work{position:absolute;width:42.92%}.art-festival-posters .art-poster-fan .art-work-1{top:0;left:0}.art-festival-posters .art-poster-fan .art-work-2{top:7.88%;left:19.74%}.art-festival-posters .art-poster-fan .art-work-3{top:15.13%;left:38.70%}.art-festival-posters .art-poster-fan .art-work-4{top:23.14%;left:57.08%}
.art-tapes{max-width:762px;margin-inline:auto}.art-tapes .art-project-caption{justify-content:center;margin-bottom:32px}.art-tapes .art-composition{display:flex;flex-direction:column;align-items:center;gap:32px}.art-tapes .art-work-1{width:100%}.art-tapes .art-work-2{width:63.25%}.art-tapes .art-work-3{width:93.44%;margin-top:48px}
.art-show-posters .art-project-caption{margin-bottom:24px}.art-show-posters .art-composition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.art-show-posters .art-work img{aspect-ratio:4/5;object-fit:contain}
.art-metal-logo{max-width:968px;margin-inline:auto;margin-bottom:160px}.art-metal-logo .art-project-caption{justify-content:center;margin-bottom:48px}.art-metal-logo .art-work img{max-width:100%;height:auto}
/* The gallery is a viewport-sized workspace, with native scrolling in the rail. */
.art[data-art-view=gallery] .shell{height:100svh;min-height:620px;display:flex;flex-direction:column}.art[data-art-view=gallery] #main{min-height:0;flex:1;display:flex;flex-direction:column}.art[data-art-view=gallery] .art-page{min-height:0;flex:1;display:flex;flex-direction:column}.art[data-art-view=gallery] .art-toolbar{margin:40px 0 0;height:0;position:relative;justify-content:flex-end;z-index:1}.art[data-art-view=gallery] footer{margin-top:40px;flex-shrink:0}
#art-gallery-panel{min-height:0;flex:1}.art-viewer{height:100%;display:grid;grid-template-columns:minmax(0,1fr) var(--art-rail-width);gap:var(--art-rail-gap);min-height:0;outline:none}.art-viewer:focus-visible{outline:1px solid var(--line);outline-offset:8px}.art-stage{display:grid;grid-template-rows:auto minmax(0,1fr);gap:20px;min-height:0;min-width:0}.art-stage-caption{padding-right:208px}.art-stage-caption>div{max-width:441px;min-width:0}.art-stage-caption p:not(.utility){margin-top:16px}.art-stage-media{min-height:0;min-width:0;display:flex;align-items:flex-start;justify-content:flex-start;touch-action:none}.art-stage-image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.art-thumbnails{position:relative;display:flex;flex-direction:column;gap:20px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:4px;min-height:0;overscroll-behavior:contain;overflow-anchor:none}.art-thumbnails::-webkit-scrollbar{display:none}.art-thumb{display:block;position:relative;flex:0 0 auto;width:100%;padding:0;margin:0;background:none;border:0;cursor:pointer;opacity:.65;transition:opacity .15s}.art-thumb img{width:100%;height:auto}.art-thumb[aria-current=true]{opacity:1;outline:1px solid var(--text);outline-offset:3px}.art-thumb:hover{opacity:1}.art-rail-space{flex:0 0 auto}
@media(max-width:1150px){.art-page{--art-rail-gap:40px}.art-project{margin-bottom:100px}.art-festival-posters .art-project-caption{position:static;width:auto;margin-bottom:32px}.art-festival-posters .art-project-caption>div{max-width:440px}.art-metal-logo{margin-bottom:100px}}
@media(max-width:700px){
 .art-page{--art-rail-width:0px;--art-rail-gap:0px}.art-toolbar{margin:0 0 48px;padding-top:48px;display:block}.art-index{gap:6px}.art-switch button{padding:8px 16px}.art-project{margin-bottom:72px;scroll-margin-top:24px}.art-project-caption{font-size:13px;line-height:18px}.art-project-caption>div{max-width:100%}.art-project-caption p:not(.utility){margin-top:16px}.art-festival-posters .art-project-caption{margin-bottom:28px}.art-festival-posters .art-poster-fan{aspect-ratio:1312/1280}.art-festival-posters .art-poster-fan .art-work{width:48%}.art-festival-posters .art-poster-fan .art-work-2{left:17.3%;top:10%}.art-festival-posters .art-poster-fan .art-work-3{left:34.6%;top:20%}.art-festival-posters .art-poster-fan .art-work-4{left:52%;top:30%}.art-tapes .art-project-caption{margin-bottom:24px}.art-tapes .art-composition{gap:24px}.art-tapes .art-work-2{width:70%}.art-tapes .art-work-3{width:100%;margin-top:24px}.art-show-posters .art-composition{grid-template-columns:1fr;gap:24px}.art-show-posters .art-work-2{width:88%;justify-self:end}.art-show-posters .art-work-3{width:88%;justify-self:start}.art-metal-logo .art-project-caption{margin-bottom:32px}.art-metal-logo{margin-bottom:80px}
 .art[data-art-view=gallery] .shell{height:100svh;min-height:0;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}.art[data-art-view=gallery] .art-toolbar{margin:0 0 12px;height:auto;padding-top:48px;position:relative;display:block}.art-stage-caption{padding-right:0}.art-stage-caption>div{max-width:100%}.art[data-art-view=gallery] footer{display:none}.art-viewer{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 72px;gap:12px}.art-stage{gap:12px}.art-stage-caption p:not(.utility){display:none}.art-stage-media{justify-content:center}.art-thumbnails{flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;align-items:flex-start;min-width:0;height:72px;padding:4px}.art-thumb{width:auto;min-width:44px;height:60px}.art-thumb img{width:auto;height:60px;max-width:none}.art-rail-space{height:1px}
}
@media(max-height:700px) and (min-width:701px){.art-toolbar{margin-top:24px}.art[data-art-view=gallery] .shell{min-height:540px;padding-top:24px;padding-bottom:24px}.art[data-art-view=gallery] .art-toolbar{margin:24px 0 0}.art[data-art-view=gallery] footer{margin-top:24px}.art-stage-caption p:not(.utility){display:none}}

.art-band-merch .art-project-caption{margin-bottom:24px}.art-band-merch .art-composition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.art-band-merch img{aspect-ratio:1;object-fit:contain}
@media(max-width:700px){.art-band-merch .art-composition{grid-template-columns:1fr;gap:24px}}

/* Additional pieces sit on their own rows, with the original image proportions. */
.art-festival-posters .art-work-5{width:42.92%;margin:64px auto 0}
.art-tapes .art-work-4{width:100%;margin-top:24px}
.art-band-merch .art-work-5{grid-column:1/-1;width:80%;justify-self:center;margin-top:24px}
.art-band-merch .art-work-5 img{aspect-ratio:auto}
@media(max-width:700px){.art-festival-posters .art-work-5{width:70%;margin-top:32px}.art-tapes .art-work-4{margin-top:8px}.art-band-merch .art-work-5{width:100%;margin-top:8px}}