*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05070a;color:#f4f5f7;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1220px,calc(100% - 34px));margin:auto}#stars{position:fixed;inset:0;z-index:-5;width:100%;height:100%;background:radial-gradient(circle at 75% 15%,#15212d 0,transparent 30%),#05070a}.scan{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.045;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px)}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:#49e5ff;filter:blur(130px);opacity:.055;pointer-events:none;z-index:-2;transform:translate(-50%,-50%)}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.wordmark{font-weight:1000;letter-spacing:.12em}.wordmark span{color:#78eaff}.topbar nav{display:flex;gap:32px;font-size:11px;letter-spacing:.16em}.topbar nav a{opacity:.55}.topbar nav a:hover{opacity:1;color:#7deaff}#menu{display:none;background:none;border:1px solid #28313b;color:white;border-radius:50%;width:42px;height:42px}#drawer{display:none}.hero{min-height:calc(100svh - 78px);display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;position:relative}.signal,.kicker{font:11px monospace;letter-spacing:.15em;color:#85909c}.signal i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5dff9c;box-shadow:0 0 12px #5dff9c;margin-right:8px}.hero h1{font-size:clamp(66px,9vw,132px);line-height:.75;letter-spacing:-.08em;margin:26px 0 30px;font-weight:1000}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #a5f5ff;text-shadow:0 0 35px #44d9ff22}.hero-copy p{max-width:520px;color:#a9b0b8;line-height:1.7;font-size:18px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.pill{display:inline-flex;border:1px solid #34404c;border-radius:999px;padding:14px 19px;font-size:11px;font-weight:bold;letter-spacing:.12em;background:#0b0f14}.pill:hover{transform:translateY(-2px);border-color:#77e9ff}.pill.white{background:#f5f6f7;color:#090b0e;border-color:#fff}.micro{margin-top:70px;color:#58616b;font:10px monospace;letter-spacing:.18em}.hero-visual{height:min(78vh,790px);position:relative;display:grid;place-items:center;isolation:isolate}.hero-visual:after{content:"";position:absolute;width:68%;height:68%;border-radius:50%;background:radial-gradient(circle,#ff967233,transparent 64%);z-index:-2}.hero-visual img{width:min(720px,110%);max-height:92%;object-fit:contain;filter:drop-shadow(0 35px 40px #000);mask-image:linear-gradient(#000 82%,transparent)}.halo{position:absolute;border:1px solid #69dfff22;border-radius:50%;z-index:-1}.halo.h1{width:68%;aspect-ratio:1}.halo.h2{width:86%;aspect-ratio:1;border-style:dashed;animation:spin 35s linear infinite}@keyframes spin{to{rotate:360deg}}.hud{position:absolute;border-left:1px solid #5de8ff66;padding:8px 12px;font:9px monospace;color:#65717e;letter-spacing:.12em}.hud b{color:#c8f8ff;font-size:12px}.hud.top{top:17%;right:3%}.hud.bottom{bottom:18%;left:4%}.marquee{border-block:1px solid #20262d;overflow:hidden;padding:13px 0;background:#080b0f}.marquee div{white-space:nowrap;width:max-content;font:11px monospace;letter-spacing:.16em;color:#9aa3ad;animation:marq 28s linear infinite}@keyframes marq{to{transform:translateX(-50%)}}.latest,.identity,.world,.catalog,.connect{padding:120px 0}.release{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center;margin-top:30px}.cover-shell{position:relative}.cover-shell img{width:100%;display:block;border-radius:4px;box-shadow:0 40px 90px #000}.corner{position:absolute;width:35px;height:35px}.c1{top:-12px;left:-12px;border-top:1px solid #6deaff;border-left:1px solid #6deaff}.c2{right:-12px;bottom:-12px;border-right:1px solid #ff65cf;border-bottom:1px solid #ff65cf}.badge{font:10px monospace;letter-spacing:.14em;border:1px solid #29323b;border-radius:99px;padding:8px 12px}.release-copy h2,.statement h2,.archive-head h2,.connect h2{font-size:clamp(58px,8vw,120px);line-height:.76;letter-spacing:-.08em;margin:28px 0}.release-copy p,.statement p,.archive-head p{max-width:580px;color:#9ca5ae;line-height:1.7}.platforms{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.platforms a{font:11px monospace;padding:11px 13px;border:1px solid #29313a;border-radius:99px}.platforms a:hover{background:#eafcff;color:#080a0d}.track-head{display:flex;justify-content:space-between;margin-top:90px;padding:0 10px 12px;border-bottom:1px solid #293039;color:#6e7882;font:10px monospace;letter-spacing:.12em}#tracklist{border-bottom:1px solid #293039}.track{display:grid;grid-template-columns:52px minmax(0,1.4fr) minmax(180px,.8fr) 40px;align-items:center;min-height:67px;border-top:1px solid #171d23;cursor:pointer;transition:.2s;padding:0 10px}.track:hover,.track.active{background:#0b1117;padding-left:18px}.track.active{box-shadow:inset 2px 0 #63e7ff}.track .n{font:11px monospace;color:#5e6872}.track strong{font-size:15px}.track .genre{font:10px monospace;color:#7f8993;letter-spacing:.08em}.track .go{color:#5de7ff}.identity{border-top:1px solid #151b20}.identity-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;margin-top:35px}.statement h2 span{color:transparent;-webkit-text-stroke:1px #f0f0f0}.mask-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mask{height:210px;border:1px solid #242c34;background:#090d12;padding:17px;position:relative;overflow:hidden}.mask:after{content:"×";font-size:110px;position:absolute;right:12px;bottom:-24px;opacity:.14}.mask b{font:10px monospace;color:#5d6771}.mask strong,.mask span{display:block;position:absolute;left:17px}.mask strong{bottom:39px}.mask span{bottom:20px;font:9px monospace;letter-spacing:.13em;color:#69737d}.mask.red:hover{box-shadow:inset 0 0 60px #ff425122}.mask.green:hover{box-shadow:inset 0 0 60px #47ff8b22}.mask.pink:hover{box-shadow:inset 0 0 60px #ff4dc422}.mask.purple:hover{box-shadow:inset 0 0 60px #8c6cff22}.world-card{height:min(680px,75vh);position:relative;overflow:hidden;border:1px solid #25303a;margin-top:30px;background:#080b0e}.world-card video{width:100%;height:100%;object-fit:cover;opacity:.72;filter:contrast(1.08) saturate(.85)}.world-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05070aee 0,#05070a88 45%,transparent 80%)}.world-overlay{position:absolute;z-index:2;left:6%;top:50%;transform:translateY(-50%);max-width:570px}.world-overlay>span{font:10px monospace;color:#72eaff;letter-spacing:.15em}.world-overlay h2{font-size:clamp(54px,7vw,104px);line-height:.8;letter-spacing:-.07em;margin:22px 0}.world-overlay p{color:#a6adb5;line-height:1.7;margin-bottom:25px}.archive-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:25px}.archive-head p{max-width:420px;margin-bottom:10px}.future-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:50px}.future-grid div{height:240px;border:1px solid #222a31;background:linear-gradient(145deg,#0b1015,#07090c);padding:22px;font:bold 14px monospace;display:flex;flex-direction:column;justify-content:space-between}.future-grid span{font-size:9px;color:#59636d;letter-spacing:.13em}.connect{text-align:center;border-top:1px solid #161c21}.connect .kicker{text-align:left}.connect h2 i{font-style:normal;color:transparent;-webkit-text-stroke:1px #72eaff}.links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:45px}.links a{padding:15px 20px;border:1px solid #29323a;border-radius:99px;font:11px monospace}.links a:hover{background:#fff;color:#000}footer{border-top:1px solid #1b2229;padding:28px 0 105px;display:flex;justify-content:space-between;color:#59636c;font:9px monospace;letter-spacing:.12em}.player{position:fixed;z-index:40;bottom:14px;left:50%;transform:translate(-50%,120px);width:min(820px,calc(100% - 24px));height:76px;border:1px solid #33404b;background:#0a0e13ee;backdrop-filter:blur(22px);display:grid;grid-template-columns:52px 38px minmax(160px,1fr) minmax(100px,220px) 42px 28px;gap:10px;align-items:center;padding:9px 12px;border-radius:18px;transition:.35s}.player.show{transform:translate(-50%,0)}.player img{width:52px;height:52px;object-fit:cover;border-radius:7px}.player button{border:0;background:none;color:#fff;font-size:18px}.pmeta{min-width:0}.pmeta small,.pmeta b,.pmeta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmeta small{font:8px monospace;color:#56e5ff;letter-spacing:.12em}.pmeta b{font-size:12px;margin:3px 0}.pmeta span{font:9px monospace;color:#707b85}.bar{height:3px;background:#28313a;cursor:pointer}.bar i{display:block;height:100%;width:0;background:#6feaff}.player>span{font:9px monospace;color:#7b858e}.toast{position:fixed;z-index:60;top:90px;left:50%;transform:translate(-50%,-30px);opacity:0;background:#eefcff;color:#06080a;padding:11px 15px;border-radius:99px;font:bold 10px monospace;transition:.25s;pointer-events:none}.toast.on{transform:translate(-50%,0);opacity:1}
@media(max-width:850px){.topbar nav{display:none}#menu{display:block}#drawer{position:fixed;z-index:19;top:70px;left:12px;right:12px;background:#080c11f5;border:1px solid #27313a;padding:14px;border-radius:18px;flex-direction:column}#drawer.show{display:flex}#drawer a{padding:14px;border-bottom:1px solid #1b232a;font:11px monospace}.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{height:560px;margin-top:-30px}.hero-copy{z-index:2}.release,.identity-grid{grid-template-columns:1fr}.release{gap:40px}.cover-shell{width:min(560px,90%);margin:auto}.track .genre{display:none}.track{grid-template-columns:44px 1fr 30px}.identity-grid{gap:30px}.archive-head{display:block}.future-grid{grid-template-columns:1fr 1fr}.future-grid div:last-child{grid-column:1/-1}.player{grid-template-columns:42px 34px 1fr 36px}.player img{width:42px;height:42px}.player .bar,.player>span{display:none}}
@media(max-width:540px){.hero{padding-top:45px}.hero h1{font-size:19vw}.hero-copy p{font-size:15px}.hero-visual{height:430px}.hero-visual img{width:115%}.hud{display:none}.latest,.identity,.world,.catalog,.connect{padding:85px 0}.release-copy h2,.statement h2,.archive-head h2,.connect h2{font-size:17vw}.track-head span:last-child{display:none}.mask-grid{gap:5px}.mask{height:165px}.world-card{height:600px}.world-card video{object-position:center}.world-card:after{background:linear-gradient(0deg,#05070aee 0,#05070a55 70%,transparent)}.world-overlay{left:22px;right:22px;top:auto;bottom:30px;transform:none}.future-grid{grid-template-columns:1fr}.future-grid div:last-child{grid-column:auto}footer{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Actual social/streaming logo rail */
.service-rail{display:flex;align-items:center;gap:8px;margin-left:auto;padding-left:16px;border-left:1px solid #27313a}
.service{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(8,12,17,.7);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.service img{width:21px;height:21px;object-fit:contain;display:block}
.service:hover{transform:translateY(-2px) scale(1.05);border-color:#86edff;box-shadow:0 0 18px rgba(134,237,255,.18)}
@media(max-width:760px){.service-rail{gap:4px;padding-left:7px}.service{width:29px;height:29px;border-radius:8px}.service img{width:18px;height:18px}}
@media(max-width:520px){.service-rail{max-width:238px;overflow-x:auto;scrollbar-width:none}.service-rail::-webkit-scrollbar{display:none}.service{flex:0 0 28px}}
.youtube-card{position:relative;width:100%;aspect-ratio:16/9;margin-top:30px;border:1px solid #26323c;background:#05070a;overflow:hidden;box-shadow:0 30px 90px #000}.youtube-card:before{content:"YOUTUBE // VISUAL TRANSMISSION";position:absolute;inset:0;display:grid;place-items:center;font:10px monospace;letter-spacing:.16em;color:#5f6b75}.youtube-card iframe{position:absolute;z-index:1;inset:0;width:100%;height:100%;border:0}.video-caption{display:flex;justify-content:space-between;gap:20px;padding:15px 2px;border-bottom:1px solid #202830;font:10px monospace;letter-spacing:.12em;color:#7b8791}.video-caption a{color:#9cefff}@media(max-width:600px){.video-caption{flex-direction:column;gap:8px}}
/* Spotify album embed */
.spotify-embed-card{
margin-top:72px;
border:1px solid #26323c;
background:linear-gradient(180deg,rgba(15,21,28,.9),rgba(7,10,14,.9));
padding:14px;
border-radius:22px;
box-shadow:0 30px 80px rgba(0,0,0,.32);
}
.spotify-embed-head{
display:flex;
justify-content:space-between;
align-items:center;
gap:18px;
padding:4px 4px 14px;
font:10px monospace;
letter-spacing:.12em;
color:#71808d;
}
.spotify-embed-head a{
color:#a5ffd0;
}
.spotify-embed-card iframe{
display:block;
min-height:752px;
background:#121212;
}
@media(max-width:600px){
.spotify-embed-card{padding:8px;border-radius:16px;margin-top:48px}
.spotify-embed-head{flex-direction:column;align-items:flex-start;gap:7px;padding:6px 6px 12px}
.spotify-embed-card iframe{height:670px;min-height:670px}
}
/* v3 cleanup: identity removed, archive simplified, reliable YouTube launch card */
.youtube-launch{display:block;margin-top:30px}
.youtube-preview{
position:relative;
width:100%;
aspect-ratio:16/9;
overflow:hidden;
border:1px solid #26323c;
background:#05070a;
box-shadow:0 30px 90px rgba(0,0,0,.45);
}
.youtube-preview img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
filter:saturate(.75) brightness(.58) contrast(1.08);
transform:scale(1.025);
transition:transform .35s ease,filter .35s ease;
}
.youtube-shade{
position:absolute;
inset:0;
background:
radial-gradient(circle at 66% 50%,rgba(170,53,255,.20),transparent 30%),
linear-gradient(90deg,rgba(2,5,8,.88),rgba(2,5,8,.28) 64%,rgba(2,5,8,.42));
}
.youtube-center{
position:absolute;
left:7%;
top:50%;
transform:translateY(-50%);
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
}
.youtube-play{
width:68px;
height:68px;
border-radius:50%;
display:grid;
place-items:center;
background:#ff0033;
color:white;
font-size:25px;
padding-left:4px;
box-shadow:0 0 40px rgba(255,0,51,.32);
transition:transform .25s ease,box-shadow .25s ease;
}
.youtube-center small{
margin-top:14px;
font:10px monospace;
letter-spacing:.16em;
color:#a6b1bb;
}
.youtube-center strong{
font-size:clamp(28px,5vw,68px);
line-height:.92;
letter-spacing:-.055em;
max-width:760px;
}
.youtube-center em{
font-style:normal;
font:10px monospace;
letter-spacing:.13em;
color:#8deeff;
}
.youtube-launch:hover .youtube-preview img{
transform:scale(1.055);
filter:saturate(.95) brightness(.68) contrast(1.08);
}
.youtube-launch:hover .youtube-play{
transform:scale(1.08);
box-shadow:0 0 55px rgba(255,0,51,.45);
}
.video-caption{
display:flex;
justify-content:space-between;
gap:20px;
padding:15px 2px;
border-bottom:1px solid #202830;
font:10px monospace;
letter-spacing:.12em;
color:#7b8791;
}
.video-caption a{color:#9cefff}
@media(max-width:600px){
.youtube-center{left:6%;right:6%}
.youtube-play{width:56px;height:56px;font-size:21px}
.video-caption{flex-direction:column;gap:8px}
}
/* Large FOLLOW THE SIGNAL social directory */
.signal-socials{
display:grid;
grid-template-columns:repeat(7,minmax(90px,1fr));
gap:14px;
margin-top:28px;
}
.signal-socials a{
min-height:132px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:14px;
padding:18px 10px;
border:1px solid #26323c;
border-radius:16px;
background:linear-gradient(180deg,rgba(14,20,27,.86),rgba(6,9,13,.92));
text-decoration:none;
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.signal-socials img{
width:58px;
height:58px;
object-fit:contain;
display:block;
filter:drop-shadow(0 0 12px rgba(255,255,255,.08));
}
.signal-socials span{
color:#aab6c0;
font:10px monospace;
letter-spacing:.12em;
text-align:center;
}
.signal-socials a:hover{
transform:translateY(-5px);
border-color:#7deaff;
background:linear-gradient(180deg,rgba(17,27,35,.96),rgba(7,12,17,.96));
box-shadow:0 14px 38px rgba(69,220,255,.10);
}
.signal-socials a:hover span{color:#d9faff}
@media(max-width:900px){.signal-socials{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){
.signal-socials{grid-template-columns:repeat(2,1fr);gap:10px}
.signal-socials a{min-height:118px}
.signal-socials img{width:52px;height:52px}
}
/* === V6 FLASH / MOTION PASS === */
:root{
--fx-cyan:#6feaff;
--fx-pink:#ff4fc8;
--fx-violet:#8b6cff;
--fx-green:#61ff9c;
}
/* Ambient animated background */
.fx-orb{
position:fixed;
z-index:-4;
width:38vw;
aspect-ratio:1;
border-radius:50%;
filter:blur(110px);
opacity:.10;
pointer-events:none;
mix-blend-mode:screen;
}
.fx-a{
right:-12vw;
top:8vh;
background:radial-gradient(circle,var(--fx-pink),transparent 68%);
animation:orbA 10s ease-in-out infinite alternate;
}
.fx-b{
left:-14vw;
bottom:-8vh;
background:radial-gradient(circle,var(--fx-cyan),transparent 68%);
animation:orbB 13s ease-in-out infinite alternate;
}
@keyframes orbA{to{transform:translate(-9vw,12vh) scale(1.18)}}
@keyframes orbB{to{transform:translate(11vw,-9vh) scale(.88)}}
.fx-grid{
position:fixed;
inset:0;
z-index:-6;
pointer-events:none;
opacity:.08;
background:
linear-gradient(rgba(104,226,255,.15) 1px,transparent 1px),
linear-gradient(90deg,rgba(104,226,255,.15) 1px,transparent 1px);
background-size:52px 52px;
mask-image:linear-gradient(to bottom,transparent 0,#000 20%,#000 75%,transparent);
animation:gridDrift 16s linear infinite;
}
@keyframes gridDrift{to{background-position:52px 52px}}
.fx-noise{
position:fixed;
inset:0;
z-index:80;
pointer-events:none;
opacity:.025;
background-image:
repeating-radial-gradient(circle at 0 0,transparent 0,rgba(255,255,255,.15) 1px,transparent 2px);
background-size:5px 5px;
mix-blend-mode:screen;
animation:noiseShift .18s steps(2) infinite;
}
@keyframes noiseShift{
0%{transform:translate(0,0)}
25%{transform:translate(1px,-1px)}
50%{transform:translate(-1px,1px)}
75%{transform:translate(1px,1px)}
100%{transform:translate(-1px,-1px)}
}
/* Header glow + glitch */
.topbar{
position:sticky;
top:0;
z-index:70;
background:rgba(5,7,10,.74);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
}
.header-pulse{
position:absolute;
left:0;
right:0;
bottom:-1px;
height:1px;
background:linear-gradient(90deg,transparent,var(--fx-cyan),var(--fx-pink),transparent);
background-size:220% 100%;
animation:headerSweep 4.5s linear infinite;
box-shadow:0 0 14px rgba(111,234,255,.35);
}
@keyframes headerSweep{to{background-position:-220% 0}}
.glitchmark{
position:relative;
text-shadow:0 0 18px rgba(111,234,255,.18);
animation:wordGlow 3.5s ease-in-out infinite alternate;
}
.glitchmark:hover{
animation:microGlitch .28s steps(2) infinite;
}
.glitchmark:hover::before,
.glitchmark:hover::after{
content:attr(data-text);
position:absolute;
inset:0;
pointer-events:none;
}
.glitchmark:hover::before{
color:var(--fx-cyan);
transform:translate(2px,-1px);
clip-path:inset(0 0 54% 0);
opacity:.7;
}
.glitchmark:hover::after{
color:var(--fx-pink);
transform:translate(-2px,1px);
clip-path:inset(54% 0 0 0);
opacity:.7;
}
@keyframes wordGlow{to{text-shadow:0 0 28px rgba(111,234,255,.34),0 0 46px rgba(255,79,200,.10)}}
@keyframes microGlitch{
0%,100%{transform:none}
40%{transform:translateX(1px)}
60%{transform:translateX(-1px)}
}
/* Hero motion */
.hero-visual img{
animation:heroFloat 6s ease-in-out infinite;
will-change:transform;
}
@keyframes heroFloat{
0%,100%{transform:translateY(0) rotate(-.2deg)}
50%{transform:translateY(-14px) rotate(.35deg)}
}
.hero h1{
position:relative;
text-shadow:0 0 28px rgba(255,255,255,.04);
}
.hero h1 em{
animation:outlinePulse 3.6s ease-in-out infinite alternate;
}
@keyframes outlinePulse{
to{
-webkit-text-stroke-color:#ff78d1;
text-shadow:0 0 42px rgba(255,79,200,.18);
}
}
.signal i{
animation:signalBlink 1.3s ease-in-out infinite;
}
@keyframes signalBlink{
50%{opacity:.25;transform:scale(.7);box-shadow:0 0 4px currentColor}
}
/* Latest release / card energy */
.cover-shell{
animation:coverFloat 5.8s ease-in-out infinite;
}
@keyframes coverFloat{
0%,100%{transform:translateY(0) rotate(-.15deg)}
50%{transform:translateY(-10px) rotate(.25deg)}
}
.cover-shell::after{
content:"";
position:absolute;
inset:-1px;
pointer-events:none;
border-radius:inherit;
background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.16) 48%,transparent 66%);
transform:translateX(-120%);
animation:coverShine 6s ease-in-out infinite;
mix-blend-mode:screen;
}
@keyframes coverShine{
0%,65%{transform:translateX(-120%)}
85%,100%{transform:translateX(120%)}
}
.spotify-embed-card{
position:relative;
overflow:hidden;
}
.spotify-embed-card::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(90deg,transparent,rgba(97,255,156,.08),transparent);
transform:translateX(-120%);
animation:spotifySweep 7s linear infinite;
}
@keyframes spotifySweep{to{transform:translateX(120%)}}
/* YouTube launch flash */
.youtube-preview::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
border:1px solid transparent;
background:linear-gradient(120deg,var(--fx-cyan),var(--fx-pink),var(--fx-violet),var(--fx-cyan)) border-box;
-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
background-size:300% 300%;
animation:borderFlow 5s linear infinite;
}
@keyframes borderFlow{to{background-position:300% 0}}
.youtube-play{
animation:playPulse 2.2s ease-in-out infinite;
}
@keyframes playPulse{
50%{transform:scale(1.08);box-shadow:0 0 55px rgba(255,0,51,.55)}
}
/* Social directory more alive */
.signal-socials a{
position:relative;
overflow:hidden;
}
.signal-socials a::before{
content:"";
position:absolute;
inset:-60%;
background:conic-gradient(from 0deg,transparent 0 75%,rgba(111,234,255,.18) 82%,transparent 90%);
animation:socialSweep 5.5s linear infinite;
}
.signal-socials a:nth-child(2n)::before{animation-duration:6.6s}
.signal-socials a:nth-child(3n)::before{animation-duration:7.4s}
@keyframes socialSweep{to{rotate:360deg}}
.signal-socials img,
.signal-socials span{position:relative;z-index:1}
.signal-socials a:hover img{
animation:iconPop .5s cubic-bezier(.18,.89,.32,1.28);
}
@keyframes iconPop{
50%{transform:scale(1.18) rotate(-4deg)}
}
/* Section reveal */
.reveal{
opacity:0;
transform:translateY(34px);
transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);
}
.reveal.is-visible{
opacity:1;
transform:none;
}
/* Kicker shimmer */
.kicker{
position:relative;
width:max-content;
}
.kicker::after{
content:"";
position:absolute;
left:0;
bottom:-7px;
width:42px;
height:1px;
background:linear-gradient(90deg,var(--fx-cyan),transparent);
animation:kickerBreath 2.4s ease-in-out infinite alternate;
}
@keyframes kickerBreath{to{width:110px;opacity:.35}}
/* Make hover interactions snappier */
.platforms a,.links a,.service{
transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
.platforms a:hover,.links a:hover{
transform:translateY(-3px);
box-shadow:0 10px 30px rgba(111,234,255,.09);
}
/* Reduced-motion accessibility */
@media (prefers-reduced-motion: reduce){
.fx-orb,.fx-grid,.fx-noise,.header-pulse,.glitchmark,.hero-visual img,.hero h1 em,
.signal i,.cover-shell,.cover-shell::after,.spotify-embed-card::before,
.youtube-preview::after,.youtube-play,.signal-socials a::before,.kicker::after{
animation:none!important;
}
.reveal{opacity:1;transform:none;transition:none}
}