@font-face{font-family:Barlow Condensed;src:url("/assets/fonts/barlow-condensed-700.woff2") format("woff2");font-weight:700;font-display:swap}
:root{
  color-scheme:dark;
  --bg:#101011;--surface:#19191b;--ink:#f3efe8;--muted:#bcb8b3;--dim:#9d9995;--line:#ffffff24;
  --accent:#e1c78e;--accent-ink:#17120a;--wash:#24211d;--panel:#181717;
  --body:Arial,Helvetica,sans-serif;--display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;
  --frame:min(1260px,100% - 88px);--header-height:74px;--mobile-nav:0px;--player-offset:0px;
}
[data-era="early"]{--accent:#c2d2d7;--wash:#252a2d;--panel:#171a1c}
[data-era="debut"]{--accent:#ddd5c9;--wash:#2b2828;--panel:#1c1b1a}
[data-era="nightmare"]{--accent:#c6d89b;--wash:#28382f;--panel:#17221f}
[data-era="humbug"]{--accent:#e4b48d;--wash:#39252c;--panel:#24191f}
[data-era="sias"]{--accent:#e9cdb2;--wash:#3c3029;--panel:#25211d}
[data-era="am"]{--accent:#efeee9;--wash:#2a2b30;--panel:#191a1c}
[data-era="tbhc"]{--accent:#efc77c;--wash:#3f2623;--panel:#261b18}
[data-era="car"]{--accent:#d8e1db;--wash:#323e42;--panel:#20272a}
[data-era="latest"]{--accent:#ebad87;--wash:#3a2722;--panel:#241916}

*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--header-height) + 14px)}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--body);min-width:280px}
body:has(dialog[open]){overflow:hidden}
main{min-height:62svh;outline:none;padding-bottom:var(--player-offset)}
a{color:inherit;text-decoration:none}
button,select,input{font:inherit}
button,summary,select{cursor:pointer}
button{color:inherit;background:none;border:0}
button:disabled{cursor:default;opacity:.42}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
[hidden]{display:none!important}
figure,p,dl,dd,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3{margin:0;line-height:1.06;font-weight:700;overflow-wrap:anywhere}
h1,h2{font-family:var(--display)}
h1{font-size:clamp(3.1rem,7vw,6.8rem);letter-spacing:-.012em}
h2{font-size:clamp(2.1rem,4.1vw,3.7rem);letter-spacing:-.01em}
h3{font-size:1.1rem}
img{display:block;max-width:100%;object-fit:cover}
time{font-variant-numeric:tabular-nums}
small{font-size:.83rem}
summary{list-style:none}
summary::-webkit-details-marker{display:none}
.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap;border:0}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:30;padding:12px 18px;background:var(--ink);color:var(--bg)}
.wrap{width:var(--frame);margin-inline:auto}
.section-gap{margin-top:clamp(68px,9vw,145px)}
.small-label,.front-location,.row-number{font-size:.76rem;letter-spacing:.105em;text-transform:uppercase;font-weight:700}
.small-label,.front-location{color:var(--accent)}
.muted,.intro,.artist-line{color:var(--muted)}
.intro{max-width:60ch;margin-top:18px}
.arrow{font-family:var(--body);font-size:.9em;font-weight:400;white-space:nowrap}
.under-link{display:inline-flex;align-items:center;gap:.55em;color:var(--accent);font-size:.88rem;text-decoration:underline;text-decoration-color:#ffffff48;text-underline-offset:5px;line-height:1.5}
.under-link:hover,.breadcrumbs a:hover,.row-title:hover{text-decoration-color:currentColor;color:var(--ink)}
.button,.play-button{min-height:44px;display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:10px 15px;font-weight:700;font-size:.88rem;line-height:1.25;border:1px solid transparent;white-space:normal;text-align:left;border-radius:3px}
.button:hover,.play-button:hover{filter:brightness(1.12)}
.solid{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}
.outline{border-color:#ffffff40;color:var(--ink);background:#ffffff08}
.text-button{border-color:var(--line);background:#14141375;color:var(--ink)}
.play-glyph{width:0;height:0;border-block:5px solid transparent;border-inline-start:8px solid currentColor;flex:none}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:24px}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}
.section-heading a{flex-shrink:0}
.subheading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:33px 0 16px}
.subheading h3{font-size:1.2rem}
.media-credit{display:inline-flex;gap:7px;font-size:.77rem;color:var(--muted);line-height:1.35}
.media-credit a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff48}

.site-header{position:sticky;top:0;z-index:10;height:var(--header-height);background:#101011f5;border-bottom:1px solid var(--line)}
.site-header-inner{width:var(--frame);margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;line-height:.95;flex:none}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff62;font:700 1.12rem var(--display);transform:skew(-6deg);letter-spacing:.045em}
.brand-mark b{transform:skew(6deg)}
.brand-name{display:grid;gap:4px;font-family:var(--display);font-size:1.14rem;letter-spacing:.035em;text-transform:uppercase}
.brand-name small{font:700 .59rem var(--body);letter-spacing:.21em;color:var(--muted)}
.top-nav{display:flex;align-items:center;gap:clamp(14px,2vw,29px);height:100%;font-size:.88rem}
.top-nav>a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent;padding-top:2px;color:var(--muted);white-space:nowrap}
.top-nav>a:hover,.top-nav>a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--accent)}
.more-menu{position:relative}
.more-menu summary{padding:11px 3px;min-height:44px;white-space:nowrap}
.more-menu summary span{padding-left:5px;color:var(--accent)}
.more-menu>div{position:absolute;right:0;top:calc(100% + 10px);width:218px;background:#20201f;border:1px solid var(--line);padding:7px;box-shadow:0 18px 36px #0009}
.more-menu a{display:block;min-height:44px;padding:11px 12px}
.more-menu a:hover,.more-menu a[aria-current="page"]{background:#ffffff13;color:var(--accent)}
.mobile-nav{display:none}
.site-footer{border-top:1px solid var(--line);margin-top:100px;padding:34px 0 calc(35px + var(--mobile-nav) + var(--player-offset));color:var(--muted);font-size:.88rem}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.footer-inner nav{display:flex;flex-wrap:wrap;gap:19px}
.footer-inner a:hover{text-decoration:underline}
.footer-share{padding:0;color:var(--muted);font-size:inherit;text-align:left}
.footer-share:hover{text-decoration:underline}

.front-hero{position:relative;display:grid;align-items:center;isolation:isolate;min-height:clamp(530px,74svh,740px);overflow:hidden;background:#151514}
.front-photo{position:absolute;inset:0 0 0 30%;z-index:-1}
.front-photo img{width:100%;height:100%;object-position:50% 46%}
.front-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151514 0%,#151514c7 12%,#15151420 43%,transparent 75%),linear-gradient(0deg,#151514 0%,#15151400 34%);pointer-events:none}
.front-photo figcaption{position:absolute;z-index:1;right:clamp(20px,4vw,60px);bottom:18px;display:flex;gap:12px;align-items:center;font-size:.75rem;color:#e8e1d9;background:#121212c9;padding:5px 9px}
.front-photo figcaption a{font-weight:700}
.front-hero-content{width:var(--frame);margin:auto;padding:42px 0 56px}
.front-location{margin-bottom:17px;color:#d6c6aa}
.front-hero h1{font-size:clamp(6.2rem,13.5vw,13.8rem);line-height:.75;letter-spacing:-.025em;text-transform:uppercase;margin:0 0 28px;max-width:65%;overflow-wrap:normal}
.front-hero h1 span{color:var(--accent)}
.front-hero .hero-actions{margin-top:30px}
.front-hero .under-link{margin-top:20px}
.latest-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:24px;align-items:center;padding:20px 0;border-block:1px solid var(--line)}
.latest-main{display:grid;gap:2px;line-height:1.2}
.latest-main>a{font-weight:700;font-size:1.25rem;width:max-content;max-width:100%}
.latest-main>a:hover{color:var(--accent)}
.latest-main>span,.latest-bar time{color:var(--muted);font-size:.87rem}
.album-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:15px}
.sleeve{position:relative;aspect-ratio:1;background:var(--wash);overflow:hidden;border:1px solid #ffffff18}
.sleeve img{width:100%;height:100%;object-fit:contain}
.sleeve-fallback{height:100%;padding:13%;display:flex;flex-direction:column;justify-content:space-between;gap:9px;background:linear-gradient(150deg,#ffffff0a,#0003);overflow:hidden}
.sleeve-fallback span{font-size:clamp(.62rem,.85vw,.8rem);color:var(--muted);line-height:1.2}
.sleeve-fallback b{font-family:var(--display);font-size:clamp(1.15rem,3vw,2.3rem);line-height:1.03;overflow-wrap:anywhere}
.record-tile h3{font-size:.96rem;margin:11px 0 5px;line-height:1.25}
.record-tile p{font-size:.79rem;color:var(--muted)}
.record-tile:hover h3{color:var(--accent)}
.record-tile .sleeve img{transition:transform .28s ease}
.record-tile:hover .sleeve img{transform:scale(1.035)}
.home-eras{margin-top:clamp(80px,10vw,150px)}
.home-eras>.wrap .section-heading{margin-bottom:25px}
.era-band{border-top:1px solid #ffffff13;background:linear-gradient(105deg,var(--panel) 0%,var(--wash) 73%,var(--panel) 100%);overflow:hidden}
.era-band:last-child{border-bottom:1px solid #ffffff13}
.era-band-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,290px);gap:clamp(24px,8vw,108px);align-items:center;padding:29px clamp(0px,4vw,50px);min-height:285px}
.era-band.reverse .era-band-inner{grid-template-columns:minmax(150px,290px) minmax(0,1fr)}
.era-band.reverse .era-band-copy{order:1}
.era-band-copy h3{font:700 clamp(2.45rem,5.7vw,6rem)/.95 var(--display);max-width:15ch;margin:9px 0 19px}
.era-band[data-era="humbug"] h3,.era-band[data-era="tbhc"] h3,.era-band[data-era="car"] h3{font-family:var(--serif);font-weight:400;letter-spacing:-.06em}
.era-band-art{display:block;max-width:255px;width:100%;justify-self:center;transform:rotate(-3deg);transition:transform .22s}
.era-band.reverse .era-band-art{transform:rotate(3deg)}
.era-band-art:hover,.era-band.reverse .era-band-art:hover{transform:rotate(0)}
.era-band-art>img{width:100%;aspect-ratio:1}
.era-sleeve{box-shadow:6px 6px 0 #e8e4db36,0 15px 31px #0008}
.era-band[data-revealed="true"] .era-band-art{animation:sleeve-in .55s both ease-out}
@keyframes sleeve-in{from{opacity:.46;translate:0 16px}to{opacity:1;translate:0 0}}
.home-end{display:grid;grid-template-columns:.8fr 1fr;gap:40px;align-items:center;border-top:1px solid var(--line);padding-top:35px}
.home-end p{color:var(--muted);margin:12px 0 22px}
.home-end img{width:100%;max-height:420px;object-fit:contain;background:#1b1b1c}
.home-end figcaption{margin-top:9px}

.page-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;padding:49px 0 29px}
.page-heading p{margin-top:13px;color:var(--muted);max-width:56ch}
.page-heading h1{font-size:clamp(3.3rem,7vw,6.4rem)}
.list-page{padding-bottom:15px}
.browse-controls{margin:7px 0 0}
.search-line{display:flex;gap:10px;align-items:start}
.search-box{display:flex;gap:13px;align-items:center;min-width:0;flex:1;border:1px solid var(--line);background:#ffffff07;border-radius:3px;padding-inline:14px}
.search-box:focus-within{border-color:var(--accent)}
.search-box input{width:100%;min-width:0;height:50px;background:none;border:0;color:var(--ink);outline:none;font-size:16px;padding:0}
.search-box input::placeholder{color:var(--dim)}
.search-icon{position:relative;border:1.5px solid var(--muted);width:13px;height:13px;border-radius:50%;flex:none}
.search-icon:after{content:"";position:absolute;right:-4px;bottom:-2px;width:5px;height:1.5px;background:var(--muted);rotate:45deg}
.filter-drawer{position:relative;flex:none}
.filter-drawer summary{min-height:52px;padding:11px 17px;border:1px solid var(--line);border-radius:3px;display:flex;align-items:center;gap:12px}
.filter-options{position:absolute;right:0;top:calc(100% + 6px);z-index:5;padding:16px;width:min(285px,84vw);background:#222224;border:1px solid #ffffff3e;box-shadow:0 16px 34px #0008;display:grid;gap:12px}
.filter-options label{display:grid;gap:5px;font-size:.83rem;color:var(--muted)}
select{color:var(--ink);background:#252526;border:1px solid #ffffff35;border-radius:3px;min-height:44px;width:100%;padding:7px 9px;font-size:1rem}
.browse-tabs{display:flex;gap:clamp(14px,2vw,27px);padding:8px 2px 0;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--line)}
.browse-tabs button{padding:11px 0 10px;min-height:44px;white-space:nowrap;color:var(--muted);border-bottom:2px solid transparent;font-size:.9rem;text-align:left}
.browse-tabs button[aria-pressed="true"]{color:var(--ink);border-color:var(--accent)}
.browse-tabs button:hover{color:var(--ink)}
.active-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:.86rem}
.active-filters button{color:var(--accent);min-height:34px;padding:3px 8px;text-decoration:underline}
.result-bar{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:15px 0;min-height:60px}
.result-bar p{font-size:.86rem;color:var(--muted)}
.empty-results{border-block:1px solid var(--line);padding:32px 0 40px;display:grid;justify-items:start;gap:15px}
.more-results{margin:28px 0;text-align:center}
.record-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 18px}
.small-records{grid-template-columns:repeat(6,minmax(0,1fr))}
.song-group{margin-bottom:23px}
.song-group h2{padding:11px 0;color:var(--accent);font-size:1.48rem}
.songs-list{border-top:1px solid var(--line)}
.song-row{display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding:8px 5px;min-height:58px}
.song-row:hover{background:#ffffff05}
.row-number{width:32px;flex:none;color:var(--dim);font-variant-numeric:tabular-nums}
.row-art{width:42px;height:42px;flex:none;background:var(--wash);color:var(--muted);display:grid;place-items:center}
.row-art img{width:100%;height:100%;object-fit:contain}
.row-label{flex:1;min-width:0;line-height:1.2}
.row-label>span:not(.row-title){display:block;color:var(--muted);font-size:.78rem;line-height:1.3;margin-top:4px}
.row-title{display:inline-block;font-weight:700;overflow-wrap:anywhere;padding:4px 0}
.row-time,.row-unavailable{color:var(--muted);font-size:.81rem;text-align:right}
.row-unavailable{max-width:84px;line-height:1.2}
.row-play{min-width:72px;padding:9px 11px;border-color:#ffffff35;color:var(--accent);background:#ffffff05;flex:none}
.tracklist-actions{margin-bottom:12px}
.collection-note,.source-details,.edition{border-block-start:1px solid var(--line)}
.collection-note{padding-bottom:8px;margin:0 0 18px;border-block-end:1px solid var(--line)}
.collection-note summary,.source-details summary,.edition summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;min-height:46px;font-weight:700}
.collection-note summary span,.source-details summary span,.edition summary>span:last-child{color:var(--accent)}
.collection-note[open]>summary span,.source-details[open]>summary span,.edition[open]>summary>span:last-child{rotate:45deg}
.collection-note>p{color:var(--muted);max-width:75ch;margin-bottom:13px}
.collection-note .release-links{margin-bottom:12px}
.source-details{margin-top:18px}
.source-details ul{padding:0 0 12px;display:grid;gap:6px}
.source-details li a{font-size:.88rem;color:var(--muted);line-height:1.25;text-decoration:underline;text-underline-offset:3px}
.source-details li a:hover{color:var(--ink)}

.era-page{background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel) 48%,var(--bg)) 1650px)}
.era-page[data-era="tbhc"] .era-record{padding:clamp(14px,2vw,24px);border-block:1px solid #efc77c44;background:linear-gradient(110deg,#3f2823,#251a18)}
.era-page[data-era="nightmare"] .era-section-nav{border-top-color:#c6d89b54}
.era-page[data-era="sias"] .era-record .sleeve{border-color:#e9cdb259}
.era-topline{display:flex;justify-content:space-between;align-items:center;padding:17px 0;font-size:.86rem;color:var(--muted)}
.era-mast{position:relative;isolation:isolate;min-height:430px;display:grid;align-items:center;background:var(--panel);overflow:hidden}
.era-mast-photo{position:absolute;inset:0 0 0 34%;z-index:-1}
.era-mast-photo img{width:100%;height:100%;object-position:center 41%}
.era-mast-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--panel),transparent 67%),linear-gradient(0deg,var(--panel),transparent 32%);pointer-events:none}
.era-mast-photo figcaption{position:absolute;right:26px;bottom:11px;z-index:1;background:#151514bd;padding:4px 8px}
.era-mast-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:23px;align-items:center;padding:40px 0 51px}
.era-mast-content h1{max-width:12ch;font-size:clamp(3.8rem,7.7vw,8rem);line-height:.94}
.era-page[data-era="humbug"] h1,.era-page[data-era="tbhc"] h1,.era-page[data-era="car"] h1{font-family:var(--serif);font-weight:400;letter-spacing:-.065em;color:var(--accent)}
.era-mast-content p{max-width:55ch;line-height:1.62;margin-top:17px;color:#e6e2da;text-shadow:0 1px 8px #000b}
.era-mast-sleeve{width:100%;max-width:260px;justify-self:center;box-shadow:8px 8px #ffffff22}
.era-section-nav{position:sticky;top:var(--header-height);z-index:3;background:var(--panel);border-block:1px solid var(--line)}
.era-section-nav>.wrap{display:flex;overflow-x:auto;gap:25px;scrollbar-width:thin}
.era-section-nav a{min-height:46px;display:flex;align-items:center;color:var(--muted);font-size:.9rem;white-space:nowrap}
.era-section-nav a:hover{color:var(--accent)}
.era-section{padding-top:45px;padding-bottom:46px;scroll-margin-top:47px}
.era-section+.era-section{border-top:1px solid var(--line)}
.era-section.wide-section{background:linear-gradient(115deg,var(--wash),var(--panel))}
.era-record{display:grid;grid-template-columns:minmax(140px,235px) 1fr;gap:clamp(20px,4vw,50px);align-items:center}
.era-record h3{font-family:var(--display);font-size:clamp(2rem,4.5vw,4.2rem);margin:8px 0 6px}
.era-next{display:flex;gap:12px;justify-content:space-between;padding:26px 0 8px;border-top:1px solid var(--line)}
.editorial-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.editorial-notes article{border-top:1px solid var(--line);padding:14px 0}
.editorial-notes h3{margin-bottom:8px}
.editorial-notes p{color:var(--muted);font-size:.93rem;margin:0 0 9px}
.editorial-notes .small-label{color:var(--accent)}
.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}
.film-still{position:relative;display:grid;place-items:center;aspect-ratio:16/10;background:var(--wash);overflow:hidden;border:1px solid var(--line)}
.film-still img{width:100%;height:100%;position:absolute;inset:0;object-position:center 40%}
.film-still:hover img{filter:brightness(1.14)}
.film-mark{font:700 clamp(2.3rem,7vw,4rem) var(--display);color:var(--muted);letter-spacing:.1em}
.card-caption{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-top:10px}
.card-caption h3{margin:4px 0;font-size:1.11rem;line-height:1.15}
.card-caption p,.card-caption time{color:var(--muted);font-size:.81rem}
.arrow-link{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:3px;color:var(--accent)}
.arrow-link:hover{background:#ffffff12}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}
.photo-frame{display:block;background:var(--surface);aspect-ratio:4/3;overflow:hidden}
.photo-frame img{width:100%;height:100%;object-fit:contain}
.photo-tile figcaption{display:grid;gap:4px;margin-top:7px;font-size:.84rem;line-height:1.3}
.photo-tile figcaption span{color:var(--muted);font-size:.79rem}
.photo-tile a:hover{color:var(--accent)}
.group-photos{margin-bottom:30px}

.detail-page{padding:25px 0 0}
.breadcrumbs{display:flex;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:.86rem;margin-bottom:23px}
.breadcrumbs a{min-height:34px;display:inline-flex;gap:5px;align-items:center}
.release-head{display:grid;grid-template-columns:minmax(180px,300px) minmax(0,1fr);gap:clamp(22px,5vw,65px);align-items:center;padding:14px 0 31px}
.release-head.no-sleeve{grid-template-columns:1fr}
.release-head>figure figcaption,.show-head figcaption{margin-top:7px}
.release-copy h1,.show-head h1{font-size:clamp(3.1rem,7vw,6rem);line-height:.94;margin:9px 0 14px}
.artist-line{font-size:1rem}
.detail-section{margin:39px 0}
.detail-section>h2{margin-bottom:16px}
.edition{padding:0 0 4px}
.edition small{display:block;color:var(--muted);margin-top:5px;font-weight:400}
.edition-tracks{padding:10px 0 17px}
.recording-dates{color:var(--muted);margin-top:12px;font-size:.86rem;display:flex;flex-wrap:wrap;gap:8px 18px}
.recording-dates>div{display:flex;align-items:center;gap:6px}
.recording-dates dt{font-weight:700}
.listen-note,.listen-options small{color:var(--muted);font-size:.82rem}
.listen-note{margin-top:12px}
.listen-options li{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:6px 0}
.listen-options small{display:block}
.release-links{display:flex;gap:13px 21px;flex-wrap:wrap}
.connections{padding-bottom:15px;display:grid;gap:15px}
.connections article{border-left:2px solid var(--line);padding:8px 14px}
.connections h3{margin:7px 0}
.connections h3 span,.connections p:not(.small-label){color:var(--muted)}
.connections .under-link{margin-top:8px}
.show-head{display:grid;grid-template-columns:1fr minmax(0,1.08fr);gap:clamp(18px,4vw,56px);align-items:center}
.show-head:has(>div:only-child){grid-template-columns:1fr}
.show-head img{width:100%;aspect-ratio:16/10}
.show-head figure{min-width:0}
.show-head .video-cover img{object-fit:contain;background:#141414}
.project-list{border-top:1px solid var(--line)}
.project-row{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}
.project-row p{color:var(--muted);font-size:.87rem;margin:3px 0}
.project-row h3{margin:5px 0}
.project-thumb{background:var(--wash);aspect-ratio:1;display:grid;place-items:center}
.project-thumb img{width:100%;height:100%;object-fit:contain}
.project-sleeve{max-width:245px;margin-bottom:20px}
.about-page p{max-width:72ch;margin:0 0 12px;color:var(--muted)}
.links-list{display:grid;gap:12px;justify-items:start}
.drawer-button{flex:none}

.player{
  --dock-width:390px;position:fixed;right:14px;bottom:calc(12px + var(--mobile-nav) + env(safe-area-inset-bottom,0px));z-index:12;
  width:min(var(--dock-width),100vw - 28px);background:#1c1c1e;border:1px solid #ffffff42;border-radius:6px;
  box-shadow:0 12px 45px #000a;color:var(--ink);overflow:auto;max-height:calc(100dvh - var(--mobile-nav) - 23px)
}
.player[data-expanded="true"]{--dock-width:518px}
.player-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.player[data-expanded="false"][data-provider="youtube"] .player-shell{grid-template-columns:200px minmax(0,1fr);align-items:center}
.player-media{display:grid;background:#0b0b0d}
.player-media:empty{display:none}
.player-media iframe{display:block;width:100%;border:0}
.player[data-provider="youtube"] .player-media iframe{height:200px;min-width:200px}
.player[data-expanded="true"][data-provider="youtube"] .player-media iframe{height:auto;min-height:200px;aspect-ratio:16/9}
.player[data-provider="soundcloud"] iframe{height:126px}
.player[data-provider="spotify"] iframe{height:152px}
.player[data-provider="apple embed"] iframe{height:150px}
.player-media audio{width:100%;height:40px}
.player-info{padding:10px 11px;min-width:0}
.player-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}
.player-track{min-width:0;overflow-wrap:anywhere}
.player-track b{display:block;font-size:.98rem;line-height:1.18}
.player-track a{color:var(--ink)}
.player-track a:hover{text-decoration:underline}
.player-track b>span{font:inherit;color:inherit;margin:0}
.player-track span{display:block;color:var(--muted);font-size:.76rem;line-height:1.35;margin-top:3px}
.player-window-buttons{display:flex;flex:none}
.player-icon{min-width:44px;min-height:44px;padding:3px 6px;display:inline-grid;place-items:center;font-size:1.05rem;line-height:1}
.player-icon:hover{color:var(--accent);background:#ffffff12}
.player-meta{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--muted);font-size:.75rem;flex-wrap:wrap}
.player-controls{display:flex;align-items:center;gap:4px;margin-top:4px;flex-wrap:wrap}
.player-controls small{color:var(--muted);font-size:.73rem}
.player-controls button{color:var(--accent)}
.player[data-expanded="false"][data-provider="youtube"] .player-meta{font-size:.71rem}
.player-extra{padding:11px 13px;border-top:1px solid var(--line);display:grid;gap:10px}
.player-extra-heading{display:flex;gap:9px;align-items:center;font-size:.86rem}
.player-extra-heading img{width:32px;height:32px;object-fit:cover}
.player-extra label:not(.player-autonext){font-size:.81rem;color:var(--muted);display:grid;gap:5px}
.player-extra select{font-size:.88rem}
.player-autonext{display:flex;gap:8px;align-items:center;font-size:.86rem;min-height:40px}
.player-autonext input{width:17px;height:17px;accent-color:var(--accent)}
.player-tools{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.player-tools button{font-size:.83rem;text-decoration:underline;text-underline-offset:4px;min-height:40px;padding:0 4px}
.player-feedback{padding:8px 12px;color:var(--muted);font-size:.8rem;border-top:1px solid var(--line)}
.player-feedback .player-fallbacks{display:flex;align-items:center;flex-wrap:wrap;gap:8px 13px}
.player-feedback button,.player-feedback a{min-height:35px;display:inline-flex;align-items:center;color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-size:.8rem}
.player-extra-queue{padding:9px 0;border-top:1px solid var(--line);max-height:142px;overflow:auto}
.player-extra-queue button{min-height:40px;display:block;text-align:left;width:100%;font-size:.83rem;padding:5px 8px;color:var(--muted)}
.player-extra-queue button[aria-current="true"]{color:var(--accent)}
.player-extra-queue button:hover{background:#ffffff10}
.player[data-expanded="false"] .player-extra{display:none}
.toast{position:fixed;bottom:calc(var(--mobile-nav) + var(--player-offset) + 15px);left:16px;max-width:min(330px,90vw);z-index:15;color:var(--ink);background:#29292b;border:1px solid #ffffff3c;padding:10px 14px;border-radius:3px;font-size:.85rem}

dialog{width:min(96vw,910px);max-height:94dvh;overflow:auto;background:#1b1b1c;color:var(--ink);border:1px solid #ffffff47;border-radius:5px;padding:0}
dialog::backdrop{background:#000d}
.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:8px 13px;gap:12px}
.dialog-top h2{font-size:clamp(1.55rem,4vw,2.2rem)}
.lightbox-image{display:grid;place-items:center;background:#0d0d0e;min-height:100px;touch-action:pan-y}
.lightbox-image img{width:auto;height:auto;max-width:100%;max-height:65dvh;object-fit:contain}
.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:11px;padding:10px 13px}
.lightbox-bottom a{font-size:.85rem}
.lightbox-controls{display:flex;align-items:center;gap:7px}
.drawer-dialog{width:min(92vw,580px);background:#23211e}
.drawer-interior{position:relative;isolation:isolate;padding:20px 21px 26px;background:linear-gradient(145deg,#292623,#181716);border-top:3px solid #d4b88a;overflow:hidden}
.drawer-interior:before,.drawer-interior:after{content:"";position:absolute;top:0;bottom:0;width:50%;background:repeating-linear-gradient(0deg,#2e2a25 0 26px,#51443c 27px 29px);z-index:2;pointer-events:none}
.drawer-interior:before{left:0;animation:drawer-left 1.1s cubic-bezier(.2,.7,.25,1) both}
.drawer-interior:after{right:0;animation:drawer-right 1.1s cubic-bezier(.2,.7,.25,1) both}
@keyframes drawer-left{0%,22%{transform:translateX(0)}100%{transform:translateX(-101%)}}
@keyframes drawer-right{0%,22%{transform:translateX(0)}100%{transform:translateX(101%)}}
.drawer-links{display:grid;gap:9px;justify-items:start}

@media(max-width:1080px){
  :root{--frame:calc(100% - 54px)}
  .top-nav{gap:15px}
  .top-nav>a[data-nav="photos"]{display:none}
  .album-strip{grid-template-columns:repeat(7,minmax(116px,1fr));overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
  .record-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .small-records{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:760px){
  :root{--frame:calc(100% - 36px);--header-height:62px;--mobile-nav:59px}
  .site-header-inner{gap:9px}
  .top-nav>a{display:none}
  .mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:11;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:var(--mobile-nav);padding-bottom:env(safe-area-inset-bottom,0px);background:#121213;border-top:1px solid var(--line)}
  .mobile-nav a{padding:5px 1px;min-height:54px;display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;text-align:center;font-size:.66rem;line-height:1.18;color:var(--muted)}
  .mobile-nav a span{font-size:1.15rem;line-height:1}
  .nav-icon{width:15px;height:15px;display:block;position:relative}
  .icon-records{border:1px solid currentColor;border-radius:50%}
  .icon-records:after{content:"";position:absolute;inset:4px;border:1px solid currentColor;border-radius:50%}
  .icon-songs{background:repeating-linear-gradient(0deg,transparent 0 3px,currentColor 3px 4px);height:13px;margin-block:1px}
  .icon-rarities{height:12px;border:1px solid currentColor;border-radius:2px;margin-block:1px}
  .icon-rarities:after{content:"";position:absolute;top:3px;left:4px;right:4px;border-top:1px solid currentColor}
  .icon-live:after{content:"";position:absolute;left:4px;top:2px;border-block:6px solid transparent;border-inline-start:8px solid currentColor}
  .icon-photos{border:1px solid currentColor;height:12px;margin-block:1px;border-radius:1px}
  .icon-photos:after{content:"";position:absolute;bottom:1px;left:3px;width:6px;height:6px;border-left:1px solid currentColor;border-top:1px solid currentColor;rotate:45deg}
  .mobile-nav a[aria-current="page"]{color:var(--ink);background:#ffffff0d}
  .mobile-nav a[aria-current="page"] span{color:var(--accent)}
  .front-hero{display:flex;flex-direction:column;min-height:0;align-items:stretch}
  .front-hero-content{order:0;padding:29px 0 20px}
  .front-hero h1{font-size:clamp(4.5rem,19vw,8.4rem);max-width:100%;margin-bottom:21px;line-height:.79}
  .front-location{margin-bottom:13px}
  .front-hero .hero-actions{margin-top:20px}
  .front-hero .under-link{margin-top:14px}
  .front-photo{position:relative;inset:auto;order:1;z-index:0;aspect-ratio:1.58;width:100%}
  .front-photo img{height:100%;position:absolute;inset:0;object-position:center 45%}
  .front-photo:after{background:linear-gradient(0deg,#121212 0%,transparent 25%)}
  .front-photo figcaption{right:10px;bottom:7px;gap:8px;font-size:.69rem}
  .latest-bar{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:13px 0}
  .latest-bar .small-label{grid-column:1/-1}
  .latest-bar time{display:none}
  .latest-main a{font-size:1.1rem}
  .album-strip{gap:12px;grid-template-columns:repeat(7,minmax(117px,25vw))}
  .era-band-inner,.era-band.reverse .era-band-inner{grid-template-columns:minmax(0,1fr) minmax(94px,31%);gap:14px;padding:21px 0;min-height:165px}
  .era-band.reverse .era-band-copy{order:0}
  .era-band-copy h3{font-size:clamp(2.2rem,8vw,4rem);margin-bottom:12px}
  .era-band-copy .small-label{font-size:.7rem}
  .era-band-copy .button{padding-inline:9px;font-size:.78rem}
  .home-end{grid-template-columns:1fr;gap:21px}
  .site-footer{margin-top:62px}
  .page-heading{padding:31px 0 22px;align-items:start;flex-direction:column;gap:12px}
  .page-heading h1{font-size:clamp(3rem,12vw,5rem)}
  .page-heading p{margin-top:10px}
  .record-grid,.small-records{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}
  .film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 13px}
  .card-caption .arrow-link{display:none}
  .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 11px}
  .editorial-notes{grid-template-columns:1fr;gap:6px}
  .era-mast{min-height:0;display:flex;flex-direction:column}
  .era-mast-photo{position:relative;inset:auto;z-index:0;width:100%;aspect-ratio:16/9;order:1}
  .era-mast-photo img{height:100%;position:absolute;inset:0;object-position:50% 39%}
  .era-mast-photo:after{background:linear-gradient(0deg,var(--panel),transparent 34%)}
  .era-mast-photo figcaption{bottom:7px;right:9px}
  .era-mast-content{grid-template-columns:minmax(0,1fr);padding:24px 0 26px}
  .era-mast-content h1{font-size:clamp(3rem,12.5vw,6rem);max-width:15ch}
  .era-mast-content p{font-size:.96rem;line-height:1.56;text-shadow:none}
  .era-mast-sleeve{max-width:180px;justify-self:start}
  .era-section-nav>.wrap{gap:19px}
  .era-section{padding-top:32px;padding-bottom:34px}
  .era-record{grid-template-columns:minmax(88px,32%) 1fr;gap:14px}
  .era-record .hero-actions{margin-top:12px;gap:8px}
  .era-record h3{font-size:clamp(1.7rem,6.8vw,2.8rem)}
  .era-record .small-label{font-size:.67rem}
  .era-next .button{font-size:.8rem}
  .detail-page{padding-top:17px}
  .release-head{grid-template-columns:1fr;gap:21px;padding:0 0 17px}
  .release-head>figure{width:min(65vw,258px)}
  .release-copy h1,.show-head h1{font-size:clamp(3rem,11vw,5rem)}
  .show-head{grid-template-columns:1fr;gap:16px}
  .detail-section{margin:29px 0}
  .row-time{display:none}
  .row-art{width:38px;height:38px}
  .row-number{width:23px;font-size:.67rem}
  .song-row{padding-inline:2px;gap:9px}
  .row-play{min-width:63px;padding-inline:8px}
  .row-title{font-size:.94rem}
  .player{right:6px;bottom:calc(5px + var(--mobile-nav) + env(safe-area-inset-bottom,0px));width:min(var(--dock-width),100vw - 12px)}
  .player-track b{font-size:.89rem}
  .player-info{padding:7px 8px}
  .player[data-expanded="false"][data-provider="youtube"] .player-caption{display:block}
  .player[data-expanded="false"][data-provider="youtube"] .player-caption .player-icon{min-width:38px}
  .player-controls{gap:0}
  .player[data-expanded="false"][data-provider="youtube"] .player-controls{margin-top:1px}
}
@media(max-width:420px){
  .record-grid,.small-records{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-heading{gap:10px}
  .section-heading .under-link{font-size:.78rem;flex-shrink:1;text-align:right}
  .film-grid .card-caption h3{font-size:.97rem}
  .row-unavailable{font-size:.73rem;max-width:66px}
  .filter-drawer summary{padding-inline:10px;gap:5px}
  .search-box{padding-inline:10px;gap:9px}
  .hero-actions .button{font-size:.82rem;padding-inline:10px}
  .player-caption .player-icon,.player-controls .player-icon{min-width:36px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}