*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --black:#060608;--card:#0f0f12;--card2:#131318;
  --white:#F2EFE8;--muted:#6B6760;--border:rgba(242,239,232,0.07);
  --amber:#F0A500;--coral:#F05A28;--teal:#00C4A0;--violet:#8B5CF6;--pink:#F0438A;
  --grad-hero:linear-gradient(135deg,#F05A28 0%,#F0A500 40%,#8B5CF6 100%);
  --grad-2:linear-gradient(135deg,#00C4A0,#8B5CF6);
  --grad-3:linear-gradient(135deg,#F0438A,#F05A28);
  --font-display:'Bebas Neue','Oswald',sans-serif;
  --font-body:'DM Sans',sans-serif;
  --font-mono:'Space Mono',monospace;
  --nav-h:68px;
}
html[lang="tr"] .section-title,html[lang="tr"] .epk-banner-title{font-family:'Oswald',sans-serif;}
html{scroll-behavior:smooth;overflow-y:scroll;}
body{background:var(--black);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.65;overflow-x:hidden;cursor:none;}

/* ── CUSTOM CURSOR ── */
#cursor{position:fixed;width:12px;height:12px;background:var(--amber);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s,background .2s,width .2s,height .2s;mix-blend-mode:difference;}
body:has(a:hover) #cursor,body:has(button:hover) #cursor{width:20px;height:20px;background:var(--coral);}

/* ── CANVAS PARTICLES ── */
#particle-canvas{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.7;}

/* ── CURSOR GLOW TRAIL ── */
#glow-trail{position:fixed;inset:0;pointer-events:none;z-index:1;}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:rgba(6,6,8,0.7);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background .3s;}
.nav-logo{font-family:var(--font-display);font-size:26px;letter-spacing:5px;background:var(--grad-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:letter-spacing .3s;}
.nav-logo:hover{letter-spacing:8px;}
.nav-right{display:flex;align-items:center;gap:20px;}
.nav-links{display:flex;gap:32px;list-style:none;}
.nav-links a{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s,letter-spacing .2s;}
.nav-links a:hover{color:var(--white);letter-spacing:3px;}
.nav-cta{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:10px 22px;background:var(--grad-hero);color:var(--black)!important;border-radius:2px;text-decoration:none;font-weight:700;transition:opacity .2s,transform .2s!important;}
.nav-cta:hover{opacity:.85;transform:translateY(-2px)!important;}

/* ── LANG TOGGLE ── */
.lang-toggle{display:flex;align-items:center;gap:4px;}
.lang-btn{background:none;border:1px solid var(--border);color:var(--muted);padding:5px 10px;border-radius:2px;cursor:none;transition:color .2s,border-color .2s;font-family:var(--font-mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;display:inline-block;}
.lang-btn.active{color:var(--amber);border-color:rgba(240,165,0,.5);}
.lang-btn:hover{color:var(--white);border-color:rgba(242,239,232,.3);}

/* ── HERO ── */
#home{min-height:100vh;padding-top:var(--nav-h);position:relative;display:flex;flex-direction:column;justify-content:center;overflow:clip;}
.hero-inner{position:relative;z-index:2;padding:80px 60px 60px;max-width:1100px;}
.hero-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--amber);margin-bottom:24px;display:flex;align-items:center;gap:12px;opacity:0;animation:fadeUp .8s .3s forwards;}
.hero-eyebrow::before{content:'';width:36px;height:1px;background:var(--amber);}
.hero-name{font-family:var(--font-display);font-size:clamp(96px,17vw,210px);line-height:.85;letter-spacing:-1px;background:var(--grad-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;animation:fadeUp .8s .5s forwards;}
.hero-slogan{margin-top:28px;font-size:clamp(18px,2.5vw,26px);font-weight:300;font-style:italic;color:rgba(242,239,232,.7);letter-spacing:.5px;opacity:0;animation:fadeUp .8s .7s forwards;}
.hero-slogan strong{color:var(--white);font-style:normal;font-weight:400;}
.hero-tagline{margin-top:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--teal);opacity:0;animation:fadeUp .8s .9s forwards;}
.hero-actions{margin-top:48px;display:flex;gap:16px;flex-wrap:wrap;opacity:0;animation:fadeUp .8s 1.1s forwards;}

.btn-primary{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:14px 32px;background:var(--grad-hero);color:var(--black);font-weight:700;border-radius:3px;text-decoration:none;transition:opacity .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden;}
.btn-primary::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.15);transform:translateX(-100%);transition:transform .3s;}
.btn-primary:hover::after{transform:translateX(0);}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(240,90,40,.4);}
.btn-ghost{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:14px 32px;border:1px solid rgba(242,239,232,.2);color:var(--white);border-radius:3px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;}
.btn-ghost:hover{border-color:var(--amber);transform:translateY(-3px);box-shadow:0 8px 30px rgba(240,165,0,.2);}

.hero-tags{position:absolute;bottom:40px;left:60px;right:60px;z-index:2;display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:24px;opacity:0;animation:fadeUp .8s 1.3s forwards;}
.genre-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:5px 12px;border-radius:2px;border:1px solid;transition:transform .2s,box-shadow .2s;}
.genre-tag:hover{transform:translateY(-2px);}
.genre-tag.amber{color:var(--amber);border-color:var(--amber);}
.genre-tag.amber:hover{box-shadow:0 4px 20px rgba(240,165,0,.3);}
.genre-tag.coral{color:var(--coral);border-color:var(--coral);}
.genre-tag.teal{color:var(--teal);border-color:var(--teal);}
.genre-tag.violet{color:var(--violet);border-color:var(--violet);}

/* ── AUDIO VISUALIZER ── */
.visualizer-wrap{position:absolute;bottom:90px;right:60px;z-index:2;display:flex;align-items:flex-end;gap:3px;height:60px;opacity:0;animation:fadeUp .8s 1.5s forwards;}
.viz-bar{width:4px;border-radius:2px;background:linear-gradient(to top,var(--coral),var(--amber));transform-origin:bottom;animation:vizPulse var(--dur,.8s) ease-in-out infinite alternate;}
@keyframes vizPulse{from{transform:scaleY(.15)}to{transform:scaleY(1)}}

/* ── SCROLL PROGRESS ── */
#scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--grad-hero);z-index:200;width:0%;transition:width .1s;}

/* ── SECTION SHELL ── */
.section{padding:100px 60px;border-top:1px solid var(--border);position:relative;}
.section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:4px;text-transform:uppercase;margin-bottom:56px;display:flex;align-items:center;gap:16px;}
.section-label::after{content:'';flex:1;max-width:160px;height:1px;background:var(--border);}
.label-amber{color:var(--amber);}
.label-teal{color:var(--teal);}
.label-coral{color:var(--coral);}
.label-violet{color:var(--violet);}
.label-pink{color:var(--pink);}

/* Cinematic reveal */
.reveal{opacity:0;transform:translateY(50px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-left{opacity:0;transform:translateX(-60px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);}
.reveal-left.visible{opacity:1;transform:translateX(0);}
.reveal-right{opacity:0;transform:translateX(60px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);}
.reveal-right.visible{opacity:1;transform:translateX(0);}
.reveal-delay-1{transition-delay:.1s;}
.reveal-delay-2{transition-delay:.2s;}
.reveal-delay-3{transition-delay:.3s;}
.reveal-delay-4{transition-delay:.4s;}

.section-title{font-family:var(--font-display);font-size:clamp(52px,7vw,88px);line-height:.9;letter-spacing:1px;margin-bottom:40px;}

/* ── BIO ── */
#bio{background:var(--card);}
.bio-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.bio-text p{font-size:16px;font-weight:300;color:rgba(242,239,232,.75);line-height:1.85;}
.bio-text p+p{margin-top:20px;}
.bio-text em{color:var(--amber);font-style:normal;}
.bio-facts{display:flex;flex-direction:column;gap:1px;}
.fact-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--border);transition:padding-left .3s;}
.fact-row:hover{padding-left:8px;border-bottom-color:rgba(240,165,0,.3);}
.fact-label{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);}
.fact-value{font-size:14px;font-weight:400;color:var(--white);text-align:right;}
.fact-value.grad{background:var(--grad-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:500;}

/* ── AUDIO VISUALIZER SECTION ── */
#mixes{background:var(--black);}
.canvas-viz-wrap{margin-bottom:40px;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:var(--card);padding:24px;cursor:pointer;position:relative;}
.canvas-viz-wrap::after{content:'Click to animate';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(240,165,0,.4);pointer-events:none;}
.canvas-viz-wrap.playing::after{display:none;}
#audio-canvas{width:100%;height:80px;display:block;}
.mixes-layout{display:flex;flex-direction:column;gap:24px;}
.sc-embed-wrapper{border-radius:6px;overflow:hidden;border:1px solid var(--border);background:var(--card);transition:border-color .3s,transform .3s,box-shadow .3s;}
.sc-embed-wrapper:hover{border-color:rgba(240,165,0,.4);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.4);}
.sc-label{padding:16px 24px 0;font-family:var(--font-mono);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);}
.sc-embed-wrapper iframe{display:block;width:100%;border:none;}
.mixes-cta{margin-top:16px;text-align:center;}
.mixes-cta a{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--amber);text-decoration:none;border-bottom:1px solid rgba(240,165,0,.3);padding-bottom:2px;transition:border-color .2s,letter-spacing .2s;}
.mixes-cta a:hover{border-color:var(--amber);letter-spacing:3px;}

/* ── GALLERY ── */
#gallery{background:var(--card2);}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.gallery-cell{aspect-ratio:1;background:var(--card);position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.16,1,.3,1);}
.gallery-cell:hover{transform:scale(1.02);z-index:2;}
.gallery-cell:first-child{grid-column:span 2;aspect-ratio:2/1;}
.gallery-color-bar{position:absolute;bottom:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform .4s .1s;}
.gallery-cell:hover .gallery-color-bar{transform:scaleX(1);}
.gallery-cell:nth-child(1) .gallery-color-bar{background:var(--grad-hero);}
.gallery-cell:nth-child(2) .gallery-color-bar{background:var(--grad-2);}
.gallery-cell:nth-child(3) .gallery-color-bar{background:var(--grad-3);}
.gallery-cell:nth-child(4) .gallery-color-bar{background:linear-gradient(90deg,var(--teal),var(--amber));}
.gallery-cell:nth-child(5) .gallery-color-bar{background:var(--grad-hero);}
.gallery-cell:nth-child(6) .gallery-color-bar{background:var(--grad-2);}
.gallery-cell:nth-child(7) .gallery-color-bar{background:var(--grad-3);}
.gallery-cell:nth-child(8) .gallery-color-bar{background:linear-gradient(90deg,var(--teal),var(--amber));}
.gallery-cell:nth-child(9) .gallery-color-bar{background:var(--grad-hero);}
.gallery-caption{position:absolute;bottom:3px;left:0;right:0;padding:28px 16px 12px;background:linear-gradient(to top,rgba(6,6,8,.85),transparent);font-family:var(--font-mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--white);opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s;z-index:3;pointer-events:none;}
.gallery-cell:hover .gallery-caption{opacity:1;transform:translateY(0);}
.gallery-note{margin-top:24px;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);text-align:center;}

/* ── BOOKING ── */
#booking{background:var(--black);}
.booking-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.booking-intro{font-size:17px;font-weight:300;color:rgba(242,239,232,.7);line-height:1.8;margin-bottom:40px;}
.booking-intro strong{color:var(--white);font-weight:400;}
.booking-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin-top:32px;}
.booking-list li{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:300;color:rgba(242,239,232,.75);transition:color .2s,transform .2s;}
.booking-list li:hover{color:var(--white);transform:translateX(6px);}
.booking-list li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--grad-hero);flex-shrink:0;transition:transform .2s;}
.booking-list li:hover::before{transform:scale(1.5);}
.booking-form{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:40px;transition:box-shadow .3s;}
.booking-form:focus-within{box-shadow:0 0 60px rgba(240,165,0,.08);}
.form-row{margin-bottom:20px;}
.form-row label{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;transition:color .2s;}
.form-row:focus-within label{color:var(--amber);}
.form-row input,.form-row select,.form-row textarea{width:100%;background:rgba(242,239,232,.04);border:1px solid var(--border);border-radius:4px;padding:12px 14px;font-family:var(--font-body);font-size:14px;font-weight:300;color:var(--white);outline:none;transition:border-color .2s,background .2s;-webkit-appearance:none;appearance:none;}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--amber);background:rgba(240,165,0,.04);}
.form-row textarea{resize:vertical;min-height:100px;}
.form-row select option{background:#1a1a1a;}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-submit{width:100%;padding:14px;background:var(--grad-hero);border:none;border-radius:4px;font-family:var(--font-mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--black);font-weight:700;cursor:none;transition:opacity .2s,transform .2s,box-shadow .2s;margin-top:8px;position:relative;overflow:hidden;}
.form-submit::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.2);transform:translateX(-100%);transition:transform .3s;}
.form-submit:hover::after{transform:translateX(0);}
.form-submit:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 30px rgba(240,90,40,.4);}
.form-note{margin-top:16px;font-family:var(--font-mono);font-size:9px;letter-spacing:1px;color:var(--muted);text-align:center;}

/* ── EPK ── */
#epk{background:var(--card2);border-top:1px solid var(--border);}
.epk-banner{display:flex;justify-content:space-between;align-items:center;padding:40px 60px;gap:40px;flex-wrap:wrap;}
.epk-banner-title{font-family:var(--font-display);font-size:clamp(28px,4vw,48px);letter-spacing:3px;background:var(--grad-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.epk-banner-items{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:8px;}
.epk-dl{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;padding:14px 32px;background:var(--grad-hero);color:var(--black);font-weight:700;border-radius:3px;text-decoration:none;transition:opacity .2s,transform .2s,box-shadow .2s;white-space:nowrap;}
.epk-dl:hover{opacity:.85;transform:translateY(-3px);box-shadow:0 12px 40px rgba(240,90,40,.4);}

/* ── FAQ ── */
#faq{background:var(--card);}
.faq-list{display:flex;flex-direction:column;gap:1px;max-width:820px;}
.faq-item{border-bottom:1px solid var(--border);padding:24px 0;}
.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:18px;font-weight:400;color:var(--white);transition:color .2s;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:hover{color:var(--amber);}
.faq-item summary::after{content:'+';font-family:var(--font-mono);font-size:20px;color:var(--amber);flex-shrink:0;transition:transform .25s;}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-item p{margin-top:16px;font-size:15px;font-weight:300;color:rgba(242,239,232,.7);line-height:1.75;max-width:680px;}

/* ── FOOTER ── */
footer{background:var(--black);border-top:1px solid var(--border);padding:48px 60px 32px;}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;}
.footer-logo{font-family:var(--font-display);font-size:36px;letter-spacing:5px;background:var(--grad-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:letter-spacing .3s;}
.footer-logo:hover{letter-spacing:8px;}
.footer-slogan{font-size:13px;font-weight:300;font-style:italic;color:var(--muted);margin-top:6px;}
.footer-links{display:flex;flex-direction:column;gap:12px;align-items:flex-end;}
.footer-links a{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s,letter-spacing .2s;}
.footer-links a:hover{color:var(--white);letter-spacing:3px;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:24px;}
.footer-copy{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);}
.footer-spell{font-family:var(--font-mono);font-size:9px;letter-spacing:3px;text-transform:uppercase;background:var(--grad-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

/* ── PARALLAX SECTION DIVIDERS ── */
.parallax-text{font-family:var(--font-display);font-size:clamp(80px,12vw,160px);color:rgba(242,239,232,.025);letter-spacing:8px;white-space:nowrap;overflow:hidden;padding:20px 0;user-select:none;will-change:transform;}

/* ── HERO PHOTO ── */
.hero-photo{position:absolute;right:0;top:0;bottom:0;width:44%;z-index:1;overflow:hidden;opacity:0;animation:fadeIn 1.4s 1s forwards;}
.hero-photo::before{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--black) 0%,rgba(6,6,8,.55) 35%,rgba(6,6,8,.1) 65%,transparent 100%);z-index:2;pointer-events:none;}
.hero-photo::after{content:'';position:absolute;bottom:0;left:0;right:0;height:38%;background:linear-gradient(to top,var(--black),transparent);z-index:2;pointer-events:none;}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 10%;filter:brightness(.85) contrast(1.05);}

/* ── GALLERY PHOTO ── */
.gallery-cell img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;transition:transform .6s cubic-bezier(.16,1,.3,1);}
.gallery-cell:hover img{transform:scale(1.06);}

/* ── KEYFRAMES ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* ── SECTION TRANSITION FLASH ── */
.section-flash{position:fixed;inset:0;background:var(--grad-hero);opacity:0;pointer-events:none;z-index:500;mix-blend-mode:overlay;}

/* ── RESPONSIVE ── */
@media(max-width:800px){
  nav{padding:0 24px;}
  .nav-links{display:none;}
  .hero-inner,.section,footer{padding-left:24px;padding-right:24px;}
  .hero-tags{left:24px;right:24px;}
  .bio-layout,.booking-layout{grid-template-columns:1fr;gap:48px;}
  .gallery-grid{grid-template-columns:1fr 1fr;}
  .gallery-cell:first-child{grid-column:span 2;}
  .form-row-2{grid-template-columns:1fr;}
  .epk-banner{padding:32px 24px;flex-direction:column;align-items:flex-start;}
  .footer-top{flex-direction:column;gap:32px;}
  .footer-links{align-items:flex-start;}
  .visualizer-wrap{display:none;}
  .hero-photo{display:none;}
  body{cursor:auto;}
  #cursor{display:none;}
}