@font-face{font-family:display;src:url('/assets/display.otf') format('opentype');font-display:swap}
@font-face{font-family:display;src:url('/assets/display-italic.otf') format('opentype');font-style:italic;font-display:swap}
@font-face{font-family:mono;src:url('/assets/mono.otf') format('opentype');font-display:swap}

:root{--ink:#111214;--paper:#f4f1e9;--lilac:#83659c;--lilac-dark:#654b7c;--yellow:#dfdf28;--concrete:#b9b8b4;--line:2px solid var(--ink);--pad:clamp(.9rem,3vw,3.5rem);--display:display,"Arial Narrow",Arial,sans-serif;--body:Arial,Helvetica,sans-serif;--mono:mono,"Courier New",monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--lilac);color:var(--ink);font:400 1rem/1.5 var(--body);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.09;background-image:repeating-linear-gradient(0deg,transparent 0 2px,#000 3px 3px);mix-blend-mode:multiply}
img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{touch-action:manipulation}button{border:0;background:none;padding:0;cursor:pointer}
::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}
h1,h2,h3,p,figure,ol,ul{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.045em;line-height:.84}
.skip-link{position:fixed;left:1rem;top:-100px;z-index:1200;background:var(--yellow);padding:.7rem 1rem;font:bold 1rem var(--mono)}.skip-link:focus{top:1rem}
.site-header{position:relative;z-index:100;min-height:70px;padding:.55rem var(--pad);display:grid;grid-template-columns:122px 1fr;align-items:center;gap:1.5rem;background:var(--ink);color:var(--paper);border-bottom:2px solid var(--yellow)}
.brand{display:block;width:120px;transform:rotate(-1.5deg)}.brand img{width:100%;height:auto}
.desktop-nav{display:flex;justify-content:center;align-items:center;gap:clamp(.55rem,2vw,2rem);font:700 .95rem var(--mono)}
.desktop-nav a{padding:.45rem .55rem;border:1px solid transparent;transition:.15s transform,.15s background,.15s color}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{background:var(--yellow);color:var(--ink);transform:rotate(-2deg)}.desktop-nav .archive-link{color:var(--lilac);border-bottom:1px solid currentColor}
.mobile-nav{display:none}.section{padding:clamp(2.2rem,4.4vw,4.4rem) var(--pad)}.micro{font:700 .8rem/1.25 var(--mono);letter-spacing:.02em;text-transform:lowercase}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.landing-page{background:var(--ink);overflow:hidden}.landing-page:before{display:none}.landing{height:100svh;width:100vw}.landing-link{display:grid;grid-template-rows:minmax(0,1fr) clamp(150px,22svh,210px);width:100%;height:100%;overflow:hidden;background:var(--ink);cursor:pointer}.landing-picture{display:grid;place-items:center;min-height:0;overflow:hidden;padding:clamp(.7rem,1.8vw,1.4rem);background:var(--lilac)}.landing-banner{width:100%;height:100%;object-fit:contain;object-position:center}.landing-logo-panel{display:grid;place-items:center;position:relative;z-index:2;min-height:0;padding:1.4rem 3rem 1.8rem;background:var(--ink);border-top:5px solid var(--yellow)}.landing-logo{display:block;width:min(30vw,380px);height:auto;max-height:calc(100% - .5rem);object-fit:contain;transition:opacity .15s}.landing-link:hover .landing-logo,.landing-link:focus-visible .landing-logo{opacity:.84}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.1rem;border:2px solid var(--ink);font:700 .92rem var(--mono);box-shadow:5px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button.yellow{background:var(--yellow)}.button.paper{background:var(--paper)}.button.black{background:var(--ink);color:var(--paper);border-color:var(--paper);box-shadow:5px 5px 0 var(--yellow)}
.text-link{display:inline-block;border-bottom:2px solid currentColor;font:700 1rem var(--mono);padding:.25rem 0}.feature{display:block;font:.72em/1.15 var(--mono);letter-spacing:0}

.hero{overflow:hidden;background:var(--lilac);border-bottom:7px solid var(--ink)}
.hero-image{height:clamp(340px,50svh,560px);background:var(--lilac);border-bottom:6px solid var(--ink)}.hero-image picture{display:block;width:100%;height:100%}.hero-world{width:100%;height:100%;object-fit:cover;object-position:center 56%;filter:saturate(.88) contrast(1.04)}
.hero-copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:clamp(1rem,3vw,3rem);align-items:center;padding:1rem var(--pad) 1.2rem;background:var(--lilac)}.hero-copy-field h1{font-size:clamp(3.2rem,5vw,5.4rem);margin:0;white-space:nowrap}.hero-copy-field h1 span{display:inline-block;background:var(--yellow);padding:.02em .09em;transform:rotate(-1deg)}
.release-copy{font:1rem/1.3 var(--mono);margin:0}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}

.lyric-draw{position:relative;background:var(--ink);color:var(--paper);padding:2rem var(--pad) 2.6rem;border-bottom:2px solid var(--yellow)}
#random-lyric{position:relative;display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:0 auto;width:min(76rem,90%);padding:clamp(1rem,2vw,1.6rem);background:var(--paper);color:var(--ink);border:2px solid var(--ink);transform:rotate(-1deg);box-shadow:8px 8px 0 var(--yellow)}#random-lyric span{font:800 clamp(3rem,6vw,6rem)/.84 var(--display);letter-spacing:-.04em;text-transform:lowercase}#random-lyric small{font:700 .82rem var(--mono);white-space:nowrap}#random-lyric:hover{transform:rotate(.2deg) translate(-2px,-2px)}

.release-grid{display:grid;grid-template-columns:minmax(300px,43%) 1fr;align-items:center;gap:clamp(2.5rem,5vw,6rem);background:var(--lilac) url('/assets/bg-3.webp') center/cover no-repeat}.cover-stack{position:relative}
.cover-main{width:100%;border:10px solid var(--paper);box-shadow:-12px 12px 0 var(--yellow),0 0 0 2px var(--ink);transform:rotate(-1deg)}.copier-label{position:absolute;left:-3%;bottom:3%;background:var(--paper);border:1px solid var(--ink);padding:.7rem 1.1rem;font:700 .8rem var(--mono);transform:rotate(2deg);box-shadow:4px 4px 0 var(--ink)}
.release-info h2{font-size:clamp(3.3rem,5.2vw,5.5rem);margin:.5rem 0 1.35rem}.release-info h2 em{display:inline-block;font-style:italic;background:var(--yellow);padding:0 .08em}
.track-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}.track-list li{border-bottom:1px solid var(--ink)}.track-list a,.track-list>li{display:grid;grid-template-columns:2.5rem 1fr auto;gap:.8rem;align-items:center;padding:.8rem .25rem;font:700 clamp(1rem,1.7vw,1.45rem) var(--mono);transition:padding .15s,background .15s}.track-list a:hover{background:var(--yellow);padding-left:.8rem;padding-right:.8rem}.track-no{font-size:.72em;opacity:.65}
.bonus-slip{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.6rem 0;padding:1rem;background:var(--paper);border:2px solid var(--ink);transform:rotate(1deg);box-shadow:5px 5px 0 var(--ink);font-family:var(--mono)}.bonus-slip small{font-weight:700}.bonus-slip a{font-weight:700;border-bottom:1px solid}
.link-strips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.link-strips a{background:var(--ink);color:var(--paper);padding:.55rem .75rem;font:700 .77rem var(--mono);transform:rotate(var(--r,0deg))}.link-strips a:nth-child(odd){background:var(--yellow);color:var(--ink);--r:-1deg}.link-strips a:nth-child(even){--r:1deg}.link-strips a:hover{transform:translateY(-3px) rotate(0)}

.physicals{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:.65fr 1fr 1fr;gap:clamp(1.7rem,3vw,3.8rem);align-items:start}.section-heading h2{font-size:clamp(3.3rem,4.7vw,5.2rem);color:var(--yellow);margin:.5rem 0}
.physical-item{position:relative}.physical-item img{width:100%;border:7px solid var(--paper);box-shadow:8px 8px 0 var(--lilac);transform:rotate(-.7deg)}.physical-item.right{padding-top:2.5rem}.physical-item.right img{transform:rotate(.7deg);box-shadow:8px 8px 0 var(--yellow)}.physical-item>div{position:relative;margin:-1.5rem .8rem 0;padding:1rem;background:var(--paper);color:var(--ink);border:2px solid var(--ink);transform:rotate(.35deg)}.physical-item h3{font-size:clamp(2.4rem,3.4vw,3.8rem);margin:.4rem 0 .7rem}.physical-item>div>span{font:700 .76rem var(--mono)}

.home-video{display:grid;grid-template-columns:1.35fr .65fr;gap:4vw;align-items:center;background:var(--yellow) url('/assets/bg-1.webp') center/cover no-repeat}.home-video>div:last-child{padding:1.1rem;background:rgba(244,241,233,.94);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.video-shell{width:100%;aspect-ratio:16/9}.video-frame{position:relative;display:block;width:100%;height:100%;overflow:hidden;border:7px solid var(--ink);background:var(--ink);box-shadow:-9px 9px 0 var(--yellow);transform:rotate(-.5deg)}.video-frame img{width:100%;height:100%;object-fit:cover}.video-frame span{position:absolute;left:1rem;bottom:1rem;background:var(--yellow);padding:.6rem .8rem;border:2px solid var(--ink);font:700 .82rem var(--mono);box-shadow:4px 4px 0 var(--ink)}.video-shell iframe{display:block;width:100%;height:100%;border:7px solid var(--ink);box-shadow:-9px 9px 0 var(--yellow)}.home-video h2{font-size:clamp(3.3rem,5.2vw,5rem);margin:.5rem 0 1rem}.home-video p:not(.micro){max-width:38ch}
.band-strip{display:grid;grid-template-columns:.8fr 1.2fr;gap:4.5vw;align-items:center;background:var(--lilac) url('/assets/bg-3-flip.webp') center/cover no-repeat}.band-strip>div{padding:1rem;background:rgba(244,241,233,.9);border:2px solid var(--ink)}.band-strip h2{font-size:clamp(3.5rem,5.4vw,5.2rem);margin:.4rem 0 1rem}.band-strip>div>p:not(.micro){max-width:38ch;font-size:1.05rem}.band-strip img{border:7px solid var(--paper);box-shadow:9px 9px 0 var(--yellow);transform:rotate(1deg)}

.site-footer{display:grid;grid-template-columns:1.2fr 1fr 1.2fr auto auto;gap:1.5rem;align-items:start;padding:1.5rem var(--pad);background:var(--ink);color:var(--paper);border-top:3px solid var(--yellow);font:700 .78rem/1.5 var(--mono)}.site-footer strong{display:block;color:var(--yellow)}.site-footer small{display:block;margin-top:.3rem;color:var(--paper)}.site-footer nav,.footer-links{display:flex;flex-direction:column}.site-footer a:hover{color:var(--yellow);text-decoration:underline}.footer-store{background:var(--yellow);color:var(--ink);padding:.7rem;transform:rotate(-1deg)}.label-credit{display:grid;justify-items:center;gap:.35rem;min-width:80px}.label-credit small{margin:0;color:var(--paper);font-weight:800;letter-spacing:.03em}.label-credit img{width:58px;height:70px;object-fit:contain}

.page-intro{position:relative;display:grid;place-items:start center;align-content:start;min-height:clamp(150px,14vw,220px);padding:clamp(1.4rem,2.2vw,2.2rem) var(--pad);background:var(--yellow);border-bottom:7px solid var(--ink);overflow:hidden;text-align:center}.page-intro h1{position:relative;z-index:1;width:100%;font-size:clamp(3.8rem,6.5vw,7rem);margin:0;color:var(--paper);letter-spacing:-.07em;text-align:center;text-shadow:3px 3px 0 var(--ink),-1px -1px 0 var(--ink)}.page-intro>p:last-child{position:relative;z-index:1;max-width:48ch;margin:.65rem auto 0;padding:.35rem .6rem;background:rgba(17,18,20,.84);color:var(--paper);font:1rem/1.4 var(--mono)}.torn-bottom{clip-path:polygon(0 0,100% 0,100% 96%,91% 99%,77% 96%,62% 100%,43% 97%,27% 100%,11% 96%,0 99%)}
.music-page .page-intro{background:var(--yellow) url('/assets/bg-2-flip.webp') center 58%/cover no-repeat}.music-page .sleeve-section{background:var(--lilac) url('/assets/bg-3.webp') center/cover no-repeat}.video-page .page-intro{background:var(--yellow) url('/assets/bg-1-flip.webp') center 48%/cover no-repeat}.video-page .video-archive{background:var(--paper) url('/assets/texture-white-tile.webp') 0 0/1024px 1024px repeat}.shop-page .page-intro{background:var(--lilac) url('/assets/bg-3-flip.webp') center/cover no-repeat}.shop-page .shop-ledger{background:var(--paper) url('/assets/texture-white-tile.webp') 0 0/1024px 1024px repeat}.archive-page .page-intro{background:var(--yellow) url('/assets/bg-2.webp') center 48%/cover no-repeat}.archive-page .archive-bed{background:var(--paper) url('/assets/texture-white-tile.webp') 0 0/1024px 1024px repeat}.about-page .about-copy{background:var(--paper) url('/assets/texture-white-tile.webp') 0 0/1024px 1024px repeat}
.sleeve-section{display:grid;grid-template-columns:minmax(300px,45%) 1fr;gap:5.5vw;align-items:start;background:var(--lilac)}.flip-sleeve{position:sticky;top:1rem}.flip-sleeve img{width:100%;border:8px solid var(--paper);box-shadow:-10px 10px 0 var(--yellow),0 0 0 2px var(--ink);transition:transform .25s;transform:rotate(-2deg)}.flip-sleeve.is-back img{transform:rotate(2deg)}.flip-sleeve figcaption{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;font:700 .8rem var(--mono)}.flip-sleeve button{border-bottom:2px solid var(--ink)}.release-sheet{padding-top:1rem}.release-sheet h2{font-size:clamp(4rem,6.7vw,6.7rem);margin:.4rem 0 1rem}.release-date{font:700 1rem var(--mono);padding:.6rem;background:var(--paper);border:2px solid var(--ink);display:inline-block;transform:rotate(-1deg)}
.edition-rule{display:grid;grid-template-columns:.7fr 1.3fr;gap:5.5vw;background:var(--ink);color:var(--paper)}.edition-rule h2{font-size:clamp(4rem,6.5vw,6.7rem);margin:.5rem 0;color:var(--yellow)}.edition-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center}.edition-columns article{min-height:190px;padding:1.5rem;background:var(--paper);color:var(--ink);border:2px solid var(--paper)}.edition-columns article>span{font:700 .76rem var(--mono)}.edition-columns .inserted{background:var(--lilac);transform:rotate(2deg);box-shadow:8px 8px 0 var(--yellow);border-color:var(--ink);color:var(--paper)}.edition-columns h3{font-size:3rem;margin:.7rem 0}.edition-columns a{font:700 .82rem var(--mono);border-bottom:2px solid}

.lyric-index-hero{background:var(--lilac) url('/assets/texture-lilac-tile.webp') 0 0/1024px 1024px repeat;color:var(--paper)}.lyric-file{min-height:58vh;background:var(--lilac) url('/assets/texture-lilac-tile.webp') 0 0/1024px 1024px repeat}.lyric-index-sheet{max-width:72rem;margin:auto;padding:clamp(1.1rem,2.2vw,2rem);background:rgba(244,241,233,.95);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink);transform:rotate(-.35deg)}.lyric-file ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.lyric-file li{position:relative}.lyric-file li a{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:.7rem;height:100%;padding:.75rem 1rem;background:var(--paper) url('/assets/texture-white-tile.webp') 0 0/1024px 1024px repeat;border:1px solid var(--ink)}.lyric-file li a:hover{background:var(--yellow) url('/assets/texture-yellow-tile.webp') 0 0/1024px 1024px repeat}.lyric-file li span,.lyric-file li small{font:700 .78rem var(--mono)}.lyric-file li strong{min-width:0;white-space:nowrap;font:800 clamp(1.45rem,2.25vw,2.35rem)/1 var(--display)}.lyric-file .feature{display:inline;font-size:.5em;white-space:nowrap}.lyric-file .bonus-index-item{grid-column:1/-1;width:68%;justify-self:end;margin-top:.7rem;transform:rotate(1deg);box-shadow:6px 6px 0 var(--yellow)}.lyric-file .bonus-index-item:before{content:"vinyl only";position:absolute;right:1rem;top:-1.55rem;color:var(--ink);font:700 .78rem var(--mono)}.lyric-file .bonus-index-item a{background:var(--lilac) url('/assets/texture-lilac-tile.webp') 0 0/1024px 1024px repeat;color:var(--paper)}.lyric-file .bonus-index-item a:hover{color:var(--ink)}

.video-archive{background:var(--lilac);min-height:50vh}.video-archive article{display:grid;grid-template-columns:1.4fr .6fr;gap:5vw;align-items:center;max-width:78rem;margin:auto}.video-shell.large{box-shadow:10px 10px 0 var(--yellow)}.video-archive h2{font-size:clamp(3.5rem,5.5vw,5.7rem);margin:.5rem 0}
.shop-ledger{background:var(--paper)}.shop-ledger article{display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:5.5vw;align-items:center;padding:3rem 0;border-top:3px solid var(--ink)}.shop-ledger article:nth-child(even){direction:rtl}.shop-ledger article:nth-child(even)>*{direction:ltr}.shop-ledger figure{position:relative;background:var(--lilac);padding:.8rem;border:2px solid var(--ink);box-shadow:9px 9px 0 var(--yellow);transform:rotate(-1deg)}.shop-ledger article:nth-child(even) figure{transform:rotate(1deg)}.shop-ledger figure img{width:100%;aspect-ratio:1;object-fit:contain}.shop-ledger figcaption{position:absolute;right:.8rem;bottom:.8rem;background:var(--paper);padding:.45rem .65rem;font:700 .76rem var(--mono);border:1px solid}.shop-ledger h2{font-size:clamp(3.6rem,5.5vw,5.6rem);margin:.5rem 0 .8rem}.shop-ledger ul{padding-left:1.2rem;font-family:var(--mono);margin-bottom:1.5rem}

.about-hero{position:relative;min-height:60vh;display:flex;align-items:end;overflow:hidden;border-bottom:8px solid var(--ink)}.about-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-hero>div{position:relative;width:min(44rem,70%);margin:0 0 2.5rem var(--pad);padding:1.4rem;background:rgba(244,241,233,.94);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--yellow);transform:rotate(-1deg)}.about-hero h1{font-size:clamp(5rem,8.5vw,8.5rem);margin:.3rem 0 .8rem}.about-hero p:last-child{font:1.05rem/1.45 var(--mono);max-width:48ch}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:5vw;background:var(--yellow);font:800 clamp(2.2rem,3.6vw,3.8rem)/.92 var(--display);letter-spacing:-.04em}.about-copy p:nth-child(2){transform:rotate(2deg);background:var(--paper);padding:1rem;border:2px solid;box-shadow:7px 7px 0 var(--ink)}
.member-contact-sheet{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2.5vw,3rem);background:var(--ink);color:var(--paper)}.member-contact-sheet figure{background:var(--paper);padding:.75rem .75rem 1rem;color:var(--ink);transform:rotate(var(--r));box-shadow:7px 7px 0 var(--yellow)}.member-contact-sheet img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--lilac)}.member-contact-sheet figcaption{padding-top:.8rem}.member-contact-sheet strong{display:block;font:800 clamp(1.7rem,3vw,3rem)/.95 var(--display)}.member-contact-sheet span{font:700 .72rem var(--mono)}

.archive-intro{background:var(--paper)}.archive-bed{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.4rem,3vw,3rem);align-items:start;background:var(--lilac)}.archive-bed figure{margin:0;padding:.7rem;background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--yellow);transform:rotate(var(--r,0deg))}.archive-bed button{display:block;width:100%}.archive-bed img{width:100%;height:auto}.archive-bed figcaption{padding-top:.5rem;font:700 .76rem var(--mono)}.archive-a{grid-column:1/9;--r:-1deg}.archive-b{grid-column:9/13;--r:2deg}.archive-c{grid-column:2/7;--r:-2deg}.archive-d{grid-column:7/13;--r:1deg}.archive-e{grid-column:1/4;--r:-2deg}.archive-f{grid-column:4/7;--r:1deg}.archive-g{grid-column:7/10;--r:-1deg}.archive-h{grid-column:10/13;--r:2deg}.archive-lightbox{width:min(92vw,1100px);max-height:92svh;padding:3.2rem 1rem 1rem;border:3px solid var(--ink);background:var(--paper);box-shadow:12px 12px 0 var(--yellow)}.archive-lightbox::backdrop{background:rgba(17,18,20,.88)}.archive-lightbox img{max-width:100%;max-height:78svh;margin:auto;object-fit:contain}.archive-lightbox p{margin:.8rem 0 0;font:700 .8rem var(--mono)}.archive-lightbox button{position:absolute;right:1rem;top:.8rem;border-bottom:2px solid;font:700 .8rem var(--mono)}

.lyric-page{background:var(--paper)}.lyric-hero{position:relative;display:flex;align-items:flex-end;min-height:clamp(300px,28vw,440px);overflow:hidden;background:var(--lilac);border-bottom:7px solid var(--ink)}.lyric-scene{position:absolute;inset:0;min-width:0;max-height:none;overflow:hidden}.lyric-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,18,20,.12),transparent 62%)}.lyric-scene img{width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.04) saturate(.9)}.lyric-title{position:relative;z-index:1;margin:0 0 clamp(1.2rem,3vw,2.4rem) var(--pad);display:flex;flex-direction:column;align-items:flex-start;width:min(68rem,82%);padding:clamp(1rem,2vw,1.6rem);background:rgba(244,241,233,.94);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--yellow)}.lyric-title h1{font-size:clamp(3.4rem,6vw,6.1rem);margin:.2rem 0 .7rem}.lyric-title>span{font:700 .82rem var(--mono)}.bonus-note{display:inline-block;background:var(--yellow);padding:.4rem .6rem;border:1px solid var(--ink)}
.reader-controls{position:sticky;top:0;z-index:90;display:flex;justify-content:space-between;gap:1rem;padding:.6rem var(--pad);background:var(--ink) url('/assets/texture-black-tile.webp') 0 0/1024px 1024px repeat;color:var(--paper);font:700 .82rem var(--mono);border-bottom:2px solid var(--yellow)}.reader-controls button,.reader-controls a{border-bottom:1px solid}.lyric-layout{background:var(--lilac) url('/assets/texture-lilac-tile.webp') 0 0/1024px 1024px repeat;padding-block:clamp(1.8rem,3.5vw,3.5rem)}.lyric-sheet{width:min(74rem,100%);margin:auto;padding:clamp(1.3rem,2.6vw,2.6rem);background:rgba(244,241,233,.97) url('/assets/texture-white-tile.webp') 0 0/1024px 1024px repeat;border:2px solid var(--ink);box-shadow:9px 9px 0 var(--yellow);transform:rotate(-.2deg)}.lyric-sheet-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;padding-bottom:.55rem;border-bottom:2px solid var(--ink);font:700 .8rem var(--mono)}.official-lyrics{columns:2;column-gap:clamp(2rem,5vw,5rem);column-rule:1px solid rgba(17,18,20,.25);text-transform:lowercase}.lyric-block{display:inline-block;width:100%;break-inside:avoid;margin:0 0 1.05rem;padding:0;font:700 1rem/1.42 var(--mono)}.lyric-block span{display:block}.lyric-block.shout{margin:.25rem 0 1.2rem;padding:.6rem .7rem;background:var(--yellow) url('/assets/texture-yellow-tile.webp') 0 0/1024px 1024px repeat;font:800 clamp(1.15rem,1.7vw,1.55rem)/1.12 var(--display);letter-spacing:-.02em}.lyric-pagination{display:flex;justify-content:space-between;gap:1rem;padding:1.15rem var(--pad);background:var(--ink) url('/assets/texture-black-tile.webp') 0 0/1024px 1024px repeat;color:var(--paper);font:700 .82rem var(--mono)}.lyric-pagination a:hover{color:var(--yellow)}
.bonus-lyric .lyric-scene img{object-position:center 45%}
.plain-mode .lyric-scene{display:none}.plain-mode .lyric-hero{display:block;min-height:0;background:var(--paper)}.plain-mode .lyric-title{margin:0;width:100%;padding:2rem var(--pad);background:var(--paper);border:0;box-shadow:none}.plain-mode .lyric-title h1{font-size:clamp(3rem,6vw,5rem)}.plain-mode .lyric-layout{background:var(--paper)}.plain-mode .lyric-sheet{max-width:48rem;padding:0;border:0;box-shadow:none;transform:none}.plain-mode .lyric-sheet+.lyric-sheet{margin-top:2rem}.plain-mode .lyric-sheet-head{display:none}.plain-mode .official-lyrics{columns:1;column-rule:0}.plain-mode .lyric-block{margin:0 0 1.15rem;padding:0;background:transparent;color:var(--ink);font:400 1.08rem/1.58 var(--body)}.plain-mode .sheet-controls{display:none}.plain-mode .reader-controls button{color:var(--yellow)}

html,.site-header,.landing-page,.landing-link,.landing-logo-panel,.lyric-draw,.physicals,.edition-rule,.site-footer,.member-contact-sheet{background-color:var(--ink);background-image:url('/assets/texture-black-tile.webp');background-position:0 0;background-size:1024px 1024px;background-repeat:repeat}
.edition-columns article,.bonus-slip,.release-date,.shop-ledger figcaption{background-color:var(--paper);background-image:url('/assets/texture-white-tile.webp');background-position:0 0;background-size:1024px 1024px;background-repeat:repeat}
.edition-columns .inserted{background-color:var(--lilac);background-image:url('/assets/texture-lilac-tile.webp');background-position:0 0;background-size:1024px 1024px;background-repeat:repeat}
.button.yellow,.footer-store{background-color:var(--yellow);background-image:url('/assets/texture-yellow-tile.webp');background-position:0 0;background-size:1024px 1024px;background-repeat:repeat}.button.paper{background-color:var(--paper);background-image:url('/assets/texture-white-tile.webp');background-position:0 0;background-size:1024px 1024px;background-repeat:repeat}.button.black,.link-strips a{background-color:var(--ink);background-image:url('/assets/texture-black-tile.webp');background-position:0 0;background-size:1024px 1024px;background-repeat:repeat}

@media (max-width:1050px){.site-header{grid-template-columns:118px 1fr}.physicals{grid-template-columns:1fr 1fr}.physicals>.section-heading{grid-column:1/-1}.physical-item.right{padding-top:0}.member-contact-sheet{grid-template-columns:repeat(2,1fr)}.hero-copy-field{grid-template-columns:1fr auto}.hero-copy-field .hero-actions{grid-column:1/-1}}
@media (max-width:760px){
  :root{--pad:1.15rem}.site-header{min-height:72px;grid-template-columns:118px 1fr;gap:1rem;position:relative}.desktop-nav{display:none}.mobile-nav{display:block;justify-self:end;position:relative}.mobile-nav summary{list-style:none;cursor:pointer;background:var(--yellow);color:var(--ink);padding:.55rem .8rem;font:700 .8rem var(--mono);border:2px solid var(--paper)}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:calc(100% + .6rem);width:min(78vw,280px);display:flex;flex-direction:column;gap:.45rem;padding:.8rem;background:var(--lilac);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--yellow)}.mobile-nav nav a{background:var(--paper);color:var(--ink);padding:.75rem;font:700 1rem var(--mono);border:1px solid var(--ink)}.mobile-nav nav a[aria-current="page"]{background:var(--yellow)}
  .landing-link{grid-template-rows:minmax(0,1fr) clamp(128px,19svh,170px)}.landing-logo-panel{padding:1.1rem 1.25rem 1.4rem}.landing-logo{width:min(72vw,320px);max-height:calc(100% - .75rem)}.landing-picture{padding:.8rem}.landing-banner{object-fit:contain;object-position:center}
  .hero-image{height:auto;aspect-ratio:1}.hero-world{object-position:center}.hero-copy-field{grid-template-columns:1fr;padding:1rem var(--pad) 1.2rem}.hero-copy-field h1{font-size:clamp(3.3rem,13vw,5rem);white-space:normal}.hero-copy-field .hero-actions{grid-column:auto}.release-copy{font-size:.9rem}
  #random-lyric{width:100%;align-items:start;flex-direction:column;gap:.8rem}#random-lyric span{font-size:clamp(3rem,14vw,5rem)}
  .release-grid,.home-video,.band-strip,.sleeve-section,.edition-rule,.video-archive article,.shop-ledger article,.about-copy{grid-template-columns:1fr}.cover-stack{width:88%;margin:auto}.release-info h2{font-size:clamp(3.5rem,12vw,5.2rem)}.track-list a{font-size:1rem;grid-template-columns:2rem 1fr auto}
  .physicals{grid-template-columns:1fr}.physicals>.section-heading{grid-column:auto}.physical-item{margin-bottom:2rem}.home-video h2,.band-strip h2{font-size:14vw}.band-strip>div{order:2}
  .site-footer{grid-template-columns:1fr 1fr}.footer-store{align-self:start}.page-intro h1{font-size:17vw}.flip-sleeve{position:static}.edition-columns{grid-template-columns:1fr}
  .lyric-index-sheet{transform:none}.lyric-file ol{grid-template-columns:1fr}.lyric-file li a{grid-template-columns:2.4rem minmax(0,1fr) auto;padding:.72rem .8rem}.lyric-file li small{grid-column:auto}.lyric-file li strong{font-size:clamp(1.25rem,5.4vw,1.8rem)}.lyric-file .bonus-index-item{grid-column:auto;width:100%;margin-top:1.1rem}.video-archive h2,.shop-ledger h2{font-size:14vw}.shop-ledger article:nth-child(even){direction:ltr}
  .about-hero{min-height:560px}.about-hero>img{object-position:55% center}.about-hero>div{width:auto;margin:0 1rem 1.5rem}.about-hero h1{font-size:17vw}.about-copy{font-size:2.5rem}.member-contact-sheet{grid-template-columns:1fr 1fr;gap:1.4rem}.member-contact-sheet strong{font-size:1.8rem}
  .archive-bed{grid-template-columns:1fr;gap:1.7rem}.archive-bed figure{grid-column:auto!important;transform:rotate(var(--r,0deg))}.archive-bed figure:nth-child(odd){--r:-1deg}.archive-bed figure:nth-child(even){--r:1deg}
  .lyric-hero{min-height:clamp(300px,72vw,430px)}.lyric-title{margin:0 1rem 1.2rem;width:calc(100% - 2rem);padding:1rem}.lyric-title h1{font-size:clamp(3.3rem,13vw,5.1rem)}.lyric-sheet{padding:1.2rem;transform:none}.official-lyrics{columns:1;column-rule:0}.lyric-block{font-size:1rem;margin-bottom:1.05rem}
}
@media (max-width:460px){.hero-actions{gap:.65rem}.button{padding:.65rem .8rem;font-size:.8rem}.bonus-slip{align-items:flex-start;flex-direction:column}.site-footer{grid-template-columns:1fr}.site-footer nav,.footer-links{display:grid;grid-template-columns:1fr 1fr}.label-credit{justify-items:start}.member-contact-sheet{grid-template-columns:1fr}.member-contact-sheet figure{margin-inline:5%}.reader-controls{font-size:.74rem}.lyric-pagination{font-size:.72rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Refined surface system: small controls use texture, medium sections use imagery,
   and page-scale fields use a same-direction repeating texture. */
.page-intro h1{color:#fff;text-shadow:none;-webkit-text-stroke:0}
.lyric-index-hero{background:var(--lilac) url('/assets/bg-3.webp') center/cover no-repeat}
.video-page .video-archive{background:var(--paper) url('/assets/bg-white.webp') center/cover no-repeat}
.about-page .about-copy{background:var(--paper) url('/assets/bg-white-flip.webp') center/cover no-repeat}
.hero-copy-field{
  background-color:var(--lilac);background-image:url('/assets/texture-lilac-tile.webp');background-position:0 0;background-size:512px 512px;background-repeat:repeat
}
#random-lyric{
  background-color:var(--paper);background-image:url('/assets/texture-white-tile.webp');background-position:0 0;background-size:512px 512px;background-repeat:repeat
}
.track-list a,.track-list>li{grid-template-columns:2.5rem minmax(0,1fr) auto;font-size:clamp(.82rem,1.3vw,1.28rem);white-space:nowrap}
.track-list a>span:nth-child(2),.track-list>li>span:nth-child(2){min-width:0;white-space:nowrap}
.track-list .feature{display:inline;font-size:.72em;white-space:nowrap}
.release-sheet{min-width:0}

html,.site-header,.landing-page,.landing-link,.landing-logo-panel,.lyric-draw,.physicals,.edition-rule,.site-footer,.member-contact-sheet,
.lyric-index-hero,.lyric-file,.lyric-layout{background-size:512px 512px}
.edition-columns article,.bonus-slip,.release-date,.shop-ledger figcaption,.flip-sleeve figcaption,.member-contact-sheet figure,.mobile-nav nav a{
  background-color:var(--paper);background-image:url('/assets/texture-white-tile.webp');background-position:0 0;background-size:512px 512px;background-repeat:repeat
}
.edition-columns .inserted,.mobile-nav nav{
  background-color:var(--lilac);background-image:url('/assets/texture-lilac-tile.webp');background-position:0 0;background-size:512px 512px;background-repeat:repeat
}
.button.yellow,.footer-store,.mobile-nav summary,.video-frame>span{
  background-color:var(--yellow);background-image:url('/assets/texture-yellow-tile.webp');background-position:0 0;background-size:512px 512px;background-repeat:repeat
}
.button.paper{
  background-color:var(--paper);background-image:url('/assets/texture-white-tile.webp');background-position:0 0;background-size:512px 512px;background-repeat:repeat
}
.button.black,.link-strips a,.reader-controls button,.reader-controls a{
  background-color:var(--ink);background-image:url('/assets/texture-black-tile.webp');background-position:0 0;background-size:512px 512px;background-repeat:repeat
}

@media (max-width:760px){
  .track-list a{grid-template-columns:1.8rem minmax(0,1fr) auto;gap:.55rem;font-size:clamp(.72rem,3vw,.95rem)}
}

/* Full-width artwork and legible copy panels. */
.lyric-index-hero{background-size:cover;background-position:center;background-repeat:no-repeat}
.about-copy p:first-child{margin:0;padding:1rem;background:rgba(244,241,233,.96);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);transform:rotate(-.5deg)}

/* Archive-style title system across every page and track hero. */
.page-intro{place-items:center;align-content:center}
.page-intro h1{width:auto}
.page-intro>p:last-child{display:inline-block;margin:.55rem auto 0;background:rgba(17,18,20,.9);background-image:url('/assets/texture-black-tile.webp');background-position:0 0;background-size:512px 512px;background-repeat:repeat}
.lyric-title{width:min(74rem,calc(100% - (2 * var(--pad))));margin:0 var(--pad) clamp(1.2rem,3vw,2.4rem);padding:0;background:transparent;border:0;box-shadow:none;transform:none}
.lyric-title h1{margin:0 0 .65rem;color:#fff;font-size:clamp(3.4rem,6vw,6.1rem);text-shadow:none;-webkit-text-stroke:0}
.lyric-title>span,.lyric-title .bonus-note{display:inline-block;padding:.4rem .65rem;background:rgba(17,18,20,.92);background-image:url('/assets/texture-black-tile.webp');background-position:0 0;background-size:512px 512px;background-repeat:repeat;color:#fff;border:0;font:700 .82rem var(--mono)}
.lyric-title .feature{display:inline;font:.42em/1 var(--mono);letter-spacing:0;white-space:nowrap}

/* White artwork for the index; subtle black paper behind individual lyric sheets. */
.lyric-file{background:var(--paper) url('/assets/bg-white.webp') center/cover no-repeat}
.lyric-layout{background-color:var(--ink);background-image:url('/assets/texture-black-tile.webp');background-position:0 0;background-size:512px 512px;background-repeat:repeat}

/* About is intentionally image-only. */
.about-hero-image-only{min-height:clamp(430px,68vw,860px);border-bottom:0}
.about-hero-image-only>img{object-position:center}

/* The band photograph doubles as the about page: hover, focus or tap a face. */
.about-hero-image-only{aspect-ratio:1983/1116;min-height:0;display:block;isolation:isolate;background:var(--ink)}
.about-hero-image-only>img{z-index:0}
.member-hotspots{position:absolute!important;inset:0;width:100%!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;transform:none!important;background:transparent!important;z-index:2}
.member-hotspot{position:absolute;z-index:3;border-radius:48% 48% 42% 42%;outline-offset:2px}
.member-hotspot-jude{left:28.1%;top:29.4%;width:13.7%;height:35.5%}
.member-hotspot-eli{left:40.2%;top:33.6%;width:13%;height:34.4%}
.member-hotspot-kit{left:51.6%;top:27.7%;width:11.7%;height:34.8%}
.member-hotspot-rafe{left:62.1%;top:30.3%;width:13.2%;height:37.2%}
.member-card{position:absolute;z-index:4;bottom:clamp(.7rem,2.3vw,2rem);display:grid;grid-template-columns:clamp(110px,14vw,190px) minmax(0,1fr);align-items:end;width:min(34rem,46vw);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) rotate(var(--card-r));transition:opacity .16s,transform .16s,visibility .16s}
.member-card.is-visible{opacity:1;visibility:visible;transform:translateY(0) rotate(var(--card-r))}
.member-card.is-pointer{right:auto;bottom:auto;transform:rotate(var(--card-r))}
.member-card-left{left:var(--pad);--card-r:-1deg}.member-card-right{right:var(--pad);--card-r:1deg}
.member-card>img{position:relative;width:100%;aspect-ratio:1;object-fit:cover;background:var(--lilac);border:4px solid var(--paper);box-shadow:7px 7px 0 var(--yellow)}
.member-card>div{position:relative;margin:0 0 .7rem -.6rem;padding:.7rem .8rem;background:var(--ink);background-image:url('/assets/texture-black-tile.webp');background-size:512px 512px;color:var(--paper);border:2px solid var(--paper);box-shadow:5px 5px 0 var(--yellow)}
.member-card strong{display:block;font:800 clamp(1.6rem,2.6vw,2.65rem)/.95 var(--display);letter-spacing:-.035em}
.member-card span{display:block;margin-top:.4rem;color:var(--yellow);font:700 .88rem var(--mono)}

/* A compact two-up product shelf leaves room for future merch rows. */
.shop-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.4rem,3vw,3rem);align-items:start}
.shop-ledger .shop-card{display:grid;grid-template-columns:minmax(155px,42%) minmax(0,1fr);gap:clamp(1rem,2vw,2rem);align-items:center;padding:0;border-top:0;direction:ltr}
.shop-ledger .shop-card:nth-child(even){direction:ltr}
.shop-ledger .shop-card figure{margin:0;padding:.55rem;box-shadow:7px 7px 0 var(--yellow)}
.shop-ledger .shop-card:nth-child(even) figure{transform:rotate(1deg)}
.shop-ledger .shop-card h2{font-size:clamp(2.2rem,3.4vw,3.7rem);margin:.35rem 0 .55rem}
.shop-ledger .shop-card p:not(.micro){margin-bottom:.55rem}
.shop-ledger .shop-card ul{margin:.4rem 0 1rem;padding-left:1rem;font-size:.82rem}
.shop-ledger .shop-card .button{min-height:44px;padding:.6rem .85rem;font-size:.78rem}

@media (max-width:760px){
  .lyric-title{width:calc(100% - 2rem);margin:0 1rem 1.2rem;padding:0}
  .lyric-title h1{font-size:clamp(3rem,13vw,5rem)}
  .about-hero-image-only{aspect-ratio:1983/1116;min-height:0}
  .member-card{bottom:.65rem;width:min(16rem,68vw);grid-template-columns:74px minmax(0,1fr)}
  .member-card-left{left:.65rem}.member-card-right{right:.65rem}
  .member-card>img{border-width:2px;box-shadow:4px 4px 0 var(--yellow)}
  .member-card>div{margin-bottom:.25rem;padding:.5rem .55rem;box-shadow:3px 3px 0 var(--yellow)}
  .member-card strong{font-size:1.15rem}.member-card span{font-size:.68rem;margin-top:.2rem}
  .shop-ledger{grid-template-columns:1fr;gap:2.6rem}
  .shop-ledger .shop-card{grid-template-columns:minmax(130px,42%) minmax(0,1fr)}
  .shop-ledger .shop-card h2{font-size:clamp(2.3rem,9vw,3.4rem)}
}

@media (max-width:480px){
  .shop-ledger .shop-card{grid-template-columns:1fr}
  .shop-ledger .shop-card figure{width:82%;margin:auto}
}

/* Mobile legibility and a tighter, square band portrait. */
@media (max-width:760px){
  .music-page .release-sheet .track-list{display:grid;gap:.48rem;border-top:0}
  .music-page .release-sheet .track-list li{border-bottom:0}
  .music-page .release-sheet .track-list a{
    grid-template-columns:1.7rem minmax(0,1fr) auto;
    gap:.45rem;
    min-height:52px;
    padding:.78rem .72rem;
    background:rgba(244,241,233,.92) url('/assets/texture-white-tile.webp') 0 0/512px 512px repeat;
    border:1px solid var(--ink);
    font-size:clamp(.92rem,4vw,1.05rem);
  }
  .music-page .release-sheet .track-list .feature{font-size:.62em}
  .music-page .release-sheet .track-list a>span:last-child{font-size:1rem}

  .lyric-file li:not(.bonus-index-item) small{font-size:0;line-height:1}
  .lyric-file li:not(.bonus-index-item) small:after{content:"↗";font:700 1rem/1 var(--mono)}
  .lyric-file li strong{font-size:clamp(1.18rem,5.1vw,1.65rem)}
  .lyric-file .feature{font-size:.43em}

  .about-hero-image-only{aspect-ratio:1/1}
  .about-hero-image-only>img{object-fit:cover;object-position:center}
  .member-hotspot-jude{left:11%;top:29.4%;width:24.4%;height:35.5%}
  .member-hotspot-eli{left:32.6%;top:33.6%;width:23.1%;height:34.4%}
  .member-hotspot-kit{left:52.8%;top:27.7%;width:20.8%;height:34.8%}
  .member-hotspot-rafe{left:71.5%;top:30.3%;width:23.5%;height:37.2%}
}

/* Match individual lyric heroes to the centred site-wide header system. */
.lyric-hero{justify-content:center}
.lyric-title{margin-left:auto;margin-right:auto;text-align:center}

.plain-mode .lyric-title{margin:0;width:100%;padding:2rem var(--pad);background:var(--paper);border:0;box-shadow:none}
.plain-mode .lyric-title h1{margin:0;color:var(--ink);font-size:clamp(3rem,6vw,5rem)}