:root{--cream:#f4ece5;--green:#1C9C44;--bright:#1C9C44}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080a09;color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px clamp(20px,5vw,80px);background:linear-gradient(#000b,transparent)}.mini-brand{font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;line-height:.82;letter-spacing:.035em;transform:skew(-5deg)}.mini-brand span{display:block;color:var(--bright)}nav{display:flex;gap:clamp(13px,3vw,42px);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}nav a:hover{color:var(--bright)}.hero{min-height:100svh;position:relative;isolation:isolate;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;overflow:hidden;padding:140px clamp(22px,8vw,130px) 115px;background:#0a0c0a}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:none;background-position:center 49%;background-size:cover;background-repeat:no-repeat;transition:opacity .8s ease;filter:contrast(1.12) saturate(.86)}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020503d9 0%,#02050380 43%,#02050322 100%),linear-gradient(0deg,#080a09 0%,transparent 27%,#0205034f 100%)}.hero-content{width:min(100%,640px);position:relative;z-index:2;margin-top:-7vh}.eyebrow{font-weight:900;font-size:12px;letter-spacing:.3em;color:#1C9C44;text-transform:uppercase}.hero-sign{display:none;width:clamp(270px,38vw,590px);max-height:340px;object-fit:contain;object-position:left center;transform:rotate(-5deg) translateX(-6px);filter:drop-shadow(0 12px 3px #0009) drop-shadow(0 25px 35px #000b);margin:25px 0 30px}.hero-bandname{font:italic 900 clamp(56px,9vw,142px)/.84 Impact,"Arial Narrow",sans-serif;letter-spacing:.015em;text-shadow:0 5px 25px #000;max-width:900px;margin:25px 0 30px}.hero-bandname span{display:block;color:var(--cream)}.hero-statement{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(38px,5.4vw,80px);line-height:.94;letter-spacing:.02em;text-transform:uppercase;font-style:italic;text-shadow:0 4px 20px #000;max-width:720px;margin:0}.hero-statement em{font-style:normal;color:#1C9C44}.hero-sub{font-size:15px;line-height:1.6;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin:20px 0 24px;color:#f4ece5}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;background:var(--green);padding:15px 22px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;border:1px solid var(--green);transition:background .2s,transform .2s}.btn:hover{background:#178137;transform:translateY(-2px)}.btn.alt{background:#060807b8;border-color:#f4ece5a0}.btn.alt:hover{background:#202923}.hero-bottom{position:absolute;bottom:30px;left:clamp(22px,8vw,130px);right:clamp(22px,8vw,130px);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;font-weight:900;letter-spacing:.25em;text-transform:uppercase;color:#cbd6cc}.hero-bottom:after{content:"";height:2px;background:#1C9C44;flex:1;max-width:180px}.slash{height:12px;background:repeating-linear-gradient(110deg,#1C9C44 0 22px,#080a09 22px 34px);border-top:1px solid #1C9C44;border-bottom:1px solid #1C9C44}.section{padding:clamp(65px,8vw,125px) clamp(22px,8vw,130px)}.kicker{font-weight:900;font-size:12px;letter-spacing:.25em;color:#1C9C44;text-transform:uppercase}h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(52px,8vw,120px);line-height:.89;font-weight:900;text-transform:uppercase;font-style:italic;letter-spacing:.015em;margin:15px 0 30px}.about{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:linear-gradient(130deg,#0b100d,#151a15)}.about p{color:#d0d4d0;line-height:1.8;font-size:17px;max-width:620px}.about .image-wrap{position:relative;transform:rotate(2deg);border:8px solid #252b25;box-shadow:20px 20px 0 #1C9C44}.about img{display:block;width:100%;height:420px;object-fit:cover}.gallery{background:#090c0a}.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.gallery-head p{color:#b6c1b9;max-width:350px;line-height:1.6}.photos{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:9px;margin-top:30px}.photos a{display:block;grid-column:span 3;aspect-ratio:4/3;overflow:hidden;background:#1b211c}.photos a:nth-child(6n+1),.photos a:nth-child(6n+6){grid-column:span 6;aspect-ratio:16/9}.photos a:nth-child(6n+3){grid-column:span 3}.photos img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform .3s,filter .3s}.photos a:hover img{transform:scale(1.06);filter:saturate(1.25)}.contact{position:relative;overflow:hidden;background:linear-gradient(110deg,#03150d,#092f1d 65%,#07120c);border-top:2px solid #1C9C44}.contact:before{content:'BADLUCK';position:absolute;right:-3vw;bottom:-50px;font:220px Impact,sans-serif;color:#ffffff07;pointer-events:none}.contact h2{position:relative}.contact p{font-size:18px;color:#d6e2d9}.contact-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.contact-links .btn{overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(22px,8vw,130px);font-size:12px;color:#aab6ad;border-top:1px solid #263b2e}@media(max-width:850px){.about{grid-template-columns:1fr}.about .image-wrap{max-width:600px}.photos a{grid-column:span 6}.photos a:nth-child(6n+1),.photos a:nth-child(6n+6){grid-column:span 12}.gallery-head{display:block}}@media(max-width:600px){header{padding:14px 18px}.mini-brand{font-size:19px}nav{gap:12px;font-size:10px;letter-spacing:0}.hero{min-height:100svh;padding:120px 22px 90px;justify-content:flex-end}.hero::before{background-position:52% center}.hero::after{background:linear-gradient(0deg,#080a09 0%,#030503e8 17%,#03050380 52%,#02050333 100%)}.hero-content{margin-top:0}.hero-sign{width:min(82vw,390px);max-height:230px;margin:10px 0 20px}.hero-bandname{font:italic 900 clamp(56px,9vw,142px)/.84 Impact,"Arial Narrow",sans-serif;letter-spacing:.015em;text-shadow:0 5px 25px #000;max-width:900px;margin:25px 0 30px}.hero-bandname span{display:block;color:var(--cream)}.hero-statement{font-size:clamp(37px,10vw,60px)}.hero-sub{font-size:12px}.hero-bottom{left:22px;right:22px;bottom:22px;font-size:9px}.about img{height:300px}.about .image-wrap{border-width:5px;box-shadow:10px 10px 0 #1C9C44}.photos{gap:6px}.photos a{grid-column:span 6}.photos a:nth-child(6n+1),.photos a:nth-child(6n+6){grid-column:span 12}.contact-links{flex-direction:column}.contact-links .btn{text-align:center}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


.brand-sign{display:flex;align-items:center;flex:none;width:clamp(150px,17vw,225px);height:85px}.brand-sign img{width:100%;max-height:85px;object-fit:contain;filter:drop-shadow(0 2px 6px #000a)}
.hero-bandname span.word-badluck{color:#1C9C44}.contact-links .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px}.contact-icon{width:23px;height:23px;object-fit:contain;flex:none}.contact-links .btn:first-child .contact-icon{filter:brightness(0) invert(1)}
.hero::before{background-image:none!important}.hero-bg{position:absolute;inset:0;z-index:-2;background-position:center 49%;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity 1.4s ease;filter:contrast(1.12) saturate(.86)}.hero-bg.active{opacity:1}
@media(max-width:600px){.brand-sign{width:135px;height:62px}.brand-sign img{max-height:62px}.hero-bg{background-position:center center}.contact-links .btn{font-size:11px;letter-spacing:.05em}}
@media(prefers-reduced-motion:reduce){.hero-bg{transition:none}}
.gallery-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:28px;flex-wrap:wrap}.gallery-pagination button{border:1px solid #49614e;background:#101a13;color:#f4ece5;padding:10px 16px;cursor:pointer;font-weight:800}.gallery-pagination button[aria-current="page"]{background:#1C9C44;border-color:#1C9C44;color:#071108}.gallery-pagination button:disabled{opacity:.4;cursor:default}.gallery-pagination button:focus-visible{outline:3px solid #f4ece5;outline-offset:3px}


/* Tablettes en paysage et écrans courts : logo et titre sans chevauchement */
@media (min-width: 601px) and (max-width: 1200px) and (orientation: landscape) {
 header {padding: 12px clamp(18px,3vw,40px);gap:16px;}
 .brand-sign {width:clamp(125px,15vw,175px);height:58px;}
 .brand-sign img {max-height:58px;}
 nav {gap:clamp(12px,2vw,25px);font-size:11px;letter-spacing:.07em;}
 .hero {padding:100px clamp(24px,6vw,85px) 65px;min-height:100svh;}
 .hero-content {margin-top:0;width:min(100%,600px);}
 .hero-bandname {font-size:clamp(48px,7vw,88px);margin:12px 0 14px;}
 .hero-statement {font-size:clamp(30px,4vw,52px);}
 .hero-sub {font-size:12px;margin:12px 0;}
 .eyebrow {font-size:10px;}
 .btn {padding:11px 16px;}
 .hero-bottom {bottom:12px;}
}
@media (orientation:landscape) and (max-height:650px) and (min-width:601px) {
 header {padding-top:8px;padding-bottom:8px;}
 .brand-sign {height:48px;width:clamp(115px,13vw,160px);}
 .brand-sign img {max-height:48px;}
 .hero {padding-top:80px;padding-bottom:40px;}
 .hero-bandname {font-size:clamp(42px,6vw,72px);margin:7px 0 10px;}
 .hero-statement {font-size:clamp(28px,3.5vw,43px);}
 .hero-sub {margin:8px 0;font-size:11px;}
 .hero-bottom {display:none;}
}



/* V8: séparateurs rock sans dépendance ni images externes */
.rock-divider{height:42px;position:relative;overflow:hidden;background:#080a09;border-block:1px solid #24402b;display:flex;align-items:center;justify-content:center}
.rock-divider::before,.rock-divider::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}
body[data-divider="road"] .rock-divider{height:40px;background:linear-gradient(180deg,#090c0a 0 25%,#151b16 25% 75%,#090c0a 75%)}
body[data-divider="road"] .rock-divider::before{height:2px;background:repeating-linear-gradient(90deg,transparent 0 38px,#1C9C44 38px 102px,transparent 102px 140px);opacity:.95}
body[data-divider="wire"] .rock-divider{height:38px}
body[data-divider="wire"] .rock-divider::before{height:2px;background:#78907b;opacity:.75}
body[data-divider="wire"] .rock-divider::after{height:16px;background:repeating-linear-gradient(120deg,transparent 0 40px,#748779 40px 42px,transparent 42px 83px,#748779 83px 85px,transparent 85px 125px);opacity:.8}
body[data-divider="picks"] .rock-divider{height:36px}
body[data-divider="picks"] .rock-divider::before{height:1px;background:#31563b}
body[data-divider="picks"] .divider-mark{width:100%;height:22px;position:relative;z-index:1;background-image:url('images/mediator.svg');background-size:26px 22px;background-position:center;background-repeat:repeat-x;opacity:.7}
body[data-divider="cable"] .rock-divider{height:42px}
body[data-divider="cable"] .rock-divider::before{height:14px;border-top:3px solid #1C9C44;border-radius:50%;top:70%;transform:translateY(-50%) rotate(-1deg);opacity:.8}
body[data-divider="cable"] .rock-divider::after{height:14px;border-bottom:2px solid #465a49;border-radius:50%;top:25%;transform:translateY(-50%) rotate(1deg)}
.divider-picker{display:flex;gap:9px;align-items:center;justify-content:center;flex-wrap:wrap;background:#111711;border-block:1px solid #2c3e30;padding:14px 18px;font:700 11px Arial,sans-serif;letter-spacing:.05em;color:#d6e2d9}
.divider-picker button{color:#f4ece5;background:#18241b;border:1px solid #47604c;border-radius:2px;padding:9px 12px;cursor:pointer;font-weight:700}
.divider-picker button[aria-pressed="true"]{background:#1C9C44;color:#061007;border-color:#1C9C44}
.divider-picker button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){.divider-picker{gap:6px}.divider-picker button{padding:8px;font-size:11px}}



/* V10 : pancarte plus présente, sans chevauchement en paysage */
.brand-sign{width:clamp(215px,23vw,320px);height:110px}
.brand-sign img{max-height:110px}
@media (min-width:601px) and (max-width:1200px) and (orientation:landscape){
 .brand-sign{width:clamp(175px,19vw,235px);height:75px}
 .brand-sign img{max-height:75px}
}
@media (orientation:landscape) and (max-height:650px) and (min-width:601px){
 .brand-sign{width:clamp(155px,17vw,205px);height:65px}
 .brand-sign img{max-height:65px}
}
@media(max-width:600px){.brand-sign{width:clamp(145px,39vw,195px);height:72px}.brand-sign img{max-height:72px}}
/* Chaque page de six photos : 1 grande + 4 petites + 1 grande.
   Deux rangées équilibrées, même si le nombre total change. */
.photos{grid-auto-flow:row;align-items:stretch}
.photos a{min-width:0;grid-column:span 3;aspect-ratio:4/3}
.photos a:nth-child(6n+1),.photos a:nth-child(6n+6){grid-column:span 6;aspect-ratio:8/3}
@media(max-width:850px){.photos a{grid-column:span 6;aspect-ratio:4/3}.photos a:nth-child(6n+1),.photos a:nth-child(6n+6){grid-column:span 12;aspect-ratio:16/7}}

/* Image de départ visible immédiatement, même si JavaScript est désactivé */
.hero-bg:first-child{background-image:url("images/fond-chanteuse.webp")}