html.evgtt-intro-lock,body.evgtt-intro-lock{overflow:hidden!important}
:root{--evgtt-red:#e31d3b;--intro-duration:5s}
#evgtt-intro{position:fixed;inset:0;z-index:2147483000;background:#050506;overflow:hidden;isolation:isolate;font-family:Arial,Helvetica,sans-serif;opacity:1;transition:opacity .6s ease;}
#evgtt-intro[hidden]{display:none!important}
#evgtt-intro .scene{position:absolute;inset:0;background:#050506}
#evgtt-intro .hall{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015);filter:saturate(.96) contrast(1.02);}
#evgtt-intro .hall-shade{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 45%,rgba(0,0,0,.23) 100%);pointer-events:none}
#evgtt-intro .door{position:absolute;top:0;bottom:0;width:50.06vw;overflow:hidden;will-change:transform;z-index:4;transform:translate3d(0,0,0);}
#evgtt-intro .door.left{left:0}.door.right{right:0}
#evgtt-intro .door img{position:absolute;top:0;width:100vw;height:100vh;max-width:none;object-fit:cover;object-position:center;user-select:none;pointer-events:none}
#evgtt-intro .door.left img{left:0}#evgtt-intro .door.right img{right:0}
#evgtt-intro .seam{position:absolute;left:50%;top:0;width:2px;height:100%;transform:translateX(-50%);z-index:7;background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(227,29,59,.65),rgba(255,255,255,.2));box-shadow:0 0 14px rgba(227,29,59,.45);opacity:.55;transition:opacity .25s ease}
#evgtt-intro .prompt{position:absolute;z-index:9;left:50%;bottom:5.2vh;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:12px 18px;color:#fff;font-weight:700;font-size:clamp(14px,1.2vw,20px);letter-spacing:.17em;text-transform:uppercase;text-shadow:0 2px 14px #000;white-space:nowrap;transition:opacity .22s ease,transform .22s ease;cursor:pointer}
#evgtt-intro .prompt:before,#evgtt-intro .prompt:after{content:"";height:2px;width:clamp(50px,7vw,120px);background:linear-gradient(90deg,transparent,var(--evgtt-red));box-shadow:0 0 8px rgba(227,29,59,.55)}
#evgtt-intro .prompt:after{background:linear-gradient(90deg,var(--evgtt-red),transparent)}
#evgtt-intro .hotspot{position:absolute;z-index:10;left:50%;top:50%;width:min(30vw,360px);aspect-ratio:1;border:0;border-radius:50%;transform:translate(-50%,-50%);background:transparent;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}
#evgtt-intro .hotspot:focus-visible{box-shadow:0 0 0 4px #fff,0 0 0 8px var(--evgtt-red)}
#evgtt-intro .press-lens{position:absolute;z-index:6;left:50%;top:50%;width:min(29vw,350px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(1);background-image:url('intro-assets/portal-ferme.jpg');background-repeat:no-repeat;background-size:100vw 100vh;background-position:center;clip-path:circle(49% at 50% 50%);opacity:0;pointer-events:none;box-shadow:inset 0 0 35px rgba(0,0,0,.6),0 0 0 2px rgba(227,29,59,.4);transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s ease,opacity .12s ease}
#evgtt-intro.engaged .prompt{opacity:0;transform:translateX(-50%) translateY(12px);pointer-events:none}
#evgtt-intro.engaged .press-lens{opacity:1;transform:translate(-50%,-50%) scale(.93);filter:brightness(.73) contrast(1.12)}
#evgtt-intro.engaged .seam{opacity:1}
#evgtt-intro.opening .press-lens{opacity:0}
#evgtt-intro.opening .door.left{animation:evgttDoorLeft 2.65s cubic-bezier(.62,.02,.17,1) forwards}
#evgtt-intro.opening .door.right{animation:evgttDoorRight 2.65s cubic-bezier(.62,.02,.17,1) forwards}
#evgtt-intro.opening .seam{animation:evgttSeam 1.1s ease forwards}
#evgtt-intro.fading{opacity:0;pointer-events:none}
@keyframes evgttDoorLeft{0%{transform:translate3d(0,0,0)}10%{transform:translate3d(-1.2vw,0,0)}100%{transform:translate3d(-101%,0,0)}}
@keyframes evgttDoorRight{0%{transform:translate3d(0,0,0)}10%{transform:translate3d(1.2vw,0,0)}100%{transform:translate3d(101%,0,0)}}
@keyframes evgttSeam{0%{opacity:1;box-shadow:0 0 14px rgba(227,29,59,.45)}45%{opacity:1;box-shadow:0 0 36px rgba(227,29,59,.9)}100%{opacity:0}}
@media (max-width:1023px),(hover:none),(pointer:coarse){#evgtt-intro{display:none!important}}
@media (prefers-reduced-motion:reduce){#evgtt-intro{display:none!important}}