/* DJ VAYD — professional AVAVA adaptation.
   IMPORTANT: this file deliberately does NOT override AVAVA's vinyl/card geometry. */
:root{
  --vayd-cyan:#56dcff;
  --vayd-blue:#3156d3;
  --vayd-violet:#5e50d8;
  --vayd-bg:#050505;
  --vayd-surface:#0b0b0b;
}

html{scroll-behavior:smooth}
body{overflow-x:hidden}

/* Brand wordmark without changing AVAVA header geometry */
.vayd-wordmark{display:inline-flex;align-items:center;gap:12px;min-width:max-content}
.vayd-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(86,220,255,.5);box-shadow:inset 0 0 24px rgba(86,220,255,.08)}
.vayd-mark::before{content:'V';font-family:'Syncopate',sans-serif;font-size:17px;font-weight:700;color:#fff}
.vayd-wordcopy{display:flex;flex-direction:column;line-height:1}
.vayd-wordcopy strong{font-family:'Syncopate',sans-serif;font-size:17px;letter-spacing:.08em;color:#fff}
.vayd-wordcopy span{font:600 9px/1.2 'Outfit',sans-serif;letter-spacing:.28em;color:var(--vayd-cyan);margin-top:5px}

/* Hero only: keep original AVAVA composition but use the real artist photo */
.hero-header-section.vayd-hero{min-height:900px;background-position:center top!important;background-size:cover!important}
.hero-header-section.vayd-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.72) 42%,rgba(5,5,5,.18) 72%,rgba(5,5,5,.25) 100%);pointer-events:none;z-index:0}
.hero-header-section.vayd-hero > *{position:relative;z-index:1}
.vayd-hero .hero-container{padding-top:155px}
.vayd-hero .hero-main-title{font-size:clamp(112px,12vw,210px)}
.vayd-hero .title-vibes-large{font-size:clamp(145px,15vw,265px)!important}
.vayd-hero .hero-script-subtitle{font-size:clamp(52px,6vw,100px)}
.vayd-hero .hero-on-air-now .on-air-text{color:var(--vayd-cyan)}
.vayd-hero .on-air-soundwave span{background:var(--vayd-cyan)}
.vayd-hero .hero-main-title .title-bottom{color:var(--vayd-cyan)}

/* Header CTA points to the future radio page, not a demo stream */
.vayd-radio-cta{background:transparent!important;color:#fff!important;border:1px solid rgba(86,220,255,.55)!important;box-shadow:none!important}
.vayd-radio-cta:hover{background:var(--vayd-cyan)!important;color:#050505!important}
.vayd-radio-cta .nav-btn-wave-icon span{background:currentColor!important}

/* Homepage release framing; AVAVA's .station-card/.album-* rules stay untouched */
.vayd-release-section{padding-top:80px!important;padding-bottom:110px!important}
.vayd-release-section .stations-header{padding-left:0;padding-right:0;margin-bottom:28px}
.vayd-release-section .stations-grid{align-items:flex-start}
.vayd-release-meta{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7e7e83}
.vayd-release-meta a{color:var(--vayd-cyan);font-weight:700}
.vayd-release-meta a:hover{color:#fff}
.vayd-empty{padding:50px;border:1px solid #252525;border-radius:16px;background:#0b0b0b;color:#9a9aa0;text-align:center}

/* Artist profile reuses AVAVA about-card structure */
.vayd-about{padding:110px 0;background:#050505}
.vayd-about .about-card{max-width:1400px;margin:0 auto}
.vayd-about .about-img-col img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:center top}
.vayd-about .mission-label{color:var(--vayd-cyan)!important}
.vayd-about .about-mission-col h2{font-size:clamp(42px,4vw,72px);line-height:.95;margin-bottom:28px}
.vayd-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.vayd-tags span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 14px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#c9c9ce}

/* Video editorial grid */
.vayd-videos{padding:100px 0;background:#0b0b0b}
.vayd-content-width{width:min(1400px,calc(100% - 80px));margin:0 auto}
.vayd-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}
.vayd-video-card{display:block;border:1px solid #2b2b2d;border-radius:16px;overflow:hidden;background:#0f0f0f;transition:transform .35s ease,border-color .35s ease}
.vayd-video-card:hover{transform:translateY(-6px);border-color:rgba(86,220,255,.55)}
.vayd-video-media{aspect-ratio:16/10;background:#111;overflow:hidden;position:relative}
.vayd-video-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,1,.5,1)}
.vayd-video-card:hover img{transform:scale(1.04)}
.vayd-video-play{position:absolute;right:18px;bottom:18px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--vayd-cyan);color:#050505;font-size:14px}
.vayd-video-copy{padding:20px 22px 24px}
.vayd-video-copy span{font:700 10px/1 'Outfit',sans-serif;letter-spacing:.14em;color:var(--vayd-cyan);text-transform:uppercase}
.vayd-video-copy h3{font:700 24px/1.08 'Roboto Condensed',sans-serif;color:#fff;margin-top:10px;text-transform:uppercase}
.vayd-video-copy p{color:#85858a;margin-top:8px;font-size:14px}

/* Store teaser */
.vayd-store{padding:100px 0;background:#050505}
.vayd-store-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch}
.vayd-store-copy{border:1px solid #29292b;border-radius:18px;background:#0b0b0b;padding:50px;display:flex;flex-direction:column;justify-content:center}
.vayd-store-copy .subtitle{color:var(--vayd-cyan);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.vayd-store-copy h2{font:700 clamp(48px,5vw,82px)/.92 'Roboto Condensed',sans-serif;text-transform:uppercase;margin:12px 0 22px}
.vayd-store-copy p{color:#9a9aa0;max-width:650px;line-height:1.7}
.vayd-store-art{min-height:430px;border-radius:18px;background:linear-gradient(135deg,rgba(49,86,211,.18),rgba(94,80,216,.14)),url('../images/vayd-bg-01.png') center/cover no-repeat;border:1px solid #29292b}
.vayd-inline-actions{display:flex;gap:14px;align-items:center;margin-top:28px;flex-wrap:wrap}
.vayd-pill{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:var(--vayd-cyan);color:#050505;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.vayd-pill.alt{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}
.vayd-pill:hover{transform:translateY(-2px)}

/* Booking / CTA */
.vayd-booking{padding:120px 0;background:linear-gradient(100deg,rgba(5,5,5,.97),rgba(5,5,5,.58)),url('../images/vayd-bg-02.png') center/cover no-repeat}
.vayd-booking-inner{width:min(1400px,calc(100% - 80px));margin:0 auto;max-width:1400px}
.vayd-booking .subtitle{color:var(--vayd-cyan);font-weight:800;letter-spacing:.16em;font-size:12px;text-transform:uppercase}
.vayd-booking h2{font:700 clamp(62px,8vw,130px)/.82 'Bebas Neue',sans-serif;text-transform:uppercase;margin:14px 0 24px;max-width:1000px}
.vayd-booking p{max-width:650px;color:#aaaab0;font-size:18px;line-height:1.6}

/* Minimal audio status toast; does not alter AVAVA cards */
.vayd-audio-status{position:fixed;left:24px;bottom:24px;z-index:2000;display:flex;align-items:center;gap:12px;background:rgba(10,10,11,.95);border:1px solid #303035;border-radius:999px;padding:10px 16px 10px 10px;box-shadow:0 18px 50px rgba(0,0,0,.35);opacity:0;pointer-events:none;transform:translateY(15px);transition:.3s ease}
.vayd-audio-status.show{opacity:1;transform:none}
.vayd-audio-status img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.vayd-audio-status strong{font:700 12px/1.1 'Roboto Condensed',sans-serif;text-transform:uppercase}
.vayd-audio-status span{display:block;font-size:10px;color:#8e8e93;margin-top:3px}

/* Footer brand */
.site-footer .vayd-footer-logo{font-family:'Syncopate',sans-serif;font-size:32px;font-weight:800;letter-spacing:.08em;color:#fff}
.site-footer .vayd-footer-logo em{font-style:normal;color:var(--vayd-cyan)}

/* Music page */
.vayd-page-head{padding:170px 0 70px;background:#050505;border-bottom:1px solid #232323}
.vayd-page-head .vayd-content-width{display:flex;justify-content:space-between;align-items:end;gap:30px}
.vayd-page-head h1{font:700 clamp(70px,10vw,160px)/.8 'Bebas Neue',sans-serif;text-transform:uppercase}
.vayd-page-head p{max-width:480px;color:#909096;line-height:1.6}
.vayd-music-all{padding:70px 0 120px}
.vayd-music-all .stations-grid{justify-content:flex-start}

/* Radio placeholder */
.vayd-radio-stage{min-height:72vh;padding:180px 0 100px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.55)),url('../images/vayd-bg-03.png') center/cover no-repeat}
.vayd-radio-stage h1{font:700 clamp(82px,12vw,180px)/.82 'Bebas Neue',sans-serif;text-transform:uppercase}
.vayd-radio-stage .eyebrow{color:var(--vayd-cyan);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.vayd-radio-stage p{max-width:620px;color:#a5a5ab;font-size:18px;line-height:1.65;margin-top:24px}

@media(max-width:1000px){
  .hero-header-section.vayd-hero{min-height:760px}
  .vayd-video-grid{grid-template-columns:1fr 1fr}
  .vayd-store-grid{grid-template-columns:1fr}
  .vayd-about .about-card{grid-template-columns:1fr!important}
  .vayd-about .about-img-col img{min-height:480px}
}
@media(max-width:768px){
  .vayd-content-width,.vayd-booking-inner{width:min(100% - 32px,1400px)}
  .vayd-video-grid{grid-template-columns:1fr}
  .vayd-hero .hero-container{padding-top:130px}
  .vayd-wordcopy span{display:none}
  .vayd-wordmark{gap:8px}
  .vayd-mark{width:38px;height:38px}
  .hero-header-section.vayd-hero{min-height:690px;background-position:62% top!important}
  .vayd-store-copy{padding:34px 28px}
  .vayd-page-head .vayd-content-width{display:block}
  .vayd-page-head p{margin-top:22px}
}