.pixelated-text.directors-hero{position:relative;height:100svh;display:flex;justify-content:flex-start;align-items:flex-end;padding:0 0 5rem 4rem;background-image:linear-gradient(to bottom,#0000,#0006),url(/directors/hero.jpg);background-size:cover;background-position:center;text-align:left;overflow:hidden}.pixelated-text.directors-hero h1{font-size:4vw;line-height:.9;opacity:0}.directors-list{position:relative;width:100%;padding:0 2rem;margin:10rem 0 20rem;display:grid;grid-template-columns:repeat(2,1fr);gap:6rem 3rem;max-width:1200px;margin:10rem auto 20rem}.director-item{position:relative;width:100%;display:flex;flex-direction:column;gap:1.5rem}.director-item .director-name{padding:0;cursor:default}.director-item .director-name h2{color:var(--tone-100);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:500;text-transform:uppercase;line-height:1.2}.director-item .director-name .director-email{color:var(--tone-100);font-size:.9rem;opacity:.6;margin-top:.5rem;letter-spacing:.05em}.director-item .director-name .director-social{display:inline-block;color:var(--tone-100);font-size:.8rem;opacity:.6;margin-top:.8rem;text-decoration:underline;text-underline-offset:3px;transition:opacity .3s ease}.director-item .director-name .director-social:hover{opacity:1}.director-preview{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--tone-300)}.reveal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--tone-400);z-index:2;transform-origin:right}.director-preview img{width:100%;height:130%;top:-15%;position:absolute;object-fit:cover;will-change:transform}@media(max-width:1200px){.directors-list{grid-template-columns:repeat(2,1fr);gap:4rem 2rem}}@media(max-width:768px){.directors-list{grid-template-columns:1fr;margin:5rem 0;gap:3rem}.pixelated-text.directors-hero h1{font-size:14vw;opacity:1!important}.pixelated-text.directors-hero canvas{display:none}}