*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;background:#111;color:#111}header{position:absolute;z-index:5;top:0;left:0;right:0;height:76px;display:flex;align-items:center;padding:0 4vw;color:white;border-bottom:1px solid #ffffff33}header a{color:white;text-decoration:none;font-size:12px;letter-spacing:1px}.brand{font-weight:900;font-size:22px}.brand span{color:#b64d72}nav{margin-left:auto;display:flex;gap:25px}.lang{margin-left:30px}.hero{height:100svh;min-height:650px;position:relative;overflow:hidden;background:#111}.hero video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.58) 38%,rgba(0,0,0,.12) 72%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 40%)}.heroCopy{position:absolute;z-index:2;left:6vw;top:50%;transform:translateY(-43%);color:white;max-width:650px}.kicker,.head i{color:#b64d72;font-style:normal;font-weight:800;letter-spacing:2px;font-size:13px}.hero h1{font-size:clamp(50px,6.2vw,94px);line-height:.94;margin:22px 0}.hero p{font-size:21px;font-style:italic;line-height:1.5}.hero small{display:block;margin-top:40px;letter-spacing:2px;color:#ddd}.buttons{display:flex;gap:12px;margin-top:28px}.buttons a,.buttons button{padding:14px 21px;border:1px solid #b64d72;background:transparent;color:white;text-decoration:none;font-weight:800;font-size:12px;letter-spacing:1px;cursor:pointer}.buttons .pink{background:#b64d72}.scroll{position:absolute;z-index:2;bottom:24px;left:50%;transform:translateX(-50%);color:white;font-size:10px;letter-spacing:2px}.cream,.black{padding:80px 6vw}.cream{background:#f4eee8}.black{background:#111;color:white}.head{border-bottom:3px solid #b64d72;padding-bottom:20px;margin-bottom:45px}.head h2{font-size:clamp(38px,4vw,62px);line-height:1;margin:10px 0 0}.cols{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.cols img{width:100%;max-height:500px;object-fit:contain}.large{font-size:22px;line-height:1.6}blockquote{border-left:4px solid #b64d72;padding-left:20px;margin:35px 0;font-style:italic;line-height:1.6}.album{display:grid;grid-template-columns:minmax(300px,480px) 1fr;gap:7vw;align-items:center}.album>img{width:100%}.album h3{font-size:32px}.quote{margin-top:35px;font-style:italic;line-height:1.6}.quote b,.press b{color:#b64d72}.wide{width:100%;max-height:600px;object-fit:contain}.names{display:flex;justify-content:space-between;color:#6c2345;margin-top:25px}.press{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.press p{line-height:1.6}footer{padding:35px 6vw;background:#6c2345;color:white;text-align:center;font-size:13px}
@media(max-width:760px){header nav{display:none}.heroCopy{left:7vw;right:7vw}.hero h1{font-size:48px}.shade{background:rgba(0,0,0,.55)}.cols,.album,.press{grid-template-columns:1fr}.cream,.black{padding:60px 7vw}.names{flex-direction:column;gap:10px}}
/* V3 — hero branding refinement */
.brand-logo img{display:block;width:165px;max-height:54px;object-fit:contain;object-position:left center}
.hero-logo{display:block;width:min(360px,62vw);max-height:150px;object-fit:contain;object-position:left center;margin:0 0 22px}
.hero h1{font-size:clamp(20px,2vw,30px);line-height:1.15;margin:0 0 18px;font-weight:500;font-style:italic;letter-spacing:.01em;max-width:470px}
.hero p{font-size:18px;margin-top:0}
@media(max-width:760px){
 .brand-logo img{width:135px}
 .hero-logo{width:min(280px,70vw);margin-bottom:18px}
 .hero h1{font-size:21px;max-width:330px}
 .hero p{font-size:16px}
}

/* V4 additions */
.media-proof{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:32px 0}.media-proof img{width:118px;height:90px;object-fit:contain;background:#fff;padding:7px}
.credit{font-size:11px;color:#777;margin-top:8px}.bios{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:42px}.bios h3{font-size:26px;margin-bottom:10px}.bios p{line-height:1.65}
.dates>div{display:grid;grid-template-columns:150px 1fr 180px;gap:20px;padding:22px 0;border-bottom:1px solid #bbb;align-items:center}.dates span{color:#8c2e58;font-weight:800}.dates b{font-size:22px}.dates em{text-align:right;font-style:normal}
.final-logos{display:flex;gap:45px;align-items:center;justify-content:center;background:#f4eee8;padding:25px;margin:-20px 0 60px}.final-logos img{max-width:180px;height:78px;object-fit:contain}
.finalgrid{display:grid;grid-template-columns:1.25fr 180px 1fr;gap:55px;align-items:start}.final i{color:#b64d72;font-style:normal;font-weight:800;letter-spacing:2px;font-size:12px}.final h2{font-size:38px;margin:10px 0}.final h3{margin:10px 0 5px}.final a{color:white}.qr{width:170px;background:white;padding:8px}.social{display:flex;gap:14px;margin-top:35px}.social img{width:42px;height:42px;object-fit:contain}.signoff{border-top:1px solid #ffffff33;margin-top:45px;padding-top:30px;display:flex;justify-content:space-between;align-items:end}.signoff img{width:190px;max-height:80px;object-fit:contain}.signoff p{text-align:right;color:#bbb;font-style:italic}
@media(max-width:760px){.bios,.finalgrid{grid-template-columns:1fr}.dates>div{grid-template-columns:110px 1fr}.dates em{grid-column:2;text-align:left}.final-logos{gap:16px;flex-wrap:wrap}.final-logos img{max-width:110px;height:58px}.qr{width:145px}.signoff{align-items:center}.signoff img{width:140px}}

/* V5 press logos + partners */
.press article{display:flex;flex-direction:column;align-items:flex-start}
.press-logo{width:100%;max-width:180px;height:86px;object-fit:contain;object-position:left center;background:#f4eee8;padding:8px;margin-bottom:22px}
.press article p{margin:0;font-style:italic}
.partners{border-top:1px solid #ffffff33;margin-top:44px;padding-top:28px}
.partners>span{display:block;color:#b64d72;font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:18px}
.partners>div{display:flex;gap:28px;align-items:center}
.partners img{width:145px;height:75px;object-fit:contain;background:white;padding:7px}
@media(max-width:760px){.press-logo{max-width:150px}.partners img{width:125px;height:66px}}

/* V6 — only Projet and Duo use the original album cover as a textured backdrop */
#projet.album-atmosphere,#duo.album-atmosphere{background-color:#321522;background-image:linear-gradient(90deg,rgba(24,10,19,.92),rgba(45,13,30,.79)),url('assets/album.jpg');background-position:center;background-size:cover;color:#fff0e9}
#projet.album-atmosphere .head,#duo.album-atmosphere .head{border-color:#ed87a9}
#projet.album-atmosphere .head i,#duo.album-atmosphere .head i{color:#f3a1bc}
#projet.album-atmosphere blockquote{border-color:#f3a1bc;color:#fff0e9}
#duo.album-atmosphere .bios h3{color:#f3a1bc}
#duo.album-atmosphere .credit{color:#e2c9d2}

/* V7 — Typographie éditoriale, élégante et contemporaine.
   Les autres éléments graphiques et contenus de V6 sont conservés. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
body{font-family:'DM Sans','Helvetica Neue',Arial,sans-serif;letter-spacing:.005em}
.head h2,.hero h1,.bios h3,.album h3,.final h2,.final h3{
  font-family:'Playfair Display',Georgia,serif;
  font-weight:600;letter-spacing:-.028em;line-height:1.12
}
.head h2{font-size:clamp(34px,3.7vw,57px)}
.hero h1{font-size:clamp(21px,2.15vw,32px);font-style:italic;font-weight:500}
.large{font-family:'Playfair Display',Georgia,serif;font-size:clamp(21px,2vw,27px);line-height:1.45}
blockquote,.press article p{font-family:'Playfair Display',Georgia,serif;font-size:clamp(17px,1.45vw,22px);line-height:1.5}
.bios p{font-size:15px;line-height:1.8}
nav a,.head i,.buttons a,.buttons button,.dates span,.final i,.partners>span{
 font-family:'DM Sans','Helvetica Neue',Arial,sans-serif;letter-spacing:.095em
}
@media(max-width:760px){.head h2{font-size:clamp(32px,8vw,43px)}.hero h1{font-size:22px}}


/* Direction jazz contemporain haut de gamme : éditoriale, subtile */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italiana&display=swap');
body,.bios p,.album p,.dates,.final p{font-family:'DM Sans',Arial,sans-serif}
.head h2,.hero h1,.bios h3,.album h3,.final h2,.final h3{
font-family:'Italiana',Georgia,serif;font-weight:400;font-style:normal;
letter-spacing:-.012em;line-height:1.1;text-transform:none}
.head h2{font-size:clamp(42px,5vw,76px)}
.hero h1{font-size:clamp(23px,2.4vw,36px);font-style:italic}
.bios h3{font-size:clamp(30px,3vw,43px)}
.large{font-family:'Italiana',Georgia,serif;font-size:clamp(26px,2.7vw,36px);font-weight:400;line-height:1.4}
blockquote,.press article p{font-family:'Italiana',Georgia,serif;font-size:clamp(21px,1.9vw,28px);font-style:normal;line-height:1.4}
nav a,.head i,.buttons a,.buttons button,.dates span,.final i,.partners>span{
font-family:'DM Sans',Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.16em}
@media(max-width:760px){.head h2{font-size:clamp(38px,9vw,55px)}.hero h1{font-size:24px}}