/* Echo Room — inner-2026.css: shared player/rows come from site; this file holds each inner page's own composition */
/* reuse of home parts on inner pages */
.rel-k{font-size:var(--t-label);letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--copper-t);margin-block-end:var(--s1)}
.obj-grid{display:grid;gap:var(--s6) var(--s5)}
@media (min-width:640px){.obj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.obj-img{position:relative}
.obj-img picture{aspect-ratio:1;background:var(--surface-2)}
.obj-img img{inline-size:100%;block-size:100%;object-fit:cover}
.obj-tag{position:absolute;inset-block-start:var(--s3);inset-inline-start:var(--s3);padding:4px 10px;background:var(--paper);color:var(--paper-ink);font-size:var(--t-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.obj-b{padding-block-start:var(--s4)}
.obj-t{font-size:1.5rem}
.obj-n{color:var(--muted);margin-block-start:var(--s1)}
.obj-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-block-start:var(--s4);padding-block-start:var(--s3);border-block-start:1px solid var(--line)}
.obj-p{font-family:var(--f-display);font-size:1.5rem}

/* music */
.latest-in{display:grid;gap:var(--s6);align-items:start}
.latest-copy h2{font-size:clamp(2.5rem,1.8rem + 3vw,4.5rem)}
.latest-copy .lede{margin-block:var(--s4)}
@media (min-width:1000px){.latest-in{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--s8)}}
.ledger{border-block-start:1px solid var(--line-strong)}
.led{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--s4) var(--s5);padding-block:var(--s5);border-block-end:1px solid var(--line);align-items:start}
.led-cover picture,.led-cover img{inline-size:100%;aspect-ratio:1;object-fit:cover}
.led-copy h3{font-size:clamp(1.5rem,1.3rem + .8vw,2.125rem)}
.led-copy p:not(.rel-k){color:var(--muted);margin-block-start:var(--s2)}
.led-tracks{grid-column:1/-1;list-style:none;padding:0;font-size:.9375rem}
.led-tracks li{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;gap:var(--s2);padding-block:6px;border-block-end:1px solid var(--line)}
.led-tracks li span:first-child,.led-tracks li span:last-child{color:var(--muted)}
@media (min-width:900px){.led{grid-template-columns:180px minmax(0,1.1fr) minmax(0,1fr);gap:var(--s6)}.led-tracks{grid-column:auto;border-block-start:1px solid var(--line-strong)}}
.credits-strip,.duo,.j-desk,.ship,.hold,.epk{display:grid;gap:var(--s6);align-items:center}
.credits-strip .ph picture,.duo>.ph picture,.j-desk .ph picture,.hold .ph picture,.epk .ph picture{aspect-ratio:3/2}
@media (min-width:1000px){.credits-strip,.duo,.j-desk,.hold,.epk{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}}
/* tour */
.filters{display:grid;gap:var(--s3);margin-block-end:var(--s6)}
@media (min-width:1000px){.filters{grid-template-columns:auto auto;justify-content:space-between}}
.hold-copy .lede{margin-block:var(--s4) var(--s6)}
/* press */
.epk-copy p:not(.kicker):not(.outlets-k){margin-block:var(--s4) var(--s5)}
.sec--quotes{background:var(--surface);border-block:1px solid var(--line)}
.qwall{display:grid;gap:var(--s7)}
.q--lead p{font-size:clamp(2rem,1.5rem + 2.2vw,3.5rem);max-inline-size:20ch;color:var(--ink)}
@media (min-width:1000px){.qwall{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s7) var(--s8)}.q--lead{grid-column:1/-1}}
.assets{list-style:none;padding:0;display:grid;gap:var(--s5)}
@media (min-width:760px){.assets{grid-template-columns:repeat(3,minmax(0,1fr))}}
.asset{border:1px solid var(--line);background:var(--surface);display:grid;grid-template-rows:auto 1fr}
.asset-img picture,.asset-img>img{inline-size:100%;aspect-ratio:4/3;object-fit:cover}
.asset-img>img{object-fit:contain;padding:12%;background:var(--paper)}
.asset-img picture img{inline-size:100%;block-size:100%;object-fit:cover}
.asset-b{padding:var(--s5);display:grid;gap:var(--s2);justify-items:start}
.asset-b p{color:var(--muted)}
.asset-f{font-size:var(--t-label);color:var(--muted);letter-spacing:.12em}
.req{display:grid;gap:var(--s6);align-items:start}
.req-copy .lede{margin-block:var(--s4) var(--s6)}
@media (min-width:1000px){.req{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s8)}}
/* about */
.about-head{padding-block:var(--s6) var(--sec);border-block-end:1px solid var(--line)}
.ah-in{display:grid;gap:var(--s6);align-items:end}
.ah-copy h1{max-inline-size:11ch}
.ah-copy .lede{margin-block-start:var(--s5)}
.ah-media .ph picture{aspect-ratio:4/5}
@media (min-width:1000px){.ah-in{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--s8)}}
.essay h2{max-inline-size:18ch}
.essay-cols{display:grid;gap:var(--s5);margin-block-start:var(--s5);font-size:1.0625rem}
@media (min-width:900px){.essay-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s7)}}
.pull--xl{font-size:clamp(2rem,1.4rem + 2.6vw,3.75rem);max-inline-size:20ch;margin-block:var(--s7) 0}
.tl{list-style:none;padding:0;display:grid;gap:0;margin-block-start:var(--s4);border-block-start:1px solid var(--paper-ink)}
.tl li{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:var(--s4);padding-block:var(--s4);border-block-end:1px solid var(--paper-line);align-items:baseline}
.tl b{font-family:var(--f-display);font-weight:340;font-size:2.25rem;color:var(--paper-copper);line-height:1}
.tl span{font-size:1.125rem}
@media (min-width:1000px){.tl{grid-template-columns:repeat(5,minmax(0,1fr));border-block-start:0}.tl li{grid-template-columns:1fr;border-block-end:0;border-block-start:1px solid var(--paper-ink);padding-inline-end:var(--s4);align-content:start}.tl b{font-size:3rem}}
.duo-small{margin-block-start:var(--s6);max-inline-size:380px}
.duo-small picture{aspect-ratio:3/2}
/* journal */
.j-lead{display:grid;gap:var(--s5);text-decoration:none;color:var(--fg);padding-block-end:var(--s6);border-block-end:1px solid var(--line-strong)}
.j-lead-img picture{aspect-ratio:16/10;background:var(--surface-2)}
.j-lead-img img{inline-size:100%;block-size:100%;object-fit:cover}
.j-lead h2{font-size:clamp(1.875rem,1.4rem + 1.8vw,3rem);margin-block:var(--s2) var(--s4)}
.j-lead p:not(.rel-k){color:var(--muted);margin-block-end:var(--s4)}
.j-lead:hover h2,.j-item:hover h2{color:var(--copper-t)}
@media (min-width:1000px){.j-lead{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s7);align-items:center}}
.j-list{list-style:none;padding:0}
.j-item{display:grid;grid-template-columns:110px minmax(0,1fr);gap:var(--s4) var(--s5);padding-block:var(--s5);border-block-end:1px solid var(--line);text-decoration:none;color:var(--fg);align-items:center}
.j-img picture,.j-img img{inline-size:100%;aspect-ratio:1;object-fit:cover}
.j-item h2{font-size:clamp(1.375rem,1.2rem + .7vw,1.875rem);margin-block:var(--s1) var(--s2)}
.j-item p:not(.rel-k){color:var(--muted)}
.j-item .link-arrow{grid-column:2}
@media (min-width:900px){.j-item{grid-template-columns:200px minmax(0,1fr) auto;gap:var(--s6)}.j-item .link-arrow{grid-column:auto}}
.art-head{padding-block:var(--s5) 0}
.art-head-in{max-inline-size:calc(860px + var(--gutter)*2)}
.art-head h1{font-size:clamp(2.25rem,1.6rem + 2.8vw,4.25rem);margin-block-end:var(--s5)}
.art-hero{margin-block:var(--s6) var(--s4)}
.art-hero .ph picture{aspect-ratio:21/9}
.art-hero .ph figcaption{text-align:end}
.prose{max-inline-size:calc(720px + var(--gutter)*2);font-size:1.125rem;line-height:1.75;padding-block-end:var(--s6)}
.prose>p{margin-block-start:var(--s5)}
.prose>p:first-of-type::first-letter{font-family:var(--f-display);font-size:3.6em;float:left;line-height:.85;padding-inline-end:.08em;padding-block-start:.06em;color:var(--copper-t)}
.prose-fig{margin-block:var(--s6)}
.prose-fig picture{aspect-ratio:3/2}
.j-more{list-style:none;padding:0;display:grid;gap:0 var(--s5)}
@media (min-width:760px){.j-more{grid-template-columns:repeat(2,minmax(0,1fr))}}
.j-more a{display:flex;align-items:center;gap:var(--s4);min-block-size:80px;padding-block:var(--s3);border-block-end:1px solid var(--line);text-decoration:none}
.j-more picture,.j-more img{inline-size:64px;block-size:64px;object-fit:cover;flex:none}
.j-more span{display:grid;line-height:1.3}
.j-more small{font-size:var(--t-label);color:var(--muted)}
.j-more b{font-family:var(--f-display);font-weight:420;font-size:1.25rem}
.j-more a:hover b{color:var(--copper-t)}
/* gallery */
.gal{list-style:none;padding:0;display:grid;gap:var(--s5)}
@media (min-width:640px){.gal{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.gal{grid-template-columns:repeat(6,minmax(0,1fr))}.gal-i{grid-column:span 2}.gal-i--0{grid-column:span 3;grid-row:span 2}.gal-i--1{grid-column:span 3}.gal-i--2{grid-column:span 3}.gal-i--6,.gal-i--7{grid-column:span 3}}
.gal a{display:block;text-decoration:none;color:var(--fg);block-size:100%}
.gal .ph{display:grid;grid-template-rows:1fr auto;block-size:100%}
.gal picture{aspect-ratio:4/3;block-size:100%}
.gal li{min-inline-size:0}.gal img{inline-size:100%;block-size:100%;object-fit:cover}
@media (min-width:1000px){.gal-i--0 picture{aspect-ratio:auto;min-block-size:100%}}
.gal a:hover figcaption{color:var(--copper-t)}
.lightbox{padding:0;border:1px solid var(--line-strong);background:var(--bg);color:var(--fg);max-inline-size:min(1100px,94vw);max-block-size:94vh;inline-size:100%}
.lightbox::backdrop{background:rgba(0,0,0,.86)}
.lb-in{display:grid;gap:var(--s3);padding:var(--s4)}
.lb-in img{inline-size:100%;block-size:auto;max-block-size:72vh;object-fit:contain;background:#000}
.lb-cap{color:var(--muted)}
.lb-nav{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:flex-end}
/* fan */
.fan-head{padding-block:var(--s6) var(--s7);border-block-end:1px solid var(--line)}
.fh-in{display:grid;gap:var(--s6);align-items:center}
.fh-copy h1{font-size:clamp(2.75rem,1.6rem + 4.8vw,6rem)}
.fh-copy .lede{margin-block:var(--s5) var(--s6)}
.fh-media .ph picture{aspect-ratio:4/5}
@media (min-width:1000px){.fh-in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s8)}}
.fan-promise h2{max-inline-size:16ch}
@media (min-width:1000px){.fan-promise{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:var(--s8);align-items:start}.fan-promise .kicker{grid-column:1/-1}.fan-promise .promises{margin-block-start:0}}
.unlock{display:grid;gap:var(--s6);align-items:center}
.unlock .lede{margin-block:var(--s4)}
@media (min-width:1000px){.unlock{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
/* shop */
.shop{display:grid;gap:var(--s7);align-items:start}
@media (min-width:1100px){.shop{grid-template-columns:minmax(0,1fr) 340px}.bag{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
.obj-grid--shop .obj-t{font-size:1.5rem}
.bag h2{font-size:1.75rem}
.bag:focus{outline:none}
.bag-lines{list-style:none;padding:0;margin-block-start:var(--s4)}
.bag-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s2) var(--s3);padding-block:var(--s3);border-block-end:1px solid var(--line);align-items:center}
.bl-n{font-weight:600}
.bl-q{display:inline-flex;align-items:center;gap:var(--s2)}
.bl-p{grid-column:2;grid-row:1;justify-self:end}
.qbtn{inline-size:44px;block-size:44px;border:1px solid var(--line-strong);background:transparent;color:var(--fg);font:500 1.25rem/1 var(--f-body);cursor:pointer}
.qbtn:hover{border-color:var(--copper-t);color:var(--copper-t)}
.bag-foot{display:grid;gap:var(--s4);margin-block-start:var(--s5);padding-block-start:var(--s4);border-block-start:1px solid var(--line-strong)}
.bag-foot strong{font-family:var(--f-display);font-size:1.75rem;font-weight:400}
.ship .ph picture{aspect-ratio:16/9}
.ship-t{font-family:var(--f-display);font-size:clamp(1.375rem,1.15rem + .9vw,2rem);line-height:1.3;max-inline-size:28ch}
@media (min-width:1000px){.ship{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}}
/* contact */
.contact{display:grid;gap:var(--s7);align-items:start}
@media (min-width:1000px){.contact{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s8)}}
.c-list{display:grid;border-block-start:1px solid var(--line-strong)}
.c-list>div{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:var(--s3);padding-block:var(--s4);border-block-end:1px solid var(--line)}
.c-list dt{font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--copper-t);padding-block-start:3px}
.c-list dd{margin:0;overflow-wrap:anywhere;font-size:1.0625rem}
.c-note{margin-block:var(--s5);padding-inline-start:var(--s4);border-inline-start:2px solid var(--copper-line)}
.c-side .ph picture{aspect-ratio:4/3}
/* studio desk */
.desk-head{display:grid;gap:var(--s6);align-items:end}
.desk-ph picture{aspect-ratio:3/2}
@media (min-width:1000px){.desk-head{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr)}}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-block-end:var(--s6)}
.stats>div{padding:var(--s4) var(--s5);background:var(--surface);border:1px solid var(--line)}
.stats dt{font-size:var(--t-label);color:var(--muted)}
.stats dd{margin:0;font-family:var(--f-display);font-size:clamp(2rem,1.6rem + 1.6vw,3rem);line-height:1.1;color:var(--ink)}
@media (max-width:479px){.stats{grid-template-columns:1fr}.stats>div{display:flex;justify-content:space-between;align-items:baseline}}
.desk-bar{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:space-between;align-items:center;margin-block-end:var(--s4)}
.field--inline{inline-size:min(100%,280px)}
.row-btn{display:inline-flex;align-items:center;min-block-size:44px;padding:0;border:0;background:transparent;color:var(--copper-t);font:600 1rem/1.3 var(--f-body);text-align:start;cursor:pointer;text-decoration:underline;text-underline-offset:.25em}
.desk-t td .quiet{font-size:var(--t-label)}
@media (max-width:699px){.desk-t thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}.desk-t tr{display:grid;padding-block:var(--s3);border-block-end:1px solid var(--line)}.desk-t td{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:var(--s3);border:0;padding:var(--s1) 0}.desk-t td::before{content:attr(data-label);font-size:var(--t-label);color:var(--muted);padding-block-start:3px}.desk-t td[colspan]{display:block}.desk-t td[colspan]::before{content:none}}
.rec{border:1px solid var(--line-strong);background:var(--surface);color:var(--fg);padding:var(--s6);max-inline-size:min(520px,92vw)}
.rec::backdrop{background:rgba(0,0,0,.8)}
.rec .lede{margin-block:var(--s3)}
.rec .btn{margin-block-start:var(--s4)}
/* forms demo */
.fk{display:grid;gap:var(--s6);align-items:start}
.fk h2{font-size:1.75rem;margin-block-end:var(--s2)}
.fk-side{display:grid;gap:var(--s5)}
.fk-side .card{display:grid;gap:var(--s4)}
@media (min-width:1000px){.fk{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
/* 404 */
.nf{padding-block:var(--sec)}
.nf-in{display:grid;gap:var(--s6);align-items:center}
.nf .ph picture{aspect-ratio:3/2}
@media (min-width:1000px){.nf-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}}
/* credits */
.cr-list{list-style:none;padding:0;display:grid;gap:0 var(--s6)}
@media (min-width:900px){.cr-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cr-list li{display:flex;gap:var(--s4);padding-block:var(--s4);border-block-end:1px solid var(--line);align-items:flex-start}
.cr-list picture,.cr-list img{inline-size:64px;block-size:64px;object-fit:cover;flex:none}
.cr-list div{display:grid;gap:2px;min-inline-size:0}
.cr-list b{font-weight:600;overflow-wrap:anywhere}
.cr-list span{color:var(--muted)}
.cr-list small{color:var(--muted);font-size:var(--t-label)}
.cr-list a{color:var(--copper-t);display:inline-block;min-inline-size:44px;text-align:center;padding-block:10px;margin-block:-10px}
.sec a:not(.btn):not([class]){color:var(--copper-t)}
.sec--paper a:not(.btn):not([class]){color:var(--paper-copper)}
@media (min-width:1280px){.obj-grid--shop{grid-template-columns:repeat(3,minmax(0,1fr))}}
.desk-t td{vertical-align:middle}