:root{--noir:#121420;--or:#d9a441;--cuivre:#b8693a;--creme:#efe6d6;--sauge:#6b7a5a;--fond:var(--noir);--texte:var(--creme);--accent:var(--or);--accent-2:var(--cuivre);--font-titre:"Lora", Georgia, serif;--font-texte:"Source Sans 3", system-ui, sans-serif;--font-arabisant:"El Messiri", Georgia, serif;--largeur-max:1100px;--gouttiere:1rem;--rayon:6px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--fond);min-height:100vh;color:var(--texte);font-family:var(--font-texte);flex-direction:column;font-size:1.0625rem;line-height:1.6;display:flex}#root{flex-direction:column;flex:1;display:flex}main{flex:1}h1,h2,h3{font-family:var(--font-titre);color:var(--accent);line-height:1.2}h1{font-size:clamp(2.2rem,6vw,3.5rem)}h2{margin-bottom:1rem;font-size:clamp(1.6rem,4vw,2.2rem)}p+p{margin-top:1rem}a{color:var(--accent)}img{max-width:100%;display:block}.conteneur{width:100%;max-width:var(--largeur-max);padding:3rem var(--gouttiere);margin:0 auto}.section-claire{background:var(--creme);color:var(--noir)}.section-claire h2,.section-claire h3{color:var(--cuivre)}.bouton{border:2px solid var(--accent);border-radius:var(--rayon);background:var(--accent);color:var(--noir);padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.bouton:hover,.bouton-secondaire{color:var(--accent);background:0 0}.bouton-secondaire:hover{background:var(--accent);color:var(--noir)}.page-intro{text-align:center}.chapeau{font-family:var(--font-arabisant);max-width:48ch;margin:1.5rem auto 0;font-size:clamp(1.2rem,2.6vw,1.5rem);line-height:1.5}.bande-contenu{text-align:center;padding-block:clamp(3.5rem,8vw,6rem)}.bande-contenu p{max-width:60ch;margin-inline:auto}.bande-surtitre{letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:.8rem;font-weight:600}.section-claire .bande-surtitre{color:var(--accent-2)}.bande-contenu h2{margin-bottom:0}.bande-contenu h2:after{content:"";opacity:.6;background:currentColor;width:60px;height:1px;margin:1.5rem auto 2rem;display:block}.bande-citation{background:var(--accent-2);color:var(--creme);text-align:center}.bande-citation blockquote{padding-block:clamp(3rem,7vw,5rem)}.bande-citation p{font-family:var(--font-arabisant);max-width:30ch;margin-inline:auto;font-size:clamp(1.4rem,3.5vw,2rem);line-height:1.4}.photo-bande{border-radius:var(--rayon);width:auto;max-width:min(100%,520px);height:auto;max-height:400px;margin:2.5rem auto 0}.header{border-bottom:1px solid #d9a44140}.header-interieur{max-width:var(--largeur-max);padding:1rem var(--gouttiere);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.header-logo{font-family:var(--font-titre);letter-spacing:.15em;color:var(--accent);font-size:1.6rem;font-weight:700;text-decoration:none}.header-nav{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.header-nav a{color:var(--texte);border-bottom:2px solid #0000;padding:.25rem 0;text-decoration:none;transition:color .2s,border-color .2s}.header-nav a:hover{color:var(--accent)}.header-nav a.active{color:var(--accent);border-bottom-color:var(--cuivre)}.footer{padding:2rem var(--gouttiere);text-align:center;color:var(--sauge);border-top:1px solid #d9a44140;font-size:.9rem}.footer p+p{margin-top:.25rem}.hero{text-align:center;place-items:center;min-height:85vh;display:grid;position:relative;overflow:hidden}.hero-image{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-voile{z-index:1;background:linear-gradient(#12142059,#121420d9);position:absolute;inset:0}.hero-contenu{z-index:2;max-width:700px;padding:2rem var(--gouttiere);position:relative}.hero-titre{letter-spacing:.2em;font-size:clamp(3.5rem,12vw,7rem)}.hero-sous-titre{font-family:var(--font-arabisant);letter-spacing:.05em;color:var(--accent-2);font-size:clamp(1.3rem,3.2vw,1.8rem)}.hero-accroche{max-width:40ch;margin:1.5rem auto 0}.hero-boutons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.diaporama{max-width:var(--largeur-max);margin:0 auto;position:relative}.diaporama-cadre{aspect-ratio:3/2;border-radius:var(--rayon);background:var(--fond);position:relative;overflow:hidden}.diaporama-image{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity 1.2s,transform 6s ease-out;position:absolute;inset:0;transform:scale(1.06)}.diaporama-image.active{opacity:1;transform:scale(1)}.diaporama-fleche{z-index:1;border:1px solid var(--bordure-douce,#d9a44140);width:3rem;height:3rem;color:var(--creme);cursor:pointer;opacity:0;background:#1214208c;border-radius:50%;font-size:1.8rem;line-height:1;transition:opacity .3s,background .2s,color .2s;position:absolute;top:50%;transform:translateY(-50%)}.diaporama-precedente{left:1rem}.diaporama-suivante{right:1rem}.diaporama:hover .diaporama-fleche,.diaporama-fleche:focus-visible{opacity:1}.diaporama-fleche:hover{background:var(--accent);color:var(--noir)}@media (hover:none){.diaporama-fleche{opacity:1}}.diaporama-points{justify-content:center;gap:.6rem;margin-top:1.25rem;display:flex}.diaporama-point{border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:50%;width:10px;height:10px;transition:background .3s,transform .3s}.diaporama-point.active{background:var(--accent);transform:scale(1.25)}.diaporama-fleche:focus-visible,.diaporama-point:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.page-intro-serree h1{margin-bottom:0}.page-intro-serree .chapeau{margin-top:2rem}.page-intro-serree .conteneur{padding-bottom:0}.spectacle-teaser{padding-bottom:4rem}.spectacle-teaser .conteneur{padding-top:2rem}.parcours{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;list-style:none;display:grid}.parcours-etape{border:1px solid var(--bordure-douce,#d9a44140);border-radius:var(--rayon);flex-direction:column;gap:.4rem;padding:2rem 1.5rem;transition:border-color .3s;display:flex}.parcours-etape:hover{border-color:var(--accent)}.parcours-date{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;font-size:.8rem;font-weight:600}.parcours-lieu{font-family:var(--font-titre);font-size:1.2rem}.parcours-detail{opacity:.75;font-size:.95rem}@media (prefers-reduced-motion:reduce){.teaser{transition:none}.teaser:hover{transform:none}}.asso-logo{border-radius:50%;width:clamp(120px,20vw,180px);height:auto;margin:0 auto 1.5rem}.equipe{flex-wrap:wrap;justify-content:center;gap:1.5rem 3rem;margin-top:2.5rem;list-style:none;display:flex}.equipe li{flex-direction:column;align-items:center;gap:.2rem;display:flex}.equipe-nom{font-family:var(--font-titre);font-size:1.15rem}.equipe-role{opacity:.75;font-size:.85rem}.assos-action{margin-top:2.5rem}.contact-email{font-family:var(--font-arabisant);color:var(--accent-2);border-bottom:1px solid #0000;font-size:clamp(1.4rem,4vw,2.2rem);text-decoration:none;transition:border-color .2s;display:inline-block}.contact-email:hover{border-bottom-color:currentColor}.contact-action{margin-top:2rem}.teaser{aspect-ratio:16/9;border-radius:var(--rayon);border:1px solid var(--accent);width:min(100%,900px);margin:2rem auto 2.5rem;transition:box-shadow .4s,transform .4s;overflow:hidden;box-shadow:0 0 40px #d9a44140}.teaser:hover{transform:translateY(-3px);box-shadow:0 0 60px #d9a44173}.teaser iframe{border:0;width:100%;height:100%;display:block}.reseaux{flex-wrap:wrap;justify-content:center;gap:1rem;list-style:none;display:flex}.reseaux a{font-family:var(--font-titre);color:var(--accent-2);border:1px solid;border-radius:999px;padding:.55rem 1.4rem;font-size:1.1rem;text-decoration:none;transition:background-color .25s,color .25s;display:inline-block}.reseaux a:hover{background-color:var(--accent-2);color:#14101c}.documents{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2.5rem;list-style:none;display:flex}.document{border:1px solid var(--bordure-douce,#d9a44140);border-radius:var(--rayon);flex-direction:column;align-items:center;gap:.4rem;width:min(100%,300px);padding:2rem 1.5rem;transition:border-color .3s;display:flex}.document:hover{border-color:var(--accent)}.document-type{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;font-size:.8rem;font-weight:600}.document-detail{opacity:.75;margin-bottom:1rem;font-size:.95rem}@media (prefers-reduced-motion:reduce){.teaser{transition:none}.teaser:hover{transform:none}}