/* Photo settings: replace assets/lisa-boudoir* and adjust these focal points. */
#accueil{--photo-position-desktop:50% 50%;--photo-position-mobile:50% 50%;--photo-ratio-desktop:1516/1038;--photo-ratio-mobile:1516/1038;--hero-progress:0;--hero-fade:1;--symbol-fade:1;--title-lift:0px}
#site>header{padding:24px 5%;background:linear-gradient(180deg,#080610ed,#08061080 55%,transparent);border-top:1px solid #c49a5633;isolation:isolate}#site>header .brand{font-size:23px;text-shadow:0 0 15px #c49a5622}#site>header .header-note{color:#c5b1c6;font-size:8px;letter-spacing:3.5px}#site>header #menu-button{border-color:#c49a5655;background:#100b1599;backdrop-filter:blur(8px);min-height:44px;padding:12px 18px}#site>header #menu-button span{color:#ef92cc}
#accueil.hero{padding:126px 0 0;min-height:0;position:relative;overflow:hidden;text-align:center;isolation:isolate;background:radial-gradient(ellipse at 14% 22%,#50102f99,transparent 46%),radial-gradient(ellipse at 89% 28%,#11375366,transparent 45%),linear-gradient(110deg,#080610,#25112f 47%,#0b0915 80%)}#accueil:before{inset:25px 22px auto;height:410px;border:1px solid #c49a5630;border-bottom:0;z-index:0;mask-image:linear-gradient(#000,transparent)}#accueil:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:6;background:linear-gradient(0deg,#080610,transparent 15%);opacity:calc(1 - var(--hero-fade))}.hero-velvet{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 8% 10%,#0009,transparent 20%),radial-gradient(ellipse at 30% 5%,#ffffff06,transparent 15%),radial-gradient(ellipse at 65% 15%,#0009,transparent 20%),radial-gradient(ellipse at 83% 8%,#8c548518,transparent 19%);opacity:0;transition:opacity 1.2s}.hero-ready .hero-velvet{opacity:1}#accueil .hero-top{padding:0 6.5%;font-size:8px;letter-spacing:3px;position:relative;z-index:4;color:#c49a56b3}#accueil .hero-top:after{content:'';position:absolute;left:50%;top:45px;width:55px;height:18px;transform:translateX(-50%);border-top:1px solid #c49a5666;border-bottom:1px solid #c49a5622;border-radius:50%}
.hero-title-wrap{position:relative;z-index:4;transform:translateY(var(--title-lift));pointer-events:none}#accueil .name-stage{width:min(86%,1000px);max-width:none;margin:50px auto 0;padding:0 0 16px;isolation:isolate}#accueil .name-stage h1{position:relative;z-index:2;margin:0;animation:none;font-family:'Bodoni Moda',Georgia,serif;font-weight:900;font-size:clamp(130px,24vw,310px);line-height:.89;letter-spacing:-.065em;color:#f0e3ce;text-shadow:0 1px 0 #a68a65,0 3px 0 #6c5147,0 8px 24px #000b,-10px 0 30px #ff43b420,10px 0 30px #28ceff1c}#accueil h1 .lisa-word{font:inherit;line-height:inherit;letter-spacing:inherit;padding:0;display:block;opacity:0}#accueil h1 .selys-word{font:400 clamp(25px,4.5vw,58px)/1.3 'Bodoni Moda',Georgia,serif;letter-spacing:.37em;padding:22px 0 0 .37em;color:#e7d6b7;text-shadow:0 2px 12px #000,0 0 15px #c49a5633;opacity:0}#accueil .hero-skull{z-index:3;top:-36%;left:-1%;font:clamp(130px,23vw,285px)/1.3 Georgia;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.6px #ff43b4;filter:drop-shadow(0 0 3px #ff43b4) drop-shadow(0 0 12px #ff43b466);transform:rotate(18deg);animation:none;opacity:0;mix-blend-mode:screen;pointer-events:none}#accueil .hero-skull:after{content:'';position:absolute;inset:35% 5% 10% 20%;background:radial-gradient(ellipse,#ff43b414,transparent 65%);z-index:-1}#accueil .hero-spade{z-index:1;top:-24%;right:-6%;left:auto;width:31%;height:auto;font-size:initial;line-height:normal;color:initial;-webkit-text-stroke:0;filter:drop-shadow(0 0 3px #28ceffcc) drop-shadow(0 0 16px #28ceff44);transform:rotate(-18deg);animation:none;opacity:0;pointer-events:none}#accueil .hero-spade svg{display:block;width:100%;height:auto;overflow:visible}
#accueil .hero-panorama{position:relative;z-index:1;width:100%;margin-top:-48px;opacity:0;transform:translateY(12px);background:#100a18;mask-image:linear-gradient(0deg,transparent,#000 13%,#000 92%,transparent);isolation:isolate}#accueil .hero-panorama picture{display:block;width:100%}#accueil .hero-panorama img{display:block;width:100%;height:auto;aspect-ratio:var(--photo-ratio-desktop);object-fit:cover;object-position:var(--photo-position-desktop)}#accueil .hero-panorama:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08061033,transparent 20%,transparent 85%,#08061033),linear-gradient(180deg,#25112f22,transparent 20%,transparent 80%,#08061088);pointer-events:none}#accueil .hero-after{position:relative;z-index:5;margin-top:-35px;padding:0 24px 70px;background:linear-gradient(transparent,#080610 25%)}#accueil .hero-line{margin:0 0 18px;color:#cfbdd1;font-size:11px;letter-spacing:.8px}#accueil .hero-line em{font-size:22px;color:#ceb28a}#accueil .scroll-cue{margin:22px auto 0;font-size:8px;letter-spacing:3px}#accueil .scroll-cue span{color:#ec7fc6;font-size:25px}
.hero-ready .lisa-word{animation:hero-name-on 1.3s .32s both!important}.hero-ready .selys-word{animation:hero-name-on 1s .75s both!important}.hero-ready .hero-skull{animation:hero-skull-on 2.8s .1s linear both!important}.hero-ready .hero-spade{animation:hero-symbol-on .95s .05s both!important}.hero-ready .hero-panorama{animation:hero-photo-on 1.15s .85s both!important}#accueil.hero-ready .name-stage{opacity:var(--hero-fade)}#accueil.hero-ready .hero-panorama picture{opacity:var(--hero-fade)}#accueil.hero-ready .hero-skull,#accueil.hero-ready .hero-spade{visibility:visible}#accueil .name-stage:after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,#080610,#080610);opacity:calc(1 - var(--symbol-fade));mix-blend-mode:multiply}
@keyframes hero-name-on{0%{opacity:0;filter:brightness(.5);translate:0 8px}65%{opacity:1;filter:brightness(1.12)}100%{opacity:1;filter:brightness(1);translate:0 0}}@keyframes hero-symbol-on{from{opacity:0;scale:.95}to{opacity:1;scale:1}}@keyframes hero-skull-on{
0%{opacity:0;filter:drop-shadow(0 0 1px #ff43b444)}
24%,53.9%{opacity:var(--symbol-fade);filter:drop-shadow(0 0 3px #ff43b4) drop-shadow(0 0 14px #ff43b477)}
54%,59%{opacity:.045;filter:none}
59.1%,76.9%{opacity:var(--symbol-fade);filter:drop-shadow(0 0 3px #ff43b4) drop-shadow(0 0 14px #ff43b477)}
77%,84%{opacity:.035;filter:none}
84.1%,100%{opacity:var(--symbol-fade);filter:drop-shadow(0 0 3px #ff43b4) drop-shadow(0 0 12px #ff43b466)}
}@keyframes hero-photo-on{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){#accueil.hero{min-height:0}}@media(max-width:700px){#site>header{padding:18px 6%}#site>header #menu-button{padding:10px 13px}#accueil.hero{padding:112px 0 0;min-height:0}#accueil:before{inset:12px 12px auto;height:300px}#accueil .hero-top{font-size:6px;letter-spacing:1.5px;padding:0 7%}#accueil .hero-top:after{top:35px;width:35px;height:12px}#accueil .name-stage{width:91%;margin:67px auto 0;padding-bottom:10px}#accueil .name-stage h1{font-size:31.5vw;line-height:.92;letter-spacing:-.06em}#accueil h1 .selys-word{font-size:7.2vw;padding-top:12px;letter-spacing:.32em;padding-left:.32em}#accueil .hero-skull{font-size:38vw;top:-60%;left:-4%;-webkit-text-stroke-width:1px;filter:drop-shadow(0 0 2px #ff43b4) drop-shadow(0 0 8px #ff43b455)}#accueil .hero-spade{width:35%;top:-45%;right:-2%}#accueil .hero-panorama{margin-top:-19px}#accueil .hero-panorama img{aspect-ratio:var(--photo-ratio-mobile);object-position:var(--photo-position-mobile)}#accueil .hero-after{margin-top:-10px;padding-bottom:24px}#accueil .hero-line{font-size:10px;margin-bottom:12px}#accueil .hero-line em{font-size:20px}#accueil .scroll-cue{margin-top:12px;font-size:7px}}
@media(prefers-reduced-motion:reduce){#accueil .hero-velvet,#accueil .lisa-word,#accueil .selys-word,#accueil .hero-skull,#accueil .hero-spade,#accueil .hero-panorama{opacity:1;animation:none!important;transform:none}#accueil .hero-skull{transform:rotate(18deg)}#accueil .hero-spade{transform:rotate(-18deg)}#accueil .hero-title-wrap{transform:none}#accueil .name-stage,#accueil .hero-panorama picture{opacity:1!important}#accueil .name-stage:after{display:none}}
#accueil .name-stage:after{display:none}@keyframes hero-symbol-on{from{opacity:0;scale:.95}to{opacity:var(--symbol-fade);scale:1}}@keyframes hero-skull-on{
0%{opacity:0;filter:drop-shadow(0 0 1px #ff43b444)}
24%,53.9%{opacity:var(--symbol-fade);filter:drop-shadow(0 0 3px #ff43b4) drop-shadow(0 0 14px #ff43b477)}
54%,59%{opacity:.045;filter:none}
59.1%,76.9%{opacity:var(--symbol-fade);filter:drop-shadow(0 0 3px #ff43b4) drop-shadow(0 0 14px #ff43b477)}
77%,84%{opacity:.035;filter:none}
84.1%,100%{opacity:var(--symbol-fade);filter:drop-shadow(0 0 3px #ff43b4) drop-shadow(0 0 12px #ff43b466)}
}
#accueil .hero-skull{mix-blend-mode:normal}

#accueil .scroll-cue{display:table;min-width:44px;min-height:44px;padding:5px 12px;color:#a795ab;letter-spacing:2px}#accueil .scroll-cue span{font-size:17px;line-height:1.5;color:#bd91b0;opacity:.65;text-shadow:none}
#accueil .hero-top>span:last-child{font-size:11px;line-height:1;color:#cfb582;letter-spacing:3px;text-shadow:0 0 7px #c49a5620}@media(max-width:700px){#accueil .hero-top>span:last-child{font-size:9px;letter-spacing:2px}}

/* Tiny neon surprises: original signs and entrance stay intact. */
#accueil button.hero-skull{appearance:none;border:0;background:transparent;padding:0;margin:0;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#accueil .hero-skull:focus-visible{outline:1px solid #ff43b4;outline-offset:5px;border-radius:35%}
#accueil .skull-wink{position:absolute;inset:0;pointer-events:none;opacity:0;clip-path:ellipse(10% 8% at 52% 48%);filter:drop-shadow(0 0 2px #ffe1f4) drop-shadow(0 0 7px #ff43b4)}
#accueil .is-winking .skull-wink{animation:skull-eye-wink .48s ease-out}
@keyframes skull-eye-wink{0%,100%{opacity:0}18%{opacity:1}42%{opacity:.12}65%{opacity:.9}}
#accueil.hero-ready .hero-spade svg{animation:spade-current 11s 3s linear infinite;animation-play-state:paused}
#accueil.hero-ready.neon-visible .hero-spade svg{animation-play-state:running}
@keyframes spade-current{0%,43%,49%,100%{opacity:1}44%{opacity:.55}45%{opacity:.85}46%{opacity:.66}48%{opacity:1}}
@media(prefers-reduced-motion:reduce){#accueil .skull-wink,#accueil.hero-ready .hero-spade svg{animation:none!important}#accueil .is-winking .skull-wink{opacity:.65}}