@font-face{font-family:Logo;src:url(assets/SummerPixelWide22Regular-4BoW4.ttf);font-display:swap}@font-face{font-family:Digital;src:url(assets/WimCrouwel68Regular-d9vPE.ttf);font-display:swap}@font-face{font-family:Pixel;src:url(assets/Silkscreen-Bold.ttf);font-weight:700;font-display:swap}
:root{color-scheme:dark;--paper:#eee4ff;--purple:#b180f2;--line:#a779d235;--muted:#ad9cbd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#000;color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #d6ffac;outline-offset:6px}::selection{background:#be8af8;color:#100a16}.shell{max-width:1600px;margin:auto;padding:0 5.5%;position:relative}.atmosphere{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 15%,#54179b28,transparent 55%),radial-gradient(ellipse at 0 70%,#6c2e921b,transparent 60%)}#grain,.scanlines{position:fixed;inset:0;pointer-events:none;width:100%;height:100%;z-index:5}#grain{opacity:.045;image-rendering:auto}.scanlines{opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px)}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font:32px Logo,monospace}.brand span{font-size:.55em}nav{display:flex;gap:34px}nav a,.micro,.eyebrow,.section-label,.art-top,.art-bottom small,.visual-top,.visual-bottom,footer,#motion{font:11px 'Courier New',monospace;letter-spacing:1.4px}nav a{color:#c4b6d1;min-height:44px;display:flex;align-items:center}nav a:hover{color:#fff}#motion{background:#191020;border:1px solid #806395;color:#d6c7e8;padding:10px 13px;cursor:pointer}#motion span{color:#d2ffaf}.hero{padding:34px 0 56px}.eyebrow{display:flex;justify-content:space-between;color:var(--muted)}.eyebrow i{display:inline-block;width:6px;height:6px;background:#d4ffad;box-shadow:0 0 12px #baff87;margin-right:10px}.masthead{position:relative;min-height:350px;display:flex;align-items:center;isolation:isolate}.masthead h1{font:clamp(140px,24.6vw,380px)/1 Logo,monospace;letter-spacing:-.04em;margin:35px 0 20px;position:relative;z-index:1;text-shadow:-2px 0 #b573d5,2px 0 #7f9aa0;animation:rgb 12s infinite}.masthead h1 span{font-size:.55em}.orb{position:absolute;right:0;top:5%;width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#b78ae81c,#4d176b20 45%,#b86cff80 68%,#e8b4ff 69%,#250939 70%,transparent 72%);filter:drop-shadow(0 0 30px #892af450);z-index:-1;animation:drift 18s ease-in-out infinite}.orb div{position:absolute;inset:0;border-radius:50%;background:url(assets/background.png) 70% 50%/cover;mix-blend-mode:screen;opacity:.34}.cross{position:absolute;color:#ad7ecd;font:24px monospace}.c1{top:24px;left:0}.c2{right:0;bottom:0}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-bottom p{font-size:clamp(18px,2.2vw,30px);line-height:1.2;margin:0;letter-spacing:-1px}.hero-bottom em{font-style:normal;color:var(--purple)}.hero-note{font:12px/1.8 'Courier New',monospace;color:var(--muted)}.scroll{width:48px;height:48px;border:1px solid #79558e;display:grid;place-items:center;font-size:24px}.section-label{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;color:#ba9fd0}.live{color:#d5ffb7}.release{padding-bottom:80px}.release-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:20px}.signal-art{aspect-ratio:1;position:relative;overflow:hidden;border:1px solid #9e69cb;background:linear-gradient(135deg,#1c0b2aa8,#67208b66),url(assets/background.png) center/cover;box-shadow:0 0 70px #7721a51a;display:flex;flex-direction:column;justify-content:space-between;padding:24px;isolation:isolate}.signal-art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 2px,#10061d55 2px 4px);z-index:-1}.art-top,.art-bottom{display:flex;justify-content:space-between;position:relative;z-index:1}.art-bottom>span{font:clamp(20px,3.2vw,48px)/1.05 Digital,monospace;letter-spacing:2px}.art-bottom small{line-height:1.8;align-self:end}.art-core{position:absolute;inset:10%;display:grid;place-items:center;transform:rotate(-20deg)}.art-core>span{font:clamp(100px,18vw,260px) Digital,monospace;color:#edbeff;text-shadow:6px 0 #741cc0,-4px 0 #94e1d4;opacity:.7;filter:blur(.5px)}.ring{position:absolute;border:1px solid #e3b7ffaa;border-radius:50%;width:96%;height:60%;box-shadow:0 0 20px #ce68ff33,inset 0 0 20px #ce68ff33}.r2{transform:rotate(60deg)}.r3{transform:rotate(120deg)}.signal-art:hover .art-core{transform:rotate(-12deg);transition:transform .6s}.micro{color:#b9a5ce}.release-copy h2{font:clamp(36px,5.4vw,80px)/1.1 Digital,monospace;letter-spacing:1px;margin:25px 0}.release-copy h2 span{color:var(--purple)}.release-copy p{font-size:16px;color:#bfb0cb;line-height:1.7;margin-bottom:32px}.primary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px;background:#bd91ed;color:#160a23;font:700 12px Pixel,monospace;border:1px solid #e4caff;box-shadow:3px 3px 0 #382143;transition:background .2s,transform .2s}.primary:hover{background:#e1c5ff;transform:translateY(-2px)}.text-link{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line);font:12px 'Courier New',monospace}.text-link:hover{color:#d5ffb7}.wave{height:35px;margin:30px 0 14px;display:flex;align-items:center;gap:3px;overflow:hidden}.wave i{display:block;flex:1;background:#9361b8;min-width:2px;opacity:.65}.faint{font-size:9px;color:#93819f}.visuals{padding-bottom:90px}.visual-frame{display:block;position:relative;background:linear-gradient(90deg,#11081be0,#29133b6b),url(assets/background.png) center 35%/cover;min-height:360px;padding:28px;overflow:hidden;border:1px solid #5c3f70}.visual-frame:before{content:'';position:absolute;width:50%;height:170%;top:-30%;right:5%;background:linear-gradient(90deg,transparent,#b456ff22,transparent);transform:rotate(25deg);animation:drift 14s infinite}.visual-top,.visual-bottom{display:flex;justify-content:space-between;color:#c9aadd;position:relative}.visual-top span:last-child{color:#d8ffb7}.visual-content{position:relative;display:flex;justify-content:space-between;align-items:center;padding:65px 0}.visual-content h2{font-size:clamp(28px,4vw,58px);line-height:1;margin:16px 0 0;letter-spacing:-2px;font-weight:500}.visual-content h2 span{display:block;color:#b48bcb}.play{border:1px solid #d6b5e4;width:70px;height:70px;display:grid;place-items:center;font-size:36px;background:#160b2580}.visual-frame:hover .play{background:#bd91ed;color:#13091d}.visual-bottom{font-size:10px}.connect{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:0 0 85px}.connect h2{font-size:clamp(30px,3.5vw,50px);line-height:1.06;font-weight:400;letter-spacing:-1.5px;margin:20px 0}.connect h2>span{color:var(--purple)}.connections a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:22px 0;font-size:18px}.connections a:first-child{border-top:1px solid var(--line)}.connections small{font:10px 'Courier New',monospace;color:#a98bc2;margin-right:22px}.connections a:hover{color:var(--purple)}footer{min-height:105px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a694b5;font-size:9px}footer .brand{color:var(--paper)}.skip{position:fixed;left:10px;top:-80px;background:#fff;color:#000;padding:15px;z-index:10}.skip:focus{top:10px}@keyframes drift{50%{transform:translate(-12px,10px) scale(1.04)}}@keyframes rgb{0%,94%,97%,100%{text-shadow:-2px 0 #b573d5,2px 0 #7f9aa0}95%{text-shadow:-4px 0 #bd49b5,4px 0 #76bdcb}96%{text-shadow:2px 0 #bd49b5,-2px 0 #76bdcb}}
body.fx-off *,body.fx-off *:before{animation:none!important;transition:none!important}body.fx-off #grain{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}}@media(min-width:1600px){.masthead h1{font-size:380px}}@media(max-width:760px){.shell{padding:0 6%}header{height:80px;gap:12px}nav{gap:16px}nav a{font-size:9px;letter-spacing:0}header .brand{font-size:26px}#motion{font-size:9px;padding:9px}.eyebrow{font-size:9px;letter-spacing:.7px}.eyebrow>span:last-child{display:none}.masthead{min-height:240px}.masthead h1{font-size:26vw;margin:45px 0}.orb{width:50%;top:12%}.hero{padding-bottom:40px}.hero-bottom{flex-wrap:wrap}.hero-note{font-size:10px}.hero-bottom p{font-size:19px}.scroll{display:none}.release-grid{gap:35px;grid-template-columns:1fr}.signal-art{max-width:520px;width:100%;justify-self:center}.art-bottom>span{font-size:36px}.art-core>span{font-size:40vw}.release-copy h2{font-size:53px;margin:18px 0}.release-copy p{margin:15px 0 24px}.release,.visuals{padding-bottom:55px}.section-label{font-size:10px;letter-spacing:.8px}.visual-frame{padding:20px;min-height:320px}.visual-top{font-size:9px;letter-spacing:0}.visual-content{padding:65px 0;gap:14px}.visual-content h2{font-size:31px;letter-spacing:-1px}.visual-content .micro{font-size:9px}.play{width:44px;height:44px;flex-shrink:0;font-size:27px}.visual-bottom{font-size:8px;letter-spacing:0}.connect{grid-template-columns:1fr;gap:20px;padding-bottom:50px}.connect h2{font-size:38px}footer{flex-wrap:wrap;padding:25px 0;gap:25px}footer>span{order:3;width:100%;font-size:8px}.wave{margin-top:24px}}@media(max-width:380px){nav{gap:9px}nav a{font-size:8px}.hero-note{max-width:135px}.visual-content h2{font-size:26px}}
@media(max-width:420px){header{height:auto;min-height:95px;flex-wrap:wrap;padding:14px 0;gap:8px}header nav{order:3;width:100%;justify-content:space-between}header nav a{min-height:30px;font-size:9px}.hero-note{max-width:none}.hero-bottom{align-items:flex-start;flex-direction:column;gap:18px}.art-top{font-size:8px;letter-spacing:.7px}.release-copy h2{font-size:45px}}
.release-grid>*,.connect>*{min-width:0}.primary>span:first-child{min-width:0;overflow-wrap:anywhere}@media(max-width:420px){.primary{font-size:10px;padding:20px 14px}.art-bottom small{font-size:8px}.signal-art{padding:20px}.release-grid{grid-template-columns:minmax(0,1fr)}}

/* Refined spacing and quieter presentation. */
header{height:84px}nav{gap:12px}nav a{font:700 12px Pixel,monospace;letter-spacing:.5px;color:#eee4ff;padding:13px 20px;border:1px solid #ae7adc70;background:#9d62cf17;min-height:46px;transition:background .2s,border-color .2s}nav a:hover{background:#ae7adc38;border-color:#d6b0f5}
.hero{padding:8px 0 24px}.masthead{min-height:260px}.masthead h1{font-size:clamp(140px,21vw,320px);margin:20px 0 12px}.orb{width:32%;top:0}.c1{top:15px}.release{padding-bottom:42px}.section-label{padding:16px 0}.release-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:7%;padding-top:10px}.signal-art{max-width:420px}.release-copy h2{font-size:clamp(36px,4.8vw,68px);margin:18px 0 26px}.wave{margin:18px 0 0;height:24px}.visuals{padding-bottom:40px}.visual-frame{min-height:0;padding:28px}.visual-content{padding:10px 0}.visual-content h2{font-size:clamp(28px,3.4vw,44px);margin:0 0 12px;letter-spacing:0}.video-caption{font:12px 'Courier New',monospace;color:#c8b7d7}.play{width:55px;height:55px;font-size:30px}.connect{padding-bottom:38px;align-items:start}.connect h2{font-size:30px;letter-spacing:0;margin:18px 0}.connections a{padding:16px 0;font-size:16px}footer{min-height:80px}#grain{opacity:.055}
@media(min-width:1600px){.masthead h1{font-size:320px}}
@media(max-width:760px){header{height:auto;min-height:78px;flex-wrap:wrap;padding:14px 0;gap:12px}header nav{order:3;width:100%;gap:8px}nav a{flex:1;justify-content:center;padding:12px 6px;font-size:10px;min-height:44px}.hero{padding:8px 0 20px}.masthead{min-height:180px}.masthead h1{font-size:25vw;margin:30px 0 16px}.orb{width:43%;top:3%}.release-grid{grid-template-columns:minmax(0,1fr);gap:24px}.signal-art{max-width:340px}.release-copy h2{font-size:44px;margin:12px 0 22px}.release{padding-bottom:32px}.visuals{padding-bottom:26px}.visual-frame{padding:22px}.visual-content{padding:8px 0}.visual-content h2{font-size:28px}.connect{gap:10px;padding-bottom:24px}.connect h2{font-size:27px;margin:10px 0}.connections a{padding:15px 0}footer{padding:20px 0;min-height:70px}.art-core>span{font-size:min(40vw,150px)}}

/* Supplied artwork fonts, used selectively. */
@font-face{font-family:IntraNet;src:url(assets/IntraNet.otf) format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Computo;src:url(assets/ComputoMonospace-p73xO.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}
header nav a{font-family:Computo,'Courier New',monospace;font-size:16px;font-weight:400;letter-spacing:1px}
.visual-content h2,.connect h2{font-family:IntraNet,Arial,sans-serif;font-weight:400;font-size:34px;letter-spacing:1px;line-height:1.2}
/* Rotate only the album texture; keep the CD monogram and type upright. */
.signal-art{background:linear-gradient(135deg,#1c0b2aa8,#67208b66)}
.signal-art:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(45deg,#1c0b2aa8,#67208b66),url(assets/background.png) center/cover;transform:rotate(0deg);pointer-events:none}
@media(max-width:760px){header nav a{font-size:14px;letter-spacing:.5px}.visual-content h2,.connect h2{font-size:29px}}

/* Compact composition: preserve small copy and usable controls. */
.shell{max-width:1200px;padding-inline:5%}
header{height:74px}
main{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);column-gap:5%;align-items:start}
.hero,.release{grid-column:1/-1}
.hero{padding:8px 0 14px}
.masthead{min-height:165px;padding-left:3%}
.masthead h1{font-size:clamp(100px,15vw,190px);margin:10px 0;line-height:.95}
.orb{width:clamp(90px,15vw,170px);right:12%;top:-4px}
.c1{top:8px;left:0}.c2{right:4%;bottom:14px}
.release{padding-bottom:28px}
.section-label{padding:12px 0}
.release-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:6%;padding-top:8px;align-items:center}
.signal-art{width:100%;max-width:285px;padding:16px;justify-self:end;transform:rotate(-1.5deg);box-shadow:5px 6px 0 #28123655}
.art-core>span{font-size:130px}
.art-bottom>span{font-size:27px;letter-spacing:1px}
.release-copy{max-width:450px;padding-top:9px}
.release-copy h2{font-size:clamp(30px,3.7vw,46px);margin:10px 0 18px}
.primary{padding:15px 16px;min-height:48px}
.text-link{padding:15px 0}
.wave{height:19px;margin-top:12px;max-width:80%}
.visuals{padding:14px 0 26px}
.visual-frame{padding:17px;transform:rotate(.7deg);border-color:#9464b578}
.visual-content{padding:5px 0}
.visual-content h2,.connect h2{font-size:25px;letter-spacing:.5px}
.visual-content h2{margin-bottom:9px}
.play{height:44px;width:44px;font-size:25px}
.connect{display:block;padding:0 0 24px}
.connect h2{margin:5px 0 12px}
.connections a{padding:11px 0;min-height:44px}
footer{min-height:65px}
@media(max-width:760px){
 .shell{padding-inline:6%}
 header{height:auto;padding:12px 0;gap:10px}
 .masthead{min-height:128px;padding-left:2%}
 .masthead h1{font-size:clamp(72px,20vw,135px);margin:10px 0}
 .orb{width:clamp(80px,26vw,125px);right:8%;top:0}
 .hero{padding:5px 0 8px}
 .release-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:5%}
 .signal-art{max-width:230px;padding:12px}
 .art-core>span{font-size:100px}
 .art-bottom>span{font-size:22px}
 .release-copy h2{font-size:31px}
 .release-copy{padding-top:0}
 .primary{padding:13px 12px}
 .visual-content h2,.connect h2{font-size:23px}
}
@media(max-width:560px){
 main{grid-template-columns:minmax(0,1fr)}
 .release-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .signal-art{width:74%;max-width:235px;justify-self:start;margin-left:5%;padding:14px}
 .art-core>span{font-size:110px}
 .art-bottom>span{font-size:24px}
 .release-copy{width:94%;justify-self:end}
 .release-copy h2{font-size:32px;line-height:1.05;margin:8px 0 15px}
 .release{padding-bottom:19px}
 .visuals{width:94%;padding:5px 0 20px}
 .connect{width:94%;justify-self:end;padding-bottom:18px}
 footer{padding:16px 0}
}
/* Compact listening window and level, centered artwork. */
.signal-art{max-width:220px;justify-self:center;transform:none;margin-left:0;box-shadow:0 0 24px #7721a518}.art-core>span{font-size:105px}.art-bottom>span{font-size:23px}
.release-copy{width:100%;max-width:450px;padding:0;border:1px solid #b583d7;background:#100918e8;box-shadow:inset 1px 1px 0 #dec0f32b,inset -1px -1px 0 #000,3px 3px 0 #050208,4px 4px 0 #68427e66;position:relative}
.dialog-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-top:1px solid #e6bbff70;border-bottom:1px solid #ac72cd;background:linear-gradient(90deg,#633080,#331845);font:12px/1.5 'Courier New',monospace;color:#eee0ff}.dialog-titlebar>span:first-child{display:flex;align-items:center;gap:8px;min-width:0}.dialog-icon{color:#e2b4ff;font-size:16px;line-height:1}.dialog-status{font-size:10px;letter-spacing:1px;color:#cbb5dc}.dialog-body{padding:20px}.dialog-body h2{font-size:38px;margin:0 0 20px}.dialog-body .wave{max-width:100%;height:16px;margin-top:15px;opacity:.7}.dialog-body .text-link{padding:16px 0 12px}
@media(max-width:760px){.signal-art{max-width:185px}.art-core>span{font-size:90px}.art-bottom>span{font-size:20px}.dialog-body{padding:16px}.dialog-body h2{font-size:30px}.dialog-titlebar{padding:8px 10px;gap:8px}.dialog-status{font-size:9px}}
@media(max-width:560px){.signal-art{width:66%;max-width:185px;justify-self:center;margin-left:0}.release-grid{gap:20px}.release-copy{width:100%;justify-self:center}.dialog-body h2{font-size:31px}.dialog-body .primary{font-size:10px;padding:13px 10px}}

/* Material pass: worn emulsion, scratched chrome and phosphor bloom. */
body{background:#000}
.atmosphere{background:linear-gradient(#09050e50,#09050e55),url(assets/distressed-violet.png) center/cover;opacity:.78}
.atmosphere:after{content:'';position:absolute;inset:0;background:url(assets/background.png) center/cover;opacity:.1;mix-blend-mode:screen}
#grain{opacity:.023}.scanlines{opacity:.075}
header{border-bottom-color:#ad75d448;background:linear-gradient(90deg,transparent,#2d0d3738,transparent)}
header nav a{background:linear-gradient(110deg,#4e236d85,#160b2399),url(assets/distressed-violet.png) 20% 10%/350px;border:1px solid #c28ae999;border-bottom-color:#432353;box-shadow:inset 0 1px #f4c6ff55,inset 0 -2px #08030d,2px 2px 0 #050208;text-shadow:1px 0 #b665c9,0 0 6px #d0a7ec66}
header nav a:hover{background-color:#723389;background-blend-mode:screen;border-color:#f3c9ff}
.masthead h1{color:#f0e3fa;text-shadow:-2px 0 #b16fcc,2px 0 #6c9b9c,0 0 16px #bc76e14d}
.orb{filter:drop-shadow(0 0 17px #a746da66);background:radial-gradient(circle at 36% 30%,#b78ae811,#3a154126 45%,#ba73e877 67%,#e4b1f6 69%,#180c22 71%,transparent 73%)}
.orb div{opacity:.72;background-image:url(assets/distressed-violet.png);background-position:80% 30%;background-size:cover;mix-blend-mode:screen}
.release-copy{border-color:#d0a0e6 #563165 #724881 #c294d5;background:linear-gradient(90deg,#0c0713a6,#0c0713bd),url(assets/distressed-violet.png) center/100% 100%;box-shadow:0 0 0 1px #08020b,2px 3px 0 #030105,3px 4px 0 #6e3b7b77,0 0 24px #9d35bd20,inset 0 0 25px #b34ec414}
.release-copy:before{content:'';position:absolute;inset:-2px;pointer-events:none;background:linear-gradient(#e9b2fc,#e9b2fc) left top/31px 2px no-repeat,linear-gradient(#e9b2fc,#e9b2fc) right bottom/22px 2px no-repeat;filter:drop-shadow(0 0 4px #d76aff)}
.dialog-titlebar{background:linear-gradient(90deg,#772c9599,#43185c88),url(assets/distressed-violet.png) 50% 8%/470px;border-top-color:#f4c3ff99;border-bottom-color:#bd74da9c;text-shadow:0 0 5px #d6a0f075;box-shadow:inset 0 1px #d0a0ef35,inset 0 -2px #14071f}
.dialog-body h2{text-shadow:1px 0 #8b6592,0 0 10px #c875d23b}
.primary{background:linear-gradient(100deg,#b77dd7cb,#c999e5df,#9961bfbb),url(assets/distressed-violet.png) 50% 12%/420px;color:#160b20;border-color:#f2cafb #703f89 #472653 #e2b5ef;box-shadow:inset 0 1px #f9dfff77,inset 0 -2px #512a6777,2px 3px 0 #040107,0 0 15px #b850dc28;text-shadow:0 1px #f2d5fa66}
.primary:hover{background-color:#dcb2ef;background-blend-mode:screen}
.signal-art{border-color:#ba8bcc #583165 #7f5689 #d7a8e6;box-shadow:0 0 0 2px #09050c,0 0 15px #af55d224,inset 0 0 20px #12051b}
.signal-art:after{background:linear-gradient(#16091b35,#16091b15),url(assets/distressed-violet.png) center/cover;mix-blend-mode:screen;opacity:.25}
.art-core>span{filter:blur(.35px);text-shadow:3px 0 #8d2cc0,-2px 0 #8dbbbc,0 0 14px #d395ed66}.ring{opacity:.72;border-color:#cba7db99}
.visual-frame{background:linear-gradient(90deg,#130a1da8,#130a1d88),url(assets/distressed-violet.png) 50% 75%/cover;border-color:#b58ac873 #684774 #81548d #be91ce;box-shadow:inset 0 0 18px #8e45941f,2px 3px #030105}
.visual-frame:before{background:url(assets/background.png) center/cover;inset:0;width:100%;height:100%;opacity:.16;transform:none;animation:none;mix-blend-mode:screen}
.visual-content h2,.connect h2{text-shadow:1px 0 #9b64af,-1px 0 #6d909b,0 0 9px #c376d343}
.connections a{border-image:linear-gradient(90deg,#c392dc77,#76508011,#b188cb66) 1;background:linear-gradient(90deg,transparent,#3714402b,transparent)}
.section-label{border-image:linear-gradient(90deg,#b37cd677,transparent 38%,#ac80c144) 1}
@media(max-width:560px){.atmosphere{background-size:auto 100%;background-position:45% center;opacity:.68}.dialog-titlebar{background-size:auto,350px}.visual-frame{background-size:auto,370px}}
/* ERRx-supplied visual materials. */
.atmosphere{background:linear-gradient(100deg,#280b4229,#08050c11),url(assets/errx-grunge.png) center/cover;opacity:1}
.atmosphere:after{background:url(assets/errx-interference.png) center/850px;opacity:.075;mix-blend-mode:screen;mask-image:linear-gradient(90deg,#000,transparent 22%,transparent 78%,#000)}
header nav a{background:linear-gradient(110deg,#4e236dca,#160b23d9),url(assets/errx-interference.png) 50% 35%/450px;border-top-color:#e0adf5a6}
.dialog-titlebar{background:linear-gradient(90deg,#692287c9,#40124fbf),url(assets/errx-interference.png) 50% 18%/430px}
.primary{background:linear-gradient(100deg,#bf90ddd9,#d1ace8e8,#ac76cad9),url(assets/errx-interference.png) 50% 55%/400px}
.orb div{background:url(assets/errx-mesh.png) 55% 80%/160%;opacity:.48;filter:sepia(1) saturate(3) hue-rotate(220deg);mix-blend-mode:screen}
.visual-frame{background:linear-gradient(90deg,#08040ce6 0%,#08040ca6 44%,#08040c22 100%),url(assets/errx-tunnel.png) center 60%/cover;border-color:#b58ac873 #684774 #81548d #be91ce}
.visual-frame:before{background:url(assets/errx-interference.png) 50% 38%/450px;opacity:.12;mask-image:linear-gradient(0deg,#000,transparent 30%,transparent 85%,#000)}
@media(max-width:560px){.atmosphere{background-size:auto,auto 100%;background-position:center,40% center}.atmosphere:after{background-size:700px;opacity:.055}.visual-frame{background-position:center,center 65%}}

/* Background video trial. The still texture remains beneath it. */
.background-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;opacity:0;transition:opacity .6s;filter:saturate(.85)}
.background-video.is-playing{opacity:1}
.video-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#08040e35,#08040e70 45%,#08040e35);}
@media(prefers-reduced-motion:reduce){.background-video{display:none}.video-shade{display:none}}

/* Animated mesh follows the existing orb crop, tint, and opacity. */
.orb-video{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:55% 80%;clip-path:circle(50%);transform:scale(1);opacity:0;filter:sepia(1) saturate(3) hue-rotate(220deg);mix-blend-mode:screen;pointer-events:none}
.orb-video.is-playing{opacity:.48}
.orb.has-video .orb-still{opacity:0}
@media(prefers-reduced-motion:reduce){.orb-video{display:none}.orb.has-video .orb-still{opacity:.48}}

/* Untinted CD backdrop and centered tunnel crop. */
.signal-art{background:#000;box-shadow:0 0 0 2px #09050c,0 0 15px #af55d224}
.signal-art:before{background:url(assets/background.png) center/cover}
.signal-art:after{display:none}
.visual-frame{background-position:center,center 50%;background-size:auto,cover}

/* Solid purple controls and album window, without embedded texture. */
header nav a{background:#49205f;background-blend-mode:normal;text-shadow:none}
header nav a:hover{background:#61307b;background-blend-mode:normal}
.dialog-titlebar{background:#60297c;text-shadow:none}
.release-copy{background:#160d20}
.primary{background:#bd91de;background-blend-mode:normal;text-shadow:none}
.primary:hover{background:#d3adee;background-blend-mode:normal}

/* High-contrast black, magenta and cyan drawn from the supplied artwork. */
:root{--paper:#fff5ff;--purple:#f038e6;--muted:#c5bed3}
.background-video{filter:none}
.video-shade{background:linear-gradient(90deg,#02020738,#02020770 48%,#02020738)}
header nav a{background:#3b0753;color:#fff5ff;border-color:#d945e9 #551969 #551969 #d945e9;box-shadow:inset 0 1px #f3a8ff55,2px 2px #000}
header nav a:hover,header nav a:focus-visible{background:#74138d;border-color:#78f7ff}
.masthead{min-height:122px}.masthead h1{font-size:clamp(90px,12vw,155px);margin:4px 0;color:#fff9ff}.hero{padding:3px 0 8px}.orb{width:clamp(80px,12vw,135px);top:6px}
.release-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:8%;align-items:center}
.release-copy{justify-self:end;max-width:420px;background:#08080e;border-color:#f25bed #632077 #632077 #eb75f5;box-shadow:3px 4px #000,0 0 0 1px #09020e,0 0 17px #e52cda22}
.dialog-titlebar{background:#650679;color:#fff;border-top-color:#fa9aff;border-bottom-color:#ba25c9}
.dialog-status{color:#f4d9f8}.dialog-tools{display:flex;gap:10px;align-items:center}
.dialog-toggle{width:30px;height:28px;background:#24062e;border:1px solid #df8ce7;color:#fff;font:20px/1 monospace;cursor:pointer;box-shadow:inset 1px 1px #f9c6ff25}
.dialog-toggle:hover{background:#8d159b}.dialog-body[hidden]{display:none}
.dialog-body h2{color:#fff7ff;text-shadow:none}.dialog-body h2 span{color:#fa42e6}
.primary{background:#e62bd3;color:#100314;border-color:#ffb7f6 #8d187e #62105b #ff91ee;text-shadow:none;box-shadow:inset 0 1px #ffc4f355,2px 3px #000}
.primary:hover{background:#ff5ee9;background-blend-mode:normal}.text-link{color:#8df7ff}
.wave i{background:#53e8f0;transform-origin:50% 100%}
.wave i:nth-child(3n){background:#ed36da}
.release-copy:hover .wave i,.release-copy:focus-within .wave i{animation:meter .9s ease-in-out infinite alternate}
.wave i:nth-child(2n){animation-delay:-.3s!important}.wave i:nth-child(3n){animation-delay:-.6s!important}
@keyframes meter{from{transform:scaleY(.45);opacity:.5}to{transform:scaleY(1);opacity:.9}}
.section-label .live{color:#87f5ff}.visual-content h2,.connect h2{color:#fff7ff;text-shadow:1px 0 #e51acb,-1px 0 #51d7ec}
/* Zoom the imagery inside the stationary frames. */
.signal-art:before{transition:transform .55s ease;transform:rotate(0deg) scale(1)}
.signal-art:hover:before,.signal-art:focus-visible:before{transform:rotate(0deg) scale(1.09)}
.signal-art:hover .art-core{transform:rotate(-20deg)}
.visual-frame{background:#040409;isolation:isolate}
.visual-frame:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08040ce6 0%,#08040ca6 44%,#08040c22 100%),url(assets/errx-tunnel.png) center 50%/cover;transition:transform .55s ease;transform:scale(1);pointer-events:none}
.visual-frame:hover:after,.visual-frame:focus-visible:after{transform:scale(1.09)}
.visual-frame .play{color:#8df7ff;border-color:#59cdd8;background:#04090eb3}
@media(max-width:760px){.masthead{min-height:100px}.masthead h1{font-size:clamp(70px,18vw,115px)}.orb{width:clamp(72px,23vw,100px);top:0}.release-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:5%}.dialog-toggle{width:32px;height:30px}}
@media(max-width:560px){.release-grid{grid-template-columns:minmax(0,1fr);gap:20px}.release-copy{width:96%;justify-self:end}.dialog-tools{gap:7px}.dialog-titlebar{gap:6px}.dialog-status{display:none}}
@media(prefers-reduced-motion:reduce){.signal-art:hover:before,.signal-art:focus-visible:before{transform:rotate(0deg)}.visual-frame:hover:after,.visual-frame:focus-visible:after{transform:none}}
body.fx-off .signal-art:hover:before,body.fx-off .signal-art:focus-visible:before{transform:rotate(0deg)}
body.fx-off .visual-frame:hover:after,body.fx-off .visual-frame:focus-visible:after{transform:none}

/* Updated album image, stronger hover movement, compact album preview. */
.signal-art:before{background-image:url(assets/cd-background-v12.png)}
.signal-art:hover:before,.signal-art:focus-visible:before{transform:rotate(0deg) scale(1.18)}
.art-core{transition:transform .5s ease}
.signal-art:hover .art-core,.signal-art:focus-visible .art-core{transform:rotate(-10deg)}
.visual-frame:hover:after,.visual-frame:focus-visible:after{transform:scale(1.18)}
.album-mini{display:flex;align-items:center;gap:14px;padding:16px;color:#fff6ff;min-height:100px}
.album-mini[hidden]{display:none}
.mini-art{position:relative;display:grid;place-items:center;flex:0 0 66px;height:66px;background:#000;overflow:hidden;border:1px solid #bd42c4;isolation:isolate}
.mini-art:before{content:'';position:absolute;inset:0;background:url(assets/cd-background-v12.png) center/cover;transform:rotate(0deg);z-index:-1}
.mini-art>span{font:38px Digital,monospace;transform:rotate(-20deg);text-shadow:2px 2px 0 #000,-1px 0 #69eeff;color:#ffeaff}
.mini-copy{display:flex;flex-direction:column;gap:9px;min-width:0}
.mini-copy>span{font:20px/1.2 Digital,monospace;color:#f252e5}
.mini-copy small{font:11px/1.5 'Courier New',monospace;color:#92f5ff}
.album-mini:hover .mini-copy small{text-decoration:underline;text-underline-offset:3px}
.footer-message{font:18px/1.4 Digital,monospace;letter-spacing:.5px;color:#ef58df}
@media(max-width:560px){.album-mini{padding:14px;gap:12px}.mini-copy>span{font-size:18px}.footer-message{font-size:16px;max-width:190px}}
@media(prefers-reduced-motion:reduce){.signal-art:hover:before,.signal-art:focus-visible:before{transform:rotate(0deg)}.signal-art:hover .art-core,.signal-art:focus-visible .art-core{transform:rotate(-20deg)}.visual-frame:hover:after,.visual-frame:focus-visible:after{transform:none}}
body.fx-off .signal-art:hover:before,body.fx-off .signal-art:focus-visible:before{transform:rotate(0deg)}
body.fx-off .signal-art:hover .art-core,body.fx-off .signal-art:focus-visible .art-core{transform:rotate(-20deg)}
body.fx-off .visual-frame:hover:after,body.fx-off .visual-frame:focus-visible:after{transform:none}
/* Loading state prevention */
body.loading {
  background: #000;
  overflow: hidden;
}

/* Ensure the page content is not visible until it's properly loaded */
body.loading .shell,
body.loading .atmosphere {
  opacity: 0 !important;
  visibility: hidden;
}

/* Show the content once it's ready */
body.loaded .shell,
body.loaded .atmosphere {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Hide all overlay elements during loading to prevent flash */
body.loading #grain,
body.loading .scanlines {
  display: none !important;
}

/* Ensure initial state is solid black for the body during load */
body {
  background: #000;
}

/* Small visibility adjustments; retain existing hover zoom and CD tilt. */
.signal-art:before,.mini-art:before{filter:brightness(.93)}
.art-core>span{opacity:.65}
.visual-frame:after{filter:brightness(1.12)}
.visual-content h2{color:#fffaff;text-shadow:0 1px 3px #000,1px 0 #e51acb,-1px 0 #51d7ec}

/* Chaotic Digital button: brighter atom logo + subtle background dim on hover. */
.art-core .ring{opacity:.9}
.art-core>span{opacity:.85}
.signal-art:before{transition:transform .55s ease,filter .55s ease}
.signal-art:hover:before,.signal-art:focus-visible:before{filter:brightness(.45)}
/* Allow the additional Memory Log button to wrap on small screens. */
@media(max-width:760px){header{height:auto;min-height:94px;flex-wrap:wrap;padding:18px 0;gap:14px}header nav{order:3;width:100%;display:flex;flex-wrap:wrap;gap:8px}header nav a{flex:1;justify-content:center;white-space:nowrap;padding:10px 8px}}
/* Terminal-style memory log link */
.memory-link {
  font-family: 'Courier New', monospace;
  font-size: 10px;
  letter-spacing: 1.2px;
  color: #c4b6d1;
  text-decoration: none;
  padding: 8px 12px;
  border: 1px solid #4b3a65;
  background-color: rgba(25, 16, 32, 0.7);
  backdrop-filter: blur(4px);
  border-radius: 3px;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden; /* Prevent content overflow */
}

.memory-link:hover {
  color: #fff;
  border-color: #78f7ff;
  background-color: rgba(116, 19, 141, 0.7);
  box-shadow: 0 0 8px rgba(120, 247, 255, 0.3);
}

/* Blinking cursor effect on hover - replaces underscore completely */
.memory-link:hover::after {
  content: "█";
  animation: blink 1s infinite;
  color: inherit;
  position: absolute;
  right: 0; /* Positions the cursor where underscore was */
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding-right: 12px; /* Match button padding */
  z-index: 1;
}

/* Hide original underscore by using a pseudo-element that covers it */
.memory-link::after {
  content: "_";
  position: absolute;
  right: 0; 
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding-right: 12px; /* Match button padding */
  color: transparent;
  background-color: inherit;
  z-index: 2; /* Ensure it's above the base text */
}

@keyframes blink {
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0; }
}

/* Hide the original underscore by adding a pseudo-element that covers it */
.memory-link::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 12px; /* Match padding to hide underscore */
  background-color: inherit;
  z-index: 1;
}

/* On hover, make the pseudo-element cover the underscore completely */
.memory-link:hover::before {
  background-color: inherit;
  width: 12px; /* Ensure it completely covers the underscore */
}