:root{--bg:#070707;--panel:#111214;--panel2:#202124;--text:#f7f7f7;--muted:#babac0;--yellow:#fff000;--pink:#ff0a8a;--purple:#7b2ca7;--orange:#ff8500;--line:#33343a;--max:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 60% 15%,#21142d 0,transparent 28%),linear-gradient(#070707,#090909);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}.site-header{position:sticky;top:0;z-index:20;min-height:88px;display:flex;align-items:center;gap:28px;padding:10px max(20px,calc((100vw - var(--max))/2));background:rgba(4,4,4,.94);backdrop-filter:blur(12px);border-bottom:1px solid #232323}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:310px}.brand img{width:70px;height:70px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong,.brand em,h1,h2,h3,.btn,.section-kicker,.eyebrow{font-family:"Arial Black",Impact,sans-serif;text-transform:uppercase;font-style:italic}.brand strong{font-size:22px;color:var(--yellow)}.brand em{font-size:18px;color:var(--pink);margin-top:7px}.main-nav{display:flex;gap:28px;flex:1;justify-content:center}.main-nav a,.footer-links a{color:#fff;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:13px}.main-nav a:hover{color:var(--yellow)}.social-top{display:flex;gap:10px}.social-top a{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--pink);border-radius:50%;color:var(--pink);text-decoration:none;font-weight:900;font-size:20px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}.section-pad{max-width:var(--max);margin:auto;padding:42px 24px}.hero{display:grid;grid-template-columns:1.1fr 1.4fr .9fr;gap:24px;min-height:610px;align-items:stretch;padding-top:38px}.hero-copy,.hero-logo-wrap,.hero-events{background:linear-gradient(145deg,#111214,#1f2023);border:1px solid #303136;border-radius:22px;overflow:hidden;position:relative}.hero-copy{padding:56px 44px;background:linear-gradient(145deg,#18191b,#27282c)}.hero-copy:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(170deg,transparent 0 28px,rgba(255,255,255,.018) 29px 30px);pointer-events:none}.eyebrow{color:var(--pink);font-size:14px;letter-spacing:2px}.hero h1{font-size:clamp(42px,4vw,78px);line-height:.98;margin:20px 0 26px;letter-spacing:-2px}.hero mark{background:none;color:var(--yellow)}.hero-copy p{max-width:600px;color:#dfdfe3;font-size:18px}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;padding:14px 20px;text-decoration:none;border:0;font-size:13px;letter-spacing:.4px}.btn-yellow{background:var(--yellow);color:#050505;clip-path:polygon(2% 10%,98% 0,100% 80%,4% 100%)}.btn-pink{background:var(--pink);color:#fff;clip-path:polygon(2% 10%,98% 0,100% 82%,4% 100%)}.btn-outline{border:1px solid #686871;color:#fff;background:#101014}.hero-logo-wrap{display:grid;place-items:center;background:#2d2e31;isolation:isolate}.hero-logo-wrap:before,.hero-logo-wrap:after{content:"";position:absolute;border-radius:50%;border:22px solid rgba(123,44,167,.22);width:560px;height:560px;z-index:-1}.hero-logo-wrap:after{width:430px;height:430px;border-color:rgba(255,10,138,.13)}.hero-logo-panel{width:min(86%,560px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#333436}.hero-logo-panel img{width:100%;height:100%;object-fit:contain;filter:none}.speed-lines{position:absolute;inset:auto -5% 5% 45%;height:90px;background:repeating-linear-gradient(175deg,transparent 0 9px,rgba(255,240,0,.55) 10px 12px,transparent 13px 22px);transform:skewX(-18deg);opacity:.7}.hero-events{padding:30px 24px;background:#0e0f10}.section-kicker{font-size:20px;color:#fff;margin-bottom:18px}.event-mini{display:grid;grid-template-columns:76px 1fr;gap:15px;padding:16px 0;border-top:1px solid #2d2d31}.event-mini time{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #6d5f00;border-radius:8px;min-height:80px;background:#111}.event-mini time strong{font-size:28px;color:var(--yellow);line-height:1}.event-mini time span{text-transform:uppercase;font-weight:800;font-size:12px;margin-top:6px}.event-mini h3{font-size:15px;color:var(--yellow);margin:0 0 5px}.event-mini p{font-size:13px;color:#d6d6da;margin:0 0 7px}.event-mini small{color:#96969e}.text-link{color:var(--pink);font-weight:800;text-decoration:none}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}.section-title span{color:var(--pink);font-size:28px}.section-title h2{margin:0;font-size:30px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.team-card{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:20px;background:#111214;border:1px solid #292a2e;border-radius:18px;padding:18px;min-height:260px;position:relative;overflow:hidden}.team-card:after{content:"";position:absolute;inset:auto -30% -55% 15%;height:230px;transform:rotate(-10deg);opacity:.2}.team-card.junior:after{background:var(--purple)}.team-card.men:after{background:var(--orange)}.team-card.women:after{background:var(--pink)}.team-card img{width:100%;max-height:205px;object-fit:contain;position:relative;z-index:1;filter:none}.team-card div{position:relative;z-index:1}.team-card h3{font-size:23px;margin:0;color:var(--yellow)}.team-card.men h3{color:var(--orange)}.team-card.women h3{color:var(--pink)}.team-type{text-transform:uppercase;font-size:12px;letter-spacing:1px}.derby{border-top:1px solid #222}.derby-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.derby-copy,.derby-visual{background:#111214;border:1px solid #292a2e;border-radius:20px;padding:32px}.derby-copy p{font-size:18px;color:#d7d7dc}.derby-visual{display:grid;place-items:center;min-height:330px;background:radial-gradient(circle at center,#26212d,#0f1012 70%)}.track{width:min(90%,520px);aspect-ratio:1.7;border:18px solid #8e8e96;border-radius:50%;position:relative;box-shadow:0 0 0 3px #28282c inset}.jammer,.blocker{position:absolute;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--pink);top:15%;left:47%;font-size:22px}.blocker{background:var(--yellow);width:36px;height:36px}.b1{left:25%;top:55%}.b2{left:48%;top:65%}.b3{left:70%;top:47%}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.photo-placeholder{aspect-ratio:1.55;border-radius:12px;border:1px solid #303137;display:flex;align-items:end;padding:18px;overflow:hidden;position:relative;background:#1f2024}.photo-placeholder:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(135deg,rgba(123,44,167,.45) 0 16px,rgba(255,10,138,.2) 16px 32px,rgba(255,240,0,.12) 32px 48px);transform:rotate(4deg)}.photo-placeholder.p2:before{transform:rotate(-7deg);filter:hue-rotate(40deg)}.photo-placeholder.p3:before{filter:hue-rotate(90deg)}.photo-placeholder.p4:before{filter:hue-rotate(160deg)}.photo-placeholder span{position:relative;z-index:1;background:#080808dd;padding:8px 10px;font-weight:800;text-transform:uppercase;font-size:12px}.gallery-note{color:#85858d;font-size:13px}.contact{margin-top:20px;margin-bottom:40px;background:linear-gradient(105deg,#1b1c1e,#0c0d0f 60%);border:1px solid #303136;border-radius:22px;display:flex;justify-content:space-between;gap:30px;align-items:center}.contact h2{font-size:42px;margin:6px 0}.contact p{max-width:720px;color:#c9c9ce}.site-footer{max-width:var(--max);margin:auto;padding:26px 24px 40px;border-top:1px solid #25262a;display:grid;grid-template-columns:90px 1.3fr 1fr auto;gap:20px;align-items:center;color:#aaaab1}.site-footer img{width:76px;height:76px;object-fit:contain}.site-footer strong{color:var(--yellow);text-transform:uppercase}.site-footer p{margin:4px 0}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.muted{color:#888891}@media(max-width:1100px){.site-header{gap:10px}.brand{min-width:auto}.brand span{display:none}.main-nav{gap:16px}.hero{grid-template-columns:1fr 1fr}.hero-events{grid-column:1/-1}.team-card{grid-template-columns:140px 1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header{min-height:74px;padding:8px 14px}.brand img{width:58px;height:58px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#080808;padding:16px;flex-direction:column}.main-nav.open{display:flex}.social-top{display:none}.hero{grid-template-columns:1fr;padding:20px 14px;min-height:auto}.hero-copy{padding:34px 24px}.hero h1{font-size:48px}.hero-logo-wrap{min-height:390px}.hero-events{grid-column:auto}.section-pad{padding:32px 14px}.team-grid,.derby-grid,.gallery-grid{grid-template-columns:1fr}.team-card{grid-template-columns:120px 1fr}.contact{margin:10px 14px 30px;align-items:flex-start;flex-direction:column}.contact h2{font-size:34px}.site-footer{grid-template-columns:70px 1fr}.footer-links,.site-footer small{grid-column:1/-1}.photo-placeholder{aspect-ratio:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Galerie v2 */
.gallery-carousel{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:12px;align-items:center}
.gallery-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;padding:4px 2px 16px;scrollbar-width:thin;scrollbar-color:var(--pink) #17171a}
.gallery-track::-webkit-scrollbar{height:8px}
.gallery-track::-webkit-scrollbar-track{background:#17171a;border-radius:999px}
.gallery-track::-webkit-scrollbar-thumb{background:var(--pink);border-radius:999px}
.gallery-slide{flex:0 0 clamp(280px,31vw,460px);margin:0;scroll-snap-align:start;background:#111214;border:1px solid #303137;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.gallery-slide img{display:block;width:100%;aspect-ratio:1.55;object-fit:cover;background:#1d1e22}
.gallery-slide figcaption{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(7,7,7,.86);padding:8px 10px;border-radius:7px;font-size:12px;font-weight:800;text-transform:uppercase}
.gallery-arrow{width:46px;height:66px;border:1px solid #414149;border-radius:12px;background:#121216;color:var(--yellow);font-size:38px;line-height:1;cursor:pointer;transition:transform .15s ease,opacity .15s ease,border-color .15s ease}
.gallery-arrow:hover{transform:scale(1.05);border-color:var(--pink)}
.gallery-arrow:disabled{opacity:.25;cursor:default;transform:none}
.gallery-help,.gallery-note{color:#85858d;font-size:13px;margin-top:4px}
.gallery-empty{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

@media(max-width:760px){
  .gallery-carousel{grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}
  .gallery-arrow{width:36px;height:58px;font-size:30px}
  .gallery-slide{flex-basis:86vw}
  .gallery-empty{grid-template-columns:1fr}
}

/* Hero photo v3 */
.hero-photo-wrap{background:#2d2e31}
.hero-photo-wrap:before,.hero-photo-wrap:after{display:none}
.hero-photo-panel{width:100%;height:100%;min-height:100%;position:absolute;inset:0;background:#2d2e31;overflow:hidden}
.hero-photo-panel img{width:100%;height:100%;object-fit:cover;display:block;filter:none}
.hero-photo-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.24));pointer-events:none}
.hero-photo-wrap .speed-lines{z-index:2}

/* Galerie zoom v3 */
.gallery-zoom-trigger{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in;text-align:inherit}
.gallery-zoom-trigger img{transition:transform .2s ease,filter .2s ease}
.gallery-zoom-trigger:hover img,.gallery-zoom-trigger:focus-visible img{transform:scale(1.025);filter:brightness(1.06)}
.gallery-zoom-trigger:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}
.gallery-zoom-icon{position:absolute;right:12px;top:12px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(7,7,7,.8);border:1px solid rgba(255,255,255,.35);font-size:23px;line-height:1;color:#fff;pointer-events:none}
.gallery-lightbox[hidden]{display:none}
.gallery-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}
.gallery-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9);backdrop-filter:blur(5px)}
.gallery-lightbox-dialog{position:relative;z-index:1;width:min(96vw,1500px);height:min(92vh,1000px);display:grid;grid-template-columns:56px minmax(0,1fr) 56px;grid-template-rows:minmax(0,1fr) auto auto;align-items:center;gap:10px}
.lightbox-stage{grid-column:2;grid-row:1;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:auto;border-radius:14px;background:#09090b;border:1px solid #34343a;overscroll-behavior:contain}
.lightbox-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center center;transition:transform .12s ease;user-select:none;-webkit-user-drag:none}
.lightbox-close{position:absolute;right:0;top:-4px;z-index:3;width:46px;height:46px;border-radius:50%;border:1px solid #585860;background:#111;color:#fff;font-size:32px;line-height:1;cursor:pointer}
.lightbox-nav{width:48px;height:72px;border:1px solid #4b4b53;border-radius:12px;background:#111;color:var(--yellow);font-size:40px;cursor:pointer}
.lightbox-prev{grid-column:1;grid-row:1}.lightbox-next{grid-column:3;grid-row:1}
.lightbox-toolbar{grid-column:2;grid-row:2;display:flex;justify-content:center;gap:8px}
.lightbox-toolbar button{min-width:46px;height:38px;padding:0 12px;border:1px solid #45454d;border-radius:9px;background:#16161a;color:#fff;font-weight:800;cursor:pointer}
.lightbox-toolbar button:hover,.lightbox-nav:hover,.lightbox-close:hover{border-color:var(--pink)}
.lightbox-caption{grid-column:2;grid-row:3;margin:0;text-align:center;color:#d4d4da;min-height:1.6em}
body.lightbox-open{overflow:hidden}

/* Footer social icons v3 */
.footer-socials{display:flex;gap:10px;justify-content:flex-end}
.footer-socials a{width:42px;height:42px;display:grid;place-items:center;border:1px solid #43434a;border-radius:50%;background:#111;color:var(--pink);transition:transform .15s ease,border-color .15s ease,background .15s ease}
.footer-socials a:hover,.footer-socials a:focus-visible{transform:translateY(-2px);border-color:var(--yellow);background:#18181c;outline:none}
.footer-socials svg{width:22px;height:22px;fill:currentColor}
.site-footer{grid-template-columns:90px 1.2fr .8fr auto auto}

@media(max-width:760px){
  .hero-photo-wrap{min-height:390px}
  .gallery-lightbox{padding:8px}
  .gallery-lightbox-dialog{width:100%;height:92vh;grid-template-columns:40px minmax(0,1fr) 40px;gap:5px}
  .lightbox-nav{width:38px;height:58px;font-size:32px}
  .lightbox-close{right:4px;top:4px;width:40px;height:40px}
  .footer-socials{grid-column:1/-1;justify-content:flex-start}
  .site-footer{grid-template-columns:70px 1fr}
}

/* Thème temporaire Octobre Rose 2026 - activé par index.php du 01/10 au 31/10 */
body.october-rose{
  --yellow:#ffd3e6;
  --pink:#ff2f92;
  --purple:#b51d70;
  --orange:#ff76b6;
  background:radial-gradient(circle at 68% 10%,rgba(255,47,146,.20) 0,transparent 28%),radial-gradient(circle at 18% 44%,rgba(181,29,112,.16) 0,transparent 25%),linear-gradient(#10070c,#090709 52%,#0b0709);
}
body.october-rose .site-header{
  border-bottom-color:rgba(255,47,146,.45);
  box-shadow:0 10px 35px rgba(255,47,146,.08);
}
body.october-rose .hero-copy{
  background:linear-gradient(145deg,#29101d,#351322 52%,#1b1117);
}
body.october-rose .hero-events,
body.october-rose .team-card,
body.october-rose .derby-copy,
body.october-rose .derby-visual,
body.october-rose .gallery-slide{
  border-color:rgba(255,82,157,.28);
}
body.october-rose .hero-photo-panel:after{
  background:linear-gradient(180deg,rgba(255,47,146,.05),rgba(255,47,146,.14) 70%,rgba(0,0,0,.30));
}
body.october-rose .speed-lines{
  background:repeating-linear-gradient(175deg,transparent 0 9px,rgba(255,110,176,.72) 10px 12px,transparent 13px 22px);
}
body.october-rose .track{
  border-color:#ce7ca6;
}
body.october-rose .contact{
  background:linear-gradient(105deg,#2a101d,#120a0f 60%);
  border-color:rgba(255,82,157,.34);
}
body.october-rose .site-footer{
  border-top-color:rgba(255,82,157,.28);
}
.october-rose-tag{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 12px;
  padding:8px 13px;
  border:1px solid rgba(255,179,216,.52);
  border-radius:999px;
  background:rgba(255,47,146,.14);
  color:#ffd9ea!important;
  font-size:12px!important;
  font-weight:900;
  letter-spacing:.6px;
  text-transform:uppercase;
}
.october-rose-tag span{font-size:18px}
.october-rose-section{
  margin-top:10px;
  margin-bottom:10px;
  position:relative;
}
.october-rose-section:before{
  content:"";
  position:absolute;
  inset:22px 24px;
  z-index:-1;
  border:1px solid rgba(255,82,157,.34);
  border-radius:24px;
  background:linear-gradient(120deg,rgba(255,47,146,.15),rgba(181,29,112,.10) 48%,rgba(255,211,230,.06));
  box-shadow:0 18px 50px rgba(255,47,146,.06);
}
.october-rose-intro{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:24px;
  align-items:center;
  padding:24px 30px 10px;
}
.october-ribbon{
  display:grid;
  place-items:center;
  width:94px;
  height:94px;
  border-radius:50%;
  background:radial-gradient(circle,#ff90bf 0,#ff2f92 58%,#a31562 100%);
  box-shadow:0 0 0 8px rgba(255,47,146,.10),0 15px 38px rgba(0,0,0,.28);
  font-size:52px;
}
.october-rose-intro h2{
  margin:2px 0 8px;
  font-size:clamp(28px,3vw,44px);
  color:#ffd3e6;
  text-transform:uppercase;
  font-style:italic;
  font-family:"Arial Black",Impact,sans-serif;
}
.october-rose-intro p:last-child{
  max-width:1000px;
  margin:0;
  color:#ece1e7;
  font-size:17px;
}
.october-links{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  padding:18px 30px 12px;
}
.october-link-card{
  display:flex;
  flex-direction:column;
  min-height:180px;
  padding:22px;
  border:1px solid rgba(255,122,180,.35);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(55,18,36,.94),rgba(25,12,19,.96));
  color:#fff;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.october-link-card:hover,.october-link-card:focus-visible{
  transform:translateY(-4px);
  border-color:#ff76b6;
  box-shadow:0 14px 32px rgba(255,47,146,.14);
  outline:none;
}
.october-link-card strong{
  color:#ff85bb;
  font-size:20px;
  text-transform:uppercase;
  font-style:italic;
  font-family:"Arial Black",Impact,sans-serif;
}
.october-link-card span{margin:10px 0 18px;color:#e5d9df}
.october-link-card em{margin-top:auto;color:#ffd3e6;font-weight:900;font-style:normal;text-transform:uppercase;font-size:12px}
.october-disclaimer{padding:0 30px 28px;margin:0;color:#aa96a1;font-size:12px}

@media(max-width:900px){
  .october-links{grid-template-columns:1fr}
}
@media(max-width:600px){
  .october-rose-section:before{inset:14px}
  .october-rose-intro{grid-template-columns:1fr;padding:25px 28px 8px}
  .october-ribbon{width:74px;height:74px;font-size:40px}
  .october-links{padding:14px 28px 10px}
  .october-disclaimer{padding:0 28px 26px}
}