@font-face{font-family:Verilet;src:url(/art-de-la-difference/ghoula-games/fonts/verilet.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cossette Titre;src:url(/art-de-la-difference/ghoula-games/fonts/cossette-titre.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SUSE Mono;src:url(/art-de-la-difference/ghoula-games/fonts/suse-mono-variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--type-1:"Verilet",sans-serif;--type-2:"Cossette Titre",sans-serif;--type-3:"SUSE Mono",monospace;--base-100:#f7f5f0;--base-200:#272a2a;--base-300:#0b0b0b}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;text-transform:uppercase}::-webkit-scrollbar{display:none}body{font-family:var(--type-2);background-color:var(--base-300);color:var(--base-100)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}img{object-fit:cover}.container,img{width:100%;height:100%}.container{position:relative;max-width:2000px;margin:0 auto;padding:.75rem}.type-1{font-family:var(--type-1)}.type-2{font-family:var(--type-2)}.type-3{font-family:var(--type-3)}h1.type-1,h2.type-1,h3.type-1,h4.type-1,h5.type-1,h6.type-1{font-weight:500;letter-spacing:-5%;padding:0 .75rem;line-height:.6}h1.type-1{font-size:clamp(6rem,12vw,18rem)}h2.type-1{font-size:clamp(5rem,10vw,15rem)}h3.type-1{font-size:clamp(4rem,8vw,12rem)}h4.type-1{font-size:clamp(3rem,6vw,9rem)}h5.type-1{font-size:clamp(2rem,4vw,6rem)}h6.type-1{font-size:clamp(1.5rem,3vw,4.5rem)}h1.type-2,h2.type-2,h3.type-2,h4.type-2,h5.type-2,h6.type-2{font-weight:500;letter-spacing:-3%;padding:0 .5rem;line-height:.9}h1.type-2{font-size:clamp(4rem,8vw,12rem)}h2.type-2{font-size:clamp(3rem,6vw,9rem)}h3.type-2{font-size:clamp(2.5rem,5vw,7.5rem)}h4.type-2{font-size:clamp(2rem,4vw,6rem)}h5.type-2{font-size:clamp(1.5rem,3vw,4.5rem)}h6.type-2{font-size:clamp(1.25rem,2.5vw,3.75rem)}a,p{text-decoration:none;font-family:var(--type-2);font-size:1.5rem;font-weight:400;line-height:.9}p.sm{font-size:1.25rem}p.lg{font-size:1.75rem}.mono{font-family:var(--type-3);font-size:.85rem;font-weight:450;line-height:1;letter-spacing:-2%}.mono.sm{font-size:.75rem}.mono.lg{font-size:.95rem}.btn{border:1px solid var(--base-100);padding:.65rem 2.5rem;border-radius:4rem}.transition-grid{position:fixed;top:0;left:0;width:100vw;height:100svh;display:flex;flex-direction:column;z-index:1000;pointer-events:none}.transition-grid.is-blocking,.transition-grid.is-blocking .transition-block,.transition-grid.is-blocking .transition-row{pointer-events:auto}.transition-row{flex:1 1;display:flex}.transition-row.row-1 .transition-block{transform-origin:top}.transition-row.row-2 .transition-block{transform-origin:bottom}.transition-block{flex:1 1;background-color:#49534e;will-change:transform}@media (max-width:1000px){.btn{padding:.65rem 2rem}}nav{position:fixed;top:0;left:0;width:100%;will-change:transform;transform:translateY(0);z-index:200}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:6px;z-index:200;transition:background-color .3s ease,-webkit-backdrop-filter .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.nav-container>div{flex:1 1}.nav-cta{display:flex;align-items:center}nav .nav-cta .btn,nav .nav-toggler .btn{display:inline-flex;align-items:center;width:max-content;min-height:calc(1rem + .65rem * 2 + 2px);cursor:pointer;text-decoration:none}nav .nav-toggler .btn{gap:1rem}.nav-logo{position:relative;width:3.5rem;object-fit:contain;display:flex;justify-content:center;align-items:center;transform:translateY(.1rem);transition:opacity .3s ease}.nav-logo img{width:3rem}nav a{color:var(--base-100)}nav .nav-toggler{display:flex;justify-content:flex-end;align-items:center}nav .nav-toggler-hamburger{position:relative;width:1.5rem;height:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem}nav .nav-toggler-hamburger span{position:relative;width:100%;height:1.5px;background-color:var(--base-100);will-change:transform}nav.top .nav-container{background-color:rgba(255,255,255,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}nav.top .nav-container .nav-logo{opacity:0}.nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100svh;background-color:var(--base-200);opacity:0;visibility:hidden;pointer-events:none;z-index:10;overflow:hidden;will-change:opacity;transform:translateZ(0)}.nav-overlay .nav-items{position:absolute;top:45%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(-50%)}.nav-overlay .nav-overlay-logo{width:7.5rem;margin-bottom:5rem}.nav-overlay .nav-items .nav-item{position:relative;width:100%;text-align:center}.nav-overlay .nav-items .nav-item a{color:var(--tone-400);font-size:clamp(1.5rem,3vw,4.5rem);font-weight:500;letter-spacing:-4%;padding:0 .5rem;line-height:.9;-webkit-user-select:none;user-select:none}.nav-overlay .nav-items .nav-item.active a{color:var(--tone-500)}.nav-overlay .nav-footer{position:absolute;left:0;bottom:0;width:100%}.nav-overlay .nav-footer .nav-footer-container{display:flex;justify-content:space-between;align-items:flex-end;padding:1.5rem}.nav-overlay .nav-footer .nav-footer-item{display:flex;gap:2rem}.nav-overlay .nav-footer .nav-footer-item a{color:var(--tone-400)}@media (max-width:1000px){.nav-overlay .nav-items{width:100%;transform:translateY(-50%)}.nav-logo{display:none}.nav-overlay .nav-items .nav-item a{font-size:clamp(2.5rem,5vw,7.5rem)}.nav-overlay .nav-footer .nav-footer-item{gap:1rem}}