:root{--ink:#091519;--panel:#102328;--paper:#f0e9dc;--muted:#b6bab6;--accent:#deb679;--glow:222,182,121;--line:#ffffff22;--wine:#602d37;--serif:Georgia,'Times New Roman',serif;--sans:'Avenir Next',Avenir,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{min-height:44px}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.045em}h2{font-size:clamp(36px,4.5vw,66px);margin-bottom:25px}p{color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;z-index:30;padding:12px;background:var(--paper);color:var(--ink)}.skip:focus{top:20px}.masthead{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:30px 6%;gap:20px}.wordmark{display:block;line-height:.9}.wordmark>span{font-size:40px;letter-spacing:-3px;font-weight:700;display:block}.wordmark small{display:block;font-size:12px;letter-spacing:1.5px;margin-top:10px}.masthead nav{display:flex;align-items:center;gap:36px;font-size:14px}.masthead nav>a{min-height:44px;display:flex;align-items:center}.nav-book{border-bottom:1px solid var(--accent);gap:24px}.hero{position:relative;min-height:780px;height:100svh;max-height:1150px;isolation:isolate;overflow:hidden;background:#071216}.hero-art{position:absolute;inset:0;z-index:-3}.car-image{position:absolute;inset:0 0 0 auto;width:76%;height:100%;max-width:none;object-fit:cover;object-position:48% center;opacity:0;filter:brightness(.68) saturate(.72);transform:scale(1.025);transition:opacity 1s ease,transform 1.6s ease}.car-image.active{opacity:1;transform:scale(1)}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071216 3%,#071216ee 22%,#0712169e 42%,#07121612 76%),linear-gradient(0deg,#091519 0%,transparent 30%,transparent 67%,#0610149e)}.hero-copy{padding:clamp(175px,23vh,270px) 6% 190px;max-width:1100px}.invitation{color:var(--accent);font-size:14px;letter-spacing:.035em;display:flex;align-items:center;gap:12px}.invitation>span{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 16px #deb67980}.hero h1{font-size:clamp(68px,7.8vw,122px);line-height:.98;margin:30px 0;max-width:800px}.intro{font-size:19px;line-height:1.6;color:#e0ded5}.hero-actions{display:flex;align-items:center;gap:30px;margin:30px 0 23px}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;padding:16px 24px;min-height:54px;font-size:14px;font-weight:600;border:1px solid transparent}.primary{background:var(--accent);color:#121c1d;transition:background .2s,box-shadow .2s}.primary:hover{background:#edca94;box-shadow:0 5px 30px #deb67922}.film-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;min-height:44px}.play-small{width:32px;height:32px;display:grid;place-items:center;border:1px solid #e8dfc888;border-radius:50%;font-size:10px;padding-left:2px}.hero-date{font-size:13px;color:#e5dece;line-height:1.8}.hero-date span{display:block;color:#babdb6}.hero-bottom{position:absolute;inset:auto 6% 35px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.car-selector{display:flex;flex-wrap:wrap;gap:0 22px}.car-selector button{background:none;border:0;border-bottom:1px solid transparent;padding:8px 0;color:#c3c5bd;font-size:13px}.car-selector button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.car-selector p{width:100%;margin:8px 0 0;font-size:11px}.motion-toggle{font-size:11px;border:0;background:transparent;color:#b6bab6;text-align:right;padding:8px 0}.scroll-cue{position:absolute;bottom:40px;left:50%;font-size:24px;color:var(--accent)}.light-pass{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffdeb019 47%,transparent 64%);transform:translateX(-110%)}
@media(prefers-reduced-motion:no-preference){.hero-art{animation:opening 2s cubic-bezier(.2,.65,.3,1) both}.hero-copy{animation:title-in 1.3s .25s both}.light-pass{animation:light-pass 2.8s .2s both}}
@keyframes opening{from{transform:scale(1.07);filter:brightness(.5)}to{transform:scale(1);filter:brightness(1)}}@keyframes title-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes light-pass{to{transform:translateX(110%)}}
.section{padding:110px 6%}.chapter{color:var(--accent);font-size:14px;margin-bottom:24px}.film-section{display:grid;grid-template-columns:.85fr 1.4fr;gap:9%;align-items:center;max-width:1600px;margin:auto}.film-copy>p:not(.chapter){max-width:360px;font-size:15px}.film-copy .film-note{margin-top:35px;font-size:12px;color:var(--accent)}.film-frame{position:relative}.poster-wrap{position:relative;background:#111;overflow:hidden;aspect-ratio:16/10}.poster-wrap>img{width:100%;height:100%;object-fit:cover;filter:brightness(.7);transition:filter .4s,transform .6s}.poster-wrap:hover>img{filter:brightness(.9);transform:scale(1.015)}.poster-play{position:absolute;inset:0;width:100%;height:100%;border:0;background:linear-gradient(transparent 60%,#07121699);display:flex;align-items:center;justify-content:center;gap:18px}.poster-play>span:first-child{height:76px;width:76px;border:1px solid #f0e9dc99;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:#09151955;backdrop-filter:blur(8px)}.poster-play>span:last-child{text-align:left;font-size:19px;line-height:1.4}.poster-play small{display:block;color:#d0c7b5;font-size:12px}.film-caption{display:flex;justify-content:space-between;font-size:12px;padding:15px 0;color:var(--muted);border-bottom:1px solid var(--line)}.music-section{background:linear-gradient(145deg,#0e2026,#0a171c);border-block:1px solid var(--line)}.music-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1360px;margin:0 auto 40px}.music-heading>p{font-size:15px}.console{max-width:1360px;margin:auto;background:#102329;border:1px solid #f0e9dc30;border-radius:12px;box-shadow:0 20px 60px #0004;overflow:hidden;transition:border-color .5s}.console-head{display:flex;justify-content:space-between;gap:20px;padding:22px 32px;border-bottom:1px solid var(--line);font-size:13px}.on-air{color:var(--accent)}.genres{display:flex;flex-wrap:wrap;padding:24px 32px;gap:10px}.genres button{padding:10px 17px;border:1px solid #e0e3d92b;background:transparent;color:#e2dfd5;border-radius:4px;font-size:13px;transition:background .25s,border-color .25s}.genres button:hover{border-color:var(--accent)}.genres button[aria-pressed=true]{background:var(--accent);color:var(--ink);border-color:var(--accent)}.deck{display:grid;grid-template-columns:.9fr 1.1fr;min-height:360px;padding:8px 32px 30px;gap:45px}.turntable{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,rgba(var(--glow),.1),transparent 65%);padding-bottom:36px}.record{width:min(290px,85%);aspect-ratio:1;border-radius:50%;border:1px solid #62635d;background:repeating-radial-gradient(circle,#0a1012 0px,#0a1012 2px,#252b2c 3px,#0c1214 4px);box-shadow:0 20px 24px #0007;position:relative;animation:record-turn 10s linear infinite;animation-play-state:paused}.record:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 40deg,transparent,#ffffff12,transparent,#ffffff10,transparent)}.record-label{position:absolute;inset:32%;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--ink);line-height:1.4;transition:background .5s}.record-label small{font-size:26px;font-weight:700;letter-spacing:-1px}.record-label span{font-size:10px}.record-label i{width:8px;height:8px;border-radius:50%;background:#111;margin-top:13px}.tonearm{position:absolute;top:40px;right:8%;width:8px;height:145px;transform-origin:50% 0;transform:rotate(-8deg);background:linear-gradient(90deg,#585e5b,#e3e0cf,#4a5351);border-radius:7px;transition:transform .8s}.tonearm:before{content:'';position:absolute;top:-8px;left:-10px;width:28px;height:28px;border:5px solid #a5ab9b;border-radius:50%;background:#273638}.tonearm:after{content:'';position:absolute;bottom:-14px;left:-4px;width:16px;height:35px;border-radius:3px;background:#999988;transform:rotate(20deg)}.deck-signature{position:absolute;bottom:5px;font-size:11px;color:#a6afa9}.is-playing .record{animation-play-state:running}.is-playing .tonearm{transform:rotate(20deg)}@keyframes record-turn{to{transform:rotate(360deg)}}.genre-heading h3{font-family:var(--serif);font-size:30px;font-weight:400;margin:0 0 10px;line-height:1.2}.genre-heading>p{font-size:13px;margin-bottom:18px;max-width:520px;min-height:42px}.tracks{border-top:1px solid var(--line)}.track{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:14px 0}.track-main{flex:1;display:flex;align-items:center;gap:16px;min-width:0;border:0;padding:0;background:none;text-align:left}.track-main .track-icon{flex-shrink:0;color:var(--accent);font-size:13px;width:28px}.track-main strong{display:block;font-weight:500;font-size:14px}.track-main small{display:block;color:#a9b2ad;font-size:11px;margin-top:4px}.track[data-active=true] .track-main strong{color:var(--accent)}.preview-button{background:none;border:1px solid var(--line);border-radius:3px;padding:6px 9px;font-size:11px;white-space:nowrap;color:#cecbbf}.preview-button:hover{border-color:var(--accent)}.unavailable{font-size:12px;padding-top:15px;color:#b5bdb6}.player-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 32px;background:#081619}.player-title{display:flex;align-items:center;gap:20px;min-width:0}.player-title>div>span{font-size:13px}.player-title p{font-size:11px;max-width:560px;margin:5px 0 0}.player-strip audio{width:320px;min-width:230px;height:40px;color-scheme:dark}#equalizer{display:flex;align-items:center;gap:3px;height:30px;flex-shrink:0}#equalizer i{display:block;width:3px;height:5px;background:var(--accent);animation:meter .7s ease-in-out infinite alternate;animation-play-state:paused}#equalizer i:nth-child(2){animation-delay:-.3s}#equalizer i:nth-child(3){animation-delay:-.5s}#equalizer i:nth-child(4){animation-delay:-.1s}#equalizer i:nth-child(5){animation-delay:-.6s}.is-playing #equalizer i{animation-play-state:running}@keyframes meter{to{height:25px}}
body[data-mood=darija]{--accent:#afd2ad;--glow:175,210,173}body[data-mood=english]{--accent:#e3c897;--glow:227,200,151}body[data-mood=rock]{--accent:#e2a195;--glow:226,161,149}body[data-mood=blues]{--accent:#98c5e0;--glow:152,197,224}body[data-mood=trottoir]{--accent:#aec8b6;--glow:174,200,182}body[data-mood=disco]{--accent:#d5a6c7;--glow:213,166,199}body[data-mood=eighties]{--accent:#b8b1e5;--glow:184,177,229}
.eras{max-width:1600px;margin:auto}.era-list{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:55px}.era-list article{border-top:1px solid var(--line);padding-top:20px}.year{font-family:var(--serif);font-size:42px;color:var(--accent)}.era-list h3{font-size:19px;font-weight:500;margin:16px 0 10px}.era-list p{font-size:14px;max-width:300px}.reservation{text-align:center;background:radial-gradient(ellipse at 50% 100%,#602d3766,transparent 70%),#0e191d;border-block:1px solid var(--line)}.reservation h2{max-width:1000px;margin:0 auto 25px}.reservation>p:not(.chapter){font-size:15px}.reservation .button{margin-top:15px}.reservation-note{display:block;margin-top:14px;font-size:12px;color:var(--muted)}footer{padding:50px 6% 130px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .wordmark>span{font-size:30px}footer .wordmark small{font-size:10px}footer p,footer>a:last-child{font-size:12px;margin:0}.booking-bar{position:fixed;z-index:10;bottom:20px;left:50%;transform:translate(-50%,150%);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:13px 15px 13px 23px;background:#0b191ef5;border:1px solid #dec59c66;box-shadow:0 8px 35px #0008;border-radius:6px;backdrop-filter:blur(15px);transition:transform .35s,opacity .35s;max-width:calc(100% - 32px);width:540px}.booking-bar.visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}.booking-bar strong{display:block;font-size:13px;font-weight:500}.booking-bar>div>span{font-size:11px;color:var(--muted)}.booking-bar a{display:flex;align-items:center;justify-content:center;gap:25px;background:#deb679;color:#111d20;padding:12px 20px;font-size:13px;font-weight:600;min-height:44px}.booking-bar:not(.visible){visibility:hidden}dialog{position:fixed;inset:0;padding:24px;background:#081418;color:var(--paper);border:1px solid var(--line);width:min(1200px,94vw);max-height:94svh;overflow:auto}dialog::backdrop{background:#02090deF;backdrop-filter:blur(12px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-head h2{font-size:25px;letter-spacing:-.02em;margin:0}.dialog-head button{background:transparent;border:1px solid var(--line);padding:8px 16px;font-size:13px}dialog video{display:block;width:100%;max-height:75svh;aspect-ratio:16/9;background:#000}dialog>p{font-size:13px;margin:12px 0 0}body.dialog-open{overflow:hidden}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}.paused .light-pass{display:none}
@media(min-width:1600px){.hero-copy{padding-left:max(6%,calc((100vw - 1400px)/2))}}
@media(max-width:1000px){.hero h1{font-size:82px}.hero-copy{padding-top:190px}.hero{min-height:820px}.masthead nav{gap:23px}.film-section{gap:5%;grid-template-columns:1fr 1.1fr}.film-copy h2{font-size:42px}.deck{gap:20px}.record{width:235px}.tonearm{right:4%}.player-strip{align-items:stretch;flex-direction:column}.player-strip audio{width:100%}.hero-actions{gap:20px}}
@media(max-width:700px){.masthead{padding:23px 6%}.wordmark>span{font-size:34px}.wordmark small{font-size:10px}.masthead nav{gap:20px}.masthead nav>a{font-size:12px}.masthead nav>a:first-child{display:none}.hero{height:auto;min-height:870px;max-height:none}.hero-art{inset:0}.car-image{width:100%;height:66%;top:7%;object-position:58% center;filter:brightness(.6) saturate(.7)}.hero:before{background:linear-gradient(0deg,#091519 13%,#091519ee 27%,#09151920 70%,#09151995),linear-gradient(90deg,#07121670,transparent)}.hero-copy{padding:320px 6% 170px}.hero h1{font-size:clamp(52px,10.5vw,73px);margin:22px 0}.invitation{font-size:11px;gap:8px}.intro{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px;margin-top:25px}.hero-actions .button{font-size:13px;padding:14px 20px}.hero-date{font-size:12px;margin-bottom:0}.hero-bottom{bottom:28px;align-items:flex-start;gap:16px;flex-direction:column}.car-selector{gap:0 20px}.car-selector p{font-size:10px}.car-selector button{font-size:12px}.motion-toggle{min-height:30px;font-size:10px;text-align:left}.scroll-cue{display:none}.section{padding:65px 6%}.film-section{grid-template-columns:1fr;gap:30px}.film-copy h2{font-size:43px}.film-copy>p:not(.chapter){max-width:470px}.film-copy .film-note{margin-top:15px}.poster-wrap{aspect-ratio:16/11}.music-heading{display:block;margin-bottom:30px}.music-heading h2{font-size:45px}.music-heading>p{font-size:13px}.console-head{padding:17px;font-size:11px}.genres{padding:17px;gap:8px}.genres button{font-size:12px;padding:8px 11px}.deck{grid-template-columns:1fr;padding:0 17px 25px;gap:20px}.turntable{min-height:270px;padding-bottom:30px}.record{width:215px}.tonearm{right:18%;top:25px;height:130px}.genre-heading h3{font-size:28px}.genre-heading>p{min-height:0}.track{gap:10px}.track-main{gap:8px}.track-main strong{font-size:13px}.track-main .track-icon{width:21px}.preview-button{font-size:10px;padding:5px 7px}.player-strip{padding:18px 17px}.player-title{gap:13px}.player-title>div>span{font-size:12px}.era-list{grid-template-columns:1fr;gap:25px;margin-top:35px}.era-list article{display:grid;grid-template-columns:110px 1fr;column-gap:15px}.year{font-size:28px;grid-row:1/3}.era-list h3{margin-top:0;font-size:18px}.era-list p{font-size:13px;margin-bottom:0}.eras h2,.reservation h2{font-size:39px}.reservation>.button{font-size:12px;gap:20px}footer{padding:35px 6% 120px;align-items:flex-start;flex-direction:column;gap:20px}.booking-bar{bottom:12px;padding:10px 10px 10px 14px;gap:10px}.booking-bar strong{font-size:11px}.booking-bar>div>span{font-size:10px}.booking-bar a{font-size:12px;padding:11px 15px;gap:13px}dialog{padding:13px;width:96vw}.dialog-head h2{font-size:19px}.dialog-head button{font-size:12px;padding:8px}.chapter{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.light-pass{display:none}}
/* V29 — second numéro de réservation (Sandrine), 23/09/2026 */
.reservation .button.secondary{margin-left:12px;background:transparent;border-color:var(--accent);color:var(--paper);gap:20px}.reservation .button.secondary:hover{background:#deb6791a}.footer-phones a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:700px){.reservation .button.secondary{margin-left:0;font-size:12px}}