:root{--bg:#050505;--panel:#0b0b0b;--line:#252525;--muted:#a6a6a6;--green:#78ef16;--pink:#ff38b8;--yellow:#ffe425;--red:#ff3636}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:92px;display:flex;align-items:center;gap:32px;padding:10px 4vw;background:#050505;border-bottom:1px solid #191919;position:sticky;top:0;z-index:20}.logo-link img{width:160px;height:70px;object-fit:contain}.desktop-nav{display:flex;gap:27px;margin-left:auto}.desktop-nav a{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#d4d4d4}.button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 23px;border-radius:3px;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.button-outline{border:1px solid #686868}.button-light{background:#fff;color:#050505}.button-dark{background:#080808;color:#fff;border:1px solid #111}.button-rainbow{background:linear-gradient(90deg,#e708c2,#ff4758,#ffb31a);color:#fff}.menu-button{display:none;margin-left:auto;background:transparent;border:1px solid #555;color:#fff;padding:10px 14px}.mobile-nav{display:grid;background:#080808;padding:20px 5vw;border-bottom:1px solid #222}.mobile-nav a{padding:12px 0}.section-dark{background:#050505}.hero{min-height:660px;display:grid;grid-template-columns:43% 57%;border-bottom:1px solid var(--line)}.hero-copy{padding:100px 4vw 70px 6vw;align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#bbb}.eyebrow.pink{color:var(--pink)}.eyebrow.green{color:var(--green)}.eyebrow.purple{color:#a45eff}.hero h1{font-size:clamp(48px,5.6vw,88px);line-height:.96;text-transform:uppercase;margin:22px 0 28px;letter-spacing:-.04em}.hero h1 span{background:linear-gradient(90deg,#8aff0b,#ffe31a,#ff35b6);-webkit-background-clip:text;color:transparent}.hero-text{color:#c4c4c4;font-size:17px;line-height:1.65}.button-row{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.hero-image{background-image:linear-gradient(90deg,#050505 0%,transparent 34%),url('assets/hero-athlete.png');background-size:cover;background-position:center}.statement{display:grid;grid-template-columns:42% 58%;min-height:350px;border-bottom:1px solid var(--line)}.statement>div:first-child{padding:72px 6vw}.statement h2{font-size:clamp(29px,3vw,49px);line-height:1.25;text-transform:uppercase;margin:18px 0}.mic-image{background-image:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.2) 38%,transparent 70%),url("assets/slate-ml1-section.png");background-size:cover;background-position:center;min-height:350px}.waveform-divider,.rainbow-wave,.small-wave,.mini-wave{display:flex;align-items:center;justify-content:center;gap:2px}.waveform-divider{height:55px;border-bottom:1px solid var(--line)}.wave-bar{width:2px;border-radius:99px;background:linear-gradient(180deg,#12c6ff,#62ff2a,#ffe72b,#ff31b8);animation:pulse 1.15s ease-in-out infinite;transform-origin:center}.content-section{padding:85px 6vw;border-bottom:1px solid var(--line)}.section-heading h2,.availability h2,.resource-preview h2,.project-cta h2{font-size:clamp(35px,4vw,60px);text-transform:uppercase;margin:10px 0 35px}.audio-player{border:1px solid #333;padding:17px;display:grid;grid-template-columns:100px 1fr 62px;gap:20px;align-items:center}.cover-art{height:90px;background:linear-gradient(145deg,#1c275a,#120d25);display:grid;place-items:center;font-weight:bold}.track-info{display:grid;gap:7px}.track-info span{color:#999}.mini-wave{justify-content:flex-start;height:42px;overflow:hidden}.play-button{width:52px;height:52px;border-radius:50%;background:transparent;color:var(--green);border:1px solid var(--green);font-size:20px}.text-link{display:inline-block;margin-top:22px;text-transform:uppercase;font-size:12px;letter-spacing:.09em}.text-link.green{color:var(--green)}.availability{display:grid;grid-template-columns:250px 1fr;gap:45px}.availability h2{margin-bottom:30px}.week-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #333}.week-card{text-align:center;padding:25px 12px;border-right:1px solid #2b2b2b;display:grid;gap:18px;min-height:155px}.week-card:last-child{border-right:0}.week-card span{font-size:11px;color:#bbb}.week-card strong{font-size:12px;text-transform:uppercase}.week-card b{font-size:20px}.plenty strong{color:var(--green)}.limited strong{color:var(--yellow)}.almost strong{color:var(--red)}.full strong{color:#888}.schedule-meta{grid-column:2;display:flex;justify-content:flex-end;gap:18px;color:#888;font-size:11px;margin-bottom:-28px;position:relative;z-index:2}.schedule-notes{grid-column:2;color:#aaa;font-size:12px;line-height:1.55;margin-top:-20px}.schedule-notes p{margin:7px 0}.schedule-notes strong{color:#ddd}.resource-preview{background:#f2f2f0;color:#0c0c0c;padding:80px 6vw;display:grid;grid-template-columns:36% 64%;gap:50px;align-items:center}.resource-preview h2{margin-bottom:4px}.resource-copy h3{color:var(--pink);text-transform:uppercase;font-size:14px}.resource-copy ul{list-style:none;padding:0;display:grid;gap:12px}.resource-copy li:before{content:"✓";color:#7d35d7;margin-right:9px}.price{font-size:38px;font-weight:bold}.resource-player{background:#070707;color:#fff;border-radius:18px;padding:35px;min-height:250px;display:grid;align-content:center;box-shadow:0 16px 30px rgba(0,0,0,.25)}.rainbow-wave{height:80px;margin:25px 0}.player-controls{display:flex;justify-content:center;align-items:center;gap:35px}.player-controls button{width:50px;height:50px;border-radius:50%;background:transparent;border:1px solid var(--green);color:#fff}.project-cta{padding:85px 4vw;text-align:center;display:grid;grid-template-columns:1fr minmax(320px,650px) 1fr;gap:30px;align-items:center}.project-cta h2{margin-bottom:10px}.project-cta p{color:#aaa}.project-cta .managed{color:#fff;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.small-wave{height:50px}footer{padding:35px 6vw;text-align:center;color:#777;font-size:12px;border-top:1px solid var(--line)}footer img{width:125px;height:70px;object-fit:contain}@keyframes pulse{0%,100%{transform:scaleY(.4);opacity:.5}50%{transform:scaleY(1);opacity:1}}@media(max-width:980px){.desktop-nav,.header-cta{display:none}.menu-button{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 7vw 30px}.hero-image{min-height:470px;background-position:center top}.statement{grid-template-columns:1fr}.mic-image{min-height:300px;background-position:center top}.availability{grid-template-columns:1fr}.schedule-meta,.schedule-notes{grid-column:auto;margin-top:0;margin-bottom:0}.schedule-meta{justify-content:flex-start}.resource-preview{grid-template-columns:1fr}.project-cta{grid-template-columns:1fr}.small-wave{display:none}}@media(max-width:650px){.site-header{height:80px}.logo-link img{width:125px}.hero h1{font-size:45px}.week-grid{grid-template-columns:1fr 1fr}.week-card:nth-child(2){border-right:0}.week-card{border-bottom:1px solid #2b2b2b}.audio-player{grid-template-columns:75px 1fr}.play-button{grid-column:2}.resource-preview{padding:60px 7vw}.content-section{padding:65px 7vw}}

/* V0.3 approved sharp/glow design refinements */
.button{border-radius:1px;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.button:hover{transform:translateY(-2px)}
.button-rainbow{box-shadow:0 0 15px rgba(255,49,184,.24)}
.button-rainbow:hover{box-shadow:0 0 26px rgba(255,49,184,.52),0 0 44px rgba(98,255,42,.16)}
.button-outline:hover{border-color:#fff;box-shadow:0 0 20px rgba(255,255,255,.16)}
.hero,.statement,.content-section,.resource-preview,.project-cta{min-height:min(860px,90vh)}
.content-section,.resource-preview,.project-cta{align-content:center}
@media(max-width:980px){.hero,.statement,.content-section,.resource-preview,.project-cta{min-height:auto}}


/* V0.5 — Latest Release, music library, social links, and calm reveal motion */
.latest-release{position:relative;display:grid;grid-template-columns:minmax(260px,36%) 1fr;gap:clamp(34px,6vw,90px);align-items:center;border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;padding:clamp(30px,5vw,68px) 0;overflow:hidden}
.release-art{aspect-ratio:1/1;background:radial-gradient(circle at 68% 25%,rgba(255,49,184,.38),transparent 30%),radial-gradient(circle at 20% 78%,rgba(18,198,255,.25),transparent 34%),linear-gradient(145deg,#151515,#080808 64%);border:1px solid #333;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;position:relative;isolation:isolate}
.release-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 11px,rgba(255,255,255,.025) 12px 13px);z-index:-1}
.release-art span{font-size:10px;letter-spacing:.18em;color:#a7a7a7}.release-art strong{font-size:clamp(30px,4vw,60px);line-height:.9;margin:10px 0 8px}.release-art small{color:var(--green);letter-spacing:.12em}
.release-details h3{font-size:clamp(28px,3.7vw,54px);line-height:1.05;text-transform:uppercase;margin:10px 0 12px}.release-meta{color:#979797}.release-wave{height:78px;display:flex;align-items:center;gap:2px;overflow:hidden;margin:26px 0 12px}.release-wave .wave-bar{transition:height .15s ease,opacity .2s ease}.latest-release.is-playing .release-wave .wave-bar{animation-duration:.62s;filter:saturate(1.25);box-shadow:0 0 7px rgba(255,49,184,.25)}
.release-progress{height:3px;background:#292929;position:relative;overflow:hidden}.release-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#12c6ff,#62ff2a,#ffe72b,#ff31b8);transition:width .25s linear}.release-actions{display:flex;align-items:center;gap:24px;margin-top:22px}.release-play{flex:0 0 auto}.browse-link{margin-top:30px}#soundcloud-player{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.social-links{display:flex;justify-content:center;gap:26px;margin:17px 0}.social-links a{color:#bbb;text-transform:uppercase;letter-spacing:.1em;font-size:11px;transition:color .2s ease,text-shadow .2s ease}.social-links a:hover{color:#fff;text-shadow:0 0 13px rgba(120,239,22,.45)}
.reveal-section{opacity:0;transform:translateY(34px);transition:opacity .85s ease,transform .95s cubic-bezier(.16,1,.3,1)}.reveal-section.is-visible{opacity:1;transform:none}
.logo-link{animation:logo-arrive 1.15s cubic-bezier(.16,1,.3,1) both}.logo-link:after{content:"";display:block;height:2px;width:100%;margin-top:-9px;background:linear-gradient(90deg,#12c6ff,#62ff2a,#ffe72b,#ff31b8);transform-origin:left;animation:logo-line 1.3s .15s cubic-bezier(.16,1,.3,1) both}
@keyframes logo-arrive{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes logo-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@media(max-width:760px){.latest-release{grid-template-columns:1fr}.release-art{max-width:440px;width:100%;margin:auto}.release-actions{align-items:flex-start;flex-direction:column}.social-links{gap:15px;flex-wrap:wrap}}

/* Music library */
.library-hero{padding:90px 6vw 55px;border-bottom:1px solid var(--line)}.library-hero h1{font-size:clamp(44px,6vw,82px);text-transform:uppercase;line-height:.95;margin:18px 0}.library-shell{padding:55px 6vw 100px}.library-controls{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:38px}.search-label{display:grid;gap:10px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:#aaa}.search-label input{width:100%;background:#090909;color:#fff;border:1px solid #3b3b3b;border-radius:1px;padding:16px 18px;font-size:16px;outline:none}.search-label input:focus{border-color:var(--green);box-shadow:0 0 18px rgba(120,239,22,.15)}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-button{background:#090909;color:#bbb;border:1px solid #353535;padding:13px 16px;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.filter-button.active,.filter-button:hover{color:#fff;border-color:#fff;box-shadow:0 0 16px rgba(255,255,255,.12)}.track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.track-card{border:1px solid #303030;background:#080808;padding:18px;display:grid;gap:15px;transition:transform .25s ease,border-color .25s ease}.track-card:hover{transform:translateY(-3px);border-color:#666}.track-card-art{aspect-ratio:1;background:radial-gradient(circle at 70% 25%,rgba(255,49,184,.34),transparent 34%),linear-gradient(145deg,#171717,#090909);display:flex;flex-direction:column;justify-content:flex-end;padding:20px}.track-card-art strong{font-size:26px;line-height:.95;text-transform:uppercase}.track-card-art span{font-size:10px;letter-spacing:.14em;color:var(--green);margin-top:8px}.track-card h2{font-size:18px;text-transform:uppercase;margin:0}.track-card p{color:#888;margin:0;font-size:13px}.track-card-actions{display:flex;justify-content:space-between;align-items:center}.track-card .button{min-height:38px;padding:0 15px}.empty-state{display:none;color:#aaa;border-top:1px solid #333;padding:30px 0}.empty-state.show{display:block}@media(max-width:900px){.track-grid{grid-template-columns:repeat(2,1fr)}.library-controls{grid-template-columns:1fr}}@media(max-width:580px){.track-grid{grid-template-columns:1fr}}

/* V0.6 music catalog + YouTube showcase */
.media-tabs{display:flex;gap:10px;margin:0 0 46px;border-bottom:1px solid rgba(255,255,255,.14)}
.media-tab{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:#8e8e8e;padding:15px 4px;margin-right:30px;font:inherit;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.media-tab.active{color:#fff;border-color:#78ef16;text-shadow:0 0 18px rgba(120,239,22,.5)}
.media-panel{animation:panelIn .45s ease both}.media-panel[hidden]{display:none}.media-panel.active{display:block}
@keyframes panelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.catalog-player{margin:34px 0 42px;padding:28px 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:space-between;gap:24px}
.catalog-player[hidden]{display:none}.catalog-player h2{font-size:clamp(1.35rem,3vw,2.2rem);margin:4px 0 0}
.track-card-art.art-pink{background:linear-gradient(145deg,#251227,#6e164f)}
.track-card-art.art-cyan{background:linear-gradient(145deg,#071b24,#0d6781)}
.track-card-art.art-green{background:linear-gradient(145deg,#0a1f12,#176c38)}
.track-card-art.art-purple{background:linear-gradient(145deg,#191128,#512170)}
.catalog-note{margin-top:34px;color:#777;font-size:.8rem;letter-spacing:.06em}
.compact-heading{margin-bottom:34px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.video-card{border-top:1px solid rgba(255,255,255,.18);padding-top:18px}.video-card h2{font-size:1.15rem;margin:18px 0 5px}.video-card p{color:#8e8e8e;margin:0}.video-frame{position:relative;aspect-ratio:16/9;background:#0d0d0d;overflow:hidden}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.youtube-channel-link{margin-top:42px}.catalog-is-playing .wave-bar{animation-duration:.52s!important;filter:brightness(1.25) drop-shadow(0 0 7px rgba(255,55,187,.32))}
@media(max-width:820px){.video-grid{grid-template-columns:1fr}.catalog-player{align-items:flex-start}.media-tabs{overflow-x:auto}.media-tab{white-space:nowrap}}


/* Build 007 preview: true audio-reactive waveform */
.resource-player-head{display:flex;align-items:center;justify-content:space-between;gap:20px;text-transform:uppercase;letter-spacing:.12em}.resource-player-head span{font-size:11px;color:#8f8f8f}.audio-progress{height:2px;background:#292929;overflow:hidden;margin:-4px 0 26px}.audio-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#18c8ff,#6cff25,#ffe62d,#ff31b8);transition:width .1s linear}.audio-reactive-note{text-align:center;color:#777;font-size:11px;letter-spacing:.05em;margin:22px 0 0}.reactive-wave .wave-bar{will-change:transform,opacity,filter}.resource-player.is-reacting{box-shadow:0 18px 48px rgba(0,0,0,.32),0 0 45px rgba(255,49,184,.09)}.audio-is-reacting .waveform-divider .wave-bar,.audio-is-reacting .small-wave .wave-bar{animation:none}.resource-page .resource-player{border-radius:3px}


/* Build 008: live rainbow frequency spectrum */
.frequency-spectrum{height:150px;margin:30px 0 20px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:8px 0;border-bottom:1px solid #242424;overflow:hidden}
.spectrum-bar{flex:1 1 0;max-width:8px;min-width:2px;height:10px;background:hsl(var(--bar-hue),100%,55%);transform-origin:bottom;border-radius:1px 1px 0 0;will-change:height,opacity,filter;opacity:.48}
.resource-player.is-reacting .frequency-spectrum{border-bottom-color:#3a3a3a}
@media(max-width:650px){.frequency-spectrum{height:120px;gap:2px}.spectrum-bar{max-width:6px}}

/* Build 009: dense, analyzer-style rainbow spectrum */
.spectrum-canvas{display:block;width:100%;height:100px;background:transparent;filter:none;transition:filter .45s ease}
.spectrum-canvas.is-active{filter:saturate(1.18) brightness(1.08)}
.release-spectrum{height:112px;margin:24px 0 12px;border-bottom:1px solid #252525}
.resource-spectrum{height:175px;margin:24px 0 14px;border-bottom:1px solid #242424}
.music-spectrum-shell{padding:0 4vw 20px;border-bottom:1px solid var(--line);overflow:hidden}
.music-spectrum{height:170px}
#homepage-visualizer-audio,#music-visualizer-audio,[data-spectrum-audio]{display:none}
.latest-release.is-playing .release-spectrum{filter:saturate(1.24) brightness(1.12) drop-shadow(0 0 5px rgba(255,49,184,.13))}
.resource-player.is-reacting .resource-spectrum{filter:saturate(1.22) brightness(1.12) drop-shadow(0 0 6px rgba(255,49,184,.14))}
.catalog-is-playing .music-spectrum{filter:saturate(1.22) brightness(1.12) drop-shadow(0 0 6px rgba(255,49,184,.14))}
.library-controls{grid-template-columns:minmax(280px,780px)!important}
.catalog-note{margin-top:24px}
@media(max-width:650px){.release-spectrum{height:88px}.resource-spectrum{height:130px}.music-spectrum{height:115px}.music-spectrum-shell{padding-inline:0}}

/* Build 010: smoother scrolling, lightweight 64-band analyzer, and spacious weekly schedule */
.reveal-section{
  opacity:0;
  transform:translate3d(0,64px,0);
  transition:opacity 1.45s cubic-bezier(.22,1,.36,1),transform 1.6s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform;
}
.reveal-section.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
  will-change:auto;
}

.content-section.availability{
  display:block;
  min-height:auto;
  padding-top:clamp(100px,9vw,145px);
  padding-bottom:clamp(100px,9vw,145px);
}
.availability-copy{
  max-width:1100px;
  margin:0 0 46px;
}
.availability h2{
  max-width:1100px;
  margin:10px 0 30px;
  line-height:1;
}
.schedule-meta{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 22px;
  margin:0 0 20px;
  position:static;
  color:#888;
  font-size:12px;
}
.week-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  border:0;
  width:100%;
}
.week-card,
.week-card:last-child{
  min-height:184px;
  padding:28px 18px;
  border:1px solid #303030;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0));
}
.week-card span{font-size:13px;line-height:1.35}
.week-card strong{font-size:13px;line-height:1.25;max-width:160px}
.week-card b{font-size:27px;line-height:1}
.schedule-notes{
  margin:34px 0 0;
  max-width:1120px;
  color:#aaa;
  font-size:15px;
  line-height:1.65;
}
.schedule-notes p{margin:8px 0}

/* Keep the analyzer lightweight while preserving a real frequency-band look. */
.spectrum-canvas,
.spectrum-canvas.is-active,
.latest-release.is-playing .release-spectrum,
.resource-player.is-reacting .resource-spectrum,
.catalog-is-playing .music-spectrum{
  filter:none;
}
.spectrum-canvas{contain:strict}

@media(max-width:1250px){
  .week-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .week-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .week-card,.week-card:last-child{min-height:165px;padding:22px 12px}
  .schedule-notes{font-size:14px}
}
@media(max-width:520px){
  /* Preserve the phone layout the user already approved. */
  .week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .week-card,.week-card:last-child{min-height:150px;padding:18px 9px;gap:14px}
  .week-card span{font-size:11px}
  .week-card strong{font-size:11px}
  .week-card b{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
  .reveal-section{opacity:1;transform:none;transition:none}
}

/* Build 011: searchable public SoundCloud catalog */
.catalog-toolbar{margin-bottom:34px}
.catalog-toolbar .library-controls{
  display:grid;
  grid-template-columns:minmax(280px,1fr) minmax(170px,230px)!important;
  align-items:end;
  gap:16px;
  margin-bottom:14px;
  max-width:1050px;
}
.search-label select{
  width:100%;
  min-height:53px;
  background:#090909;
  color:#fff;
  border:1px solid #3b3b3b;
  border-radius:1px;
  padding:0 16px;
  font-size:15px;
  outline:none;
}
.search-label select:focus{border-color:var(--green);box-shadow:0 0 18px rgba(120,239,22,.12)}
.catalog-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1050px;color:#8f8f8f;font-size:12px;letter-spacing:.05em}
.catalog-summary strong{color:#cfcfcf;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.catalog-clear{appearance:none;border:0;background:transparent;color:var(--green);font:inherit;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:6px 0}
.catalog-clear:hover{text-decoration:underline}
.track-card{min-width:0}
.track-card-art{position:relative;overflow:hidden}
.track-card-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(255,255,255,.025) 14px 15px);pointer-events:none}
.track-card-art strong{position:relative;z-index:1;overflow-wrap:anywhere}
.track-card-art span{position:relative;z-index:1}
.track-card-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#8f8f8f;font-size:12px}
.track-card-meta>span:first-child{color:#bdbdbd}
.track-card-meta small{flex-basis:100%;color:#6f6f6f;font-size:11px}
.track-package{border:1px solid #3b3b3b;padding:4px 7px;color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-size:9px}
.catalog-more{margin:32px auto 0;display:flex}
.catalog-more[hidden]{display:none}
@media(max-width:760px){
  .catalog-toolbar .library-controls{grid-template-columns:1fr!important}
  .catalog-summary{align-items:flex-start;flex-direction:column;gap:8px}
}

/* Build 012: FO-X search, hero spotlight, and form refinements */
.hero-image{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hero-image::before{
  content:"";
  position:absolute;
  inset:-8% -4% -2%;
  z-index:1;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(ellipse 42% 48% at 56% 34%,rgba(255,255,255,.34) 0%,rgba(197,222,255,.18) 34%,rgba(255,255,255,0) 76%),
    linear-gradient(165deg,transparent 0 23%,rgba(224,238,255,.29) 41%,rgba(255,255,255,.09) 58%,transparent 76%);
  clip-path:polygon(50% 0,94% 0,82% 100%,12% 100%);
  mix-blend-mode:screen;
  transform:translate3d(0,-24px,0) scale(.94);
  animation:hero-spotlight-in 2.8s .45s cubic-bezier(.16,1,.3,1) forwards,
            hero-spotlight-breathe 7s 3.3s ease-in-out infinite alternate;
}
.hero-image::after{
  content:"";
  position:absolute;
  left:18%;
  right:8%;
  bottom:-14%;
  height:43%;
  z-index:1;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(ellipse at center,rgba(177,211,255,.18),rgba(255,255,255,0) 67%);
  filter:blur(8px);
  animation:hero-floor-glow 3.1s .75s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes hero-spotlight-in{
  0%{opacity:0;transform:translate3d(0,-24px,0) scale(.94)}
  58%{opacity:.92}
  100%{opacity:.72;transform:translate3d(0,0,0) scale(1)}
}
@keyframes hero-spotlight-breathe{
  from{filter:brightness(.92)}
  to{filter:brightness(1.16)}
}
@keyframes hero-floor-glow{
  from{opacity:0;transform:scale(.82)}
  to{opacity:.55;transform:scale(1)}
}

.youtube-feature-player{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);
  gap:34px;
  align-items:center;
  margin:32px 0 44px;
  padding:26px 0;
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.16);
}
.youtube-feature-player[hidden]{display:none}
.youtube-player-copy h2{font-size:clamp(1.45rem,3vw,2.45rem);line-height:1.04;margin:10px 0 4px;text-transform:uppercase}
.youtube-card-art{background-position:center;background-size:cover}
.youtube-card-art::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(0,0,0,.76) 100%);z-index:0}
.youtube-card-art strong,.youtube-card-art span{z-index:1}
.youtube-grid{margin-top:8px}
.youtube-toolbar{margin-top:-4px}
@media(max-width:850px){
  .youtube-feature-player{grid-template-columns:1fr;gap:22px}
}
@media(max-width:650px){
  .hero-image::before{inset:-4% -14% 0;clip-path:polygon(38% 0,94% 0,88% 100%,3% 100%);background:radial-gradient(ellipse 52% 50% at 54% 29%,rgba(255,255,255,.3),rgba(188,218,255,.13) 38%,rgba(255,255,255,0) 74%)}
}
@media(prefers-reduced-motion:reduce){
  .hero-image::before,.hero-image::after{animation:none;opacity:.5;transform:none}
}


/* V0.12 final: compact media rows + unmistakable hero spotlight */
.hero-image{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background-position:center 38%;
}
.hero-image::before,.hero-image::after{content:none!important}
.hero-image>span{position:absolute;inset:0;pointer-events:none}
.hero-dark-veil{
  z-index:1;
  background:rgba(0,0,0,.48);
  opacity:1;
  animation:hero-veil-lift 2.7s .15s cubic-bezier(.16,1,.3,1) forwards;
}
.hero-spotlight{
  z-index:2;
  inset:-10% -12% -5%!important;
  opacity:0;
  background:
    radial-gradient(ellipse 25% 15% at 59% 4%,rgba(255,255,255,.96),rgba(207,228,255,.56) 26%,rgba(255,255,255,0) 74%),
    linear-gradient(166deg,transparent 0 27%,rgba(226,239,255,.1) 31%,rgba(219,236,255,.54) 47%,rgba(224,238,255,.15) 64%,transparent 72%);
  clip-path:polygon(47% 0,72% 0,91% 100%,16% 100%);
  filter:blur(1px) drop-shadow(0 0 24px rgba(205,225,255,.28));
  mix-blend-mode:screen;
  transform:translate3d(0,-34px,0) scale(.9);
  transform-origin:58% 0;
  animation:hero-spotlight-enter 3.1s .45s cubic-bezier(.16,1,.3,1) forwards,
            hero-spotlight-pulse 6.8s 3.7s ease-in-out infinite alternate;
}
.hero-floor-haze{
  z-index:3;
  inset:auto 8% -7% 22%!important;
  height:42%;
  opacity:0;
  background:radial-gradient(ellipse at center,rgba(186,216,255,.28),rgba(159,204,255,.08) 42%,rgba(255,255,255,0) 74%);
  filter:blur(14px);
  transform:scale(.72);
  animation:hero-haze-enter 3s 1s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes hero-veil-lift{
  0%{opacity:.55}
  100%{opacity:.08}
}
@keyframes hero-spotlight-enter{
  0%{opacity:0;transform:translate3d(0,-34px,0) scale(.9)}
  55%{opacity:1}
  100%{opacity:.78;transform:translate3d(0,0,0) scale(1)}
}
@keyframes hero-spotlight-pulse{
  from{opacity:.68;filter:blur(1px) brightness(.96) drop-shadow(0 0 20px rgba(205,225,255,.22))}
  to{opacity:.9;filter:blur(1px) brightness(1.14) drop-shadow(0 0 34px rgba(205,225,255,.36))}
}
@keyframes hero-haze-enter{
  from{opacity:0;transform:scale(.72)}
  to{opacity:.62;transform:scale(1)}
}

/* Compact SoundCloud and FO-X result rows. */
.track-grid,
.youtube-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.compact-track-card{
  min-height:96px;
  padding:11px;
  display:grid;
  grid-template-columns:76px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  border-color:#252525;
}
.compact-track-card:hover{transform:translateY(-1px)}
.compact-track-art{
  width:76px;
  height:76px;
  min-width:76px;
  border:1px solid #252525;
  background-color:#050505;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  overflow:hidden;
}
.soundcloud-logo-art{
  display:grid;
  place-items:center;
  padding:7px;
  background:linear-gradient(145deg,#050505,#0c0c0c);
}
.soundcloud-logo-art img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.youtube-thumb-art{background-size:cover,cover,contain;background-color:#050505}
.compact-track-copy{min-width:0}
.compact-track-copy h2{
  margin:0 0 8px;
  font-size:14px;
  line-height:1.22;
  letter-spacing:.01em;
  overflow-wrap:anywhere;
}
.compact-track-card .track-card-meta{gap:7px;font-size:10px}
.compact-track-card .track-card-meta small{flex-basis:auto;font-size:9px}
.compact-track-card .track-package{padding:3px 5px;font-size:8px}
.compact-track-actions{
  min-width:104px;
  display:grid;
  justify-items:end;
  gap:9px;
}
.compact-track-card .button{min-height:32px;padding:0 13px;font-size:10px}
.compact-media-link{
  color:#9b9b9b;
  font-size:9px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.09em;
  white-space:nowrap;
}
.compact-media-link:hover{color:#fff}

@media(max-width:1050px){
  .track-grid,.youtube-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .compact-track-card{grid-template-columns:62px minmax(0,1fr);min-height:84px;padding:10px;gap:11px}
  .compact-track-art{width:62px;height:62px;min-width:62px}
  .compact-track-actions{grid-column:2;min-width:0;display:flex;justify-content:flex-start;align-items:center;gap:14px;margin-top:-2px}
  .compact-track-copy h2{font-size:13px}
  .hero-spotlight{inset:-4% -28% -2%!important;clip-path:polygon(37% 0,76% 0,96% 100%,0 100%)}
}
@media(prefers-reduced-motion:reduce){
  .hero-dark-veil{animation:none;opacity:.08}
  .hero-spotlight{animation:none;opacity:.74;transform:none}
  .hero-floor-haze{animation:none;opacity:.5;transform:none}
}

/* Keep the desktop-only mobile menu truly hidden until the Menu button opens it. */
.mobile-nav[hidden]{display:none!important}

/* Build 013: reliable native SoundCloud controls, smaller music tiles, and form redirect fix. */
#samples{
  min-height:auto!important;
  padding-top:clamp(58px,6vw,82px);
  padding-bottom:clamp(58px,6vw,82px);
}
.latest-release-compact{
  grid-template-columns:126px minmax(0,1fr);
  gap:clamp(20px,3vw,38px);
  padding:22px 0;
  align-items:center;
}
.latest-release-compact .release-logo-art{
  width:126px;
  aspect-ratio:1/1;
  min-height:0;
  padding:10px;
  display:grid;
  place-items:center;
  background:#070707;
}
.latest-release-compact .release-logo-art::before{display:none}
.latest-release-compact .release-logo-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.latest-release-compact .release-details h3{
  font-size:clamp(22px,2.6vw,38px);
  margin:6px 0 7px;
}
.latest-release-compact .release-meta{margin:0 0 10px}
.latest-release-compact .release-spectrum{
  height:62px;
  margin:10px 0 12px;
}
.soundcloud-native-player{
  display:block;
  width:100%;
  height:120px;
  border:0;
  background:#111;
}
#soundcloud-player{
  position:static;
  left:auto;
  opacity:1;
  pointer-events:auto;
}
.latest-soundcloud-link{margin-top:12px}

.compact-soundcloud-player{
  display:block;
  padding:18px;
  margin:24px 0 24px;
}
.compact-soundcloud-player[hidden]{display:none}
.catalog-player-heading{margin-bottom:12px}
.compact-soundcloud-player h2{
  font-size:clamp(18px,2.5vw,29px);
  margin:4px 0 0;
}
.native-player-help{
  margin:10px 0 0;
  color:#777;
  font-size:11px;
  line-height:1.45;
}

/* Smaller searchable catalog rows: more results, less empty space. */
.track-grid,.youtube-grid{gap:8px}
.compact-track-card{
  grid-template-columns:54px minmax(0,1fr) auto;
  min-height:70px;
  padding:8px 10px;
  gap:10px;
}
.compact-track-art{
  width:54px;
  height:54px;
  min-width:54px;
}
.soundcloud-logo-art{padding:4px}
.compact-track-copy h2{
  margin:0 0 5px;
  font-size:12px;
  line-height:1.2;
}
.compact-track-card .track-card-meta{font-size:9px;gap:5px}
.compact-track-card .track-card-meta small{font-size:8px}
.compact-track-actions{min-width:86px;gap:6px}
.compact-track-card .button{min-height:29px;padding:0 10px;font-size:9px}
.compact-media-link{font-size:8px}

/* Make the arena light beam unmistakable while keeping the entrance slow. */
.hero-spotlight{
  background:
    radial-gradient(ellipse 30% 18% at 59% 3%,rgba(255,255,255,1),rgba(214,232,255,.68) 28%,rgba(255,255,255,0) 76%),
    linear-gradient(166deg,transparent 0 25%,rgba(220,237,255,.18) 31%,rgba(224,239,255,.64) 48%,rgba(214,234,255,.2) 65%,transparent 74%);
  mix-blend-mode:screen;
  filter:blur(.6px) drop-shadow(0 0 30px rgba(205,225,255,.38));
}
.hero-floor-haze{
  background:radial-gradient(ellipse at center,rgba(196,222,255,.4),rgba(159,204,255,.12) 44%,rgba(255,255,255,0) 76%);
}

@media(max-width:650px){
  .latest-release-compact{
    grid-template-columns:76px minmax(0,1fr);
    gap:13px;
    padding:17px 0;
  }
  .latest-release-compact .release-logo-art{width:76px;padding:6px}
  .latest-release-compact .release-details h3{font-size:18px}
  .latest-release-compact .release-spectrum{height:48px;margin:8px 0 10px}
  .soundcloud-native-player{height:112px}
  .compact-track-card{
    grid-template-columns:48px minmax(0,1fr);
    min-height:66px;
    padding:8px;
    gap:9px;
  }
  .compact-track-art{width:48px;height:48px;min-width:48px}
  .compact-track-actions{grid-column:2;margin-top:0;gap:10px}
  .compact-track-copy h2{font-size:12px}
}


/* Build 014: viewport-locked mobile menu and working 8 Counter skip controls. */
@media(max-width:980px){
  .site-header{
    position:sticky;
    top:0;
    z-index:1000;
  }
  .mobile-nav{
    position:fixed;
    top:92px;
    left:0;
    right:0;
    z-index:999;
    max-height:calc(100dvh - 92px);
    overflow-y:auto;
    box-shadow:0 18px 36px rgba(0,0,0,.55);
  }
}
@media(max-width:650px){
  .mobile-nav{
    top:80px;
    max-height:calc(100dvh - 80px);
  }
}
.player-controls .skip-button{
  width:auto;
  min-width:50px;
  height:40px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid #3a3a3a;
  background:#0b0b0b;
  color:#d8d8d8;
  font-size:12px;
  font-weight:700;
  letter-spacing:.03em;
  cursor:pointer;
}
.player-controls .skip-button:hover{
  border-color:#777;
  color:#fff;
}
.player-controls .skip-button:active{
  transform:scale(.96);
}


/* V0.15 — theme library, premade library CTA, live schedule, and QuickBooks checkout readiness. */
.desktop-nav{gap:clamp(13px,1.55vw,25px)}
.desktop-nav a{white-space:nowrap}
.theme-preview{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(38px,7vw,110px);align-items:center}
.theme-preview h2,.premade-cta h2{font-size:clamp(35px,4vw,60px);text-transform:uppercase;margin:10px 0 20px}
.theme-preview-copy>p:not(.eyebrow),.premade-cta p{color:#aaa;line-height:1.65;max-width:720px}
.theme-preview-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #313131;border-left:1px solid #313131}
.theme-preview-categories span{min-height:94px;display:flex;align-items:center;padding:20px;border-right:1px solid #313131;border-bottom:1px solid #313131;text-transform:uppercase;font-size:12px;letter-spacing:.07em;color:#ddd;transition:background .25s ease,color .25s ease}
.theme-preview-categories span:hover{background:#101010;color:var(--green)}
.premade-cta{padding:clamp(62px,7vw,105px) 6vw;display:flex;align-items:center;justify-content:space-between;gap:38px;background:radial-gradient(circle at 78% 42%,rgba(255,49,184,.12),transparent 28%),linear-gradient(110deg,#050505,#0d0d0d);border-bottom:1px solid var(--line)}
.premade-cta .button{flex:0 0 auto}
.availability .week-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border:0}
.availability .week-card,.availability .week-card:last-child{border:1px solid #303030;min-height:148px}
.theme-library-hero{padding:clamp(75px,9vw,130px) 6vw 55px;border-bottom:1px solid var(--line)}
.theme-library-hero h1{font-size:clamp(50px,7vw,96px);line-height:.92;text-transform:uppercase;margin:14px 0 22px}
.theme-library{padding:55px 6vw 100px;min-height:65vh}
.theme-toolbar{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:16px;align-items:end}
.theme-toolbar input,.theme-toolbar select{width:100%;min-height:49px;background:#0c0c0c;color:#fff;border:1px solid #3a3a3a;padding:0 14px;font-size:15px;border-radius:1px}
.theme-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0;color:#aaa;font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.theme-card{min-height:108px;border:1px solid #2b2b2b;padding:20px;background:#090909;display:flex;flex-direction:column;justify-content:space-between;transition:transform .22s ease,border-color .22s ease,background .22s ease}
.theme-card[hidden]{display:none!important}
.theme-card:hover{transform:translateY(-2px);border-color:#777;background:#0d0d0d}
.theme-card h2{font-size:16px;line-height:1.2;margin:0;text-transform:uppercase}
.theme-card span{font-size:9px;color:#777;text-transform:uppercase;letter-spacing:.08em;margin-top:17px}
.payment-setup-note{max-width:520px;margin:20px 0 0;padding:12px 14px;border-left:3px solid #f2b01e;background:#fff8e6;color:#3d2b00;font-size:12px;line-height:1.5}
.payment-setup-note code{font-weight:700}
.payment-pending{opacity:.72;cursor:not-allowed}
@media(max-width:1100px){.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.theme-preview{grid-template-columns:1fr}.premade-cta{align-items:flex-start;flex-direction:column}.theme-toolbar{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.availability .week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.theme-preview-categories{grid-template-columns:1fr}.theme-preview-categories span{min-height:72px}.theme-grid{grid-template-columns:1fr}.theme-card{min-height:86px}.premade-cta .button{width:100%}}

/* V0.15.2 — expanded 800-theme library and popular-theme guide. */
.theme-library-note{margin:-4px 0 24px;color:#777;font-size:12px;line-height:1.55;max-width:820px}
.theme-library-note strong{color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.theme-card-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:17px}
.theme-card .theme-card-category{font-size:9px;color:#777;text-transform:uppercase;letter-spacing:.08em;margin:0}
.theme-card .popular-tag{font-size:9px;color:var(--green);text-transform:uppercase;letter-spacing:.1em;margin:0;white-space:nowrap}