/* Live Archive 1.5.8 — reference-led mastheads and unified material language.
   All imagery is bundled locally. The masthead is decorative; navigation remains semantic. */
html[data-theme]:not([data-theme="original"]) .shell{padding-top:18px}
.theme-art-masthead{display:none}
html[data-theme]:not([data-theme="original"]) .theme-art-masthead{
 display:flex;position:relative;isolation:isolate;overflow:hidden;align-items:flex-end;
 height:clamp(132px,17vw,215px);padding:clamp(14px,2.6vw,32px);
 border:1px solid var(--line);border-bottom:0;
 background-color:var(--panel2);background-size:cover;background-position:center;
}
.theme-art-masthead::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.theme-art-masthead-title{font-weight:900;line-height:.94;letter-spacing:-.05em;font-size:clamp(25px,4.5vw,56px);text-transform:uppercase}
.theme-art-masthead-subtitle{font:600 11px/1.5 'DM Mono',monospace;letter-spacing:.16em;text-transform:uppercase;margin-top:9px}
html[data-theme]:not([data-theme="original"]) .top{
 margin:0 0 24px;padding:12px clamp(14px,2vw,24px);
 border:1px solid var(--line);border-top:0;
 background:var(--panel);border-radius:0;
 position:relative;z-index:5;
}
html[data-theme]:not([data-theme="original"]) .top nav a{font-weight:700;letter-spacing:.025em}
html[data-theme]:not([data-theme="original"]) .top nav a.active{border-bottom:3px solid var(--acid);padding-bottom:6px}
html[data-theme]:not([data-theme="original"]) .hero{padding-top:clamp(22px,3vw,40px);padding-bottom:clamp(18px,2.5vw,32px)}
/* Manga: printed halftone, ink strokes and manga music illustration. */
html[data-theme="manga"] .theme-art-masthead{
 background-image:linear-gradient(90deg,#fff7e5 0%,#fff7e5b8 35%,#fff7e500 66%),url('theme-art/manga-live-vinyl.svg');
 background-size:cover,auto 160%;background-repeat:no-repeat;background-position:center, right 38% center;
 border:3px solid #171717;
}
html[data-theme="manga"] .theme-art-masthead-title{
 color:#fff;text-shadow:3px 3px 0 #111,-2px -2px 0 #111,2px -2px 0 #111,-2px 2px 0 #111,6px 7px 0 #d42c25;
 transform:skew(-5deg);max-width:300px;
}
html[data-theme="manga"] .theme-art-masthead-subtitle{background:#ffe448;color:#151515;display:inline-block;padding:4px 7px;border:2px solid #111}
html[data-theme="manga"] .top{background:#fffdf4;border:3px solid #111;border-top:0;color:#111}
html[data-theme="manga"] :is(.gig,.record-card,.related-panel,.panel,.gig-setlist){border:2px solid #111!important;border-radius:2px!important;box-shadow:5px 5px 0 #111!important}
html[data-theme="manga"] :is(.gig-setlist,.panel){background-image:radial-gradient(#1111 .8px,transparent 1px)!important;background-size:7px 7px!important}
/* Hi-Fi: true photo masthead and precision brass edging, no flat illustration. */
html[data-theme="hifi"] .theme-art-masthead{
 background-image:linear-gradient(90deg,#1d1009e0,#1d100922 62%),url('theme-art/hifi-turntable-luxury.webp');
 background-position:center,center 48%;border:3px ridge #bb9459;
 box-shadow:inset 0 0 0 4px #2d1b10,inset 0 0 0 6px #bd9b61;
}
html[data-theme="hifi"] .theme-art-masthead-title{font-family:Georgia,serif;font-weight:700;text-transform:none;letter-spacing:-.045em;color:#fce3ac;text-shadow:0 3px 8px #000}
html[data-theme="hifi"] .theme-art-masthead-subtitle{color:#ffdd9e}
html[data-theme="hifi"] .top{background:linear-gradient(#3b281b,#1e140f)!important;border:2px solid #a98853!important;box-shadow:inset 0 1px #ffdb9955,0 9px 24px #0008!important}
html[data-theme="hifi"] :is(.gig,.record-card,.panel,.related-panel){border:2px ridge #a78b61!important;box-shadow:inset 0 1px #ffdc9144,0 8px 28px #0009!important}
html[data-theme="hifi"] .record-cover{box-shadow:4px 4px 0 #170f0b,7px 7px 10px #0009}
html[data-theme="hifi"] .record-cover::after{content:"";position:absolute;inset:0;border:1px solid #e5cb9877;pointer-events:none}
/* Nightlife: stage lights, purple disco and luminous frame. */
html[data-theme="nightlife"] .theme-art-masthead{
 background-image:linear-gradient(90deg,#12051df0,#10051b55 55%,#10051b00),url('theme-art/disco-ball.svg'),url('theme-art/club-lights.svg');
 background-size:cover,auto 150%,cover;background-repeat:no-repeat;background-position:center,right 7% center,center 38%;
 border-color:#a846e8;box-shadow:inset 0 0 35px #ba38ff33;
}
html[data-theme="nightlife"] .theme-art-masthead-title{font-style:italic;color:#ffd6ff;text-shadow:0 0 9px #f448ff,0 0 35px #a62cff}
html[data-theme="nightlife"] .theme-art-masthead-subtitle{color:#f4b7ff}
html[data-theme="nightlife"] .top{background:#130b22;border-color:#8139a2;box-shadow:0 4px 20px #ab38ff33}
/* Signal: radio-transmitter graphic, warm paper and oversized ink. */
html[data-theme="signal"] .theme-art-masthead{
 background-image:linear-gradient(90deg,#fff2d8f2,#fff2d899 38%,#fff2d800 70%),url('theme-art/signal-poster.svg');
 background-size:cover,auto 150%;background-repeat:no-repeat;background-position:center,right 12% center;
 border:3px solid #111;
}
html[data-theme="signal"] .theme-art-masthead-title{font-size:clamp(30px,5vw,66px);color:#111;letter-spacing:-.085em}
html[data-theme="signal"] .theme-art-masthead-subtitle{color:#ae321c}
html[data-theme="signal"] .top{background:#fffdf3;border:3px solid #111;border-top:0}
html[data-theme="signal"] :is(.gig,.record-card,.panel,.related-panel){border:2px solid #171717!important;border-radius:0!important;box-shadow:5px 5px 0 #171717!important}
/* Record Shop: printed record-store sleeves, aged cream and burnt-orange ink. */
html[data-theme="retro"] .theme-art-masthead{
 background-image:linear-gradient(90deg,#f6e3bbf4,#f6e3bb8a 42%,#f6e3bb00 70%),url('theme-art/retro-sleeve.svg'),url('theme-art/paper.svg');
 background-size:cover,auto 160%,auto;background-position:center,right 13% center,center;
 border:3px double #7f442c;
}
html[data-theme="retro"] .theme-art-masthead-title{font-family:Georgia,serif;font-style:italic;color:#813c27;text-shadow:1px 2px #fff5e4}
html[data-theme="retro"] .theme-art-masthead-subtitle{color:#713b29}
html[data-theme="retro"] .top{background:#fff2d3;border:2px solid #a36c42;border-top:0}
/* 90s Grunge: torn-flyer wall, photocopy and distressed burgundy. */
html[data-theme="grunge"] .theme-art-masthead{
 background-image:linear-gradient(90deg,#211516f0,#21151655 55%,#21151600),url('theme-art/grunge-flyer.svg'),url('theme-art/paper.svg');
 background-size:cover,auto 170%,cover;background-position:center,right 12% center,center;
 border:3px solid #a57966;
}
html[data-theme="grunge"] .theme-art-masthead-title{font-family:Impact,'Arial Black',sans-serif;letter-spacing:-.02em;color:#fff0d5;text-shadow:4px 4px 0 #661e30;transform:rotate(-2deg);transform-origin:left center}
html[data-theme="grunge"] .theme-art-masthead-subtitle{color:#eec4a2}
html[data-theme="grunge"] .top{background:#291c1d;border:2px solid #926e63;border-top:0}
/* Bristol: harbour bridge, street-art palette and screen-printed detail. */
html[data-theme="bristol"] .theme-art-masthead{
 background-image:linear-gradient(90deg,#0c3341ef,#0c33417a 43%,#0c334100 70%),url('theme-art/bristol-harbour.svg');
 background-size:cover,auto 170%;background-repeat:no-repeat;background-position:center,right 12% center;
 border:2px solid #e3a96d;
}
html[data-theme="bristol"] .theme-art-masthead-title{color:#fff0cb;text-shadow:3px 3px 0 #084452}
html[data-theme="bristol"] .theme-art-masthead-subtitle{color:#ffd28b}
html[data-theme="bristol"] .top{background:#123c48;border:2px solid #e3a96d;border-top:0}
/* Controls and content always sit on solid enough surfaces. */
html[data-theme]:not([data-theme="original"]) :is(.gig,.record-card,.panel,.related-panel,.admin-panel){color:var(--ink)}
html[data-theme]:not([data-theme="original"]) :is(.top,.theme-art-masthead){min-width:0}
html[data-theme]:not([data-theme="original"]) .theme-art-masthead *{position:relative;z-index:1}
@media(max-width:800px){
 html[data-theme]:not([data-theme="original"]) .theme-art-masthead{height:140px;padding:16px;background-position:center,right -10px center}
 html[data-theme]:not([data-theme="original"]) .top{margin-bottom:15px}
 html[data-theme]:not([data-theme="original"]) .theme-art-masthead-title{font-size:32px}
}
@media(max-width:520px){
 html[data-theme]:not([data-theme="original"]) .theme-art-masthead{height:120px}
 html[data-theme]:not([data-theme="original"]) .theme-art-masthead-title{font-size:26px}
 html[data-theme]:not([data-theme="original"]) .theme-art-masthead-subtitle{font-size:9px}
}
@media(prefers-reduced-motion:reduce){html[data-theme] .theme-art-masthead,html[data-theme] .theme-art-masthead *{animation:none!important;transition:none!important}}