@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&family=JetBrains+Mono:wght@300;400;500;600&display=swap";:root{--noir-profond: #050505;--blanc-casse: #F5F5F5;--bleu-electrique: #0044FF;--gris-cinema: #1a1a1a;--gris-moyen: #2a2a2a;--gris-clair: #888888;--noir-transparent: rgba(5, 5, 5, .95);--gradient-bleu: linear-gradient(135deg, #0044FF 0%, #0066FF 50%, #0088FF 100%);--gradient-noir: linear-gradient(180deg, #050505 0%, #1a1a1a 100%);--gradient-fade: linear-gradient(180deg, transparent 0%, var(--noir-profond) 100%);--font-display: "Playfair Display", Georgia, serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: .8s cubic-bezier(.4, 0, .2, 1);--transition-dramatic: 1.2s cubic-bezier(.16, 1, .3, 1);--z-base: 1;--z-sidebar: 100;--z-overlay: 500;--z-cursor: 1000;--z-noise: 9999}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;cursor:none}body{font-family:var(--font-mono);font-size:1rem;font-weight:400;line-height:1.6;color:var(--blanc-casse);background-color:var(--noir-profond);overflow-x:hidden;cursor:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{cursor:none!important}::-moz-selection{background:var(--bleu-electrique);color:var(--blanc-casse)}::selection{background:var(--bleu-electrique);color:var(--blanc-casse)}.title-hero{font-family:var(--font-display);font-size:clamp(4rem,15vw,12rem);font-weight:700;line-height:.9;letter-spacing:-.02em;text-transform:uppercase}.title-section{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:600;line-height:1.1;letter-spacing:-.01em}.title-card{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500;line-height:1.2}.text-mono{font-family:var(--font-mono);font-size:.875rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.text-body{font-family:var(--font-mono);font-size:1rem;font-weight:300;line-height:1.8}.text-small{font-family:var(--font-mono);font-size:.75rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;opacity:.6}a{color:var(--blanc-casse);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--bleu-electrique)}button{font-family:var(--font-mono);cursor:none;border:none;background:transparent;color:var(--blanc-casse)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--noir-profond)}::-webkit-scrollbar-thumb{background:var(--gris-moyen);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--bleu-electrique)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-noise);opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;animation:noiseShift .5s steps(10) infinite}@keyframes noiseShift{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,1%)}30%{transform:translate(-1%,1%)}40%{transform:translate(1%,-1%)}50%{transform:translate(-1%)}60%{transform:translate(1%)}70%{transform:translateY(1%)}80%{transform:translateY(-1%)}90%{transform:translate(1%,1%)}}.cursor{position:fixed;width:20px;height:20px;border:1px solid var(--blanc-casse);border-radius:50%;pointer-events:none;z-index:var(--z-cursor);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,background-color .3s ease,border-color .3s ease;mix-blend-mode:difference}.cursor.hovering{width:60px;height:60px;background-color:var(--bleu-electrique);border-color:var(--bleu-electrique);mix-blend-mode:normal;opacity:.5}.cursor-dot{position:fixed;width:6px;height:6px;background-color:var(--bleu-electrique);border-radius:50%;pointer-events:none;z-index:var(--z-cursor);transform:translate(-50%,-50%)}.sidebar{position:fixed;left:0;top:0;width:80px;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:var(--space-lg) 0;z-index:var(--z-sidebar);background:linear-gradient(90deg,rgba(5,5,5,.8) 0%,transparent 100%)}.sidebar-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);letter-spacing:.2em}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-md)}.sidebar-nav-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:50%;font-family:var(--font-mono);font-size:.625rem;font-weight:500;letter-spacing:.1em;transition:all var(--transition-smooth);position:relative}.sidebar-nav-item:before{content:"";position:absolute;right:-20px;width:0;height:1px;background:var(--bleu-electrique);transition:width var(--transition-smooth)}.sidebar-nav-item:hover,.sidebar-nav-item.active{border-color:var(--bleu-electrique);color:var(--bleu-electrique)}.sidebar-nav-item:hover:before,.sidebar-nav-item.active:before{width:20px}.sidebar-social{display:flex;flex-direction:column;gap:var(--space-sm);opacity:.5;transition:opacity var(--transition-fast)}.sidebar-social:hover{opacity:1}.page{min-height:100vh;margin-left:80px;position:relative}.page-fullscreen{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.page-content{padding:var(--space-xl) var(--space-lg);max-width:1400px;margin:0 auto}.home-container{position:relative;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.home-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:blur(2px) brightness(.4);z-index:-1}.home-title{font-family:var(--font-display);font-size:clamp(5rem,18vw,15rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:center;opacity:0;animation:fadeInUp 1.5s var(--transition-dramatic) forwards;animation-delay:.5s}.home-subtitle{font-family:var(--font-mono);font-size:clamp(.75rem,1.5vw,1rem);font-weight:300;letter-spacing:.3em;text-transform:uppercase;margin-top:var(--space-md);opacity:0;animation:fadeInUp 1.5s var(--transition-dramatic) forwards;animation-delay:1s}.enter-button{position:relative;margin-top:var(--space-xl);padding:var(--space-sm) var(--space-lg);border:1px solid var(--blanc-casse);background:transparent;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--blanc-casse);overflow:hidden;opacity:0;animation:fadeInUp 1.5s var(--transition-dramatic) forwards;animation-delay:1.5s;transition:all var(--transition-smooth)}.enter-button:before{content:"";position:absolute;left:0;top:0;height:100%;width:0%;background:var(--bleu-electrique);z-index:-1;transition:width 2s linear}.enter-button.holding:before{width:100%}.enter-button:hover{border-color:var(--bleu-electrique)}.enter-button-text{position:relative;z-index:1}.protocole-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl);position:relative}.protocole-header{margin-bottom:var(--space-xl)}.protocole-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--bleu-electrique);margin-bottom:var(--space-sm)}.protocole-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:600;line-height:1.1}.terminal-form{background:var(--gris-cinema);border:1px solid var(--gris-moyen);border-radius:8px;overflow:hidden;max-width:700px}.terminal-header{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--gris-moyen);border-bottom:1px solid var(--gris-cinema)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{flex:1;text-align:center;font-family:var(--font-mono);font-size:.75rem;color:var(--gris-clair)}.terminal-body{padding:var(--space-md)}.terminal-line{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md)}.terminal-prompt{color:var(--bleu-electrique);font-family:var(--font-mono);font-size:.875rem;flex-shrink:0}.terminal-input{flex:1;background:transparent;border:none;border-bottom:1px solid var(--gris-moyen);padding:var(--space-xs) 0;font-family:var(--font-mono);font-size:.875rem;color:var(--blanc-casse);outline:none;transition:border-color var(--transition-fast)}.terminal-input:focus{border-color:var(--bleu-electrique)}.terminal-input::-moz-placeholder{color:var(--gris-clair);opacity:.5}.terminal-input::placeholder{color:var(--gris-clair);opacity:.5}.terminal-textarea{width:100%;min-height:100px;background:transparent;border:1px solid var(--gris-moyen);padding:var(--space-sm);font-family:var(--font-mono);font-size:.875rem;color:var(--blanc-casse);resize:vertical;outline:none;transition:border-color var(--transition-fast)}.terminal-textarea:focus{border-color:var(--bleu-electrique)}.terminal-submit{display:inline-flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bleu-electrique);border:none;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--blanc-casse);transition:all var(--transition-fast)}.terminal-submit:hover{background:var(--blanc-casse);color:var(--noir-profond)}.studio-container{min-height:100vh;position:relative}.studio-hero{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl);position:relative}.studio-section{min-height:100vh;display:flex;align-items:center;padding:var(--space-xl);position:relative}.studio-image-fixed{position:fixed;top:0;left:80px;width:calc(50% - 40px);height:100vh;-o-object-fit:cover;object-fit:cover;filter:grayscale(100%);transition:filter var(--transition-slow)}.studio-content{margin-left:50%;max-width:600px;padding:var(--space-lg)}.mondes-container{display:flex;height:100vh;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.monde-section{flex:0 0 100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;scroll-snap-align:start;overflow:hidden}.monde-bg{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(100%) brightness(.3);transform:scale(1.1);transition:all var(--transition-slow)}.monde-section:hover .monde-bg{filter:grayscale(0%) brightness(.5);transform:scale(1)}.monde-content{position:relative;z-index:2;text-align:center;padding:var(--space-lg)}.monde-number{font-family:var(--font-display);font-size:clamp(6rem,15vw,12rem);font-weight:200;opacity:.2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.archives-container{min-height:100vh;padding:var(--space-xl)}.archives-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.archive-item{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--gris-cinema)}.archive-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(100%) brightness(.6);transition:all var(--transition-smooth)}.archive-item:hover .archive-image{filter:grayscale(0%) brightness(1);transform:scale(1.05)}.archive-item:before,.archive-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;opacity:0;pointer-events:none}.archive-item:hover:before{animation:glitch1 .3s infinite;opacity:.5}.archive-item:hover:after{animation:glitch2 .3s infinite;opacity:.5}@keyframes glitch1{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch2{0%{transform:translate(0);clip-path:inset(50% 0 30% 0)}20%{transform:translate(2px,-2px);clip-path:inset(20% 0 60% 0)}40%{transform:translate(-2px,2px);clip-path:inset(40% 0 40% 0)}60%{transform:translate(2px,2px);clip-path:inset(80% 0 5% 0)}80%{transform:translate(-2px,-2px);clip-path:inset(10% 0 70% 0)}to{transform:translate(0);clip-path:inset(50% 0 30% 0)}}.signature{position:fixed;bottom:var(--space-md);right:var(--space-md);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--gris-clair);opacity:.5;z-index:var(--z-sidebar)}.signature-link{color:var(--gris-clair);transition:color var(--transition-fast)}.signature-link:hover{color:var(--bleu-electrique)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.page-transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--noir-profond);z-index:var(--z-overlay);pointer-events:none}@media(max-width:1024px){.protocole-container{padding:var(--space-lg)}.terminal-form{max-width:100%}.title-section{font-size:clamp(2rem,5vw,4rem)}}@media(max-width:768px){html,body,*,*:before,*:after{cursor:auto!important}.cursor,.cursor-dot{display:none!important}.sidebar{position:fixed;inset:auto 0 0;width:100%;height:60px;flex-direction:row;justify-content:space-around;padding:0 var(--space-sm);background:var(--noir-profond);border-top:1px solid var(--gris-moyen)}.sidebar-logo{display:none}.sidebar-nav{flex-direction:row;gap:var(--space-xs);width:100%;justify-content:space-around}.sidebar-nav-item{width:40px;height:40px;font-size:.625rem}.sidebar-nav-item:before{display:none}.sidebar-social{display:none}.page{margin-left:0;padding-bottom:80px}.home-container{padding:var(--space-md)}.home-title,.title-hero{font-size:clamp(2.5rem,12vw,5rem)}.enter-button{padding:var(--space-sm) var(--space-md);font-size:.625rem}.protocole-container{padding:var(--space-md);padding-bottom:100px}.terminal-line{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.terminal-input{width:100%}.signature{bottom:70px;right:var(--space-sm);font-size:8px}.studio-content{margin-left:0;padding:var(--space-md)}.mondes-container{flex-direction:column;overflow-y:auto;overflow-x:hidden;height:auto;min-height:100vh}.monde-section{flex:none;height:100vh;width:100%}.archives-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}}@media(max-width:480px){.sidebar-nav-item{width:36px;height:36px;font-size:.5rem}.title-section{font-size:1.5rem}.protocole-title{font-size:1.75rem}.terminal-body{padding:var(--space-sm)}.archives-grid{grid-template-columns:1fr}}