:root{--bg:#061017;--panel:#09161e;--ice:#bdeaf2;--cyan:#79dbe8;--purple:#a76ad7;--red:#ff4b58;--text:#eef9fb;--muted:#91a8ae;--line:rgba(189,234,242,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;letter-spacing:.02em}a{color:inherit;text-decoration:none}button,input{font:inherit}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;gap:28px;padding:24px clamp(18px,4vw,54px);color:white}.wordmark{font-size:14px;letter-spacing:.38em}.nav{margin-left:auto;display:flex;gap:24px}.nav a,.menu-button{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72)}.nav a:hover{color:var(--cyan)}.menu-button{display:none;background:none;border:0}
.hero{position:relative;min-height:860px;display:flex;align-items:flex-end;overflow:hidden;background:#0b1c27}.hero-art{position:absolute;inset:0;background:url("assets/cave-theory-hero.jpg") center 46%/cover no-repeat;transform:scale(1.035)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,9,13,.13) 15%,rgba(2,9,13,.18) 46%,rgba(4,12,17,.98) 96%),linear-gradient(90deg,rgba(2,9,13,.2),transparent 60%)}.hero-copy{position:relative;z-index:2;width:min(1180px,100%);margin:0 auto;padding:120px clamp(18px,5vw,70px) 64px}.kicker{margin:0 0 12px;color:var(--cyan);font-size:10px;letter-spacing:.3em;text-transform:uppercase}h1{font-weight:300;font-size:clamp(58px,10vw,128px);line-height:.83;letter-spacing:.035em;margin:0}.hero-intro{font-size:clamp(16px,2vw,23px);font-weight:300;color:rgba(238,249,251,.82);margin:20px 0 0;max-width:650px}.hud{position:absolute;z-index:3;top:110px;color:rgba(189,234,242,.68);font-size:8px;line-height:1.8;letter-spacing:.2em}.hud-left{left:clamp(18px,4vw,54px)}.hud-right{right:clamp(18px,4vw,54px);text-align:right}.rec-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 9px rgba(255,75,88,.75);margin-right:5px}
.player{margin-top:32px;max-width:680px;display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;padding:14px;border:1px solid rgba(121,219,232,.36);background:rgba(3,14,20,.72);backdrop-filter:blur(10px)}.play-button{width:48px;height:48px;border:1px solid rgba(121,219,232,.5);background:transparent;color:var(--cyan)}.player-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.13em}.progress{height:2px;background:rgba(189,234,242,.16);margin-top:12px}.progress span{display:block;width:0;height:100%;background:var(--cyan)}.time{font-size:10px;color:var(--muted)}
.section{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:110px 0;border-bottom:1px solid var(--line)}.section h2{font-size:clamp(34px,6vw,70px);font-weight:300;letter-spacing:.055em;margin:0 0 18px}.section-heading{max-width:760px}.section-heading>p:last-child,.album-copy,.transmission p,.feature-panel p,.concept p{color:var(--muted);line-height:1.75}
.feature-grid{margin-top:42px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.45fr);gap:28px;align-items:stretch}.surveillance-frame{position:relative;border:1px solid rgba(121,219,232,.35);background:#02080b;overflow:hidden}.surveillance-frame:before,.surveillance-frame:after{content:"";position:absolute;z-index:4;width:28px;height:28px;border-color:var(--cyan);opacity:.75}.surveillance-frame:before{left:10px;bottom:10px;border-left:1px solid;border-bottom:1px solid}.surveillance-frame:after{right:10px;bottom:10px;border-right:1px solid;border-bottom:1px solid}.surveillance-frame img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover}.scanline{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0,transparent 4px,rgba(121,219,232,.025) 5px);mix-blend-mode:screen}.frame-tag{position:absolute;z-index:5;top:14px;padding:7px 9px;background:rgba(2,8,11,.62);font-size:8px;letter-spacing:.17em;color:rgba(238,249,251,.86);backdrop-filter:blur(5px)}.top-left{left:14px}.top-right{right:14px}.feature-panel{border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(12,29,39,.8),rgba(6,16,23,.45))}.feature-panel h3{font-weight:400;font-size:12px;letter-spacing:.16em}.status-chip{display:inline-block;padding:8px 10px;border:1px solid rgba(121,219,232,.55);color:var(--cyan);font-size:8px;letter-spacing:.18em}.data{font-family:monospace;font-size:10px;letter-spacing:.08em;margin-top:24px}.disabled-action{width:100%;padding:13px;border:1px solid rgba(167,106,215,.5);background:rgba(167,106,215,.06);color:#cda6e9;font-size:9px;letter-spacing:.17em}
.concept-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:start}.concept-grid h2{font-size:clamp(34px,5.2vw,65px);line-height:1.05}.concept-grid p{margin-top:0}.concept-note{padding-left:18px;border-left:1px solid rgba(167,106,215,.65);color:#bca7c9!important}
.transmission{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.signup-form{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid rgba(189,234,242,.4)}.signup-form input{min-width:0;background:transparent;border:0;outline:0;color:white;padding:16px 4px;font-size:16px}.signup-form input::placeholder{font-size:10px;letter-spacing:.14em;color:#698087}.signup-form button{border:0;background:transparent;color:var(--purple);letter-spacing:.17em;font-size:10px;padding:0 10px}.form-status{grid-column:1/-1;min-height:22px;margin:7px 0;color:var(--cyan);font-size:10px}
.album{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:70px;align-items:start}.album-art-wrap img{display:block;width:100%;height:auto;border:1px solid var(--line)}.tracklist{list-style:none;padding:0;margin:30px 0 0;counter-reset:track}.tracklist li{counter-increment:track;display:grid;grid-template-columns:36px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid rgba(189,234,242,.09);font-size:12px;letter-spacing:.08em}.tracklist li:before{content:counter(track,decimal-leading-zero);color:rgba(121,219,232,.48)}.version{color:var(--purple);font-size:9px;letter-spacing:.14em;align-self:center}
.link-groups{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:40px}.link-groups h3{font-size:9px;color:var(--muted);letter-spacing:.22em}.links{display:flex;flex-wrap:wrap;gap:10px 22px}.links a{padding:10px 0;font-size:12px;letter-spacing:.08em;border-bottom:1px solid transparent}.links a:hover{color:var(--cyan);border-color:var(--cyan)}
footer{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:34px 0 50px;display:flex;justify-content:space-between;color:#637a81;font-size:9px;letter-spacing:.2em}.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}
@media(max-width:760px){.site-header{padding:18px}.menu-button{display:block;margin-left:auto}.nav{display:none;position:absolute;top:58px;right:18px;flex-direction:column;background:#071017;padding:18px;border:1px solid var(--line)}.nav.open{display:flex}.hero{min-height:700px}.hero-art{background-position:center top}.hero-copy{padding:110px 18px 38px}.hud{top:76px}.hud-right{display:none}.player{grid-template-columns:48px 1fr}.time{display:none}.player-meta span:last-child{display:none}.section{padding:72px 0}.feature-grid,.transmission,.album,.link-groups,.concept-grid{grid-template-columns:1fr;gap:32px}.feature-panel{min-height:330px}.album-art-wrap{max-width:520px}.tracklist li{grid-template-columns:32px 1fr}.version{grid-column:2}footer{gap:20px;flex-direction:column}}

/* BUILD 3 — responsive art direction + human connection */
.hero:after{content:"CT_NETWORK // VISUAL SOURCE 01";position:absolute;z-index:3;right:clamp(18px,4vw,54px);bottom:28px;color:rgba(121,219,232,.34);font:8px/1.4 monospace;letter-spacing:.16em}
.concept,.transmission,.artist,.album,.listen{position:relative}
.concept:before,.transmission:before,.artist:before,.album:before{content:"";position:absolute;pointer-events:none;right:0;top:44px;width:140px;height:70px;background:linear-gradient(90deg,transparent,rgba(121,219,232,.025));border-top:1px solid rgba(121,219,232,.08);border-right:1px solid rgba(121,219,232,.08)}
.artist{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(340px,1.28fr);gap:76px;align-items:center}
.artist-photo{position:relative;overflow:hidden;border:1px solid rgba(121,219,232,.22);background:#071017;aspect-ratio:4/5}
.artist-photo img{width:100%;height:100%;object-fit:cover;object-position:center 24%;display:block;filter:saturate(.58) contrast(1.03) brightness(.88)}
.artist-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(21,73,91,.05),rgba(2,11,16,.18)),repeating-linear-gradient(180deg,transparent 0,transparent 5px,rgba(121,219,232,.018) 6px)}
.artist-copy{max-width:610px}.artist-copy h2{line-height:.98}.artist-copy>p:not(.kicker):not(.direct-signal){color:var(--muted);line-height:1.75;max-width:570px}
.direct-signal{margin-top:28px;padding-top:14px;border-top:1px solid rgba(121,219,232,.14);color:rgba(121,219,232,.52);font:9px/1.5 monospace;letter-spacing:.15em}
@media(min-width:1400px) and (max-aspect-ratio:2/1){.hero-art{background-position:center 48%}}
@media(min-aspect-ratio:2/1){.hero-art{background-position:center 50%}.hero-copy{padding-bottom:52px}}
@media(max-width:900px){.hero-art{background-position:center 42%}.artist{grid-template-columns:minmax(230px,.8fr) 1.2fr;gap:42px}}
@media(max-width:760px){.hero-art{background-position:center 36%}.hero:after{display:none}.artist{grid-template-columns:1fr;gap:30px}.artist-photo{max-width:480px;aspect-ratio:4/5}.artist-copy h2{font-size:clamp(34px,12vw,54px)}}
@media(max-width:460px){.hero-art{background-position:50% 30%}.hero-intro{max-width:90%}}

/* BUILD 4 — release transmission and curated playlists */
.feature-action,.playlist-link{display:block;width:100%;padding:15px 13px;border:1px solid rgba(167,106,215,.6);background:rgba(167,106,215,.12);color:#e6c7fb;font-size:10px;letter-spacing:.12em;text-align:center;transition:background .2s,border-color .2s}
.feature-action:hover,.playlist-link:hover{background:rgba(167,106,215,.24);border-color:#c28cf0}
.feature-action[hidden]{display:none}.secondary-action{margin-top:12px;border-color:rgba(121,219,232,.4);color:var(--cyan);background:rgba(121,219,232,.055)}
.video-active{display:flex;align-items:center;justify-content:center;min-height:500px;background:#03080c}
.video-active iframe{display:block;width:min(100%,360px);aspect-ratio:9/16;height:auto;min-height:0;border:0}
.album-release{margin-top:28px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--cyan);font-size:11px;letter-spacing:.2em}.album-release span{color:var(--purple);padding:0 10px}
.playlists{position:relative}.playlist-grid{margin-top:40px;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:65px;align-items:center}
.playlist-cover{display:block;border:1px solid rgba(232,79,143,.35);box-shadow:0 0 45px rgba(145,27,99,.09);overflow:hidden}.playlist-cover img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.playlist-info h3{font-size:clamp(35px,5.2vw,64px);font-weight:300;line-height:1.03;letter-spacing:.055em;margin:0 0 24px}.playlist-info>p:not(.kicker){color:var(--muted);line-height:1.75;max-width:500px}
.playlist-link{width:fit-content;margin-top:30px;padding:16px 22px;border-color:rgba(238,74,148,.6);color:#ffc2df;background:rgba(204,42,119,.09)}
.playlist-archive{margin-top:48px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.playlist-archive span{font:10px monospace;letter-spacing:.15em;color:var(--muted)}.playlist-archive a{font-size:11px;letter-spacing:.11em;color:var(--ice)}.playlist-archive a:hover{color:#f5a5cb}
@media(max-width:760px){.playlist-grid{grid-template-columns:1fr;gap:30px}.playlist-cover{max-width:520px}.video-active{min-height:400px}.video-active iframe{max-width:100%}}

/* BUILD 5 — functional release-gated hero audio */
.play-button:not(:disabled){cursor:pointer;transition:background .2s,color .2s}
.play-button:not(:disabled):hover,.play-button:not(:disabled):focus-visible{background:rgba(121,219,232,.15);outline-color:var(--cyan)}
.play-button:disabled{opacity:.5;cursor:not-allowed}
#featured-audio{display:none}
@media(max-width:760px){.player-meta span:first-child{font-size:8px;line-height:1.5}}