*{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;
}

/* Refreshed music player, collections, Spotify and video feature */
.player-panel>h3{font-size:clamp(17px,2vw,22px);margin:8px 0 20px}
.player-glow{padding:20px;border-radius:16px;background:radial-gradient(ellipse at 12% 0%,#a63eff55,transparent 48%),radial-gradient(ellipse at 100% 100%,#00c8ff35,transparent 45%),linear-gradient(130deg,#17103a,#0b1838 55%,#17102c);border:1px solid #8d6bff66;box-shadow:0 0 35px #813dff22,inset 0 0 30px #4dcaff12}
.player-glow audio{filter:none;accent-color:#c66bff;width:100%;margin:3px 0 0}
.player-caption{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:#a99acb;font:8px Orbitron;letter-spacing:1.4px}
.player-caption span:first-child{color:#5fe6ff}
.music-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 12px}
.music-tab{border:1px solid #ffffff35;background:#100d25;color:#d9d0ec;padding:11px 13px;border-radius:7px;font:600 9px Inter;letter-spacing:.5px;cursor:pointer;transition:.2s}
.music-tab:hover,.music-tab.active{background:linear-gradient(110deg,#8b42d9,#286fc9);border-color:#b58aff;box-shadow:0 0 18px #8b42d955;color:#fff}
.track-row{width:100%;background:#ffffff08;color:#f7f3ff;text-align:left;border-radius:7px;margin:5px 0;padding:13px 12px}
.track-row.playing{border:1px solid #8e65ff;color:#79eaff;background:#532e9944}
.spotify-area{margin-top:28px;padding-top:23px}
.spotify-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.spotify-heading .eyebrow{margin:0 0 5px}
.spotify-heading h3{font:600 15px Orbitron;margin:0}
.spotify-dot{font-size:30px;color:#1ed760;text-shadow:0 0 15px #1ed76088}
.spotify-frame-wrap{overflow:hidden;border-radius:12px;background:#121212;box-shadow:0 10px 35px #0006}
.spotify-frame-wrap iframe{display:block;border:0;max-width:100%}
.text-link{display:inline-block;margin-top:13px;color:#7ce8ff;font-size:9px;letter-spacing:1.3px}
.video-feature{max-width:1000px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:40px;padding:40px;border:1px solid #ffffff24;border-radius:18px;background:radial-gradient(ellipse at 15% 50%,#742cbd55,transparent 50%),linear-gradient(120deg,#100b25dd,#111b40dd);box-shadow:0 20px 70px #0004}
.video-orbit{width:min(250px,100%);aspect-ratio:1;border-radius:50%;margin:auto;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 35% 30%,#a85bff,#243c91 55%,#080719 78%);box-shadow:0 0 55px #874bff77,inset 0 0 25px #ffffff33}
.video-orbit:before,.video-orbit:after{content:"";position:absolute;inset:-12%;border:1px solid #a87bff88;border-radius:50%;transform:scaleY(.55) rotate(35deg)}
.video-orbit:after{inset:-4%;border-color:#4de2ff88;transform:scaleY(.72) rotate(-35deg)}
.video-orbit span{font:800 45px Orbitron;text-shadow:0 0 25px #fff}
.video-orbit b{position:absolute;bottom:18%;right:15%;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:linear-gradient(135deg,#fa42cb,#7a4dff);box-shadow:0 0 25px #d348ff88}
.video-copy h3{font:700 clamp(22px,3vw,34px) Orbitron;margin:10px 0}
.video-copy>p:not(.eyebrow){color:#b7aecb;line-height:1.8;font-size:13px;max-width:480px}
.youtube-button{display:inline-flex;align-items:center;gap:12px;margin-top:15px;padding:15px 19px;border-radius:8px;background:linear-gradient(110deg,#ff315c,#b42bd9 55%,#514ce6);box-shadow:0 8px 28px #d62d8c44;font:700 9px Inter;letter-spacing:1px}
.youtube-button span{font-size:15px}
.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.95}
@media(max-width:800px){.video-feature{grid-template-columns:1fr;padding:28px 20px;gap:28px}.video-orbit{width:190px}.music-tabs{gap:6px}.music-tab{flex:1 1 auto}.player-caption{font-size:7px}}

/* Expanded album catalogue and unreleased archive */
.track-row{width:100%;background:transparent;color:#f7f3ff;text-align:left;font:inherit;transition:background .2s,padding .2s}
.track-row:hover,.track-row.playing{background:linear-gradient(90deg,#8c42d933,#27b9ff18);padding-left:13px;color:#fff}
.album-card{border:1px solid #ffffff20;border-radius:10px;margin:12px 0;overflow:hidden;background:linear-gradient(110deg,#17102fdd,#101b37bb)}
.album-card summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 16px;font:600 12px Orbitron,sans-serif;color:#fff}
.album-card summary::-webkit-details-marker{display:none}
.album-card summary:after{content:"＋";color:#c69aff;font-size:17px}
.album-card[open] summary:after{content:"−"}
.album-card summary small{font:700 9px Inter,sans-serif;letter-spacing:1px;color:#a99cbe;margin-left:auto}
.album-tracks{padding:0 15px 12px;border-top:1px solid #ffffff14}
.catalogue-note{font-size:12px;line-height:1.7;color:#bdb1d1;padding:12px 14px;border-left:2px solid #b16cff;background:#a35aff12}
.unreleased-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.unreleased-grid span{padding:10px 12px;border:1px solid #ffffff15;border-radius:6px;background:#100d25aa;color:#d8cde9;font-size:11px}
.kfm-image-button img{max-width:340px;width:100%;height:auto;display:block}
.catalogue-intro{font-size:12px;line-height:1.7;color:#aaa0ba;margin:20px 0 8px}
@media(max-width:560px){.unreleased-grid{grid-template-columns:1fr}.album-card summary{font-size:11px}}

/* Compact live visitor and per-track play counters */
.visit-counter{display:flex;align-items:center;gap:8px;margin-left:auto;padding:9px 12px;border:1px solid #9e70df55;border-radius:999px;background:#130d2b99;color:#bfb2d7;font:9px Orbitron,sans-serif;letter-spacing:1px;white-space:nowrap}.visit-counter strong{color:#fff;font-size:12px}.counter-dot{width:7px;height:7px;border-radius:50%;background:#63e6be;box-shadow:0 0 10px #63e6be}.track-row{gap:14px;text-align:left;width:100%;background:transparent;color:inherit;border:0;font:inherit}.track-name{flex:1}.track-meta{display:flex;align-items:center;gap:14px;white-space:nowrap}.track-meta .play-count{color:#9b91ad;font-size:10px}.track-meta .play-action{color:#c7a1ff;font-size:10px;letter-spacing:1px}.track-row.playing .track-name{color:#d5b5ff}@media(max-width:800px){.visit-counter{margin:10px 6vw 12px auto}.topbar{flex-wrap:wrap;height:auto;min-height:75px;padding-top:12px;padding-bottom:12px}.track-meta{gap:7px}.track-meta .play-count{font-size:9px}}

.cover-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.cover-art:before{display:none}


/* KFM button with its original descriptive copy beside it */
.kfm-layout {
  width: min(100% - 40px, 1040px);
  margin: 34px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(28px, 5vw, 64px);
  text-align: left;
}
.kfm-layout .kfm-image-button {
  flex: 0 1 360px;
  width: min(100%, 360px);
  margin: 0;
}
.kfm-copy {
  flex: 1 1 380px;
  max-width: 480px;
}
.kfm-copy h2 {
  margin: 8px 0 14px;
}
.kfm-copy p {
  line-height: 1.7;
}
@media (max-width: 720px) {
  .kfm-layout {
    flex-direction: column;
    text-align: center;
    gap: 24px;
  }
  .kfm-copy {
    flex-basis: auto;
  }
}


/* Compact KFM Radio callout in the right-hand mountain corner of the hero */
.hero.cosmic-banner { overflow: hidden; }
.hero-kfm-card {
  position: absolute;
  z-index: 3;
  right: clamp(18px, 4.5vw, 72px);
  bottom: clamp(42px, 7vh, 76px);
  width: clamp(150px, 19vw, 230px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(160, 125, 255, .82);
  border-radius: 13px;
  background: rgba(8, 9, 34, .82);
  box-shadow: 0 0 24px rgba(107, 75, 255, .42);
  color: #fff;
  text-decoration: none;
  backdrop-filter: blur(8px);
  transition: transform .2s ease, box-shadow .2s ease;
}
.hero-kfm-card:hover,
.hero-kfm-card:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 0 34px rgba(107, 75, 255, .65);
}
.hero-kfm-prompt {
  font: 700 clamp(8px, .8vw, 10px)/1.4 Inter, sans-serif;
  letter-spacing: .7px;
  color: #d9caff;
  text-align: center;
}
.hero-kfm-card img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 7px;
}
.hero-kfm-link {
  font: 700 clamp(8px, .8vw, 10px)/1.4 Orbitron, sans-serif;
  letter-spacing: .5px;
  color: #cbb7ff;
  text-align: center;
}
@media (max-width: 600px) {
  .hero-kfm-card {
    right: 14px;
    bottom: 48px;
    width: 142px;
    padding: 7px;
  }
  .hero-kfm-prompt, .hero-kfm-link { font-size: 7px; }
}


/* Smaller KFM callout: keep it discreet in the bottom-right of the mountain banner */
.hero-kfm-card {
  width: clamp(112px, 14vw, 170px);
  padding: 7px;
  gap: 5px;
  border-radius: 10px;
}
.hero-kfm-card img { border-radius: 6px; }
.hero-kfm-prompt, .hero-kfm-link {
  font-size: clamp(7px, .65vw, 9px);
  letter-spacing: .35px;
}
@media (max-width: 600px) {
  .hero-kfm-card { width: 108px; padding: 6px; gap: 4px; }
  .hero-kfm-prompt, .hero-kfm-link { font-size: 6px; }
}


/* KFM: restore the original two-part callout, lower in the mountain banner */
.hero-kfm-layout {
  position: absolute;
  z-index: 4;
  right: clamp(18px, 4vw, 58px);
  bottom: 26px;
  width: min(560px, 66%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.hero-kfm-info {
  flex: 1 1 0;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid rgba(160,125,255,.72);
  border-radius: 10px;
  background: rgba(8,9,34,.86);
  box-shadow: 0 0 18px rgba(107,75,255,.25);
  backdrop-filter: blur(7px);
  color: #eee8ff;
}
.hero-kfm-info h2 {
  margin: 0 0 7px;
  color: #d9caff;
  font: 700 10px/1.4 Orbitron, sans-serif;
  letter-spacing: .45px;
}
.hero-kfm-info p {
  margin: 4px 0 0;
  color: #d2c9e5;
  font: 10px/1.5 Inter, sans-serif;
}
.hero-kfm-layout .hero-kfm-card {
  position: static;
  flex: 0 0 142px;
  width: 142px;
  padding: 7px;
  gap: 5px;
  border-radius: 10px;
}
.hero-kfm-layout .hero-kfm-card img { width: 100%; height: auto; }
.hero-kfm-layout .hero-kfm-link { font-size: 8px; }
@media (max-width: 700px) {
  .hero-kfm-layout {
    right: 12px; left: 12px; bottom: 18px; width: auto; gap: 7px;
  }
  .hero-kfm-info { padding: 8px 9px; }
  .hero-kfm-info h2 { font-size: 8px; }
  .hero-kfm-info p { font-size: 8px; line-height: 1.35; }
  .hero-kfm-layout .hero-kfm-card { flex-basis: 104px; width: 104px; padding: 5px; }
  .hero-kfm-layout .hero-kfm-link { font-size: 6px; }
}


/* Stella Dreamscape live audio visualizer */
.sd-visualizer-wrap{position:relative;margin:12px 0 14px;padding:12px 12px 8px;border:1px solid #5a8fff55;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#174e9b55,transparent 65%),linear-gradient(110deg,#070b20,#111032 55%,#071b32);box-shadow:inset 0 0 24px #4d39a522,0 0 22px #257dff18}
#sd-visualizer{display:block;width:100%;height:118px}
.sd-visualizer-label{display:flex;justify-content:space-between;gap:8px;margin-top:5px;color:#8da9d8;font:700 8px Orbitron,Inter,sans-serif;letter-spacing:1.4px}
#sd-visualizer-state{color:#63eaff}
.sd-visualizer-wrap.is-playing{border-color:#7a6dff99;box-shadow:inset 0 0 28px #4d39a533,0 0 28px #257dff2b}
@media(max-width:560px){#sd-visualizer{height:92px}.sd-visualizer-wrap{padding:9px}}


/* Final KFM two-panel layout lock: keep copy inside its own box beside the compact radio button. */
.hero.cosmic-banner { position: relative !important; overflow: hidden; }
.hero.cosmic-banner .hero-kfm-layout {
  position: absolute !important; z-index: 8;
  left: auto; right: clamp(18px, 4vw, 58px); bottom: 26px;
  width: min(560px, 66%); max-width: calc(100% - 36px);
  display: grid !important; grid-template-columns: minmax(0, 1fr) 142px;
  align-items: center; gap: 12px;
}
.hero.cosmic-banner .hero-kfm-info {
  position: relative !important; display: block; min-width: 0; width: 100%;
  padding: 12px 14px; margin: 0;
  border: 1px solid rgba(160,125,255,.72); border-radius: 10px;
  background: rgba(8,9,34,.9); box-shadow: 0 0 18px rgba(107,75,255,.25);
  color: #eee8ff;
}
.hero.cosmic-banner .hero-kfm-info h2 { margin: 0 0 7px; font-size: 10px; line-height: 1.4; }
.hero.cosmic-banner .hero-kfm-info p { margin: 4px 0 0; font-size: 10px; line-height: 1.5; }
.hero.cosmic-banner .hero-kfm-layout > .hero-kfm-card {
  position: relative !important; inset: auto !important; display: flex;
  width: 142px; min-width: 0; margin: 0; padding: 7px; gap: 5px;
}
.hero.cosmic-banner .hero-kfm-layout > .hero-kfm-card img { display:block; width:100%; height:auto; }
@media (max-width: 700px) {
  .hero.cosmic-banner .hero-kfm-layout { left: 12px; right: 12px; bottom: 18px; width: auto; max-width: none; grid-template-columns: minmax(0,1fr) 104px; gap: 7px; }
  .hero.cosmic-banner .hero-kfm-info { padding: 8px 9px; }
  .hero.cosmic-banner .hero-kfm-info h2 { font-size: 8px; }
  .hero.cosmic-banner .hero-kfm-info p { font-size: 8px; line-height: 1.35; }
  .hero.cosmic-banner .hero-kfm-layout > .hero-kfm-card { width:104px; padding:5px; }
}


/* Temporary website test-phase notice beneath the hero banner */
.site-test-notice {
  padding: 18px 20px 8px;
  background: linear-gradient(180deg, rgba(8,10,31,.98), rgba(13,13,42,.92));
}
.site-test-notice-inner {
  max-width: 980px; margin: 0 auto; padding: 15px 20px;
  text-align: center; border: 1px solid rgba(116,129,255,.42);
  border-radius: 12px; background: rgba(19,20,57,.72);
  box-shadow: 0 0 22px rgba(74,91,255,.10);
}
.site-test-eyebrow { margin: 0 0 5px; color: #8faaff; font: 700 9px/1.4 Orbitron, Inter, sans-serif; letter-spacing: 1.5px; }
.site-test-notice h2 { margin: 0 0 7px; color: #f0eaff; font: 700 clamp(13px, 2vw, 17px)/1.35 Orbitron, Inter, sans-serif; letter-spacing: .5px; }
.site-test-notice-inner > p:last-child { max-width: 820px; margin: 0 auto; color: #cfcbe4; font: 12px/1.6 Inter, sans-serif; }
@media (max-width: 600px) { .site-test-notice { padding: 12px 12px 4px; } .site-test-notice-inner { padding: 12px 13px; } .site-test-notice-inner > p:last-child { font-size: 11px; } }