@charset "UTF-8";:root{--brun-fonce: #A67C52;--bleu-pale: #5A7D9A;--brun-clair: #D9C2A7;--vert: #8A9A5B;--creme: #F5F5DC}:root{--druk-medium: 500;--druk-bold: 700;--druk-heavy: 800;--druk-super: 900;--inter-light: 300;--inter-regular: 400;--inter-medium: 500;--inter-bold: 700}.control{display:flex;flex-direction:column;align-items:flex-start;position:fixed;top:0;left:20px;margin-top:20px;font-size:.9em;font-family:var(--inter-regular);color:var(--creme)}.control p{margin:2px 0;opacity:.3}.control .control-highlight{opacity:1;font-weight:700;margin-top:8px}.contact-style{background:#1a1a1a!important;box-shadow:8px 8px 0 var(--vert)}.music-player{text-align:center}.music-player .now-playing{font-family:Druk,sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:2px;text-transform:uppercase;color:var(--vert);margin:0 0 20px}.music-player .player-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:16px}.music-player .player-btn{background:transparent;border:3px solid var(--creme);border-radius:0;color:var(--creme);font-size:1.4rem;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s}.music-player .player-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--vert)}.music-player .player-btn.play-btn{width:60px;height:60px;font-size:1.6rem;border-width:4px}.music-player .player-progress{margin:0 auto 12px;max-width:80%}.music-player .progress-bar{width:100%;height:6px;background:#f5f5dc26;border:1px solid var(--creme);overflow:hidden}.music-player .progress-fill{height:100%;width:0%;background:var(--vert);transition:width .3s linear}.contact-block{display:flex;align-items:center;gap:16px;background:#f5f5dc0d;border:2px solid rgba(245,245,220,.15);border-radius:0;padding:14px 18px;margin-bottom:16px;color:var(--creme);font-size:.9rem;font-family:Inter Tight,sans-serif;transition:transform .15s,box-shadow .15s}.contact-block:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--vert)}.contact-block:last-child{margin-bottom:0}.credits-grid{display:flex;flex-wrap:wrap;gap:12px}.credit-cube{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:150px;background:#f5f5dc0f;border:2px solid var(--creme);border-radius:0;text-decoration:none;color:var(--creme);transition:transform .15s,box-shadow .15s}.credit-cube:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--vert)}.credit-cube .contact-icon{font-size:2rem;margin-right:0;margin-bottom:6px}.credit-cube .credit-label{font-size:.75rem;font-family:var(--inter-medium),"sans-serif";text-align:center}@media(max-width:650px){.credit-cube{width:100px;height:100px}}.contact-icon{font-size:2.2rem;margin-right:8px;flex-shrink:0}.contact-title{font-weight:700;font-size:.9rem;min-width:120px;display:flex;align-items:center}.contact-value{font-size:.9rem;font-family:var(--inter-medium),"sans-serif";color:var(--creme);word-break:break-all}.contact-value a{color:var(--creme);text-decoration:none;font-weight:400;transition:text-decoration .2s}.panel-images{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.panel-img{width:130px;height:130px;object-fit:cover;border-radius:0;border:3px solid var(--creme);cursor:zoom-in;transition:transform .15s,box-shadow .15s}.panel-img:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--vert)}.panel-videos{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.panel-video{width:200px;max-width:100%;border-radius:0;border:3px solid var(--creme);background:#000}.panel-video:hover{box-shadow:4px 4px 0 var(--vert)}.lightbox{display:none;position:fixed;inset:0;z-index:9999;background:#000000d9;align-items:center;justify-content:center;overflow:hidden}.lightbox.active{display:flex}.lightbox img{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 8px 40px #0009;object-fit:contain;transform-origin:center center;cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox img.zoomed{cursor:grab}.lightbox img.dragging{cursor:grabbing}#lightbox-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);color:#fff6;font-size:.72rem;white-space:nowrap;pointer-events:none;font-family:sans-serif}.lightbox-close{position:absolute;top:20px;right:28px;background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;line-height:1;opacity:.8;transition:opacity .2s}.lightbox-close:hover{opacity:1}.contact-value a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#8a9a5b26;border-radius:8px}::-webkit-scrollbar-thumb{background:#8a9a5b;border-radius:8px;border:2px solid rgba(245,245,220,.1)}::-webkit-scrollbar-thumb:hover{background:#a0b46a}*{scrollbar-width:thin;scrollbar-color:#8A9A5B rgba(138,154,91,.15)}@font-face{font-family:Druk;src:url(./assets/fonts/Druk-Medium-Trial.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Druk;src:url(./assets/fonts/Druk-MediumItalic-Trial.otf) format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Druk;src:url(./assets/fonts/Druk-Bold-Trial.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Druk;src:url(./assets/fonts/Druk-BoldItalic-Trial.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Druk;src:url(./assets/fonts/Druk-Heavy-Trial.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Druk;src:url(./assets/fonts/Druk-HeavyItalic-Trial.otf) format("opentype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:Druk;src:url(./assets/fonts/Druk-Super-Trial.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Druk;src:url(./assets/fonts/Druk-SuperItalic-Trial.otf) format("opentype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Inter Tight;src:url(./assets/fonts/InterTight-VariableFont_wght.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter Tight;src:url(./assets/fonts/InterTight-Italic-VariableFont_wght.ttf) format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}canvas{position:fixed;top:0;left:0;color:var(--creme)}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:0;color:var(--creme)}#title{position:relative;display:flex;align-items:center;color:var(--creme);font-size:clamp(2rem,5vw,4rem);transform:none;text-align:center;font-family:Inter Tight,sans-serif;font-weight:var(--inter-regular);background-size:200%;-webkit-background-clip:text;background-clip:text;padding:10px 20px;border-radius:5px;overflow:hidden}@keyframes shine{0%{background-position:200%}to{background-position:0%}}#instructions{font-size:1.2rem;margin:15rem 0 0;text-align:center;font-family:Inter Tight,"sans-serif";background:#0000004d;padding:10px 20px;border-radius:5px;color:var(--creme);background-size:200%;-webkit-background-clip:text;background-clip:text;overflow:hidden;animation:shine 8s linear infinite}#bottom-left-menu{position:fixed;bottom:30px;left:30px;display:flex;flex-direction:column;gap:15px;z-index:200;pointer-events:auto}.menu-btn{font-family:Inter Tight,"sans-serif";font-size:1rem;color:var(--creme);cursor:pointer;padding:8px 16px;border-radius:4px;transition:all .3s ease;position:relative;overflow:hidden;opacity:.8}.menu-btn:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--creme);transition:width .3s ease}.menu-btn:hover{transform:translate(5px)}.menu-btn:hover:before{width:100%}.info-panel{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:300;pointer-events:none;opacity:0;visibility:hidden}.info-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .4s ease}.info-panel.active{opacity:1;visibility:visible;pointer-events:auto}.info-panel.active:before{opacity:1}.info-panel.active .panel-content{transform:translate(0) scale(1);opacity:1}.panel-content{position:relative;background:#1a1a1a;border:4px solid var(--creme);border-radius:0;padding:40px 50px;max-width:550px;width:90%;max-height:80vh;overflow-y:auto;color:var(--creme);font-family:Inter Tight,sans-serif;z-index:1;box-shadow:8px 8px 0 var(--vert);transform:translate(-100px,100px) scale(.8);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.panel-content h2{font-family:Druk,Inter Tight,sans-serif;font-weight:800;font-size:2.4rem;margin-bottom:20px;color:var(--creme);letter-spacing:4px;text-transform:uppercase;border-bottom:3px solid var(--vert);padding-bottom:10px}.panel-content p{font-size:.95rem;line-height:1.7;margin-bottom:14px;color:var(--creme);font-family:Inter Tight,sans-serif;font-weight:400}.panel-content ul{list-style:none;padding:0;margin:15px 0}.panel-content ul li{padding:6px 0 6px 20px;position:relative}.panel-content ul li:before{color:var(--creme)}.panel-content a{color:var(--vert);text-decoration:none;font-weight:700;transition:border-color .2s ease}.close-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;background:transparent;border:3px solid var(--creme);border-radius:0;color:var(--creme);font-size:1.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .15s ease;line-height:1;font-family:Druk,sans-serif;font-weight:800}.close-btn:hover{background:var(--creme);color:#1a1a1a;transform:none;box-shadow:3px 3px 0 var(--vert)}#interact-hint{position:fixed;bottom:120px;left:50%;transform:translate(-50%);opacity:0;pointer-events:none;transition:opacity .3s ease;color:var(--creme)}#interact-hint.visible{opacity:1;pointer-events:auto}#interact-hint{border-radius:8px;z-index:250;pointer-events:none;transition:opacity .3s ease}#interact-hint.visible{opacity:1}#interact-hint strong{background:var(--vert);padding:2px 8px;border-radius:4px;margin:0 4px}