.directors-section{position:relative;width:100%;overflow:hidden;background-color:var(--base-400)}.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(--base-400);text-align:left;overflow:hidden}.pixelated-text.directors-hero h1{width:100%;font-size:clamp(6rem,12vw,14rem);letter-spacing:0;white-space:nowrap;color:var(--base-500)}.directors-list{--director-row-height: clamp(5rem, 7vw, 7rem);--director-preview-bleed: .75rem;position:relative;width:100%;height:100%;margin:10rem 0 20rem;background-color:var(--base-400)}.director-item{position:relative;width:100%;height:var(--director-row-height)}.director-item .director-link{display:block;height:100%}.director-item .director-name{height:100%;padding:0 2rem;cursor:pointer}.director-item .director-name h2{font-size:clamp(3rem,6vw,6rem);color:var(--base-100)}.director-preview{position:absolute;top:calc(100% - var(--director-preview-bleed));z-index:1;width:100%;height:calc(var(--director-row-height) * 2 + var(--director-preview-bleed));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){.pixelated-text.directors-hero h1{font-size:clamp(4rem,18vw,7rem)}.directors-list{margin:5rem 0}.director-preview{clip-path:none}.director-item{height:auto;margin-bottom:2rem}.director-item .director-link,.director-item .director-name{height:auto}}