:root{color-scheme:dark;--green:#9ccc7c;--muted:#9992a1;--line:#37303e;--bg:#09050e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#d6cedc;font:16px/1.6 'Courier New',monospace}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline;color:#c8f2ac}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:5px}.topbar{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:12px 18px;font-size:14px;border-bottom:1px solid #211a28}.topbar>span{color:var(--muted)}main{max-width:1060px;margin:auto;padding:34px 30px 0}header{text-align:center}h1{font-weight:400;font-size:clamp(38px,7.8vw,86px);letter-spacing:.07em;line-height:1.12;margin:10px 0 28px;color:var(--green);text-shadow:0 0 25px #80c55b20}h1 span{font-size:.58em;letter-spacing:.15em}.banner{display:block;width:100%;aspect-ratio:3/1;object-fit:cover;border:1px solid #352e3b}.caption{display:flex;justify-content:space-between;padding:8px 0;color:#a799b3;font-size:12px;letter-spacing:.06em}.layout{margin-top:24px}aside{margin:0 0 22px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:22px}aside h2{font-size:14px;font-weight:400;margin:0;color:#9c87af;white-space:nowrap}nav{display:flex;gap:8px 18px;flex-wrap:wrap}nav button{cursor:pointer;background:none;border:0;font:inherit;font-size:14px;padding:5px 0;color:var(--muted)}nav button span{display:none}nav button:before{content:'[ ';color:#695d74}nav button:after{content:' ]';color:#695d74}nav button:hover,nav button.active{color:var(--green)}nav button.active{text-decoration:underline;text-underline-offset:5px}.side-note{display:none}.record{border:1px solid var(--line);background:#100b16;padding:0 22px}.panel-heading{display:flex;justify-content:space-between;gap:15px;padding:10px 0;color:#a99bb5;font-size:12px;border-bottom:1px solid #2a2132}.artist-heading{padding:20px 0 16px;display:flex;justify-content:space-between;align-items:baseline;gap:20px}.eyebrow{font-size:12px;color:#a99bb5;letter-spacing:.1em;margin:0}.artist-heading h2{font-size:26px;font-weight:400;color:var(--green);margin:0;line-height:1.3}#player{padding-bottom:22px}iframe{display:block;border:0;width:100%;background:#151219;border-radius:0}.external{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:13px;font-size:14px}.external>span{color:var(--muted);font-size:12px}#empty{text-align:center;padding:30px 14px 50px;min-height:250px}.empty-glyph{font-size:40px;color:#897198}#empty p{color:var(--green)}#empty>span{font-size:14px;color:var(--muted)}.record-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #2a2132;padding:10px 0;color:#a99bb5;font-size:12px}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:30px;border-top:1px solid var(--line);padding:20px 0 30px;font-size:12px;color:var(--muted)}footer>span:nth-child(2){letter-spacing:.1em}footer a{font-size:14px}[hidden]{display:none!important}@media(max-width:650px){main{padding:22px 15px 0}.topbar>span{display:none}h1{letter-spacing:.025em}.banner{aspect-ratio:2.2/1}.caption{font-size:12px;letter-spacing:0}aside{display:block}aside h2{margin-bottom:8px}nav{gap:3px 14px}.record{padding:0 13px}.artist-heading{display:block}.eyebrow{margin-bottom:6px}.artist-heading h2{font-size:24px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.banner{height:auto}
.release-controls{display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin:0 0 18px}.release-controls label{color:var(--muted);font-size:14px;grid-column:1/-1}.release-controls select{min-width:0;width:100%;border:1px solid var(--line);border-radius:0;background:#191120;color:#d6cedc;padding:10px 12px;font:inherit;font-size:16px}.release-controls select:focus-visible{outline:2px solid var(--green);outline-offset:3px}#release-count{align-self:center;font-size:12px;color:var(--muted)}.external>div{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:600px){.release-controls{grid-template-columns:1fr}#release-count{grid-column:1}.external>div{gap:8px 16px}}
.player-help{font-size:14px;color:var(--muted);margin:12px 0}.player-help a{text-decoration:underline}
.release-header{display:flex;align-items:baseline;justify-content:space-between;margin:4px 0 18px}.release-header h3{font-size:14px;font-weight:400;color:var(--muted);margin:0}.release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px;margin-bottom:32px}.release-card{display:flex;flex-direction:column;text-align:left;min-width:0;border:0;padding:0;background:none;font:inherit;color:#d6cedc;cursor:pointer}.release-art{width:100%;aspect-ratio:1;background:#1b1322;border:1px solid #403449;overflow:hidden;transition:border-color .15s}.release-art img{display:block;width:100%;height:100%;object-fit:cover}.release-title{display:block;font-size:14px;line-height:1.45;margin-top:10px;overflow-wrap:anywhere}.release-type{display:block;margin-top:5px;color:var(--muted);font-size:12px;letter-spacing:.04em}.release-card:hover .release-art,.release-card.selected .release-art{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.release-card:hover .release-title,.release-card.selected .release-title{color:var(--green)}.release-card:focus-visible{outline:2px solid var(--green);outline-offset:5px}.missing-art{display:grid;place-items:center;color:var(--muted);font-size:12px}#now-playing{border-top:1px solid var(--line);padding-top:18px;scroll-margin-top:20px}#selected-release{color:var(--green);font-size:20px;font-weight:400;margin:0 0 18px}@media(max-width:760px){.release-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}}@media(prefers-reduced-motion:reduce){.release-art{transition:none}}
.portfolio-section{margin-top:42px;scroll-margin-top:20px}.portfolio-listening{border-top:1px solid var(--line);padding:22px 0;scroll-margin-top:24px}.portfolio-listening .release-header h3{font-size:20px;color:var(--green);font-weight:400}.portfolio-listening .release-header>span{font-size:12px;color:var(--muted)}#portfolio-current{font-size:16px;margin:0 0 14px}#portfolio-audio{display:block;width:100%;accent-color:var(--green)}#portfolio-status:empty{display:none}#portfolio-status{font-size:14px;color:var(--muted)}.portfolio-tracks{list-style:none;padding:0;margin:20px 0 0}.portfolio-tracks li{border-bottom:1px solid var(--line)}.portfolio-tracks button{width:100%;display:flex;gap:18px;text-align:left;padding:12px 8px;font:inherit;font-size:16px;border:0;background:none;color:#c6bdcc;cursor:pointer}.portfolio-tracks button>span:first-child{color:var(--muted);font-size:13px;padding-top:3px}.portfolio-tracks button.active,.portfolio-tracks button:hover{color:var(--green);background:#1c1423}.portfolio-tracks button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.portfolio-type-cover{display:flex;align-items:center;justify-content:center;padding:18px;background:#16101e;color:var(--green);font-size:20px;line-height:1.5;text-align:center}.portfolio-type-cover span{overflow-wrap:anywhere}#portfolio .release-grid{margin-top:12px}@media(max-width:520px){.portfolio-type-cover{font-size:16px;padding:10px}.portfolio-listening .release-header{display:block}.portfolio-listening .release-header>span{display:block;margin-top:6px}}