*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080615;color:#f7f3ff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.space-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 70% 18%,#28105c 0,transparent 42%),radial-gradient(ellipse at 15% 70%,#101d50 0,transparent 45%),#080615}.nebula{position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(90px);opacity:.24;animation:drift 22s ease-in-out infinite alternate}.nebula-one{background:#7a22d8;top:-25vw;right:-15vw}.nebula-two{background:#087bbd;bottom:-35vw;left:-20vw;animation-delay:-8s}.stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,#fff 98%,transparent),radial-gradient(2px 2px at 75% 15%,#b9a7ff 98%,transparent),radial-gradient(1px 1px at 40% 65%,#fff 98%,transparent),radial-gradient(1px 1px at 88% 77%,#fff 98%,transparent),radial-gradient(2px 2px at 25% 88%,#8bdcff 98%,transparent);background-size:330px 280px;opacity:.55;animation:twinkle 7s ease-in-out infinite alternate}.vortex{position:absolute;width:55vw;height:55vw;right:-18vw;top:8vh;border:1px solid #b58aff33;border-radius:50%;box-shadow:0 0 70px #7d38dd22,inset 0 0 80px #2b8dff16;transform:rotate(-25deg);animation:spin 70s linear infinite}.vortex:before,.vortex:after{content:"";position:absolute;inset:8%;border:2px solid transparent;border-top-color:#a76aff77;border-bottom-color:#42c8ff55;border-radius:50%;transform:rotate(38deg)}.vortex:after{inset:18%;transform:rotate(-55deg);border-top-color:#42c8ff66;border-bottom-color:#c06bff55}.orbit{position:absolute;border:1px solid #a57bff25;border-radius:50%;width:75vw;height:30vw;right:-15vw;top:35vh;transform:rotate(-30deg)}.orbit-two{top:38vh;transform:rotate(25deg);border-color:#49cfff20}.topbar{height:82px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#080615aa;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font:600 12px Orbitron,sans-serif;letter-spacing:2px}.brand b{color:#b98aff}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #b783ff;border-radius:50%;color:#d9baff;font:700 13px Orbitron;box-shadow:0 0 20px #9b4dff66}.nav{display:flex;gap:34px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#c8bfdc}.nav a:hover,.social-links a:hover{color:#c69aff}.menu-toggle{display:none;background:none;color:white;border:0;font-size:25px}.hero{min-height:calc(100vh - 82px);padding:12vh 10vw 9vh;position:relative;display:flex;align-items:center}.hero-copy{max-width:650px;z-index:1}.eyebrow{font-size:10px;letter-spacing:3px;color:#b78cff;font-weight:700}.eyebrow span{display:inline-block;width:24px;height:1px;background:#b78cff;vertical-align:middle;margin-right:9px}.hero h1,.section h2{font:700 clamp(42px,7vw,92px)/1.05 Orbitron,sans-serif;letter-spacing:-3px;margin:25px 0}.hero h1 em,.section h2 em{font-style:normal;color:#b98aff;text-shadow:0 0 35px #974bff55}.hero-text{font-size:19px;letter-spacing:1px}.hero-sub{color:#a9a1bd;max-width:430px;line-height:1.8;font-size:14px}.hero-actions{display:flex;gap:15px;margin-top:35px;flex-wrap:wrap}.button{padding:16px 22px;font-size:10px;letter-spacing:1.5px;font-weight:700}.button span{margin-left:15px}.primary{background:linear-gradient(110deg,#8b42d9,#3c75d7);box-shadow:0 10px 35px #7136d955}.ghost{border:1px solid #ffffff38}.hero-emblem{position:absolute;right:11vw;top:18%;width:min(35vw,440px);aspect-ratio:1;display:grid;place-items:center}.emblem-ring{position:absolute;inset:0;border:1px solid #b78aff66;border-radius:50%;box-shadow:0 0 35px #7e45ff33,inset 0 0 35px #7e45ff22}.ring-a{transform:scaleY(.48) rotate(25deg);animation:spin 35s linear infinite}.ring-b{transform:scaleY(.72) rotate(-38deg);border-color:#50c9ff55;animation:spin 48s linear infinite reverse}.emblem-core{width:56%;height:56%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a15cf5,#292064 55%,#090718 78%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 75px #8b42ff88,inset 0 0 25px #fff2}.emblem-core span{font:700 clamp(40px,6vw,76px) Orbitron;color:#fff;text-shadow:0 0 25px #fff}.emblem-core small{font-size:7px;letter-spacing:2px;color:#e1caff}.scroll-cue{position:absolute;bottom:35px;left:10vw;font-size:9px;letter-spacing:2px;color:#8d849f}.scroll-cue span{margin-left:14px;color:#c79cff}.section{padding:110px 10vw;position:relative}.section-heading{text-align:center;margin-bottom:55px}.section-heading h2,.connect-section h2{font-size:clamp(35px,5vw,60px);margin:15px 0}.section-heading>p:last-child,.muted{color:#a69db9;font-size:13px;line-height:1.7}.music-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px;max-width:1100px;margin:auto}.feature-card,.player-panel{border:1px solid #ffffff1c;background:#100c22d9;backdrop-filter:blur(15px);padding:22px}.cover-art{height:330px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 48%,#d18aff 0,#7735c5 12%,#1b2b75 35%,#090718 72%);display:flex;align-items:center;justify-content:center;flex-direction:column;font:700 25px/1.2 Orbitron;letter-spacing:4px;text-align:center}.cover-art:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #fff8;border-radius:50%;box-shadow:0 0 50px #a96aff88,inset 0 0 45px #62c9ff66;transform:scaleX(.7)}.cover-art span,.cover-art small{z-index:1;text-shadow:0 2px 15px #000}.cover-art small{font:8px Inter;letter-spacing:2px;margin-top:18px}.cover-orb{position:absolute;width:120px;height:120px;border-radius:50%;background:#d9a5ff33;filter:blur(20px)}.feature-info{display:flex;justify-content:space-between;align-items:center;padding-top:15px}.feature-info h3,.player-panel h3{font:600 18px Orbitron;margin:7px 0}.feature-info p{margin:4px 0}.release-tag{font-size:8px;letter-spacing:1px;color:#caa4ff;border:1px solid #a66bff66;padding:8px}.player-panel{padding:28px}.now-playing{display:flex;gap:15px;align-items:center;margin:25px 0 15px}.now-playing b,.now-playing small{display:block}.now-playing small{color:#9d94b1;font-size:11px;margin-top:5px}.equalizer{height:28px;display:flex;align-items:center;gap:3px}.equalizer i{display:block;width:3px;background:#b98aff;height:40%;animation:eq .7s infinite alternate}.equalizer i:nth-child(2){height:90%;animation-delay:.2s}.equalizer i:nth-child(3){height:60%;animation-delay:.4s}.equalizer i:nth-child(4){height:75%;animation-delay:.1s}audio{width:100%;height:38px;filter:invert(.88) hue-rotate(225deg)}.track-list{margin-top:15px}.track-row{display:flex;justify-content:space-between;align-items:center;padding:12px 5px;border-bottom:1px solid #ffffff14;font-size:12px;cursor:pointer}.track-row:hover{color:#c59aff}.track-row small{color:#958ba9}.empty{font-size:12px;color:#847b98}.spotify-area{margin-top:32px;padding-top:20px;border-top:1px solid #ffffff17}.spotify-placeholder{border:1px dashed #8f69c866;padding:22px;text-align:center;font:10px Orbitron;letter-spacing:2px;color:#9d8ab9;margin-top:15px}.video-section{background:linear-gradient(180deg,transparent,#130b2b88,transparent)}.video-placeholder{max-width:900px;margin:auto;min-height:270px;border:1px solid #ffffff25;background:radial-gradient(ellipse at center,#3b1b71aa,#100b22 65%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.play-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#a75cff;color:white;padding-left:4px;box-shadow:0 0 35px #a75cff88}.video-placeholder h3{font:600 17px Orbitron}.video-placeholder p{font-size:12px;color:#aaa0ba}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.about-art{min-height:380px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#602ba9 0,#18225b 38%,#090718 72%);border:1px solid #ffffff1b;font:700 24px/1.35 Orbitron;letter-spacing:4px;text-align:center}.about-art:before{content:"";position:absolute;width:75%;aspect-ratio:1;border:1px solid #c5a1ff77;border-radius:50%;box-shadow:0 0 55px #9a50ff44,inset 0 0 55px #4abfff33}.about-art span{z-index:1;text-shadow:0 0 20px #000}.about-copy h2{font-size:clamp(35px,5vw,58px)}.about-copy>p:not(.eyebrow){color:#aaa2bc;line-height:1.9;font-size:14px}.connect-section{text-align:center;padding-top:90px;padding-bottom:100px}.social-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:35px}.social-links a{border:1px solid #ffffff30;padding:14px 18px;font-size:9px;letter-spacing:1.5px}.social-links a:hover{border-color:#b98aff}footer{border-top:1px solid #ffffff16;padding:30px 7vw;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#8e859f}footer p{font-size:10px}.back-top{font-size:9px;letter-spacing:1.5px}@keyframes spin{to{transform:rotate(335deg)}}@keyframes drift{to{transform:translate(8vw,7vh) scale(1.2)}}@keyframes twinkle{to{opacity:.85}}@keyframes eq{to{height:100%}}
@media(max-width:800px){.topbar{padding:0 6vw}.menu-toggle{display:block}.nav{display:none;position:absolute;top:81px;left:0;right:0;background:#0b071b;padding:25px;flex-direction:column;gap:22px}.nav.open{display:flex}.hero{padding:12vh 7vw 15vh;min-height:850px;align-items:flex-start}.hero-emblem{width:65vw;right:17vw;top:auto;bottom:9%;opacity:.7}.hero-copy{z-index:2}.hero h1{font-size:clamp(42px,12vw,72px)}.scroll-cue{left:7vw;bottom:25px}.section{padding:80px 7vw}.music-layout,.about-section{grid-template-columns:1fr}.cover-art{height:280px}.about-art{min-height:300px}.vortex{width:100vw;height:100vw;right:-45vw;top:30vh}.feature-info{gap:10px}.release-tag{white-space:nowrap}footer{padding:25px 6vw;flex-wrap:wrap}footer p{order:3;width:100%}}

/* Stella Dreamscape panoramic starfield header */
.hero.cosmic-banner {
  min-height: 420px;
  padding-top: 90px;
  padding-bottom: 90px;
  background:
    linear-gradient(90deg, rgba(5, 7, 25, .58), rgba(5, 7, 25, .12)),
    url("assets/cosmic-banner.jpg") center center / cover no-repeat;
  border-bottom: 1px solid #ffffff22;
}
.hero.cosmic-banner .hero-emblem { display: none; }
.hero.cosmic-banner .hero-copy { max-width: 720px; }
@media(max-width:800px) {
  .hero.cosmic-banner { min-height: 340px; padding-top: 65px; padding-bottom: 65px; }
}


/* KFM Radio feature and clickable logo button */
.kfm-section {
  text-align: center;
  padding-top: clamp(64px, 9vw, 112px);
  padding-bottom: clamp(64px, 9vw, 112px);
}
.kfm-image-button {
  display: block;
  width: min(78%, 340px);
  margin: 34px auto 0;
  padding: 8px;
  border: 2px solid rgba(155, 105, 255, .78);
  border-radius: 16px;
  background: rgba(16, 13, 39, .86);
  box-shadow: 0 0 24px rgba(145, 75, 255, .34);
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.kfm-image-button:hover,
.kfm-image-button:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(170, 150, 255, .95);
  box-shadow: 0 0 38px rgba(125, 95, 255, .38);
}
.kfm-image-button img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}
.kfm-image-button span {
  display: block;
  padding: 16px 8px 7px;
  color: #c9bcff;
  font-family: 'Orbitron', sans-serif;
  font-size: .85rem;
  font-weight: 700;
  letter-spacing: .12em;
}


/* Clean homepage hero: the banner artwork contains all branding and title text. */
.hero.cosmic-banner {
  display: block;
  min-height: clamp(360px, 42vw, 640px);
  position: relative;
}
.hero.cosmic-banner .scroll-cue {
  position: absolute;
  left: 24px;
  bottom: 20px;
}