/* Gento — feuille de style commune du site vitrine.
   Identité : bleu nuit, or pâle (plein air, actions), bleu projecteur (salle), faisceau de projecteur.
   Les accents passent par --accent / --accent-texte / --accent-rgb : or par défaut, bleu avec .ton-bleu. */
:root{
  --nuit:#0A0E1C; --nuit-2:#111729; --nuit-3:#182038;
  --ivoire:#F3EFE6; --gris:#A9B0C4;
  --or:#F4CE86; --or-fonce:#E2B565; --bleu:#7AA2FF; --bleu-texte:#9DBBFF; --erreur:#FF8A7A;
  --bordure:rgba(243,239,230,.12);
  --police:'Archivo','Helvetica Neue',Arial,sans-serif;
  --accent:var(--or); --accent-texte:var(--or); --accent-rgb:244,206,134;
}
.ton-bleu{--accent:var(--bleu); --accent-texte:var(--bleu-texte); --accent-rgb:122,162,255;}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--nuit);color:var(--ivoire);font-family:var(--police);line-height:1.6;overflow-x:hidden;}
.wrap{width:min(1120px,92vw);margin:0 auto;}
a{color:inherit;}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--or);outline-offset:3px;}
[hidden]{display:none !important;}

/* Titres : larges comme le logo */
h1,h2,.titre-large{font-stretch:125%;letter-spacing:-.015em;text-wrap:balance;}
h1{font-weight:700;font-size:clamp(2.1rem,5.2vw,3.9rem);line-height:1.05;}
.page-accueil h1{font-size:clamp(2.2rem,5.6vw,4.4rem);}
h1 .g{color:var(--accent-texte);}
h2{font-weight:700;font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.1;}
h3{font-stretch:112%;font-weight:650;}
.sec-label{letter-spacing:.22em;text-transform:uppercase;font-size:.78rem;color:var(--accent-texte);font-weight:600;margin-bottom:14px;}

/* Menu */
nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:18px min(4vw,40px);backdrop-filter:blur(12px);background:rgba(10,14,28,.6);border-bottom:1px solid var(--bordure);}
.brand{display:inline-flex;align-items:center;text-decoration:none;}
.brand img{height:28px;width:auto;display:block;}
@media(max-width:700px){.brand img{height:24px;}}
.nav-links{display:flex;gap:28px;}
.nav-link{text-decoration:none;color:var(--gris);font-size:.95rem;font-weight:500;transition:color .2s;}
.nav-link:hover,.nav-link[aria-current=page]{color:var(--ivoire);}
.nav-link.air:hover{color:var(--or);}
.nav-link.interieur:hover{color:var(--bleu-texte);}
@media(max-width:700px){.nav-links{display:none;}}
.nav-cta{background:var(--or);color:var(--nuit);font-weight:650;text-decoration:none;padding:10px 20px;border-radius:999px;font-size:.92rem;transition:background .2s,transform .2s;}
.nav-cta:hover{background:var(--or-fonce);transform:translateY(-2px);}

/* Haut de page + faisceau de projecteur */
.hero{position:relative;min-height:82vh;display:flex;flex-direction:column;justify-content:center;
  padding:130px min(4vw,40px) 70px;overflow:hidden;--intensite:.75;}
.page-accueil .hero{min-height:100vh;padding-top:120px;--intensite:1;}
.faisceau{position:absolute;top:-25%;left:-8%;width:80%;height:160%;z-index:0;pointer-events:none;transform-origin:18% 0;
  background:linear-gradient(168deg,rgba(var(--accent-rgb),calc(.42*var(--intensite))),rgba(var(--accent-rgb),calc(.1*var(--intensite))) 45%,transparent 78%);
  clip-path:polygon(16% 0,24% 0,100% 100%,0 100%);filter:blur(14px);animation:respire 8s ease-in-out infinite;}
@keyframes respire{0%,100%{opacity:.72;transform:rotate(-1.2deg);}50%{opacity:1;transform:rotate(1.4deg);}}
@media(max-width:700px){.faisceau{width:150%;left:-35%;}}
.halo-bleu{position:absolute;right:-15%;bottom:-30%;width:60%;height:70%;border-radius:50%;background:rgba(122,162,255,.16);filter:blur(80px);z-index:0;pointer-events:none;}
.poussieres{position:absolute;inset:0;z-index:1;pointer-events:none;}
.poussieres span{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--accent);opacity:0;
  animation:flotte var(--d,10s) linear infinite;animation-delay:var(--delai,0s);}
@keyframes flotte{0%{transform:translate(0,0);opacity:0;}15%{opacity:.75;}100%{transform:translate(var(--dx,40px),-170px);opacity:0;}}
.hero-inner{position:relative;z-index:2;max-width:860px;}
.eyebrow{display:inline-block;letter-spacing:.22em;text-transform:uppercase;font-size:.78rem;color:var(--accent-texte);font-weight:600;
  border:1px solid rgba(var(--accent-rgb),.35);padding:7px 16px;border-radius:999px;margin-bottom:26px;}
.lede{color:var(--gris);font-size:clamp(1.05rem,1.6vw,1.2rem);max-width:640px;margin:26px 0 34px;}
.btns{display:flex;gap:14px;flex-wrap:wrap;}

/* Boutons */
.btn-primary{display:inline-block;background:var(--or);color:var(--nuit);font-weight:650;text-decoration:none;padding:14px 28px;border-radius:999px;transition:background .2s,transform .2s,box-shadow .2s;}
.btn-primary:hover{background:var(--or-fonce);transform:translateY(-2px);box-shadow:0 12px 34px rgba(244,206,134,.22);}
.btn-ghost{display:inline-block;border:1px solid var(--bordure);color:var(--ivoire);text-decoration:none;padding:14px 28px;border-radius:999px;transition:border-color .2s;}
.btn-ghost:hover{border-color:var(--or);}

/* Bandeau défilant (séparateur : symbole Gento) */
.marquee{position:relative;z-index:2;margin-top:60px;overflow:hidden;border-top:1px solid var(--bordure);border-bottom:1px solid var(--bordure);padding:16px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);}
.marquee-track{display:flex;gap:44px;white-space:nowrap;width:max-content;animation:defile 30s linear infinite;}
.marquee span{font-stretch:125%;font-weight:600;font-size:1rem;color:var(--gris);display:inline-flex;align-items:center;}
.marquee span::before{content:"";width:.95em;height:.95em;margin-right:44px;background:url(assets/gento-symbole.svg) center/contain no-repeat;}
@keyframes defile{to{transform:translateX(-50%);}}

/* Sections, apparition au défilement */
section{padding:100px 0;}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}

/* Cartes */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;}
.grid.g4{grid-template-columns:repeat(4,1fr);}
@media(max-width:900px){.grid,.grid.g4{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.grid,.grid.g4{grid-template-columns:1fr;}}
.card{background:var(--nuit-2);border:1px solid var(--bordure);border-radius:18px;padding:28px;transition:transform .25s,border-color .25s;}
.card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.45);}
.card .ico{font-size:2rem;margin-bottom:16px;}
.card h3{font-size:1.15rem;margin-bottom:8px;}
.card p{color:var(--gris);font-size:.96rem;}
.carte-lien{text-decoration:none;display:flex;flex-direction:column;}
.carte-lien .go{margin-top:auto;padding-top:14px;font-weight:600;color:var(--accent-texte);}

/* Plein air / en salle */
.formules{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px;}
@media(max-width:760px){.formules{grid-template-columns:1fr;}}
.formule{position:relative;border:1px solid rgba(var(--accent-rgb),.35);border-radius:24px;padding:40px;overflow:hidden;min-height:320px;
  display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;transition:transform .25s,border-color .25s;}
.formule:hover{transform:translateY(-6px);border-color:var(--accent);}
.formule::before{content:"";position:absolute;inset:0;z-index:0;
  background:radial-gradient(130% 100% at 85% 0%,rgba(var(--accent-rgb),.28),transparent 58%),linear-gradient(180deg,var(--nuit-2),var(--nuit));}
.formule>*{position:relative;z-index:1;}
.formule .ftag{align-self:flex-start;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:650;padding:6px 13px;border-radius:999px;margin-bottom:auto;
  background:rgba(var(--accent-rgb),.16);color:var(--accent-texte);}
.formule h3{font-stretch:125%;font-weight:700;font-size:1.7rem;margin:20px 0 8px;}
.formule p{color:var(--gris);margin-bottom:18px;}
.formule .go{font-weight:600;color:var(--accent-texte);}

/* Preuves, histoire */
.proof{text-align:center;}
.stat{font-stretch:125%;font-weight:800;font-size:clamp(2.4rem,6vw,4rem);color:var(--or);line-height:1.1;}
.stat-sub{color:var(--gris);letter-spacing:.04em;margin-top:6px;}
.proof blockquote{font-style:italic;font-weight:400;font-size:clamp(1.2rem,2.4vw,1.6rem);max-width:760px;margin:38px auto 0;line-height:1.45;}
.story-grid{display:grid;grid-template-columns:.85fr 1fr;gap:48px;align-items:center;margin-top:70px;text-align:left;}
@media(max-width:800px){.story-grid{grid-template-columns:1fr;gap:28px;}}
.story-grid.sans-photo{grid-template-columns:1fr;max-width:640px;margin-left:auto;margin-right:auto;}
.story-photo{aspect-ratio:4/5;border-radius:22px;overflow:hidden;border:1px solid var(--bordure);background:var(--nuit-2);}
.story-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.story-text h2{font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:18px;}
.story-text p{color:var(--gris);font-size:1.05rem;}

/* Devis, listes à symbole */
.facteurs,.occ-details ul{list-style:none;}
.facteurs{display:grid;grid-template-columns:1fr 1fr;gap:14px 32px;margin-top:36px;color:var(--gris);}
@media(max-width:700px){.facteurs{grid-template-columns:1fr;}}
.facteurs li,.occ-details li{padding-left:26px;position:relative;}
.facteurs li::before,.occ-details li::before{content:"";position:absolute;left:0;top:.38em;width:.85em;height:.85em;background:url(assets/gento-symbole.svg) center/contain no-repeat;}
.facteurs b{color:var(--ivoire);font-weight:650;}
.devis-promesse{margin-top:30px;font-size:1.1rem;}
.devis-promesse a{color:var(--or);font-weight:650;text-decoration:none;}

/* FAQ */
.faq{margin-top:36px;max-width:820px;}
.faq details{border-top:1px solid var(--bordure);padding:18px 0;}
.faq details:last-child{border-bottom:1px solid var(--bordure);}
.faq summary{cursor:pointer;font-stretch:112%;font-weight:650;font-size:1.1rem;list-style:none;display:flex;justify-content:space-between;gap:16px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";color:var(--or);font-weight:400;}
.faq details[open] summary::after{content:"–";}
.faq details p{color:var(--gris);margin-top:10px;max-width:680px;}

/* Contact et formulaire */
#contact{background:linear-gradient(180deg,var(--nuit),var(--nuit-2));}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
@media(max-width:800px){.contact-grid{grid-template-columns:1fr;gap:32px;}}
.contact-intro{color:var(--gris);margin-top:16px;}
.coord{color:var(--gris);}
.coord a{color:var(--or);text-decoration:none;font-weight:650;}
.coord .line{margin-top:18px;font-size:1.05rem;}
form{display:flex;flex-direction:column;gap:14px;}
form label{display:flex;flex-direction:column;gap:6px;font-size:.88rem;font-weight:500;color:var(--gris);min-width:0;}
.facultatif,.aide{font-weight:400;}
.aide{font-size:.8rem;}
.champs-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:560px){.champs-2{grid-template-columns:1fr;}}
input,textarea,select{background:var(--nuit-3);border:1px solid var(--bordure);border-radius:12px;padding:14px 16px;color:var(--ivoire);
  font-family:var(--police);font-size:1rem;width:100%;min-width:0;color-scheme:dark;}
select option{background:var(--nuit-2);}
input::placeholder,textarea::placeholder{color:#7F879C;}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--or);}
[aria-invalid=true]{border-color:var(--erreur);}
form button{background:var(--or);color:var(--nuit);font-weight:650;border:none;padding:15px;border-radius:12px;font-size:1rem;font-family:var(--police);cursor:pointer;transition:background .2s;}
form button:hover{background:var(--or-fonce);}
form button:disabled{opacity:.6;cursor:wait;}
.piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.form-etat{min-height:1.4em;font-size:.95rem;}
.form-etat.erreur{color:var(--erreur);}
.rgpd{font-size:.8rem;color:var(--gris);}
.rgpd a{color:var(--or);}
.merci{border:1px solid rgba(244,206,134,.4);border-radius:20px;padding:40px 32px;text-align:center;background:var(--nuit-2);outline:none;}
.marque-symbole{width:40px;height:40px;display:block;margin:0 auto;}
.merci h3{font-stretch:125%;font-weight:700;font-size:1.4rem;margin:16px 0 8px;}
.merci p{color:var(--gris);}

/* Pages Plein air / En salle : étapes, avis, bloc « bientôt », appel final */
.steps{margin-top:44px;display:flex;flex-direction:column;}
.step{display:flex;gap:24px;padding:26px 0;border-top:1px solid var(--bordure);}
.step:last-child{border-bottom:1px solid var(--bordure);}
.step .num{font-stretch:125%;font-weight:800;font-size:1.7rem;color:var(--accent-texte);flex:none;width:60px;}
.step h3{font-size:1.2rem;margin-bottom:4px;}
.step p{color:var(--gris);}
.avis-band{background:linear-gradient(180deg,var(--nuit),var(--nuit-2));}
.avis-head{text-align:center;margin-bottom:44px;}
.avis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:820px){.avis-grid{grid-template-columns:1fr;}}
.avis{background:var(--nuit-2);border:1px solid var(--bordure);border-radius:18px;padding:26px;}
.avis .stars-row{color:var(--or);margin-bottom:12px;letter-spacing:2px;}
.avis p{font-style:italic;font-size:1.05rem;line-height:1.45;}
.avis .who{margin-top:16px;color:var(--gris);font-size:.9rem;font-style:normal;}
.bientot{text-align:center;}
.bientot h3{font-stretch:125%;font-weight:700;font-size:clamp(1.4rem,3vw,1.9rem);max-width:640px;margin:18px auto;}
.bientot p{color:var(--gris);max-width:560px;margin:0 auto;}
.proof-line{margin-top:32px;padding-top:32px;border-top:1px solid var(--bordure);color:var(--gris);}
.proof-line b{color:var(--ivoire);font-weight:650;}
.proof-line a{color:var(--or);text-decoration:none;font-weight:650;}
.cta{text-align:center;}
.cta .sec-label{text-align:center;}
.cta h2{max-width:720px;margin:0 auto 26px;}

/* Page Occasions : une scène animée par occasion, en zigzag (scène à gauche, puis à droite avec .inverse) */
.occasion{border-top:1px solid var(--bordure);scroll-margin-top:80px;}
.occasion-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.occasion-grid.inverse .scene-occasion{order:2;}
@media(max-width:820px){.occasion-grid{grid-template-columns:1fr;gap:24px;}.occasion-grid.inverse .scene-occasion{order:0;}}
.scene-occasion{border-radius:20px;overflow:hidden;background:var(--nuit-2);border:1px solid rgba(var(--accent-rgb),.25);aspect-ratio:16/10;max-width:100%;}
.scene-occasion svg{width:100%;height:100%;display:block;}
.occ-contenu{display:flex;flex-direction:column;gap:16px;min-width:0;}
.occ-contenu .sec-label,.occ-contenu h2{margin:0;}
.occ-contenu .btn-primary{align-self:flex-start;}
.occ-lede{color:var(--gris);font-size:1.1rem;max-width:520px;}
.occ-details{background:var(--nuit-2);border:1px solid rgba(var(--accent-rgb),.3);border-radius:20px;padding:24px 26px;}
.occ-details h3{font-size:1rem;margin:16px 0 6px;color:var(--accent-texte);}
.occ-details h3:first-child{margin-top:0;}
.occ-details p,.occ-details li{color:var(--gris);}
.occ-details li{margin:4px 0;}

/* Animations des scènes (préfixe sc- : « defile » est déjà le bandeau de l'accueil) */
.sc-lueur{animation:sc-lueur 3s ease-in-out infinite;}
@keyframes sc-lueur{0%,100%{opacity:.85}50%{opacity:1}}
.sc-vacille{animation:sc-vacille 4s ease-in-out infinite;}
@keyframes sc-vacille{0%,100%{opacity:.6}50%{opacity:1}}
.sc-defile{animation:sc-defile 6s linear infinite;}
@keyframes sc-defile{to{transform:translateX(-60px)}}
.sc-rebond{animation:sc-rebond 2.4s ease-in-out infinite;}
@keyframes sc-rebond{0%{transform:translate(0,0)}25%{transform:translate(30px,-18px)}50%{transform:translate(60px,0)}75%{transform:translate(30px,-10px)}100%{transform:translate(0,0)}}
.sc-saute{animation:sc-saute 1.2s ease-in-out infinite;}
@keyframes sc-saute{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.sc-barre{transform-box:fill-box;transform-origin:50% 100%;animation:sc-monte 5s ease-out infinite;}
@keyframes sc-monte{0%{transform:scaleY(.1)}35%,85%{transform:scaleY(1)}100%{transform:scaleY(.1)}}
.sc-pointe{transform-box:fill-box;transform-origin:0% 100%;animation:sc-pointe 5s ease-in-out infinite;}
@keyframes sc-pointe{0%,100%{transform:rotate(0)}40%,70%{transform:rotate(-14deg)}}
.sc-ampoule{animation:sc-clignote 1.8s ease-in-out infinite;}
@keyframes sc-clignote{0%,100%{opacity:.35}50%{opacity:1}}
.sc-coeur{transform-box:fill-box;transform-origin:center;animation:sc-bat 2.2s ease-in-out infinite;}
@keyframes sc-bat{0%,100%{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(1)}45%{transform:scale(1.08)}}
.sc-confetti{opacity:0;animation:sc-tombe 4s linear infinite;}
@keyframes sc-tombe{0%{transform:translateY(-20px) rotate(0);opacity:0}15%{opacity:1}100%{transform:translateY(120px) rotate(200deg);opacity:0}}

/* Pages Plein air et En salle : grande scène dans le haut de page (texte à gauche, scène à droite) */
.hero-grille{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;}
.hero-grille .hero-inner{max-width:none;}
@media(max-width:880px){.hero-grille{grid-template-columns:1fr;gap:32px;}}
.scene-hero{border-radius:20px;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.3);aspect-ratio:3/2;max-width:100%;background:var(--nuit-2);box-shadow:0 30px 80px rgba(0,0,0,.35);}
.scene-hero svg{width:100%;height:100%;display:block;}
/* Animations des grandes scènes (séquence de 12 s pour la salle) */
.sc-scint{animation:sc-scint 3s ease-in-out infinite}
@keyframes sc-scint{0%,100%{opacity:.2}50%{opacity:1}}
.sc-fenetre{animation:sc-fenetre 7s ease-in-out infinite}
@keyframes sc-fenetre{0%,100%{opacity:1}45%{opacity:1}50%{opacity:.25}70%{opacity:.25}75%{opacity:1}}
.sc-poussiere{opacity:0;animation:sc-poussiere 5s linear infinite}
@keyframes sc-poussiere{0%{opacity:0;transform:translate(0,0)}15%{opacity:.9}85%{opacity:.6}100%{opacity:0;transform:translate(var(--dx),var(--dy))}}
.sc-scintille-ecran{animation:sc-scintille-ecran 4s steps(1) infinite}
@keyframes sc-scintille-ecran{0%,100%{opacity:0}10%{opacity:.06}12%{opacity:0}55%{opacity:.05}57%{opacity:0}}
.sc-nuage{animation:sc-nuage 14s linear infinite}
@keyframes sc-nuage{from{transform:translateX(-80px)}to{transform:translateX(260px)}}
.sc-cycliste{animation:sc-cycliste 9s linear infinite}
@keyframes sc-cycliste{from{transform:translateX(-60px)}to{transform:translateX(300px)}}
.sc-roue{transform-box:fill-box;transform-origin:center;animation:sc-roue .8s linear infinite}
@keyframes sc-roue{to{transform:rotate(360deg)}}
.sc-hoche{transform-box:fill-box;transform-origin:50% 100%;animation:sc-hoche 5s ease-in-out infinite}
@keyframes sc-hoche{0%,100%{transform:rotate(0)}40%{transform:rotate(-4deg)}60%{transform:rotate(3deg)}}
.sc-flotte{animation:sc-flotte 6s ease-in-out infinite}
@keyframes sc-flotte{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

.sc-lampe{animation:sc-tamise 12s ease-in-out infinite}
@keyframes sc-tamise{0%,8%{opacity:1}20%,88%{opacity:.12}96%,100%{opacity:1}}
.sc-salle-sombre{animation:sc-salle-sombre 12s ease-in-out infinite}
@keyframes sc-salle-sombre{0%,8%{opacity:0}20%,88%{opacity:.55}96%,100%{opacity:0}}
.sc-faisceau-salle{animation:sc-faisceau-salle 12s ease-in-out infinite}
@keyframes sc-faisceau-salle{0%,14%{opacity:0}26%,86%{opacity:1}94%,100%{opacity:0}}
.sc-rideau-g{transform-box:fill-box;transform-origin:0% 50%;animation:sc-rideau 12s ease-in-out infinite}
.sc-rideau-d{transform-box:fill-box;transform-origin:100% 50%;animation:sc-rideau 12s ease-in-out infinite}
@keyframes sc-rideau{0%,16%{transform:scaleX(1)}30%,84%{transform:scaleX(.16)}96%,100%{transform:scaleX(1)}}
.sc-train{animation:sc-train 12s linear infinite}
@keyframes sc-train{0%,26%{transform:translateX(0)}88%,100%{transform:translateX(-430px)}}
.sc-fumee{transform-box:fill-box;transform-origin:center;opacity:0;animation:sc-fumee 1.6s ease-out infinite}
@keyframes sc-fumee{0%{opacity:.8;transform:translate(0,0) scale(.6)}100%{opacity:0;transform:translate(14px,-22px) scale(1.6)}}
.sc-pluie{animation:sc-pluie .9s linear infinite}
@keyframes sc-pluie{from{transform:translate(0,-40px)}to{transform:translate(-8px,40px)}}
.sc-sortie{animation:sc-sortie 3s ease-in-out infinite}
@keyframes sc-sortie{0%,100%{opacity:.85}50%{opacity:1}}


/* Événements : encadré vers les pages cinéma ; accueil : lien « Voir tous les événements » */
.passerelle-cinema{padding:56px 0 8px;}
.passerelle{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;background:var(--nuit-2);
  border:1px solid rgba(244,206,134,.35);border-radius:20px;padding:28px 32px;}
.passerelle .sec-label{color:var(--or);margin-bottom:8px;}
.passerelle-titre{font-stretch:125%;font-weight:700;font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.15;}
.passerelle-texte{color:var(--gris);margin-top:6px;max-width:52ch;}
.lien-suite{margin-top:28px;}
.lien-suite a{color:var(--or);font-weight:650;text-decoration:none;}

/* Pied de page */
footer{padding:40px 0;text-align:center;color:var(--gris);border-top:1px solid var(--bordure);font-size:.9rem;}
footer .brand{justify-content:center;}
footer .brand img{height:24px;}
footer .slogan{margin-top:10px;}
footer .liens-legaux{margin-top:8px;font-size:.85rem;}
footer .liens-legaux a{color:var(--gris);text-underline-offset:3px;}
footer .liens-legaux a:hover{color:var(--ivoire);}

/* Mouvement réduit : pas d'animation, tout est visible */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation:none !important;transition:none !important;}
  .reveal{opacity:1;transform:none;}
  .poussieres{display:none;}
  .sc-confetti{opacity:1;}
  .sc-poussiere{opacity:.6;}
  .sc-rideau-g,.sc-rideau-d{transform:scaleX(.16);}
  .sc-faisceau-salle{opacity:1;}
  .sc-lampe{opacity:.12;}
  .sc-salle-sombre{opacity:.55;}
}