@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--black:#111311;--smoke:#1b1e1b;--gray:#a7aba3;--cream:#e3e1d9;--acid:#abb99a;--line:#5c635a;--display:'Barlow Condensed','Liberation Sans Narrow','Nimbus Sans Narrow',Impact,'Arial Narrow',sans-serif;--sans:'DM Sans',Arial,sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid #e1ebc6;outline-offset:4px}.skip{position:fixed;left:12px;top:-70px;z-index:100;color:#101310;background:white;padding:10px}.skip:focus{top:15px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.stage-notice{height:24px;background:#333830;color:#d0d4c9;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(18px,3.5vw,66px);font:9px var(--mono);letter-spacing:1.1px;position:relative;z-index:30}.site-header{height:80px;position:absolute;top:24px;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.7vw,82px);border-bottom:1px solid #d8dcc218;gap:28px}.brand{font:700 15px var(--sans);letter-spacing:.16em;text-decoration:none;white-space:nowrap}.brand-seal{color:var(--acid);font-size:18px;margin-right:9px}.header-links{display:flex;align-items:center;gap:clamp(18px,3vw,50px)}.header-links a{color:#dddcd4;text-decoration:none;font:500 12px var(--sans);transition:color .2s}.header-links a:hover{color:white}.header-links a:last-child{border:1px solid #b0b6a48b;padding:11px 14px}.mobile-menu-trigger{display:none}.mobile-menu{position:absolute;z-index:21;top:104px;right:16px;left:16px;background:#222723f5;padding:18px;backdrop-filter:blur(18px)}.mobile-menu a{display:block;padding:15px 8px;text-decoration:none;border-bottom:1px solid #ffffff18;font:600 16px var(--sans)}
.hero{min-height:min(860px,95svh);min-height:max(700px,95svh);position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate;background:#232522}.hero-image{position:absolute;inset:-14px;z-index:-3;background-image:url('assets/black-channel-hero.webp');background-size:cover;background-position:center;transform:scale(1.025) translate3d(calc(var(--mx,0)*7px),calc(var(--my,0)*7px),0);transition:transform 700ms cubic-bezier(.2,.7,.2,1)}.hero-grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.15;background-image:url('assets/film-grain.png');background-size:300px;mix-blend-mode:screen}.hero-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a0d0bc7 0%,#0d0f0d83 33%,#15191724 69%,#0b0d0a58 100%),linear-gradient(0deg,#0c0d0c 2%,transparent 38%,transparent 65%,#16181699 100%)}.hero-index{position:absolute;top:133px;left:clamp(24px,5vw,86px);right:clamp(24px,5vw,86px);display:flex;justify-content:space-between;color:#c8c9bc9d;font:10px var(--mono);letter-spacing:.14em}.hero-main{width:100%;margin:auto 0;position:relative;padding:clamp(135px,18vw,220px) clamp(24px,5vw,86px) 95px;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,390px);gap:4vw;align-items:end}.eyebrow,.work-label{font:500 10px var(--mono);letter-spacing:.16em;color:#c3c7bc}.live-point{display:inline-block;width:7px;height:7px;background:#b1c4a0;border-radius:100%;box-shadow:0 0 17px #a5baa0bb;margin-right:11px}.hero-copy h1{font:900 clamp(100px,12.2vw,215px)/.76 var(--display);letter-spacing:-.058em;margin:24px 0 30px;white-space:nowrap;text-transform:uppercase;color:#e4e1d8;text-shadow:0 3px 25px #0005}.title-dot,.period{color:#b0bea1}.hero-deck{font:400 clamp(14px,1.45vw,20px)/1.6 var(--sans);color:#c3c5bb;margin:0;max-width:440px}.hero-actions{display:flex;flex-direction:column;gap:10px;padding-bottom:1vw}.hero-transmission{position:relative;overflow:hidden;background:#d8d8cc0d;color:#eeeae1;text-align:left;padding:23px 23px 21px;border:1px solid #cccdc457;backdrop-filter:blur(13px);display:grid;grid-template-columns:1fr auto;gap:13px;transition:background .25s,border-color .25s,transform .25s}.hero-transmission:hover{background:#e1e4d72b;border-color:#e3e8d9b2;transform:translateX(-5px)}.hero-transmission .trans-index{grid-column:1/3;color:#bfc4b6;font:10px var(--mono);letter-spacing:.1em}.hero-transmission strong{font:700 clamp(25px,2.2vw,34px)/1 var(--display);letter-spacing:.015em}.trans-action{font:10px var(--mono);letter-spacing:.1em;align-self:end;white-space:nowrap}.hero-bottom{padding:0 clamp(24px,5vw,86px) 30px;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:.13em;color:#c2c5b6}.hero-bottom a{text-decoration:none;border-bottom:1px solid #8f9986;padding-bottom:8px}.secret-glyph{border:0;background:none;color:#aab7a480;font:10px var(--mono);letter-spacing:.05em;padding:12px;transition:color .2s,transform .2s}.secret-glyph:hover,.secret-glyph:focus-visible{color:#e4eccf;transform:rotate(12deg)}
.intro-section,.work-section{max-width:1540px;margin:auto;padding:110px clamp(24px,5vw,86px)}.section-overline{display:flex;justify-content:space-between;color:#aeb7a6;border-top:1px solid #626961;padding-top:14px;font:10px var(--mono);letter-spacing:.12em}.intro-row{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:30px;margin:75px 0}.intro-row h2{font:800 clamp(72px,11vw,167px)/.82 var(--display);letter-spacing:-.022em;margin:0}.intro-row p{max-width:300px;margin:0 0 8px auto;color:#a9b0a5;line-height:1.75;font-size:15px}.listening-surface{display:grid;grid-template-columns:42% 58%;min-height:510px;border-top:1px solid #737a71;border-bottom:1px solid #737a71}.listening-image{background:url('assets/faders.webp') center center/cover no-repeat;position:relative;filter:grayscale(1) contrast(.78) brightness(.76);min-height:410px}.listening-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#141714b0,transparent 50%)}.listening-list{display:flex;flex-direction:column;justify-content:stretch;padding-left:6.5%}.track-row{display:grid;grid-template-columns:78px 1fr 30px;align-items:center;gap:17px;min-height:122px;border:0;border-bottom:1px solid #454b44;background:none;color:var(--cream);text-decoration:none;text-align:left;padding:17px 0;transition:background .2s,padding-left .2s}.track-row:last-child{border:0}.track-row:hover{padding-left:12px;background:#cfd3c609}.track-no{font:10px var(--mono);color:#929e90}.track-name{font:600 clamp(24px,2.6vw,36px)/1 var(--display)}.track-name small{display:block;font:10px var(--mono);color:#9fa89d;margin-top:9px;letter-spacing:.05em}.track-arrow{font:23px var(--sans);font-weight:300}.section-footnote{max-width:750px;font:11px/1.6 var(--mono);color:#8d968d;margin-top:24px}
.work-section{padding-top:25px}.work-grid{margin-top:42px;display:grid;grid-template-columns:1.17fr .83fr;gap:22px}.work-feature{background:#242724;border:0;color:var(--cream);height:650px;position:relative;text-align:left;overflow:hidden;padding:35px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.work-image{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .9s cubic-bezier(.23,.7,.2,1),filter .9s;filter:grayscale(1) brightness(.8)}.train-image{background-image:url('assets/night-transit.webp')}.archive-image{background-image:url('assets/parable-performing.webp');filter:grayscale(1) brightness(.52) contrast(.88)}.work-feature:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0a0b0aeb,transparent 70%),linear-gradient(180deg,#0c0d0c77,transparent 34%)}.work-feature:hover .work-image{transform:scale(1.055);filter:grayscale(1) brightness(1)}.work-title{display:flex;justify-content:space-between;align-items:end;gap:30px}.work-title strong{font:800 clamp(80px,9.3vw,140px)/.75 var(--display);letter-spacing:-.02em}.work-title>span{font:38px var(--sans);font-weight:300}.work-excerpt{font:10px/1.7 var(--mono);letter-spacing:.08em;max-width:350px;color:#c4c8bc}.archive-feature .work-title strong{font-size:clamp(75px,7.7vw,112px)}
.archive-strip{min-height:450px;display:grid;grid-template-columns:1fr 1fr;background:#d0cec4;color:#1c1f1c}.archive-strip-photo{background:url('assets/studio-archive.webp') center center/cover no-repeat;filter:grayscale(1) contrast(.8)}.archive-strip-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:55px clamp(30px,6vw,110px)}.archive-strip-copy>span{font:10px var(--mono);letter-spacing:.09em}.archive-strip-copy p{font-family:"Barlow Condensed","Liberation Sans Narrow","Nimbus Sans Narrow",Impact,Arial,sans-serif;font-size:clamp(49px,5.7vw,85px);font-weight:800;line-height:.86;margin:25px 0}.archive-strip-copy button{padding:13px 0;border:0;border-bottom:1px solid #272a25;background:none;color:#242824;font:11px var(--mono);letter-spacing:.08em}.archive-strip-copy button:hover{color:#566d4e}.site-footer{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px clamp(24px,5vw,86px);font:10px var(--mono);color:#b5bcb0}.site-footer div{display:flex;gap:25px;flex-wrap:wrap}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer button{background:none;border:none;color:#8f9888;font:10px var(--mono);padding:12px}
.player-dock{position:fixed;z-index:60;left:clamp(12px,3vw,55px);right:clamp(12px,3vw,55px);bottom:clamp(12px,3vw,30px);background:#d8d8cf;color:#171a17;box-shadow:0 0 0 1px #0c0e0e,0 24px 100px #000c;max-width:930px;margin-left:auto;padding:12px 16px 10px}.player-heading{display:flex;align-items:center;gap:16px;padding:0 0 10px}.player-heading span{font:10px var(--mono);color:#4c514a}.player-heading strong{font:700 20px var(--display);letter-spacing:.02em}.player-heading button{margin-left:auto;border:0;background:none;color:#111;font-size:22px;padding:2px 8px}.player-description{font:11px/1.5 var(--mono);color:#62665f;margin:0 0 11px}.player-dock iframe{display:block;background:#bebeb6;width:100%;border:0;height:120px}.player-footer{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:#50574f;font:9px var(--mono)}.player-footer a{color:#252b25;text-underline-offset:3px}
.experience-overlay{position:fixed;inset:0;z-index:45;background:#0e110fe8;backdrop-filter:blur(17px);overflow:auto}.experience-shell{max-width:1390px;margin:0 auto;padding:clamp(28px,5vw,72px);min-height:100vh}.experience-close{background:none;border:0;color:#d0d5c9;font:11px var(--mono);letter-spacing:.1em;padding:9px 0;margin-bottom:50px}.experience-close:hover{text-decoration:underline}.experience-kicker{font:11px var(--mono);letter-spacing:.1em;color:#b4bcae}.experience-title{font:800 clamp(90px,13vw,185px)/.78 var(--display);letter-spacing:-.025em;margin:25px 0 45px}.experience-description{font:15px/1.8 var(--sans);color:#b4bcb1;max-width:620px}.transit-stage{min-height:320px;position:relative;isolation:isolate;overflow:hidden;background:#242925;margin-top:30px}.transit-stage:before{content:"";position:absolute;inset:0;background:url('assets/night-transit.webp') center/cover;filter:grayscale(1) brightness(.72)}.transit-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#141715cc,transparent 75%)}.transit-stage .transit-label{position:relative;z-index:3;font:12px var(--mono);letter-spacing:.1em;padding:35px;color:#e0e4d8}.transit-map{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:45px 0 12px;position:relative;max-width:900px}.transit-map:before{content:"";position:absolute;top:17px;left:8%;right:8%;height:2px;background:#9faa98}.station{position:relative;background:none;border:0;color:#d0d3c7;padding:0 4px;display:flex;align-items:center;flex-direction:column;gap:16px;min-height:60px;font:11px var(--mono)}.station i{height:34px;width:34px;display:block;border-radius:50%;background:#1b201c;border:2px solid #9eaa96;transition:background .2s}.station.active i,.station:hover i{background:#d1dbc7;border-color:#d1dbc7;box-shadow:0 0 16px #d8e2cf55}.station-note{color:#acb6a7;font:13px/1.6 var(--sans);margin:12px 0 25px}.experience-cta{display:inline-flex;align-items:center;gap:25px;background:#d5d8cc;color:#1b211b;padding:15px 18px;text-decoration:none;font:11px var(--mono);letter-spacing:.06em;margin-top:18px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}.archive-item{border:0;background:#252a26;color:#dbdfd2;padding:0;text-align:left}.archive-item img{display:block;width:100%;height:260px;object-fit:cover;filter:grayscale(1) contrast(.85);transition:filter .3s}.archive-item:hover img{filter:grayscale(.6)}.archive-item span{display:block;padding:15px;font:11px var(--mono)}.artifact-view{display:flex;gap:25px;align-items:start;flex-wrap:wrap}.artifact-view img{max-width:min(100%,680px);max-height:70vh;object-fit:contain}.artifact-view div{max-width:320px}.experiment-world{min-height:400px;position:relative;border-top:1px solid #768571;border-bottom:1px solid #768571;background:radial-gradient(ellipse at 71% 40%,#6f7e6988,transparent 38%),radial-gradient(ellipse at 38% 78%,#9aa39b22,transparent 40%),#161c17;overflow:hidden}.experiment-world:before{content:"";position:absolute;inset:0;background:url('assets/film-grain.png');opacity:.15;mix-blend-mode:screen}.experiment-rings{position:absolute;border:1px solid #b5c7ad66;border-radius:50%;width:330px;height:330px;right:16%;top:50%;transform:translateY(-50%);box-shadow:0 0 70px #b5c7ad13}.experiment-rings:before,.experiment-rings:after{content:"";position:absolute;border:1px solid #b5c7ad77;border-radius:50%;inset:30px}.experiment-rings:after{inset:86px;background:#dae2d416;box-shadow:0 0 40px #dae2d422}.experiment-world p{position:absolute;left:40px;bottom:25px;font:12px var(--mono);color:#b7cbb1}
@media(max-width:1080px){.site-header{height:70px}.hero-main{grid-template-columns:1fr;gap:38px}.hero-copy h1{font-size:clamp(90px,17vw,180px)}.hero-actions{flex-direction:row}.hero-transmission{flex:1;min-width:0}.hero{min-height:900px}.listening-surface{grid-template-columns:37% 63%}.work-feature{height:560px}.work-title strong{font-size:clamp(64px,8.5vw,110px)}}
@media(max-width:720px){.stage-notice{padding:0 18px;font-size:8px}.site-header{padding:0 22px;height:66px}.header-links{display:none}.mobile-menu-trigger{display:flex;border:0;background:none;align-items:end;justify-content:center;flex-direction:column;gap:6px;width:44px;height:44px}.mobile-menu-trigger span{display:block;width:25px;height:2px;background:#d2d5cd}.mobile-menu-trigger span:last-child{width:18px}.brand{font-size:13px}.hero{min-height:750px;min-height:95svh}.hero-index{top:110px;left:22px;right:22px;font-size:8px}.hero-index span:last-child{display:none}.hero-image{background-position:62% center}.hero-wash{background:linear-gradient(90deg,#0b0d0beb,#1417149e 70%,#0b0d0a9a),linear-gradient(0deg,#0c0d0ce8,transparent 55%)}.hero-main{padding:175px 22px 90px;align-items:start;gap:70px}.hero-copy h1{font-size:clamp(62px,17vw,130px);margin:30px 0 26px}.eyebrow{font-size:9px}.hero-deck{font-size:14px}.hero-actions{flex-direction:column;gap:8px}.hero-transmission{padding:17px 18px;min-height:84px}.hero-transmission strong{font-size:28px}.hero-bottom{padding:0 22px 25px}.hero-bottom>span{display:none}.intro-section,.work-section{padding:75px 22px}.intro-row{grid-template-columns:1fr;margin:55px 0 40px;gap:18px}.intro-row h2{font-size:clamp(65px,17vw,120px)}.intro-row p{margin:0;max-width:400px;font-size:14px}.listening-surface{grid-template-columns:1fr}.listening-image{min-height:230px}.listening-list{padding-left:0}.track-row{min-height:104px;grid-template-columns:52px 1fr 24px}.track-name{font-size:25px}.track-name small{font-size:8px}.work-section{padding-top:15px}.work-grid{grid-template-columns:1fr;gap:10px}.work-feature{height:460px;padding:24px}.work-title strong{font-size:clamp(65px,18vw,88px)}.archive-feature .work-title strong{font-size:clamp(60px,16vw,76px)}.archive-strip{grid-template-columns:1fr}.archive-strip-photo{min-height:240px}.archive-strip-copy{padding:45px 22px}.archive-strip-copy p{font-size:clamp(47px,12vw,62px);max-width:100%;overflow-wrap:normal}.site-footer{flex-wrap:wrap;align-items:flex-start;padding:40px 22px}.site-footer div{order:3;width:100%;justify-content:space-between}.player-dock{bottom:7px;left:7px;right:7px;padding:11px}.player-description{font-size:10px}.player-footer{font-size:8px}.experience-shell{padding:26px 22px}.experience-close{margin-bottom:50px}.experience-title{font-size:clamp(68px,18vw,115px)}.transit-map{margin-top:30px}.station i{width:25px;height:25px}.transit-map:before{top:13px}.station{font-size:9px}.archive-grid{grid-template-columns:1fr 1fr}.archive-item img{height:175px}.artifact-view img{max-height:50vh}}
@media(max-width:380px){.brand{font-size:11px}.hero-copy h1{font-size:16.5vw}.hero-main{padding-top:156px;gap:48px}.hero-transmission strong{font-size:24px}.hero{min-height:700px}.intro-row h2{font-size:16vw}.track-row{grid-template-columns:45px 1fr 20px;gap:9px}.track-name{font-size:23px}.track-name small{font-size:7px}.work-title strong{font-size:66px}.archive-feature .work-title strong{font-size:59px}.archive-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero-image{transform:none!important}}
/* BLACK CHANNEL 03: real archive material as subdued environmental residue */
.hero-signal{position:absolute;z-index:3;right:5vw;bottom:20px;display:flex;align-items:end;gap:4px;height:24px;pointer-events:none;opacity:0;transition:opacity .4s}
.hero-signal span{width:3px;height:4px;background:#bfceb1;border-radius:2px}
body.is-listening .hero-signal{opacity:.73}
body.is-listening .hero-signal span{animation:signal-pulse 1.07s ease-in-out infinite alternate}
body.is-listening .hero-signal span:nth-child(3n){animation-delay:-.55s}
body.is-listening .hero-signal span:nth-child(4n){animation-delay:-.28s}
body.is-listening .hero-signal span:nth-child(5n){animation-delay:-.78s}
@keyframes signal-pulse{0%,100%{height:4px;opacity:.5}47%{height:21px;opacity:1}75%{height:11px;opacity:.7}}
.work-ghost-print{position:absolute;z-index:-1;width:47%;height:72%;right:-9%;top:0;background:url('assets/collective-energy-ghost.webp') center/cover no-repeat;opacity:.13;filter:grayscale(1) blur(1.3px);mix-blend-mode:screen;transform:rotate(-8deg);pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,black 30%,black 75%,transparent 100%)}
.archive-strip{position:relative;isolation:isolate}
.archive-strip-photo{z-index:0}
.archive-strip-copy{position:relative;z-index:2}
.archive-strip-underprint{pointer-events:none;position:absolute;z-index:1;left:22%;top:8%;height:86%;width:30%;background:url('assets/groop-ghost.webp') center center/cover no-repeat;opacity:.07;mix-blend-mode:multiply;filter:blur(1.4px);transform:rotate(5deg);mask-image:linear-gradient(90deg,transparent,black 20%,black 70%,transparent)}
#experienceBody{position:relative;isolation:isolate;min-height:450px}
.archive-backdrop-print{position:absolute;right:0;top:6%;width:42%;height:75%;opacity:.11;z-index:-1;pointer-events:none;background-image:url('assets/groop-ghost.webp'),url('assets/collective-energy-ghost.webp');background-size:75% auto,58% auto;background-position:right top,left bottom;background-repeat:no-repeat;filter:blur(1.4px);mask-image:linear-gradient(90deg,transparent,black 30%,black 90%,transparent)}
.archive-content{position:relative;z-index:1}
.archive-trace{margin:38px 0 6px;border-top:1px solid #7e837b65;padding-top:17px;font:11px/1.9 var(--mono);letter-spacing:.03em;color:#b0b9aa}
.archive-quiet{max-width:540px;font:12px/1.8 var(--sans);color:#949f90}
.archive-grid{max-width:1160px}
.archive-item{overflow:hidden;border:1px solid #454b42;transition:border-color .25s}
.archive-item:hover{border-color:#a1ad9c}
.archive-item img{filter:grayscale(1) contrast(.78) brightness(.75)}
.archive-item:hover img{filter:grayscale(1) contrast(.83) brightness(.87)}
.artifact-view img{filter:grayscale(1) contrast(.88)}
.transit-stage{--transit-shift:0%;background:#151a17}
.transit-stage:before{background-position:calc(50% + var(--transit-shift)) center;transition:background-position .7s ease,filter .7s ease}
.transit-current{position:absolute;bottom:28px;right:34px;z-index:3;font:700 clamp(54px,11vw,130px)/1 var(--display);color:#d5d9cb33;letter-spacing:-.02em}
.transit-beam{position:absolute;z-index:2;inset:auto 0 0 auto;width:45%;height:65%;background:radial-gradient(ellipse at 70% 95%,#d8e1cc21,transparent 69%);pointer-events:none}
.transit-map .transit-vehicle{position:absolute;z-index:2;left:8.33%;top:5px;width:30px;height:18px;background:#d6dfce;box-shadow:0 0 22px #dce8d05d;border:3px solid #192019;border-radius:4px 4px 2px 2px;transform:translateX(-50%);pointer-events:none;transition:left .6s cubic-bezier(.2,.8,.2,1)}
.transit-map .transit-vehicle:after{content:'';position:absolute;left:5px;right:5px;top:3px;height:5px;background:#4c614f}
.experiment-world{--phase:43;background:radial-gradient(ellipse at 65% 36%,#8a968027,transparent 47%),#151a16}
.experiment-world:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#161c18ec,#171c1870 56%,#141a16c2);pointer-events:none;z-index:0}
.experiment-flyer-ghost{position:absolute;inset:-18% 7% -13% auto;width:51%;background:url('assets/experiment-ghost.webp') center/cover no-repeat;opacity:.22;filter:grayscale(1) blur(2px);mix-blend-mode:screen;transform:rotate(7deg);mask-image:linear-gradient(90deg,transparent,black 20%,black 77%,transparent)}
.experiment-rings{z-index:1;opacity:calc(.15 + var(--phase)/140)}
.experiment-rings:after{opacity:calc(.15 + var(--phase)/130)}
.experiment-world p{z-index:2}
.experiment-frequency{position:absolute;z-index:2;right:28px;bottom:28px;color:#a5b7a4;font:11px var(--mono)}
.experiment-controls{display:flex;align-items:center;gap:20px;max-width:720px;padding:20px 0;border-bottom:1px solid #65706470}
.experiment-controls label,.experiment-controls span{font:10px var(--mono);letter-spacing:.07em;color:#bfc9b7;white-space:nowrap}
.experiment-controls input{flex:1;min-width:80px;accent-color:#aebfa7;cursor:pointer}
@media(max-width:720px){
 .archive-backdrop-print{right:-20%;width:90%;opacity:.09}
 .archive-trace{font-size:10px}
 .archive-strip-underprint{left:45%;width:45%;opacity:.045}
 .transit-current{right:16px;bottom:16px}
 .transit-map .transit-vehicle{width:22px;height:15px;top:3px}
 .experiment-flyer-ghost{width:82%;right:-24%;opacity:.14}
 .experiment-controls{flex-wrap:wrap;gap:12px}
 .experiment-controls label{width:100%}
 .experiment-controls input{order:2;flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){body.is-listening .hero-signal span{animation:none!important;height:10px!important}.transit-stage:before,.transit-map .transit-vehicle{transition:none!important}}

/* Legibility adjustments: functional text stays crisp even when the art is soft. */
@media(max-width:720px){.track-name small{font-size:10px;line-height:1.5}.trans-index{font-size:10px!important}.work-label{font-size:10px}.section-overline{font-size:10px}}
@media(max-width:380px){.track-name small{font-size:10px}.track-row{gap:7px}}

/* Signal tuner is a genuine visual control; no fabricated audio is generated. */
.experiment-rings{opacity:var(--phase-opacity,.43);transform:translateY(-50%) scale(var(--phase-scale,1));transition:opacity .2s ease,transform .2s ease}
.experiment-flyer-ghost{opacity:var(--flyer-opacity,.10);transition:opacity .2s ease}
@media(prefers-reduced-motion:reduce){.experiment-rings,.experiment-flyer-ghost{transition:none!important}}

/* BLACK CHANNEL 0.4: performance fragments remain background, with optional textual context. */
.archive-backdrop-lineup{position:absolute;right:4%;bottom:4%;height:46%;width:22%;pointer-events:none;z-index:-1;background:url('assets/collective-energy-lineup-ghost.webp') center 32%/cover no-repeat;opacity:.095;filter:grayscale(1) blur(1.5px);transform:rotate(3deg);mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,black 20%,black 70%,transparent)}
.archive-traces{margin-top:32px;border-top:1px solid #777c724c;padding-top:19px;max-width:960px}
.archive-traces-label{display:block;color:#afb8ad;font:10px var(--mono);letter-spacing:.1em;margin-bottom:12px}
.archive-traces-controls{display:flex;gap:9px;flex-wrap:wrap}
.archive-traces-controls button{background:#262b26;color:#bbc5b8;border:1px solid #656e62;padding:11px 14px;min-height:44px;font:10px var(--mono);letter-spacing:.04em;transition:border-color .2s,background .2s}
.archive-traces-controls button:hover,.archive-traces-controls button[aria-pressed=true]{background:#394238;border-color:#d0ddc5;color:#e5ebdf}
.archive-trace-detail{min-height:3.5em;max-width:780px;color:#c1c9bc;font:13px/1.7 var(--sans);margin:16px 0 0}
@media(max-width:720px){.archive-backdrop-lineup{right:-16%;width:54%;height:39%;opacity:.075}.archive-traces-controls button{flex:1 1 125px;line-height:1.45}}
@media(prefers-reduced-motion:reduce){.archive-traces-controls button{transition:none!important}}

/* Preserve the full historical identity mark rather than cropping its wide proportions. */
.archive-item[data-artifact="logo"] img{object-fit:contain;object-position:center;background:#202520;padding:clamp(15px,2.5vw,35px)}
.archive-item[data-artifact="logo"]:hover img{filter:grayscale(1) contrast(.91) brightness(.94)}

/* Modal focus is isolated, with an explicit return to live SoundCloud transport. */
.experience-overlay{z-index:70}
.experience-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:50px}
.experience-bar .experience-close{margin-bottom:0;min-height:44px}
.experience-audio-return{font:10px var(--mono);letter-spacing:.07em;color:#d9e3d1;background:#29322b;border:1px solid #657264;padding:12px 14px;min-height:44px}
.experience-audio-return:hover{background:#374238}
@media(max-width:720px){.experience-bar{margin-bottom:40px}}

/* Accessible touch targets in navigation without changing the visual hierarchy. */
.site-footer a{display:inline-flex;align-items:center;min-height:36px}
.hero-bottom a{display:inline-flex;align-items:center;min-height:44px}
.header-links a{display:inline-flex;align-items:center;min-height:36px}

/* PLANE TRAIN / live SoundCloud conductor */
.plane-console{margin:22px 0 8px;border:1px solid #616b60;background:linear-gradient(145deg,#272d28,#111512);padding:clamp(18px,3vw,30px);max-width:900px}
.plane-console-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #485348;padding-bottom:15px;color:#a8b5a6;font:10px/1.5 var(--mono);letter-spacing:.08em}
.plane-console-top #planeStatus{color:#c5d1c0;text-align:right}
.plane-track{display:block;font:700 clamp(22px,3vw,37px)/1.2 var(--display);letter-spacing:.015em;color:#e6e9db;margin:20px 0;min-height:1.3em}
.plane-transport{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:8px}
.plane-transport button{min-height:46px;border:1px solid #687566;background:#222923;color:#e6e9dc;font:11px var(--mono);letter-spacing:.06em;padding:12px 8px;cursor:pointer}
.plane-transport button:hover,.plane-transport button:focus-visible{border-color:#cbd7c4;background:#343e35}
.plane-transport #planePlay{background:#c4d1be;color:#182018;font-weight:700;border-color:#c4d1be}
.plane-timeline{display:flex;align-items:center;gap:16px;margin:19px 0 6px}
.plane-timeline input{flex:1;min-width:0;accent-color:#bbc9b5;cursor:pointer}
.plane-timeline span{white-space:nowrap;font:11px var(--mono);color:#c8d2c3;font-variant-numeric:tabular-nums}
#planeSoundCloud{width:100%;height:166px;border:0;margin:22px 0 0;display:block;background:#171d18}
#planeSoundCloud[hidden]{display:none}
.plane-help{font:11px/1.65 var(--mono);color:#9ba89a;margin:15px 0 0;max-width:700px}
.plane-outlinks{display:flex;flex-wrap:wrap;gap:12px;margin-top:17px}
.plane-outlinks .experience-cta{margin-top:0}
.station:focus-visible{outline:2px solid #e0e9d8;outline-offset:5px}
@media(max-width:550px){.plane-console-top{align-items:flex-start;flex-direction:column}.plane-console-top #planeStatus{text-align:left}.plane-transport{grid-template-columns:1fr 1fr}.plane-transport #planePlay{grid-column:1 / -1;grid-row:1}.plane-timeline{gap:10px}.plane-timeline span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.transit-stage:before,.transit-map .transit-vehicle{transition:none}}

/* Release variants retain the Black Channel listening-list visual language. */
.track-row--variation{min-height:78px;padding:13px 0 13px 15px;border-left:1px solid #66705f}
.track-row--variation .track-name{font-size:clamp(18px,1.9vw,26px);letter-spacing:.005em}
.track-row--variation .track-name small{margin-top:6px}
.track-row--variation:hover{padding-left:24px}
.track-row:focus-visible{outline:2px solid #c8d2c3;outline-offset:3px}
@media(max-width:720px){.track-row--variation{min-height:77px;padding-left:10px}.track-row--variation .track-name{font-size:21px}}
@media(max-width:380px){.track-row--variation .track-name{font-size:19px}}

/* Little Fluffy Clouds: disclosure-only parent, with two playable child mixes. */
.track-row--release{cursor:pointer}
.track-row--release .track-arrow{font:300 28px/1 var(--sans);transition:transform .18s,color .18s}
.track-row--release.is-expanded{background:#cfd3c60b}
.track-row--release.is-expanded .track-arrow{color:#c8d7c4}
.release-subtracks{display:flex;flex-direction:column;padding:0 0 0 19px;border-left:1px solid #596656;margin-left:9px}
.release-subtracks[hidden]{display:none}
.release-subtracks .track-row--variation{width:100%;cursor:pointer;min-height:78px}
.release-subtracks .track-row--variation:last-child{border-bottom:1px solid #454b44}
@media(max-width:720px){.release-subtracks{padding-left:10px;margin-left:4px}}
@media(prefers-reduced-motion:reduce){.track-row--release .track-arrow{transition:none}}

/* Music library v0.6.4: three compact disclosure rows, two recordings each. */
.listening-list>.track-row--release{min-height:117px}
.release-subtracks{overflow:hidden}
.release-subtracks .track-row--variation{min-height:77px}
.release-subtracks .track-row--variation:last-child{border-bottom:1px solid #454b44}
@media(max-width:720px){.listening-list>.track-row--release{min-height:105px}.release-subtracks .track-row--variation{min-height:75px}}