.pixelated-text.directors-hero{position:relative;height:100svh;display:flex;justify-content:flex-start;align-items:flex-end;padding:0 0 2rem;background-color:var(--tone-200);text-align:left;overflow:hidden}.pixelated-text.directors-hero h1{font-size:20vw}.directors-list{position:relative;width:100%;height:100%;margin:10rem 0 20rem;background-color:var(--tone-400)}.director-item{position:relative;width:100%}.director-item .director-name{padding:0 2rem;cursor:pointer}.director-item .director-name h2{color:var(--tone-100)}.director-preview{position:absolute;top:100%;z-index:1;width:100%;height:300%;clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);overflow:hidden;pointer-events:none}.director-preview img{width:100%;height:100%;object-fit:cover}@media(max-width:1000px){.directors-list{margin:5rem 0}.director-preview{clip-path:none}.director-item{margin-bottom:2rem}}@media(max-width:600px){.pixelated-text.directors-hero h1{font-size:clamp(2.5rem,14vw,5rem);padding:0 1rem 1.5rem}.directors-list{margin:3rem 0}.director-item .director-name{padding:0 1rem}.director-item .director-name h2{font-size:1.75rem}.director-item{margin-bottom:1.5rem}}.directors-cubes-sticky{position:relative;width:100%;height:100vh;background-color:var(--tone-100);color:var(--tone-400);overflow:hidden}.cubes-logo{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);display:flex;gap:24px;z-index:2}.cubes-logo .col{display:flex;flex-direction:column;justify-content:flex-end}.cubes-logo .col:nth-child(2){gap:26px}.cubes-logo .block{width:35px;height:35px;background-color:var(--tone-400)}.cubes-logo .block-1{transform:rotate(42deg);transform-origin:bottom right}.cubes-logo .block-5{transform:rotate(-42deg);transform-origin:bottom left}.cubes{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;perspective:10000px}.cube{position:absolute;width:150px;height:150px;transform-style:preserve-3d;will-change:transform}.cube>div{position:absolute;width:150px;height:150px;transform-style:preserve-3d;backface-visibility:visible;overflow:hidden}.cube>div img{width:100%;height:100%;object-fit:cover}.front{transform:translateZ(75px)}.back{transform:translateZ(-75px) rotateY(180deg)}.right{transform:translate(75px) rotateY(90deg)}.left{transform:translate(-75px) rotateY(-90deg)}.top{transform:translateY(-75px) rotateX(90deg)}.bottom{transform:translateY(75px) rotateX(-90deg)}.cube-1{top:-55%;left:37.5%;transform:translate3d(-50%,-50%,-30000px) rotateX(360deg) rotateY(-360deg) rotate(-48deg)}.cube-2{top:-35%;left:32.5%;transform:translate3d(-50%,-50%,-30000px) rotateX(-180deg) rotateY(180deg) rotate(90deg)}.cube-3{top:-65%;left:50%;transform:translate3d(-50%,-50%,-30000px) rotateX(-90deg) rotateY(-90deg) rotate(-180deg)}.cube-4{top:-35%;left:50%;transform:translate3d(-50%,-50%,-30000px) rotateX(-90deg) rotateY(-90deg) rotate(-180deg)}.cube-5{top:-55%;left:62.5%;transform:translate3d(-50%,-50%,-30000px) rotateX(180deg) rotateY(180deg) rotate(-135deg)}.cube-6{top:-35%;left:67.5%;transform:translate3d(-50%,-50%,-30000px) rotateX(-90deg) rotateY(-180deg) rotate(-180deg)}.cubes-header-1{width:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);transform-origin:center center;text-align:center;color:var(--tone-400);z-index:1}.cubes-header-1 h2{font-family:Cossette Titre,sans-serif;font-weight:500;font-size:clamp(3rem,4vw,6rem);line-height:1;text-transform:uppercase;color:var(--tone-400)}.cubes-header-2{width:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.75);transform-origin:center center;text-align:center;opacity:0;filter:blur(10px);color:var(--tone-400);z-index:1}.cubes-header-2 h3{font-family:Cossette Titre,sans-serif;font-weight:500;font-size:clamp(2rem,2.5vw,3.5rem);margin-bottom:.5rem;text-transform:uppercase;color:var(--tone-400)}.cubes-header-2 p{font-family:Cossette Titre,sans-serif;font-size:clamp(1rem,1.25vw,1.5rem);font-weight:400;text-transform:uppercase;color:var(--tone-400);line-height:1.4}@media(max-width:1000px){.cube{width:120px;height:120px}.cube>div{width:120px;height:120px}.front{transform:translateZ(60px)}.back{transform:translateZ(-60px) rotateY(180deg)}.right{transform:translate(60px) rotateY(90deg)}.left{transform:translate(-60px) rotateY(-90deg)}.top{transform:translateY(-60px) rotateX(90deg)}.bottom{transform:translateY(60px) rotateX(-90deg)}.cubes-header-1{width:80%}.cubes-header-2{width:70%}}@media(max-width:600px){.cube{width:80px;height:80px}.cube>div{width:80px;height:80px}.front{transform:translateZ(40px)}.back{transform:translateZ(-40px) rotateY(180deg)}.right{transform:translate(40px) rotateY(90deg)}.left{transform:translate(-40px) rotateY(-90deg)}.top{transform:translateY(-40px) rotateX(90deg)}.bottom{transform:translateY(40px) rotateX(-90deg)}.cubes-header-1,.cubes-header-2{width:95%}.cubes-header-1 h1,.cubes-header-2 h2{font-size:1.75rem}}