.main-menu{position:relative;width:100%;height:100dvh;overflow:hidden;background:#140617;isolation:isolate}.menu-scene{position:absolute;inset:-2%;background-size:cover;background-position:center;filter:brightness(.59) saturate(1.15);animation:menuRoom 22s ease-in-out infinite alternate;z-index:-4}.menu-haze{position:absolute;inset:0;background:linear-gradient(90deg,#10091df2 0%,#19091bc9 31%,#1b071838 70%,#16061750),linear-gradient(0deg,#120616d9,transparent 35%);z-index:-3}.menu-spotlight{position:absolute;top:-20%;height:135%;width:55%;background:linear-gradient(180deg,#fbcba622,transparent 80%);clip-path:polygon(48% 0,54% 0,100% 100%,0 100%);mix-blend-mode:screen;transform-origin:50% 0;pointer-events:none;animation:menuBeam 11s ease-in-out infinite alternate;z-index:-2}.beam-one{left:38%;transform:rotate(-20deg)}.beam-two{left:8%;background:linear-gradient(#ff71d825,transparent 80%);animation-delay:-6s;animation-direction:alternate-reverse}.menu-maxime{position:absolute;right:6%;bottom:-3%;height:99%;width:48%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 25px #05000b);transform-origin:50% 95%;animation:maximeIdle 7s ease-in-out infinite;z-index:-1;pointer-events:none}.menu-content{position:relative;width:52%;max-width:900px;height:100%;padding:6vh 0 8vh 6vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.menu-overline{color:#dbbc87;font:11px Georgia;letter-spacing:.3em;margin:0 0 16px 6%;text-shadow:0 3px 4px #000}.menu-logo{width:100%;max-height:33vh;object-fit:contain;filter:drop-shadow(0 8px 12px #000a);animation:logoArrive 1s ease-out both}.menu-tagline{font:italic 23px/1.5 Georgia;color:#f0d4c2;margin:16px 0 25px 10%;text-shadow:0 3px 5px #000}.menu-buttons{display:grid;gap:10px;width:74%;margin-left:10%}.menu-buttons button{position:relative;text-align:left;background:linear-gradient(110deg,#823248ee,#2d1028ed 85%);border:3px ridge #d6ab68;color:#ffe2ad;border-radius:2px;padding:13px 22px;font:bold 19px Georgia;letter-spacing:.02em;box-shadow:0 6px 10px #0008,inset 0 0 18px #c66b8830;transition:transform .15s,filter .15s}.menu-buttons button:first-child{background:linear-gradient(110deg,#b34e61f0,#5a173deb);border-color:#f0c483}.menu-buttons button:hover{transform:translateX(7px);filter:brightness(1.2)}.menu-buttons button span{display:inline-block;width:32px;color:#f7c477}.menu-buttons button small{display:block;padding-left:32px;font:11px Georgia;letter-spacing:.04em;color:#dfc2c6;margin-top:5px}.menu-save-note{font:11px Georgia;color:#c5aabf;margin:18px 0 0 10%}.menu-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:17px 30px;color:#bc9b90;font:9px Georgia;letter-spacing:.17em;border-top:1px solid #bc8c4650;background:#11061785}.menu-dust{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-2}.menu-dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffd795;box-shadow:0 0 9px #fac277;left:calc(4% + var(--i)*5.3%);bottom:-10%;opacity:0;animation:menuDust 12s linear infinite;animation-delay:calc(var(--i)*-.71s)}.title-confirm{position:absolute;inset:0;display:grid;place-items:center;background:#100514c9;padding:20px}.intro-film{position:relative;width:100%;height:100dvh;overflow:hidden;background:#08030d}.intro-film:before,.intro-film:after{content:'';position:absolute;left:0;right:0;height:7%;background:#08030d;z-index:7;pointer-events:none}.intro-film:before{top:0}.intro-film:after{bottom:0}.intro-shot{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:introShot 3.6s ease-in-out both;overflow:hidden}.intro-shot:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#160720b0,transparent 50%);pointer-events:none}.intro-shot>span{position:absolute;left:10%;bottom:18%;font:bold clamp(22px,3.2vw,54px)/1.3 Georgia;color:#ffe3b9;text-shadow:0 4px 6px #000;z-index:2;animation:introWords 3.6s both}.shot-two{animation-delay:3.2s}.shot-two>span{animation-delay:3.2s}.shot-three{animation-delay:6.4s;animation-duration:4.1s}.intro-maxime{position:absolute;right:8%;height:90%;bottom:0;filter:drop-shadow(0 15px 20px #0008);animation:introHero 4.1s 6.4s both;z-index:1}.intro-finale{position:absolute;left:5%;top:24%;width:49%;z-index:3;animation:introWords 4.1s 6.4s both}.intro-finale img{width:100%;filter:drop-shadow(0 8px 15px #000)}.intro-finale span{display:block;font:italic 27px Georgia;color:#fff0cf;text-align:center;margin-top:28px;text-shadow:0 3px 5px #000}.intro-skip{position:absolute;right:30px;bottom:25px;z-index:9;color:#f9d8aa;background:#32112a;border:2px ridge #bf925b;padding:12px 20px;font:14px Georgia}.intro-progress{position:absolute;left:0;bottom:7%;height:2px;background:#e5b477;z-index:9;animation:introProgress 10.5s linear forwards}.intro-film:focus{outline:0}@keyframes menuRoom{to{transform:scale(1.04) translateX(-1%)}}@keyframes menuBeam{to{transform:rotate(18deg);opacity:.45}}@keyframes maximeIdle{0%,100%{transform:translateY(0) rotate(-.45deg)}45%{transform:translateY(-6px) rotate(.65deg)}75%{transform:translateY(-2px) rotate(.1deg)}}@keyframes logoArrive{from{opacity:0;transform:translateY(-15px) scale(.96)}to{opacity:1;transform:none}}@keyframes menuDust{15%{opacity:.6}85%{opacity:.25}100%{transform:translate(35px,-100vh);opacity:0}}@keyframes introShot{0%{opacity:0;transform:scale(1)}12%,88%{opacity:1}100%{opacity:0;transform:scale(1.08)}}@keyframes introWords{0%,10%{opacity:0;transform:translateY(25px)}25%,90%{opacity:1;transform:none}100%{opacity:0}}@keyframes introHero{from{transform:translateX(50px) rotate(-1deg);opacity:0}20%,100%{opacity:1;transform:translateX(0) rotate(.4deg)}}@keyframes introProgress{from{width:0}to{width:100%}}
@media(max-width:700px) and (orientation:portrait){.menu-scene{background-position:62% center}.menu-maxime{right:-16%;height:87%;width:95%;opacity:.85}.menu-haze{background:linear-gradient(90deg,#13071bc9,#1807162b),linear-gradient(0deg,#100719f5 10%,transparent 65%)}.menu-content{width:100%;padding:4vh 7vw 11vh;justify-content:flex-end}.menu-overline{font-size:8px;letter-spacing:.16em;margin-left:0}.menu-logo{max-height:23vh;width:100%;margin-bottom:auto}.menu-tagline{margin:14px 0;font-size:19px;text-shadow:0 3px 4px #000}.menu-buttons{width:90%;margin:0;gap:8px}.menu-buttons button{font-size:16px;padding:10px 16px}.menu-save-note{margin-left:0;font-size:10px}.menu-footer{font-size:7px;padding:12px;letter-spacing:.06em}.intro-maxime{right:-20%;height:80%}.intro-finale{left:5%;top:15%;width:85%}.intro-finale span{font-size:21px;margin-top:15px}.intro-shot>span{bottom:20%;left:8%;right:8%}.intro-skip{right:15px;bottom:15px;font-size:12px;padding:9px 12px}}
@media(max-height:620px) and (orientation:landscape){.menu-content{padding-top:3vh;padding-bottom:8vh;width:56%}.menu-overline{font-size:8px;margin-bottom:6px}.menu-logo{max-height:26vh}.menu-tagline{font-size:15px;margin:5px 0 12px 10%}.menu-buttons{gap:5px}.menu-buttons button{font-size:14px;padding:6px 14px}.menu-buttons small{font-size:9px!important}.menu-save-note{margin-top:8px;font-size:9px}.menu-footer{padding:8px 20px;font-size:7px}.menu-maxime{right:2%}.intro-finale span{font-size:19px}}
@media(prefers-reduced-motion:reduce){.main-menu *{animation:none!important}.intro-shot{animation:none;opacity:0}.intro-shot.shot-three{opacity:1}.intro-maxime,.intro-finale{animation:none;opacity:1}.intro-progress{animation:none;width:100%}}