body{background-color:var(--tone-100)}.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:10vw}.directors-list{position:relative;width:100%;height:100%;margin:10rem 0 20rem;background-color:var(--tone-100)}.director-item{position:relative;width:100%;margin:2rem 0}.director-item .director-name{padding:0 2rem;cursor:pointer}.director-item .director-name h2{color:var(--tone-400)}.director-chapter{font-size:clamp(.875rem,2vw,1.125rem);color:var(--tone-400);margin-top:.5rem;text-transform:uppercase;letter-spacing:.05em;font-weight:400}.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;object-position:top}@media(max-width:1000px){.directors-list{margin:5rem 0}.director-preview{clip-path:none}.director-item{margin-bottom:2rem}.director-item .director-name{position:relative}.director-chapter{position:absolute;bottom:1rem;right:1rem;background-color:#000000b3;padding:.5rem 1rem;backdrop-filter:blur(10px);border-radius:4px;z-index:2;color:var(--tone-100);font-size:.75rem}.director-preview{position:relative}}.directors-list{max-width:1400px;margin:0 auto;padding:4rem 2rem;overflow:visible}.director-item{position:relative;cursor:pointer;overflow:visible}.director-link{display:block;text-decoration:none;color:inherit;position:relative}.director-name h2{font-size:clamp(2rem,8vw,4rem);line-height:.9;text-transform:uppercase;font-weight:500;color:var(--tone-400);transition:color .3s ease}@media(min-width:1001px){.director-preview{position:fixed;top:50%;right:2rem;transform:translateY(-50%);height:85vh;width:auto;aspect-ratio:2 / 3;max-width:600px;clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);pointer-events:none;z-index:100;overflow:hidden}.director-preview img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.director-item{isolation:isolate}body{overflow-x:visible}.director-chapter{position:relative;bottom:auto;right:auto;background-color:transparent;padding:0;backdrop-filter:none;border-radius:0}}@media(max-width:1000px){.director-preview{position:relative;width:100%;height:400px;margin-top:1rem;padding:0;overflow:hidden}.director-preview img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.directors-list{padding:2rem 1rem}.director-item{padding:1.5rem 0}.director-link{position:relative}.director-chapter{position:absolute;bottom:1.5rem;right:1.5rem;background-color:#000000bf;padding:.5rem 1rem;backdrop-filter:blur(10px);border-radius:4px;z-index:2;color:var(--tone-400);font-size:.75rem;margin-top:0}}