:root{--black:#050506;--white:#eeeae2;--acid:#cc4a31;--grey:#8c8c8c;--line:rgba(255,255,255,.16);--pad:clamp(22px,5vw,84px);--sans:Arial,Helvetica,sans-serif;--cond:"Arial Narrow",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050506}body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.cursor-glow{position:fixed;width:40vw;height:40vw;border-radius:50%;background:radial-gradient(circle,rgba(215,255,63,.055),transparent 65%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}
header{position:fixed;z-index:90;top:0;left:0;right:0;height:72px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#050506cc,transparent);mix-blend-mode:difference}.logo{font-size:.65rem;letter-spacing:.18em;font-weight:bold}nav{display:flex;gap:30px;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}nav a{opacity:.65}nav a:hover{opacity:1}.menu{display:none;background:none;border:0}.menu i{display:block;width:25px;height:1px;background:white;margin:6px}
section{position:relative}.section-code{position:absolute;z-index:5;top:36px;left:var(--pad);right:var(--pad);padding-top:10px;border-top:1px solid rgba(0,0,0,.25);font-size:.58rem;letter-spacing:.15em}.section-code.light{border-color:var(--line);color:#888}
.placeholder{background:linear-gradient(135deg,#151517,#242427);position:relative;overflow:hidden}.placeholder:before{content:"";position:absolute;inset:-30%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.05),transparent 65%);transform:rotate(8deg)}.placeholder span{position:absolute;left:16px;bottom:14px;font-size:.55rem;letter-spacing:.14em;color:#777}
.hero{height:100svh;min-height:720px;overflow:hidden}.hero-image{position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050506e8 0%,#05050666 55%,#050506cc 100%),linear-gradient(0deg,#050506cc,transparent 45%)}.coordinates{position:absolute;top:95px;right:var(--pad);font-size:.55rem;letter-spacing:.16em;color:#888;writing-mode:vertical-rl}.hero-copy{position:absolute;z-index:3;left:var(--pad);bottom:8vh}.hero-copy p{font-size:.62rem;letter-spacing:.24em}.hero h1{font-family:var(--cond);font-stretch:condensed;font-size:clamp(6rem,17vw,17rem);line-height:.65;letter-spacing:-.075em;margin:28px 0 0;font-weight:900}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--white)}.enter{position:absolute;z-index:4;right:var(--pad);bottom:45px;font-size:.6rem;letter-spacing:.18em}
.manifesto{min-height:100svh;background:var(--white);color:#0a0a0b;padding:clamp(130px,16vh,190px) var(--pad)}.manifesto-grid{display:grid;grid-template-columns:.45fr 1.15fr .7fr;gap:clamp(35px,6vw,100px);align-items:end}.side{font-size:.58rem;letter-spacing:.14em;line-height:1.8}.manifesto h2,.visual-title h2{font-family:var(--cond);font-size:clamp(5rem,12vw,12rem);line-height:.68;letter-spacing:-.075em;margin:0;font-weight:900}.manifesto h2 em{color:#777;font-style:normal}.manifesto-copy{font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.75}.manifesto-copy p:first-child{font-size:1.5em;font-weight:bold;line-height:1.3}
.music{min-height:100svh;padding:clamp(130px,15vh,180px) var(--pad);background:#09090b}.music-head{display:flex;justify-content:space-between;align-items:end}.music-head span{font-size:.6rem;letter-spacing:.15em}.music h2{font-size:clamp(7rem,19vw,19rem);font-family:var(--cond);line-height:.65;letter-spacing:-.08em;margin:0;font-weight:900;color:var(--acid)}.player-shell{margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0;display:grid;grid-template-columns:minmax(240px,.65fr) 1.35fr;gap:clamp(40px,8vw,120px)}.cover{aspect-ratio:1/1}.player-info{display:flex;flex-direction:column;justify-content:space-between}.player-info small{font-size:.55rem;letter-spacing:.15em;color:#777}.player-info h3{font-family:var(--cond);font-size:clamp(3rem,7vw,7rem);line-height:.8;margin:15px 0}.player-info p{color:#888}.consent-player{padding:18px;border:1px solid var(--line);margin:25px 0}.consent-player button,.youtube-gate button{background:var(--acid);color:#080808;border:0;padding:12px 15px;font-weight:bold;font-size:.65rem;letter-spacing:.1em;cursor:pointer}.spotify-frame iframe{border:0;width:100%;height:152px}.platforms{display:flex;flex-wrap:wrap;gap:12px}.platforms a{border:1px solid var(--line);padding:10px 13px;font-size:.58rem;letter-spacing:.12em}
.broken{height:110svh;min-height:760px;overflow:hidden}.broken-image{position:absolute;inset:0}.broken-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050506e8,transparent 65%),linear-gradient(0deg,#050506bb,transparent)}.broken-copy{position:absolute;z-index:4;left:var(--pad);bottom:9vh;max-width:900px}.broken-copy>p:first-child{font-size:.6rem;letter-spacing:.18em}.broken h2{font-family:var(--cond);font-size:clamp(6rem,15vw,15rem);line-height:.66;letter-spacing:-.075em;margin:25px 0;font-weight:900}.broken h2 em{color:var(--acid);font-style:normal}.desc{max-width:570px;font-size:1.2rem;line-height:1.55;color:#bbb}.line-link{display:inline-block;margin-top:20px;border-bottom:1px solid #777;padding-bottom:7px;font-size:.62rem;letter-spacing:.14em}
.visuals{background:var(--white);color:#09090a;padding:clamp(130px,15vh,180px) var(--pad)}.visual-title{display:grid;grid-template-columns:.45fr 1.55fr;align-items:end}.visual-title p{font-size:.6rem;letter-spacing:.14em}.visual-grid{margin-top:90px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.visual-card .placeholder{aspect-ratio:16/10}.visual-card.tall{grid-row:span 2}.visual-card.tall .placeholder{height:100%;min-height:600px}.visual-card p{font-size:.57rem;letter-spacing:.13em}.youtube-gate{margin-top:50px;padding:20px 0;border-top:1px solid #bbb;display:flex;align-items:center;justify-content:space-between;gap:30px}.youtube-gate p{font-size:.8rem}
.signal{overflow:hidden;background:var(--acid);color:#050506;padding:18px 0}.signal-line{white-space:nowrap;font-family:var(--cond);font-size:clamp(2rem,4vw,4rem);font-weight:900;letter-spacing:-.03em;animation:marquee 18s linear infinite}@keyframes marquee{to{transform:translateX(-45%)}}
.contact{min-height:100svh;padding:clamp(130px,15vh,180px) var(--pad) 30px;background:#050506}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(50px,8vw,120px)}.contact-grid>div>p{font-size:.6rem;letter-spacing:.16em}.contact h2{font-family:var(--cond);font-size:clamp(6rem,14vw,14rem);line-height:.65;letter-spacing:-.075em;margin:25px 0;font-weight:900}.contact h2 em{color:var(--acid);font-style:normal}.contact-form{display:grid;gap:20px}.contact-form label{display:grid;gap:8px;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#777}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #444;background:transparent;color:white;padding:12px 0;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--acid)}.contact-form .privacy{display:flex;grid-template-columns:auto 1fr;align-items:start;text-transform:none;letter-spacing:0;font-size:.72rem}.privacy input{width:auto}.privacy a{text-decoration:underline}.contact-form button{justify-self:start;background:var(--acid);border:0;padding:14px 20px;font-weight:bold;font-size:.65rem;letter-spacing:.12em}.hp{position:absolute!important;left:-9999px!important}.form-note{font-size:.65rem;color:#666}footer{margin-top:100px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:.57rem;letter-spacing:.12em;color:#777}footer div{display:flex;gap:20px}
.consent{position:fixed;z-index:9999;inset:auto 18px 18px 18px}.consent>div{max-width:850px;margin:auto;background:#111;border:1px solid #444;padding:22px;box-shadow:0 20px 70px #000}.consent strong{font-size:.65rem;letter-spacing:.15em}.consent p{color:#aaa}.consent-actions{display:flex;gap:10px;flex-wrap:wrap}.consent button{border:1px solid #555;background:transparent;color:white;padding:11px 14px;font-size:.6rem;letter-spacing:.1em}.consent button:last-child{background:var(--acid);color:#050506}.consent a{display:inline-block;margin-top:14px;font-size:.65rem;text-decoration:underline}
.reveal{opacity:0;transform:translateY(28px);transition:.9s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){nav{position:fixed;inset:0;background:#050506;flex-direction:column;justify-content:center;padding:10vw;opacity:0;pointer-events:none}nav.open{opacity:1;pointer-events:auto}nav a{font-size:2.5rem}.menu{display:block;z-index:92}.manifesto-grid,.contact-grid{grid-template-columns:1fr}.manifesto-grid .side{order:3}.player-shell{grid-template-columns:1fr}.cover{max-width:520px}.visual-title{grid-template-columns:1fr}.visual-grid{grid-template-columns:1fr}.visual-card.tall .placeholder{min-height:0;aspect-ratio:16/10}}
@media(max-width:600px){header{height:64px}.hero h1{font-size:clamp(5.2rem,25vw,8rem)}.coordinates{display:none}.manifesto h2,.visual-title h2{font-size:clamp(4.5rem,22vw,7rem)}.music h2{font-size:clamp(6rem,27vw,9rem)}.broken h2,.contact h2{font-size:clamp(5rem,23vw,8rem)}.youtube-gate,footer{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.signal-line{animation:none}}

/* =========================================================
   DISCOGRAPHY / HOVER COVER ARCHIVE
   ========================================================= */
.discography{
  position:relative;
  margin-top:clamp(85px,12vh,145px);
  padding-bottom:20px;
}
.discography-head{
  display:flex;
  justify-content:space-between;
  gap:30px;
  padding:0 0 18px;
  border-bottom:1px solid var(--line);
  color:#6f6f74;
  font-size:.56rem;
  letter-spacing:.16em;
}
.release-list{position:relative}
.release-row{
  position:relative;
  display:grid;
  grid-template-columns:60px minmax(0,1fr) 110px 70px 28px;
  gap:20px;
  align-items:center;
  min-height:112px;
  border-bottom:1px solid var(--line);
  transition:padding .28s ease,background .28s ease,color .28s ease;
  isolation:isolate;
}
.release-row:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:var(--acid);
  transform:scaleY(0);
  transform-origin:bottom;
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.release-row:hover{
  color:#050506;
  padding-left:18px;
  padding-right:18px;
}
.release-row:hover:before{transform:scaleY(1)}
.release-no,.release-type,.release-year{
  font-size:.57rem;
  letter-spacing:.14em;
  color:#737379;
  transition:color .28s ease;
}
.release-row:hover .release-no,
.release-row:hover .release-type,
.release-row:hover .release-year{color:#171719}
.release-row strong{
  font-family:var(--cond);
  font-size:clamp(2rem,4.8vw,5.3rem);
  line-height:.86;
  letter-spacing:-.055em;
}
.release-arrow{
  justify-self:end;
  font-size:1.25rem;
  transition:transform .25s ease;
}
.release-row:hover .release-arrow{transform:translate(5px,-5px)}
.discography-preview{
  position:fixed;
  z-index:120;
  left:0;
  top:0;
  width:clamp(190px,19vw,310px);
  aspect-ratio:1/1;
  pointer-events:none;
  opacity:0;
  transform:translate(-50%,-50%) rotate(-4deg) scale(.88);
  transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1);
  box-shadow:0 28px 70px rgba(0,0,0,.55);
  overflow:hidden;
  background:#151517;
}
.discography-preview.show{
  opacity:1;
  transform:translate(-50%,-50%) rotate(-4deg) scale(1);
}
.discography-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.discography-preview span{
  position:absolute;
  left:12px;
  right:12px;
  bottom:10px;
  padding-top:7px;
  border-top:1px solid rgba(255,255,255,.3);
  color:white;
  font-size:.5rem;
  letter-spacing:.14em;
  text-shadow:0 2px 7px #000;
}
.mobile-cover{display:none}

@media(max-width:900px){
  .release-row{
    grid-template-columns:44px minmax(0,1fr) 70px 25px;
    min-height:95px;
  }
  .release-type{display:none}
  .discography-preview{display:none}
}
@media(max-width:600px){
  .discography-head{font-size:.5rem}
  .release-row{
    grid-template-columns:36px minmax(0,1fr) 52px 20px;
    gap:10px;
    min-height:88px;
    overflow:hidden;
  }
  .release-row strong{font-size:clamp(1.65rem,9vw,2.5rem)}
  .release-row:hover{
    color:inherit;
    padding-left:0;
    padding-right:0;
  }
  .release-row:hover:before{transform:scaleY(0)}
  .release-row:hover .release-no,
  .release-row:hover .release-year{color:#737379}
  .mobile-cover{
    display:block;
    grid-column:2 / 5;
    max-height:0;
    opacity:0;
    overflow:hidden;
    transition:max-height .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease,padding .35s ease;
  }
  .mobile-cover img{
    display:block;
    width:min(100%,420px);
    aspect-ratio:1/1;
    object-fit:cover;
    margin:0 0 18px;
  }
  .release-row.mobile-open{
    padding-top:10px;
    background:rgba(215,255,63,.04);
  }
  .release-row.mobile-open .mobile-cover{
    max-height:470px;
    opacity:1;
    padding-top:12px;
  }
}

/* L’INCONNU / PARIS AFTER DARK */
:root{--white:#e0dbcf}html{scroll-padding-top:72px}.cursor-glow{display:none}header{mix-blend-mode:normal;background:#080809eb;border-bottom:1px solid #ffffff18}.logo{font-size:15px;letter-spacing:-.03em}.logo span{color:var(--acid)}nav{gap:23px}.language{display:flex;gap:6px;z-index:92}.language button{background:none;border:1px solid #ffffff40;color:var(--white);padding:7px 9px;font:10px Arial;cursor:pointer}.language button[aria-pressed=true]{background:var(--white);color:var(--black)}.hero-image{background:url('images/paris-banlieue.jpg') center 44%/cover no-repeat}.hero-shade{background:linear-gradient(90deg,#050506b3,transparent 80%),linear-gradient(0deg,#050506a6,transparent 65%)}.hero-copy{bottom:15vh;right:var(--pad)}.hero-copy p{margin-bottom:32px}.hero h1{font-size:clamp(85px,18.5vw,310px);line-height:.78;letter-spacing:-.085em}.hero h1 em{-webkit-text-stroke:1.5px var(--white)}.hero-bottom{position:absolute;bottom:32px;left:var(--pad);font-size:10px;letter-spacing:.2em;color:#b0a99c}.coordinates{color:#bbb}.manifesto{min-height:80svh}.manifesto-grid{grid-template-columns:.4fr 1.15fr .8fr;gap:5vw}.manifesto h2{font-size:clamp(70px,10.8vw,170px);line-height:.85}.manifesto h2 em{color:#93412f}.manifesto-copy{font-size:17px}.manifesto-copy p:first-child{font-size:22px}.music h2{font-size:clamp(90px,15vw,220px);line-height:.83}.cover-art{aspect-ratio:1;background:linear-gradient(0deg,#070707b3,#07070711),url('images/paris-banlieue.jpg') 70% center/cover;display:flex;flex-direction:column;justify-content:space-between;padding:25px;border:1px solid #ffffff20}.cover-art small{font-size:9px;letter-spacing:.2em}.cover-art strong{font-size:clamp(44px,6vw,90px);font-weight:900;letter-spacing:-.07em;line-height:.86}.cover-art strong span{color:var(--acid)}.player-info h3{line-height:.95}.player-info p{line-height:1.7}.platforms a{font-size:11px}.platforms a:hover{background:var(--white);color:var(--black)}.release-row{grid-template-columns:45px 1fr 130px 30px;min-height:115px}.release-row strong{font-size:clamp(26px,4vw,60px);letter-spacing:-.04em}.release-row:hover{color:var(--acid)}.broken-image{background:url('images/paris-banlieue.jpg') 65% 70%/cover}.broken-overlay{background:linear-gradient(90deg,#050506d9,transparent 100%),linear-gradient(0deg,#050506aa,transparent)}.broken h2{line-height:.8;font-size:clamp(80px,16vw,240px)}.visual-title h2{line-height:.85}.visual-grid{grid-template-columns:1fr 1fr;align-items:start}.visual-photo{background:url('images/paris-banlieue.jpg') 90% center/cover;min-height:450px;filter:grayscale(1);border:1px solid #0002}.visual-photo.second{background-position:35% 65%;min-height:310px;margin-top:100px}.visual-card p{line-height:1.8}.visual-card.tall{grid-row:auto}.signal{background:var(--acid);color:var(--white)}.signal-line{animation:none;font-size:clamp(24px,4vw,65px);text-align:center;white-space:normal;letter-spacing:-.04em}.contact{min-height:65svh}.contact h2{line-height:.82;font-size:clamp(70px,10vw,160px)}.contact-note{line-height:1.9;color:#a9a69f;max-width:470px;align-self:center}.contact-note .line-link{color:var(--white)}.reveal{opacity:1;transform:none}a:focus-visible,button:focus-visible{outline:2px solid var(--acid);outline-offset:6px}.skip{position:fixed;top:-100px;left:15px;z-index:1000;background:var(--white);color:var(--black);padding:15px}.skip:focus{top:10px}@media(max-width:900px){.manifesto-grid{grid-template-columns:1fr}.manifesto-grid .side{order:0}.manifesto h2{font-size:clamp(70px,16vw,130px)}nav{padding-top:90px}nav a{font-size:1.8rem}header{gap:16px}.language{margin-left:auto}.menu{padding:7px}.hero h1{font-size:21vw}.hero{min-height:650px}.hero-copy{bottom:22vh}.hero-copy p{max-width:250px;line-height:1.8}.visual-grid{grid-template-columns:1fr}.visual-photo.second{margin-top:0}.contact-grid{gap:25px}.enter{bottom:80px;left:var(--pad);right:auto}}@media(max-width:600px){.release-row{grid-template-columns:25px 1fr 22px;gap:10px}.release-type{display:none}.hero h1{font-size:22vw}.hero-image{background-position:65% center}.hero-bottom{font-size:8px;max-width:85%;line-height:1.8}.visual-photo{min-height:360px}.music-head{align-items:start;gap:30px;flex-direction:column}.player-shell{margin-top:40px}.music h2{font-size:24vw}.broken{height:85svh;min-height:650px}.desc{font-size:17px}.contact h2{font-size:19vw}footer div{flex-wrap:wrap}.section-code{font-size:10px}footer{font-size:10px;line-height:1.8}}
.music-head h2 span{font-size:inherit;letter-spacing:inherit}.music-head h2{flex-shrink:0}.manifesto-grid{grid-template-columns:minmax(0,.35fr) minmax(0,1.2fr) minmax(0,.85fr)}.manifesto-grid>*{min-width:0}.manifesto h2{font-size:clamp(65px,8vw,125px)}html[lang=de] .manifesto h2{font-size:clamp(45px,6.1vw,100px)}html[lang=de] .broken h2{font-size:clamp(48px,9.4vw,145px)}html[lang=de] .contact h2{font-size:clamp(55px,7.6vw,115px)}html[lang=de] .visual-title h2{font-size:clamp(48px,7.8vw,125px);line-height:.93}@media(max-width:900px){.manifesto-grid{grid-template-columns:1fr}.manifesto h2{font-size:16vw}html[lang=de] .manifesto h2{font-size:13vw}html[lang=de] .visual-title h2{font-size:12vw}html[lang=de] .contact h2{font-size:13vw}}
@media(max-width:600px){.hero h1{font-size:18vw}.visual-title h2{font-size:13vw}}