.director{--director-max-width: 1500px;--director-gutter: clamp(1.25rem, 3vw, 3rem);--director-title-size: clamp(3.5rem, 8vw, 8.5rem);--director-name-size: 40px;--director-marquee-size: clamp(4rem, 9vw, 9.5rem);--director-marquee-gap: clamp(40px, 4.06vw, 65px);--director-row-height: clamp(28rem, 46vw, 40rem);--director-border-color: var(--color-border-subtle);position:relative;overflow-x:hidden;background:var(--color-surface-dark);color:var(--color-text-body);font-family:var(--font-family-dm-mono);line-height:1.8}.director__inner{width:min(100%,var(--director-max-width));margin-inline:auto;padding-inline:var(--director-gutter)}.director__title{position:relative;margin:160px 0 0;color:var(--color-white-1);font-family:var(--font-family-bebas-neue);font-size:var(--director-title-size);font-style:normal;font-weight:700;line-height:1.3}.director__title-canvas{pointer-events:none}.director__marquee{position:relative;z-index:0;margin-bottom:calc(var(--director-marquee-size)*-0.62);overflow:hidden;pointer-events:none;user-select:none}@media screen and (min-width: 768px)and (max-width: 1399px){.director__marquee{margin-bottom:-8vw}}.director__marquee-track{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;flex-direction:row;-webkit-flex-direction:row;width:max-content;will-change:transform}.director__marquee-word{flex:0 0 auto;margin-inline-end:var(--director-marquee-gap);color:transparent;font-family:var(--font-family-bebas-neue);font-size:var(--director-marquee-size);font-weight:700;line-height:1;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;-webkit-text-stroke:1px rgba(255,255,255,.06)}.director__list{position:relative;z-index:1;padding-block:0 clamp(4rem,9vw,8rem)}@media screen and (max-width: 768px){.director__title-canvas{display:none !important}.director__title{color:#fff !important;-webkit-text-fill-color:#fff !important}}.director-row{position:relative}.director-row__viewport{position:relative;width:100%;height:var(--director-row-height)}.director-row.is-enhanced .director-row__viewport{cursor:grab;touch-action:pan-y}.director-row.is-enhanced .director-row__viewport.is-dragging{cursor:grabbing}.director-row__canvas{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;opacity:0;pointer-events:none;-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;-ms-transition:opacity .35s ease;-o-transition:opacity .35s ease;transition:opacity .35s ease}.director-row__track{display:flex;display:-webkit-flex;flex-direction:row;-webkit-flex-direction:row;gap:clamp(.75rem,1.4vw,1.3rem);height:100%;padding-inline:var(--director-gutter);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.director-row__track::-webkit-scrollbar{display:none}.director-row__item{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;flex:0 0 auto;width:clamp(240px,28.5vw,456px);height:100%;text-decoration:none}.director-row__media{display:block;flex:0 0 auto;aspect-ratio:456/516;overflow:hidden;background:#000}.director-row__image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.director-row__name{display:block;padding-top:clamp(.75rem,1.4vw,1.25rem);color:#eee;font-family:var(--font-family-bebas-neue);font-size:var(--director-name-size);font-style:normal;font-weight:700;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;-ms-transition:opacity .25s ease;-o-transition:opacity .25s ease;transition:opacity .25s ease}.director-row.is-enhanced .director-row__canvas{opacity:1}.director-row.is-enhanced .director-row__track{position:absolute;inset:0;display:block;padding-inline:0;overflow:visible}.director-row.is-enhanced .director-row__item{position:absolute;inset-block-start:0;inset-inline-start:0;display:block;height:100%;user-select:none;-webkit-user-drag:none;will-change:transform}.director-row.is-enhanced .director-row__media{display:block;height:100%;background:transparent}.director-row.is-enhanced .director-row__image{opacity:0}.director-row.is-enhanced .director-row__name{position:absolute;inset-inline:0;z-index:3}.director-row.is-enhanced .director-row__item:hover .director-row__name,.director-row.is-enhanced .director-row__item:focus-visible .director-row__name{opacity:.6}@media(max-width: 767px){.director-row{--director-row-height: clamp(22rem, 92vw, 30rem)}.director-row__name{padding-top:30px}.director-row__viewport{height:100%}.director-row__track{flex-direction:column;height:100%;gap:40px}.director-row__item{width:100%}}/*# sourceMappingURL=director.css.map */