@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#080808;--panel:#101010;--fg:#f4f4f0;--muted:#a0a09b;--line:#30302e;--inverse:#080808;--inverted:#f4f4f0;color-scheme:dark}html[data-theme=light]{--bg:#edede8;--panel:#e2e2dc;--fg:#111110;--muted:#64645e;--line:#c4c4ba;--inverse:#f4f4f0;--inverted:#111110;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'IBM Plex Mono',monospace;font-size:16px;line-height:1.5}button,a,select{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--fg);outline-offset:5px}button{color:var(--fg)}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:0 4.5%;height:88px;position:sticky;top:0;z-index:10;background:var(--bg)}.brand{font-weight:900;font-size:26px;letter-spacing:-1.3px;white-space:nowrap}.header nav{display:flex;gap:38px;align-self:stretch}.header nav a{font-size:14px;font-weight:500;display:flex;align-items:center;position:relative;color:var(--muted)}.header nav a.active,.header nav a:hover{color:var(--fg)}.header nav a.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--fg)}.header-actions{display:flex;gap:10px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;border:0;background:transparent}.bag{width:58px}.bag span{font-family:'IBM Plex Mono',monospace;font-size:12px}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.header,footer{flex-shrink:0}main{flex:1;min-height:0;width:100%;outline:0}.page{max-width:1640px;margin:0 auto;padding:36px 4.5% 100px}.hero-meta,.hero-bottom,.eyebrow,.text-link,.tags,.mix-date{font-family:'IBM Plex Mono',monospace}.hero-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:1px}.wordmark{font-family:Inter,Arial,sans-serif;font-weight:900;line-height:1;letter-spacing:-.078em;font-size:clamp(70px,19vw,310px);position:relative;white-space:nowrap;padding:28px 0 30px;margin-left:-.015em}.wordmark span{position:absolute;inset:28px 0 30px;clip-path:inset(49% 0 47%);transform:translateX(4px);color:var(--muted);pointer-events:none;animation:glitch 8s infinite}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:12px;letter-spacing:.8px;gap:20px}.hero-bottom p{margin:0;color:var(--muted)}.text-link{font-size:13px;text-underline-offset:6px}.text-link:hover{text-decoration:underline}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:65px 0 23px}.section-title h1,.section-title h2{font-size:23px;font-weight:500;letter-spacing:-.8px;margin:0}.small-slash{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:1.4px;color:var(--muted)}.featured{display:grid;grid-template-columns:1.6fr 1fr;border:1px solid var(--line)}.video-frame{aspect-ratio:16/9;background:#000;position:relative}.video-frame iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.feature-copy{padding:36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--panel)}.feature-copy h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(48px,6vw,90px);line-height:1;margin:12px 0 18px;font-weight:700;letter-spacing:-2px}.tags{display:flex;flex-wrap:wrap;gap:8px;font-size:11px}.tags span{border:1px solid var(--line);padding:4px 8px}.mix-date{font-size:13px;color:var(--muted);margin:18px 0 30px}.feature-links{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.button{background:var(--inverted);color:var(--inverse);border:1px solid var(--inverted);min-height:44px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:opacity .2s}.button:hover{opacity:.8}.button.outline{background:transparent;color:var(--fg);border-color:var(--line)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 4.5%;font-size:12px;color:var(--muted)}footer .brand{color:var(--fg)}footer div{display:flex;gap:25px}.skip{position:absolute;top:-100px;z-index:99;background:var(--fg);color:var(--bg);padding:12px}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes glitch{0%,93%,96%,100%{transform:translateX(0);opacity:0}94%{transform:translateX(-8px);opacity:1}95%{transform:translateX(8px);opacity:1}}@media(max-width:800px){.header{height:auto;min-height:100px;padding:16px 5% 0;flex-wrap:wrap;gap:8px}.header nav{order:3;width:100%;justify-content:space-between;gap:20px;height:44px}.header-actions{margin-left:auto}.page{padding:26px 5% 60px}.hero-meta{font-size:10px;letter-spacing:.3px}.hero-meta span:last-child{display:none}.wordmark{font-size:18.7vw;padding:28px 0}.hero-bottom{font-size:10px;display:block}.hero-bottom a{display:none}.featured{grid-template-columns:1fr}.feature-copy{padding:24px}.feature-copy h2{font-size:64px}.section-title{margin-top:38px}.section-title h1,.section-title h2{font-size:20px}.section-title>.eyebrow{font-size:10px}.feature-links{width:100%}.mix-date{margin:15px 0 20px}footer{flex-wrap:wrap;padding:28px 5%;gap:18px}footer .brand{font-size:24px}footer div{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.video-poster{position:absolute;inset:0;border:0;padding:0;width:100%;height:100%;background:#000;color:#fff;overflow:hidden}.video-poster>img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:transform .7s,opacity .3s}.video-poster:hover>img{transform:scale(1.03);opacity:1}.video-play-pill{position:absolute;left:50%;top:min(calc(67% + 75px),calc(100% - 63px));transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:0;background:#fff;color:#080808;padding:14px 22px;min-height:50px;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 3px 22px #0003}.video-play-pill svg{flex:none;margin:0}.video-poster:hover .video-play-pill{background:#e6e6e6}.embed-help,.small-note{font-size:13px;line-height:1.6;color:var(--muted)}.mix-list{border-top:0}.mix-row:first-child{border-top:1px solid var(--line)}.mix-row{border-bottom:1px solid var(--line)}.mix-summary{display:grid;grid-template-columns:44px 60px minmax(0,1fr) 120px 100px;align-items:center;gap:20px;min-height:93px;padding:14px 4px;list-style:none}.mix-number{font:13px 'IBM Plex Mono',monospace;color:var(--muted)}.mix-name{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;font-size:32px;letter-spacing:.8px}.mix-genre{font-size:13px;color:var(--muted)}.mix-row .mix-date{margin:0}.mix-play{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--muted);border-radius:0;background:transparent;color:var(--fg);padding:0;transition:background .2s,color .2s}.mix-play:hover,.mix-summary[aria-pressed=true] .mix-play{background:var(--fg);color:var(--bg)}.mix-play .play-icon{margin:0}.mix-play .stop-icon,.mix-summary[aria-pressed=true] .mix-play .play-icon{display:none}.mix-summary[aria-pressed=true] .mix-play .stop-icon{display:block}.mix-embed{padding:0 0 24px}.mix-embed iframe{border:0;display:block;margin-bottom:15px}.merch-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 0 0;margin-top:60px;border-top:1px solid var(--line)}.merch-strip>span:nth-child(2){font-size:34px;font-weight:600;letter-spacing:-1.4px}.page-kicker{display:flex;justify-content:space-between;gap:18px;margin:12px 0 48px}.title-lockup{display:flex;justify-content:space-between;gap:30px;align-items:center}.title-lockup h1,.merch-heading h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(90px,12vw,180px);letter-spacing:-.035em;line-height:.85;margin:0}.period{color:var(--muted)}.year-lockup{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(80px,10vw,150px);font-weight:600;line-height:.9;color:var(--bg);-webkit-text-stroke:1px var(--muted);letter-spacing:-3px}.tour-title{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);margin-top:55px;padding-bottom:18px;font:13px 'IBM Plex Mono',monospace}.notice{font-size:13px;color:var(--muted);line-height:1.7;margin:20px 0 28px;max-width:780px}.show-row{display:grid;grid-template-columns:30px 105px 1fr 130px 160px;align-items:center;gap:28px;padding:32px 0;border-top:1px solid var(--line)}.show-index{font:12px 'IBM Plex Mono',monospace;color:var(--muted)}.show-row time strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:52px;font-weight:600;line-height:1}.show-row time span{display:block;font:11px 'IBM Plex Mono',monospace;color:var(--muted);margin-top:5px}.show-city h2{font-size:26px;font-weight:500;letter-spacing:-.8px;margin:0 0 4px}.show-city p{color:var(--muted);font-size:14px;margin:0}.sample-tag{font:11px 'IBM Plex Mono',monospace;letter-spacing:.5px;color:var(--muted)}.tour-end{border-top:1px solid var(--line);padding-top:38px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tour-end>span:first-child{font-weight:900;font-size:34px;letter-spacing:-2px}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:6%;min-height:540px}.about-symbol{font-family:Inter,Arial,sans-serif;font-size:clamp(230px,35vw,550px);font-weight:700;line-height:1;letter-spacing:-.1em;position:relative;color:var(--fg)}.about-symbol>span{position:absolute;bottom:0;left:12%;letter-spacing:1px;background:var(--bg);font:12px 'IBM Plex Mono',monospace;transform:rotate(-90deg);transform-origin:left;white-space:nowrap}.glitch-copy{font-family:'IBM Plex Mono',monospace;overflow-wrap:anywhere}.glitch-line{font-size:clamp(18px,2vw,29px);line-height:1.8;letter-spacing:-1px;margin:0 0 18px}.g1{color:var(--muted)}.g2{font-size:18px}.g3{font-weight:500}.glitch-rule{width:80px;height:3px;background:var(--fg);margin:35px 0}.glitch-small{font-size:13px;line-height:2.2;color:var(--muted);margin:30px 0}.glitch-footer{border-top:1px solid var(--line);padding:25px 0 0;margin-top:50px;letter-spacing:2px;font:12px 'IBM Plex Mono',monospace;color:var(--muted)}.merch-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}.merch-heading h1{font-size:clamp(70px,10.8vw,156px)}.merch-heading p{font-size:16px;color:var(--muted);margin-bottom:4px;min-width:210px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.product-card{text-align:left;border:0;background:none;color:var(--fg);padding:0;width:100%;min-width:0}.product-image{aspect-ratio:1/1.13;position:relative;overflow:hidden;background:#141414}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.product-card:hover img{transform:scale(1.035)}.product-index{position:absolute;left:18px;top:18px;font:11px 'IBM Plex Mono',monospace;color:#aaa}.view-product{position:absolute;right:18px;bottom:18px;font:11px 'IBM Plex Mono',monospace;color:#eee}.product-info{display:flex;justify-content:space-between;gap:15px;padding:20px 0}.product-info h2{margin:0 0 7px;font-size:18px;font-weight:500}.product-info p{margin:0;font-size:12px;color:var(--muted)}.product-info>span{font-family:'IBM Plex Mono',monospace;font-size:14px}.collection-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:50px;padding-top:25px}.shop-dialog{color:var(--fg);background:var(--bg);border:1px solid var(--line);padding:0;width:min(940px,92vw);max-height:90dvh}.shop-dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:10px;right:10px;z-index:2;font-size:32px;background:var(--bg);line-height:1}.modal-open{overflow:hidden}.product-detail{display:grid;grid-template-columns:1fr 1fr}.detail-image{width:100%;height:100%;object-fit:cover;min-height:500px}.detail-copy{padding:50px 32px 32px;display:flex;flex-direction:column;align-items:flex-start}.detail-copy h2,.bag-content h2{font-size:36px;letter-spacing:-1.4px;line-height:1.2;margin:15px 0 10px;font-weight:600}.detail-price{font:18px 'IBM Plex Mono',monospace;margin:10px 0 22px}.detail-copy>p:not(.detail-price){font-size:14px;line-height:1.7;color:var(--muted)}.detail-color{font:12px 'IBM Plex Mono',monospace;margin:24px 0}.detail-color strong{margin-left:20px;color:var(--fg);font-weight:400}.sizes{border:0;padding:0;margin:0 0 28px;display:flex;gap:8px;flex-wrap:wrap}.sizes legend{font:12px 'IBM Plex Mono',monospace;margin-bottom:12px}.size-choice{position:relative;cursor:pointer}.size-choice input{position:absolute;opacity:0}.size-choice span{display:inline-flex;align-items:center;justify-content:center;padding:11px;min-width:44px;min-height:44px;font-size:14px;border:1px solid var(--line)}.size-choice input:checked+span{background:var(--fg);color:var(--bg);border-color:var(--fg)}.size-choice input:focus-visible+span{outline:2px solid var(--fg);outline-offset:3px}.size-choice input:disabled+span{opacity:.4;text-decoration:line-through;cursor:not-allowed}.detail-copy>.button{width:100%;margin-top:auto}.bag-content{padding:42px}.bag-content h2{margin-bottom:30px}.bag-content h2 span{color:var(--muted)}.cart-item{display:grid;grid-template-columns:110px 1fr auto;align-items:start;gap:22px;padding:22px 0;border-top:1px solid var(--line)}.cart-item>img{width:110px;height:120px;object-fit:cover}.cart-item h3{font-size:17px;font-weight:500;margin:0 0 5px}.cart-item p{font-size:13px;color:var(--muted);margin:0 0 12px}.cart-item>strong{font:14px 'IBM Plex Mono',monospace}.quantity{display:inline-flex;border:1px solid var(--line);align-items:center}.quantity button{border:0;background:transparent;width:38px;height:36px;font-size:20px}.quantity button:disabled{opacity:.3}.quantity span{font:13px 'IBM Plex Mono',monospace;min-width:25px;text-align:center}.remove-item{border:0;background:none;text-decoration:underline;color:var(--muted);font-size:12px;padding:10px}.subtotal{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;margin-top:12px;font-size:17px}.checkout{width:100%}.checkout:disabled{background:var(--panel);border-color:var(--line);color:var(--muted)}.empty-bag{text-align:center;padding:45px 0 65px}.empty-bag p{color:var(--muted);margin-bottom:25px}.error{font-size:14px;color:var(--fg);line-height:1.6}.bag-content>.small-note{text-align:center}.shop-dialog .small-note{font-size:12px}
@media(max-width:1000px){.feature-copy{padding:24px}.feature-copy h2{font-size:64px}.feature-links{gap:14px}.mix-summary{grid-template-columns:44px 44px minmax(0,1fr) 90px 80px;gap:15px}.merch-strip{flex-wrap:wrap}.merch-strip>span:first-child{width:100%}.show-row{grid-template-columns:75px 1fr 150px;gap:20px}.show-index,.sample-tag{display:none}.merch-heading{display:block}.merch-heading p{margin-top:25px}.product-grid{gap:16px}}
@media(max-width:600px){.page-kicker{margin-bottom:35px}.page-kicker .eyebrow{font-size:10px}.section-title{align-items:flex-start}.section-title .small-slash{display:none}.section-title>.text-link{font-size:14px;max-width:110px;text-align:right;line-height:1.8}.video-caption{font-size:9px;left:14px;right:14px;bottom:12px}.play-disc{width:52px;height:52px}.feature-copy h2{font-size:60px}.mix-summary{grid-template-columns:44px 35px minmax(0,1fr);gap:14px;min-height:86px}.mix-name{font-size:28px}.mix-genre,.mix-row .mix-date{display:none}.mix-number{font-size:11px}.mix-embed{padding-bottom:20px}.merch-strip{gap:15px;margin-top:40px;padding-top:25px}.merch-strip>span:nth-child(2){font-size:28px}.merch-strip .text-link{font-size:11px}.title-lockup h1{font-size:24vw}.year-lockup{font-size:22vw}.tour-title{font-size:10px;margin-top:32px}.show-row{grid-template-columns:58px 1fr;gap:12px;padding:23px 0}.show-row time{grid-row:span 2}.show-row time strong{font-size:42px}.show-row time span{font-size:9px}.show-city h2{font-size:22px}.show-city p{font-size:13px}.show-row .button{grid-column:2;justify-self:start;padding:8px 14px;font-size:12px;min-height:40px;margin-top:7px}.tour-end>span:first-child{font-size:28px}.tour-end .eyebrow{font-size:9px;text-align:right}.notice{font-size:12px}.about-layout{display:block;min-height:0}.about-symbol{font-size:260px;line-height:1;margin-bottom:38px;width:100%;text-align:center;letter-spacing:-.12em}.about-symbol>span{display:none}.glitch-line{font-size:20px;line-height:1.7;margin-bottom:24px}.g2{font-size:15px}.glitch-small{font-size:11px}.glitch-footer{font-size:10px;line-height:1.8}.merch-heading h1{font-size:21vw}.merch-heading p{font-size:14px}.product-grid{grid-template-columns:1fr;gap:30px}.product-image{aspect-ratio:1/1.03}.product-info{padding:16px 0 0}.product-info h2{font-size:20px}.collection-bottom .eyebrow{font-size:10px}.shop-dialog{width:94vw;max-height:92dvh}.product-detail{grid-template-columns:1fr}.detail-image{height:auto;aspect-ratio:1.2;min-height:0;object-fit:cover}.detail-copy{padding:28px 24px}.detail-copy h2{font-size:30px}.bag-content{padding:45px 22px 22px}.bag-content h2{font-size:30px}.cart-item{grid-template-columns:80px 1fr auto;gap:14px}.cart-item>img{width:80px;height:100px}.cart-item h3{font-size:16px}.cart-item>strong{font-size:13px}.remove-item{display:block;padding-left:0}.shop-dialog .small-note{font-size:12px}.hero-meta{line-height:1.8}.title-lockup{gap:15px}}@media(min-width:1600px){.wordmark{font-size:288px}}
/* Preserve clear spacing in the oversized wordmark at every breakpoint. */
.wordmark{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.045em;font-size:clamp(70px,18.5vw,288px)}.brand{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.7px}@media(max-width:800px){.wordmark{font-size:18.5vw}}
/* Responsive media and the streamlined collection. */
.feature-meta{margin:0;white-space:nowrap;font:12px 'IBM Plex Mono',monospace;color:var(--muted);letter-spacing:0}
.feature-copy .feature-links{margin-top:30px}
.music-page .mix-list{margin-top:48px;display:grid;grid-template-columns:1fr;column-gap:40px}
.mix-source{display:flex;justify-content:center;padding-top:30px}
.external-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;min-height:44px}
.external-link:hover{color:var(--fg)}
.shows-page .show-list{border-bottom:1px solid var(--line)}
.shows-page .show-row{grid-template-columns:196px 195px minmax(0,1fr) 150px;gap:20px;padding:22px 0}
.shows-page .show-row time{white-space:nowrap;font:14px 'IBM Plex Mono',monospace}
.shows-page .show-city{font-size:20px;font-weight:500;letter-spacing:-.5px;line-height:1.5;margin:0}
.shows-page .show-venue{font-size:16px;color:var(--muted);margin:0;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px;transition:color .2s}
.shows-page .show-venue:hover{color:var(--fg);text-decoration-color:currentColor}
.merch-page .product-grid{margin-top:0;row-gap:40px}
/* Scattered original glyphs, with slow motion and a strictly gray palette. */
.about-page{padding-top:20px;padding-bottom:24px}
.noise-field{position:relative;isolation:isolate;overflow:hidden;height:clamp(580px,78vh,900px);max-width:1380px;margin:auto;font-family:'IBM Plex Mono',monospace;user-select:none}
.tone-0{color:#3c3c3c}.tone-1{color:#535353}.tone-2{color:#6a6a6a}.tone-3{color:#858585}.tone-4{color:#999}
.noise-fragment{position:absolute;left:var(--x);top:var(--y);font-size:var(--size);transform:translate(-30%,-50%) rotate(var(--angle));line-height:1.1;letter-spacing:var(--spacing);white-space:nowrap;animation:fragment-shift var(--duration) ease-in-out var(--delay) infinite alternate}
.noise-fragment::after{content:attr(data-echo);position:absolute;left:-12px;top:5px;letter-spacing:3px;font-size:.75em;opacity:.42;clip-path:inset(35% 0 30%);transform:skewX(-18deg);animation:fragment-slice var(--slice) steps(1,end) var(--delay) infinite}
.noise-stream{position:absolute;font-size:11px;line-height:1.65;opacity:.42;animation:stream-drift var(--duration) linear var(--delay) infinite alternate}
@keyframes fragment-shift{0%,17%{translate:0 0;opacity:var(--fade)}39%{translate:var(--dx) var(--dy);opacity:.9}67%{translate:calc(var(--dx)*-.4) calc(var(--dy)*.6);opacity:.55}83%,100%{translate:calc(var(--dx)*.5) calc(var(--dy)*-1);opacity:.8}}
.noise-fragment.motion-1{animation-name:fragment-jump;animation-timing-function:steps(1,end)}
.noise-fragment.motion-2{animation-name:fragment-wander;animation-direction:alternate-reverse}
@keyframes fragment-jump{0%,31%,59%,100%{translate:0 0;opacity:var(--fade)}33%,36%{translate:var(--dx) var(--dy);opacity:.8}61%,65%{translate:calc(var(--dx)*-1) 0;opacity:.65}77%,91%{translate:2px calc(var(--dy)*-.6);opacity:.85}}
@keyframes fragment-wander{0%{translate:var(--dx) 0;opacity:.75}24%,32%{translate:0 var(--dy);opacity:var(--fade)}51%{translate:calc(var(--dx)*-.7) calc(var(--dy)*.4);opacity:.9}79%,100%{translate:var(--dx) calc(var(--dy)*-1);opacity:.5}}
@keyframes fragment-slice{0%,100%{translate:0 0}33%{translate:8px -2px}67%{translate:-5px 3px}}
@keyframes stream-drift{from{translate:0 -18px;opacity:.25}to{translate:0 35px;opacity:.55}}
@media(min-width:1200px){.music-page .mix-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-summary{grid-template-columns:44px 32px minmax(90px,1fr) 82px 70px;gap:14px}.mix-name{font-size:30px}.mix-row .mix-date{font-size:12px}.mix-genre{font-size:12px}}
@media(max-width:1100px){.shows-page .show-row{grid-template-columns:190px 175px minmax(130px,1fr) 120px;gap:16px}.shows-page .show-city{font-size:17px}.shows-page .show-venue{font-size:14px}.shows-page .show-row .button{padding:10px 12px}}
@media(max-width:800px){.shows-page .show-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 120px;gap:10px 16px;padding:18px 0}.shows-page .show-row time{grid-column:1/3;grid-row:1;font-size:13px}.shows-page .show-row .button{grid-column:3;grid-row:1/3;justify-self:end;margin:0;min-height:44px;font-size:14px}.shows-page .show-city{grid-column:1;grid-row:2;font-size:16px;letter-spacing:0}.shows-page .show-venue{grid-column:2;grid-row:2;font-size:14px}}
@media(max-width:600px){.music-page .mix-list{margin-top:32px}.feature-copy .feature-links{margin-top:25px}.about-page{padding-top:15px}.noise-field{height:72vh;min-height:510px}.noise-fragment{font-size:calc(var(--size)*.8);letter-spacing:-1.5px}.noise-stream{font-size:9px}.noise-fragment:nth-child(4n){display:none}.video-play-pill{min-height:44px;padding:11px 17px;gap:8px;font-size:13px}}
@media(max-width:480px){.shows-page .show-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px}.shows-page .show-row time{grid-column:1/-1}.shows-page .show-row .button{grid-column:1/-1;grid-row:3;justify-self:end}.feature-meta{font-size:11px}}

/* Per-column archive rules and original SoundCloud artwork. */
.mix-artwork{display:block;width:56px;height:56px;object-fit:cover;background:var(--panel)}
.mix-summary{grid-template-columns:44px 56px minmax(0,1fr) auto;gap:14px}
.mix-meta{display:flex;gap:10px;align-items:center;white-space:nowrap}
@media(min-width:1200px){.mix-row:nth-child(6){border-top:1px solid var(--line)}.mix-summary{grid-template-columns:44px 56px minmax(90px,1fr) auto;gap:12px}}
@media(max-width:600px){.mix-summary{grid-template-columns:44px 48px minmax(0,1fr) auto;gap:12px}.mix-artwork{width:48px;height:48px}}
@media(max-width:360px){.mix-summary{gap:9px}.mix-name{font-size:26px}}

/* Low-contrast scanlines and irregular horizontal signal tears. */
.noise-field::before,.noise-field::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none}
.noise-field::before{background:repeating-linear-gradient(0deg,transparent 0 3px,#7772 3px 4px);opacity:.3;animation:signal-scan 13s linear infinite}
.noise-field::after{inset:-12px -24px;background:repeating-linear-gradient(90deg,#85858530 0 2px,transparent 2px 19px,#5552 19px 27px,transparent 27px 73px),linear-gradient(0deg,transparent 28%,#1119 28% 29%,transparent 29% 63%,#7773 63% 63.5%,transparent 63.5%);background-size:173px 100%,100% 100%;opacity:.35;clip-path:polygon(0 12%,100% 12%,100% 14%,0 14%,0 43%,100% 43%,100% 43.5%,0 43.5%,0 72%,100% 72%,100% 75%,0 75%);animation:signal-tear 9.7s steps(1,end) -3s infinite}
@keyframes signal-scan{to{background-position:0 40px}}
@keyframes signal-tear{0%,19%,67%,100%{translate:0 0;opacity:.2}21%,24%{translate:-17px 13%;opacity:.5}39%{translate:11px -22%;opacity:.28}53%,57%{translate:-6px 29%;opacity:.42}79%,83%{translate:21px -9%;opacity:.34}}
@media(prefers-reduced-motion:reduce){.noise-field::before,.noise-field::after,.noise-fragment::after{animation:none!important}}

/* Shared page inset and balanced source-link spacing. */
.page{padding-top:4.5vw}
.music-page{padding-bottom:0}
.mix-source{padding:30px 0}
.header-actions .icon-button{border-radius:4px;transition:background .15s}
.header-actions .icon-button:hover{background:#8882}
footer a:hover{text-decoration:underline;text-underline-offset:4px}
.mix-summary.is-current .mix-play{border-color:var(--fg)}
@media(max-width:800px){.page{padding-top:5vw}}
/* The media iframe stays mounted here while the routed main content changes. */
.corner-player{position:fixed;right:20px;bottom:20px;z-index:30;width:356px;max-width:calc(100vw - 32px);background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 36px #0005;overflow:hidden}
.corner-player[hidden]{display:none}
.corner-media{background:#111}
.corner-media iframe{display:block;width:100%;height:200px;border:0}
.corner-player[data-provider=soundcloud] .corner-media{max-height:0;overflow:hidden}
.corner-player[data-provider=soundcloud].expanded .corner-media{max-height:166px}
.corner-player[data-provider=soundcloud] iframe{height:166px}
html[data-theme=dark] .corner-player[data-provider=soundcloud] iframe{filter:invert(.94) hue-rotate(180deg);color-scheme:light}
.corner-player[data-provider=youtube].expanded{width:560px}
.corner-player[data-provider=youtube].expanded iframe{height:315px}
.corner-toolbar{display:flex;align-items:center;gap:2px;padding:6px}
.corner-title{min-width:0;flex:1;padding:0 6px}
.corner-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.4}
.corner-title span{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:11px;white-space:nowrap;line-height:1.6}
.corner-title:hover strong{text-decoration:underline;text-underline-offset:3px}
.player-button{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:4px;color:inherit}
.player-button:hover{background:#8882}.player-button:disabled{opacity:.35}
.player-button:focus-visible,.corner-title:focus-visible{outline-offset:-3px}
.corner-timeline{display:flex;align-items:center;gap:10px;padding:0 12px 4px;height:40px}
.corner-timeline input{min-width:0;flex:1;width:100%;height:36px;margin:0;accent-color:var(--muted);cursor:pointer}
.corner-timeline input:focus-visible{outline:1px solid var(--fg);outline-offset:0}
.corner-time{font:10px 'IBM Plex Mono',monospace;color:var(--muted);white-space:nowrap}
.corner-player[data-provider=youtube] .corner-timeline{display:none}
.corner-error{font-size:12px;color:var(--muted);line-height:1.5;margin:0;padding:0 12px 12px}
@media(max-width:600px){.corner-player{right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.corner-player[data-provider=youtube].expanded iframe{height:200px}.corner-player[data-provider=youtube] .player-expand{display:none}.corner-title span{font-size:10px}}

/* Monospaced interface, with the established display typography retained for headings. */
h1,h2,h3,h4,h5,h6{font-family:Inter,Arial,sans-serif}
.feature-copy h2,.mix-name{font-family:'Barlow Condensed',Impact,sans-serif}
.feature-links{flex-direction:column;align-items:flex-start;gap:16px}
.mix-summary{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .15s}
.mix-summary:hover{background:#8881}
.mix-summary:focus-visible{outline-offset:-2px}
.mix-summary:hover .mix-play{border-color:var(--fg)}
/* Fixed terminal baselines: corruption replaces characters, never floats or rotates them. */
.terminal-field{height:clamp(500px,62vh,680px);min-height:0;padding:12px 22px 20px 0;color:#777}
.terminal-session{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;color:#555;font-size:10px;letter-spacing:1px}
.terminal-output{position:relative;display:grid;grid-template-rows:repeat(26,1fr);height:calc(100% - 82px);overflow:hidden}
.terminal-line{position:relative;display:flex;gap:22px;align-items:center;white-space:pre;font-size:clamp(10px,1.04vw,14px);line-height:1;min-height:0;animation:terminal-dropout var(--pulse) steps(1,end) var(--delay) infinite}
.terminal-line:nth-child(7n){font-size:clamp(11px,1.2vw,16px)}
.terminal-line:nth-child(5n){opacity:.5}
.terminal-address{flex:none;width:34px;color:#373737;font-size:9px;letter-spacing:1px}
.terminal-code{display:block;white-space:pre}
.terminal-echo{position:absolute;left:74px;top:50%;color:#666;opacity:.45;white-space:pre;clip-path:inset(20% 0 30%);pointer-events:none}
.terminal-line.is-corrupt{background:#5551;color:#999}
.terminal-prompt{display:flex;align-items:center;gap:12px;margin:20px 0 0 56px;font-size:12px;color:#888}
.terminal-cursor{display:inline-block;width:8px;height:15px;background:#909090;animation:terminal-caret 5.6s steps(1,end) infinite}
.terminal-vertical{position:absolute;right:3px;top:17%;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#383838;opacity:.65}
.terminal-vertical.secondary{right:30%;top:48%;font-size:8px;color:#333;opacity:.35}
.terminal-field::before{animation:none;opacity:.25}
.terminal-field::after{inset:0;background:repeating-linear-gradient(0deg,transparent 0 31px,#6662 31px 32px,transparent 32px 87px,#2227 87px 90px);translate:none;opacity:.28;clip-path:inset(0);animation:terminal-tear 45s steps(1,end) infinite}
@keyframes terminal-dropout{0%,29%,34%,72%,78%,100%{opacity:1}30%,33%{opacity:.4}73%,77%{opacity:.68}}
@keyframes terminal-tear{0%,24%,29%,61%,67%,100%{clip-path:inset(0);opacity:.18}25%,28%{clip-path:polygon(0 17%,100% 17%,100% 19%,0 19%,0 64%,100% 64%,100% 69%,0 69%);opacity:.48}62%,66%{clip-path:polygon(0 38%,100% 38%,100% 42%,0 42%,0 81%,100% 81%,100% 83%,0 83%);opacity:.35}}
@keyframes terminal-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(max-width:600px){.terminal-field{height:clamp(420px,60vh,520px);padding-right:8px}.terminal-session{font-size:8px;letter-spacing:0;gap:12px}.terminal-line{font-size:9px;gap:10px}.terminal-line:nth-child(7n){font-size:10px}.terminal-address{width:24px;font-size:7px}.terminal-echo{left:44px}.terminal-prompt{margin-left:34px;font-size:10px}.terminal-vertical{font-size:7px}.terminal-vertical.secondary{display:none}}
@media(prefers-reduced-motion:reduce){.terminal-line,.terminal-cursor,.terminal-field::after{animation:none!important}}

/* Equal archive controls, unified metadata, and column-first reading order. */
.mix-summary{--mix-square:56px;grid-template-columns:var(--mix-square) var(--mix-square) minmax(0,1fr) auto}
.mix-summary .mix-play,.mix-summary .mix-artwork{width:var(--mix-square);height:var(--mix-square)}
.mix-summary .mix-meta>span{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:400;line-height:1.5}
.mix-genre{text-transform:uppercase}
@media(min-width:1200px){.music-page .mix-list{grid-template-rows:repeat(5,auto);grid-auto-flow:column}}
@media(max-width:600px){.mix-summary{--mix-square:48px}}
/* Tour dates use one typographic rhythm; location remains the point of emphasis. */
.shows-page .show-row{padding-top:14px;padding-bottom:14px}
.shows-page .show-row time,.shows-page .show-row .show-city,.shows-page .show-row .show-venue,.shows-page .show-row .button{font:400 14px/1.5 'IBM Plex Mono',monospace;letter-spacing:0;color:var(--muted)}
.shows-page .show-row .show-city{color:var(--fg)}
.shows-page .show-row .button{padding:10px 14px;min-height:44px}
/* Extend the terminal's code and memory columns to approximately 75% of the viewport. */
.terminal-output,.terminal-session{width:min(75vw,100%)}
.terminal-line{gap:22px}
.terminal-code{flex:1;min-width:0;overflow:hidden}
.terminal-trace{flex:none;margin-left:auto;color:#454545;font-size:10px;white-space:pre}
.terminal-vertical{right:calc(100% - min(75vw,100%) + 2px)}
@media(max-width:800px){.terminal-output,.terminal-session{width:100%}.terminal-trace{font-size:8px}.terminal-line{gap:10px}.terminal-vertical{right:3px}}
@media(max-width:600px){.terminal-trace{display:none}}
.product-price{text-align:right;flex-shrink:0}
.stock-status{display:block;font:400 12px/1.5 'IBM Plex Mono',monospace;color:var(--muted);margin-top:7px}
#add-product:disabled{background:transparent;color:var(--muted);border-color:var(--line);opacity:1}
/* Active and hover underlines sit directly beneath the navigation text. */
.header nav a::after,.header nav a.active::after{content:'';position:absolute;left:0;right:0;bottom:calc(50% - 14px);height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.header nav a.active::after,.header nav a:hover::after,.header nav a:focus-visible::after{transform:scaleX(1)}
.feature-links{gap:26px}

@media(prefers-reduced-motion:reduce){.header nav a::after{transition:none!important}}

/* Rounded playback controls retain the matching artwork dimensions. */
.mix-play{border-radius:50%}
.video-play-pill{border-radius:999px}
.shows-banner{display:block;width:100%;height:auto;aspect-ratio:2048/693;object-fit:cover;margin-bottom:32px}
.shows-page .show-row .show-sold-out{color:var(--muted);background:var(--panel);border-color:transparent;opacity:1;cursor:default;text-transform:uppercase;letter-spacing:.04em}
.stock-status{display:block;width:max-content;margin:10px 0 0 auto;padding:5px 9px;background:var(--fg);color:var(--bg);font:600 14px/1.4 'IBM Plex Mono',monospace;letter-spacing:.04em;text-transform:uppercase}
/* Infrequent faults add depth without moving the terminal's fixed baselines. */
.terminal-interference{position:absolute;inset:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#7773 3px 4px);clip-path:polygon(0 var(--fault-y,40%),100% var(--fault-y,40%),100% calc(var(--fault-y,40%) + 3%),0 calc(var(--fault-y,40%) + 3%),0 calc(var(--fault-y,40%) + 19%),100% calc(var(--fault-y,40%) + 19%),100% calc(var(--fault-y,40%) + 20%),0 calc(var(--fault-y,40%) + 20%))}
.terminal-field[data-fault] .terminal-interference{opacity:.65}
.terminal-field[data-fault] .is-corrupt .terminal-echo{opacity:.8;color:#888;clip-path:inset(12% 0 22%)}
.terminal-field[data-fault=echo] .is-corrupt .terminal-code{text-shadow:4px 0 #6668,-2px 0 #3339}
.terminal-field[data-fault=dropout] .is-corrupt .terminal-code{clip-path:polygon(0 0,100% 0,100% 35%,0 35%,0 57%,100% 57%,100% 100%,0 100%);color:#707070}
.terminal-field[data-fault=buffer] .is-corrupt{background:repeating-linear-gradient(90deg,#7772 0 13px,transparent 13px 41px);text-shadow:0 2px #5558}
@media(max-width:600px){.shows-banner{aspect-ratio:2/1;object-position:50% 50%;margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.terminal-interference{display:none}}

/* Shared photo insets align the collection code and availability badge. */
.product-image{--photo-inset:18px}
.product-index{top:var(--photo-inset);left:var(--photo-inset)}
.product-image .stock-status{position:absolute;top:var(--photo-inset);right:var(--photo-inset);margin:0;background:#a0a0a0;color:#080808}
.shows-page span.show-venue{text-decoration:none}
.shows-page .show-row .show-coming-soon{color:var(--muted);background:transparent;border-color:var(--line);opacity:1;cursor:default}

/* The show feature mirrors the music feature, with its photo on the right. */
.show-feature{grid-template-columns:1fr 1.6fr;margin-bottom:48px}
.show-feature .feature-copy h2{font-size:clamp(42px,4.6vw,72px);text-transform:uppercase;letter-spacing:-1px;max-width:100%;overflow-wrap:normal}
.show-feature .tags{text-transform:uppercase}
.show-feature-image{position:relative;aspect-ratio:16/9;min-width:0;overflow:hidden}
.show-feature .shows-banner{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;margin:0}
.show-feature-status:disabled{background:var(--muted);border-color:var(--muted);color:var(--bg);opacity:1;cursor:default}
/* Small, occasional signal breaks preserve the normal underline and artwork. */
.header nav a.active::after{animation:nav-signal 11s steps(1,end) infinite}
@keyframes nav-signal{0%,91%,95%,100%{clip-path:inset(0);translate:0;opacity:1}92%,93%{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,64% 0,100% 0,100% 100%,64% 100%,64% 0);translate:2px 0;opacity:.7}94%{clip-path:inset(0 12% 0 8%);translate:-1px 0;opacity:.85}}
.video-poster::before,.video-poster::after{content:'';position:absolute;inset:0;z-index:1;background:url('/assets/mix-010.jpg') center/cover no-repeat;pointer-events:none;opacity:0}
.video-poster::before{animation:poster-signal 16s steps(1,end) 3s infinite}
.video-poster::after{animation:poster-echo 21s steps(1,end) 7s infinite}
.video-play-pill{z-index:2}
@keyframes poster-signal{0%,90%,95%,100%{opacity:0;translate:0;clip-path:inset(0)}91%,92%{opacity:.2;translate:4px 0;clip-path:inset(26% 0 70%)}93%,94%{opacity:.14;translate:-3px 0;clip-path:inset(64% 0 32%)}}
@keyframes poster-echo{0%,92%,96%,100%{opacity:0;translate:0;clip-path:inset(0)}93%,94%{opacity:.16;translate:-4px 0;clip-path:inset(46% 0 51%)}95%{opacity:.1;translate:2px 0;clip-path:inset(76% 0 22%)}}
@media(max-width:800px){.show-feature{grid-template-columns:1fr}.show-feature .feature-copy h2{font-size:clamp(42px,8vw,64px)}.show-feature-image{aspect-ratio:16/9}}
@media(max-width:600px){.show-feature{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){.header nav a.active::after,.video-poster::before,.video-poster::after{animation:none!important}}

/* Upcoming dates share the same unavailable-ticket treatment as sold-out dates. */
.shows-page .show-row .show-coming-soon{color:var(--muted);background:var(--panel);border-color:transparent;opacity:1;cursor:default;text-transform:uppercase;letter-spacing:.04em}
/* The selected tab breaks into displaced bars and short pixel echoes. */
.header nav a.active::after{height:2px;animation:nav-fracture 6.8s steps(1,end) infinite}
.header nav a.active::before{content:'';position:absolute;left:-4px;right:-4px;bottom:calc(50% - 20px);height:7px;background:repeating-linear-gradient(90deg,currentColor 0 4px,transparent 4px 8px);clip-path:polygon(0 0,42% 0,42% 2px,0 2px,0 0,58% 4px,100% 4px,100% 6px,58% 6px,58% 4px);pointer-events:none;opacity:0;animation:nav-fragments 6.8s steps(1,end) infinite}
@keyframes nav-fracture{0%,65%,95%,100%{clip-path:inset(0);translate:0;opacity:1;box-shadow:none}66%,72%{clip-path:inset(0 38% 0 0);translate:6px -1px;opacity:1;box-shadow:-5px 4px 0 #888}73%,79%{clip-path:inset(0 0 0 20%);translate:-5px 1px;opacity:.85;box-shadow:5px -3px 0 #888}80%,86%{clip-path:inset(0 23% 0 14%);translate:3px -2px;opacity:1;box-shadow:-6px 5px 0 #777}87%,94%{clip-path:inset(0);translate:-2px 0;opacity:.8;box-shadow:4px 3px 0 #555}}
@keyframes nav-fragments{0%,65%,95%,100%{opacity:0;translate:0}66%,72%{opacity:.8;translate:-4px -2px}73%,79%{opacity:.55;translate:5px 0}80%,86%{opacity:.7;translate:-2px -4px}87%,94%{opacity:.35;translate:3px -1px}}
@media(prefers-reduced-motion:reduce){.header nav a.active::after,.header nav a.active::before{animation:none!important}.header nav a.active::before{display:none}}

/* Inline geometry is a placeholder; the live iframe never leaves its stable parent. */
.inline-audio-slot{height:166px;margin-bottom:20px;background:var(--panel)}
.inline-audio-slot[hidden]{display:none}
.video-frame.has-inline-player .video-poster{visibility:hidden}
.corner-player.is-inline{position:absolute;left:var(--inline-left);top:var(--inline-top);right:auto;bottom:auto;width:var(--inline-width);max-width:none;height:var(--inline-height);z-index:5;border:0;border-radius:0;box-shadow:none}
.corner-player.is-inline .corner-media{height:100%;max-height:none;overflow:hidden}
.corner-player.is-inline .corner-media iframe{height:100%;width:100%}
.corner-player.is-inline .corner-toolbar,.corner-player.is-inline .corner-timeline,.corner-player.is-inline .corner-error{display:none}

.music-page .video-frame{min-height:200px}
