.site-nav{grid-template-columns:1.7fr repeat(4,1fr)}.director{color:#efe1c9;background:#21170e55;min-height:100svh}.director-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding-top:28px}.director-portrait{margin:0;justify-self:center;max-width:100%;height:min(62svh,620px)}.director-portrait img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:0 8px 40px #1d110c70;outline:1px solid #dac4a050}.director-copy{color:#efe1c9;text-shadow:0 1px 8px #20160ecc}.director-copy>.small-note{font:400 12px/1.8 var(--serif);letter-spacing:.16em;margin:0 0 25px}.director-copy h2{font:400 clamp(52px,7vw,108px)/1.1 var(--serif);letter-spacing:.09em;margin:0}.director-copy h2 span{display:block}.director-film{font:400 12px/1.8 var(--serif);letter-spacing:.2em;color:#d9ac88;margin:30px 0 0}.director .section-index{color:#e1cdb0!important;border-color:#b6a68f60}.cinema-mode .director{display:flex;flex-direction:column;background:none}.cinema-mode .director-layout{flex:1;min-height:0;padding-top:25px;grid-template-columns:1fr 1fr}.cinema-mode .director-portrait{height:100%;min-height:0;max-height:100%;display:flex;align-items:center;justify-content:center}.cinema-mode .director-portrait img{height:100%;width:auto;max-height:100%;min-height:0}
@media(max-width:700px){.site-nav{grid-template-columns:96px repeat(4,1fr)}.site-nav a:not(.nav-brand){font-size:8px;letter-spacing:.02em;padding-left:6px;padding-right:4px}.site-nav .nav-brand .poster-title{width:78px}.site-nav .nav-brand span{font-size:6px;letter-spacing:.02em}.director-layout,.cinema-mode .director-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding-top:25px}.director-portrait,.cinema-mode .director-portrait{height:min(46svh,390px);max-height:none;flex-shrink:1;min-height:160px}.director-copy{text-align:center;flex-shrink:0}.director-copy>.small-note{font-size:9px;margin-bottom:10px;letter-spacing:.13em}.director-copy h2{font-size:clamp(27px,7.5vw,40px);letter-spacing:.1em;line-height:1.25;white-space:nowrap}.director-copy h2 span{display:inline}.director-film{font-size:9px;margin:12px 0 0}.director{padding-bottom:110px}.cinema-mode .director{padding-bottom:100px}}
@media(max-width:350px){.site-nav{grid-template-columns:82px repeat(4,1fr)}.site-nav a:not(.nav-brand){font-size:7px}.site-nav .nav-brand .poster-title{width:65px}}
/* The existing pitch-deck statement accompanies the portrait, without shortening it. */
.director-layout,.cinema-mode .director-layout{grid-template-columns:.8fr 1.2fr;gap:5vw;position:relative}.director-copy{min-height:0;max-height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#b9a17e #271c1440;padding-right:15px;overscroll-behavior:contain}.director-copy:focus-visible{outline:1px solid #d9ac8880;outline-offset:6px}.director-copy>.small-note{font-size:10px;letter-spacing:.13em;margin-bottom:10px}.director-copy h2{font-size:32px;line-height:1.2;letter-spacing:.12em;margin:0 0 18px}.director-copy h2 span{display:inline}.director-statement h3{font:400 10px/1.7 var(--serif);letter-spacing:.17em;color:#d9ac88;margin:0 0 16px;text-transform:uppercase}.director-statement p{font:400 clamp(13px,1.05vw,16px)/1.6 var(--serif);letter-spacing:.035em;margin:0 0 13px;text-transform:uppercase}.director-statement p:last-child{margin-bottom:0}.statement-hint{display:none;position:absolute;right:0;bottom:-24px;font:400 9px/1.5 var(--serif);letter-spacing:.1em;color:#ddc5a7;margin:0;text-transform:uppercase}.director-layout.has-overflow .statement-hint{display:block}
@media(max-width:700px){.director-layout,.cinema-mode .director-layout{gap:20px;justify-content:flex-start}.cinema-mode .director-portrait{height:min(27svh,225px);min-height:140px;flex-shrink:0}.director-copy{width:100%;min-height:0;max-height:none;flex:1;text-align:left;padding:0 10px 0 0}.director-copy>.small-note{font-size:8px;margin-bottom:6px}.director-copy h2{font-size:23px;letter-spacing:.1em;margin-bottom:14px}.director-statement h3{font-size:9px;margin-bottom:12px}.director-statement p{font-size:13px;line-height:1.65;letter-spacing:.035em;margin-bottom:14px}.statement-hint{font-size:8px;bottom:-20px}}
body:not(.cinema-mode) .director-copy{max-height:none;overflow:visible}body:not(.cinema-mode) .statement-hint{display:none}
/* Full statement in ordinary page flow; no independently scrolling text pane. */
.director-layout,.cinema-mode .director-layout{grid-template-columns:.65fr 1.35fr;gap:4vw;align-items:start}.cinema-mode .director{height:max-content;min-height:100svh;bottom:auto}.cinema-mode .director-layout{flex:1 0 auto}.director-copy,body:not(.cinema-mode) .director-copy{overflow:visible;max-height:none;min-height:0;padding-right:0;overscroll-behavior:auto}.director-copy>.small-note{font-size:9px;margin-bottom:6px}.director-copy h2{font-size:27px;margin-bottom:10px}.director-statement h3{font-size:9px;margin-bottom:10px}.director-statement p{font-size:13px;line-height:1.5;letter-spacing:.025em;margin-bottom:10px}.director-portrait,.cinema-mode .director-portrait{height:min(59svh,455px);max-height:none;min-height:0;align-self:center}.director-portrait img,.cinema-mode .director-portrait img{height:100%;width:auto}
@media(max-width:700px){.director-layout,.cinema-mode .director-layout{display:flex;flex-direction:column;align-items:center;gap:24px}.director-portrait,.cinema-mode .director-portrait{height:min(29svh,240px);min-height:0;flex:none}.director-copy{flex:none;width:100%;padding:0}.director-copy h2{font-size:25px}.director-statement p{font-size:14px;line-height:1.7;letter-spacing:.025em;margin-bottom:16px}.cinema-mode .director{padding-bottom:115px}}
/* FilmFreeway biography beneath the portrait, statement alongside. */
.director-profile{min-width:0;align-self:start}.director-profile .director-portrait,.cinema-mode .director-profile .director-portrait{height:min(32svh,245px);margin:0 auto 17px;display:flex;justify-content:center;max-width:100%}.director-profile .director-portrait img{height:100%;width:auto;max-width:100%;object-fit:contain}.director-bio h3{font:400 9px/1.7 var(--serif);letter-spacing:.15em;color:#d9ac88;margin:0 0 9px}.director-bio p{font:400 12px/1.55 var(--serif);letter-spacing:.025em;color:#efe1c9;margin:0 0 10px;text-shadow:0 1px 8px #20160ecc}.director-bio p:last-child{margin-bottom:0}.director-layout,.cinema-mode .director-layout{align-items:start}
@media(max-width:700px){.director-profile{width:100%}.director-profile .director-portrait,.cinema-mode .director-profile .director-portrait{height:min(29svh,240px);margin-bottom:24px}.director-bio h3{font-size:9px}.director-bio p{font-size:14px;line-height:1.7;margin-bottom:16px}.director-bio{margin-bottom:12px}}
@media(min-width:701px){.director-profile .director-portrait,.cinema-mode .director-profile .director-portrait{height:min(28svh,200px);margin-bottom:14px}.director-bio h3{font-size:9px;margin-bottom:7px}.director-bio p{font-size:11.5px;line-height:1.4;letter-spacing:.015em;margin-bottom:8px}}
/* Larger portrait; readable FilmFreeway copy together alongside it. */
.director-layout,.cinema-mode .director-layout{grid-template-columns:.85fr 1.35fr;gap:5vw}.director-profile{width:100%;align-self:start}.director-profile .director-portrait,.cinema-mode .director-profile .director-portrait{height:min(63svh,620px);margin:0;width:100%;justify-content:center}.director-profile .director-portrait img{height:100%;width:auto;max-width:100%;object-fit:contain}.director-copy h2{font-size:32px;margin-bottom:22px}.director-copy>.small-note{font-size:10px;margin-bottom:8px}.director-bio{margin:0 0 25px}.director-bio h3,.director-statement h3{font-size:10px;margin-bottom:12px;letter-spacing:.15em}.director-bio p,.director-statement p{font-size:14px;line-height:1.65;letter-spacing:.025em;margin-bottom:13px}.director-bio p:last-child,.director-statement p:last-child{margin-bottom:0}
@media(max-width:700px){.director-layout,.cinema-mode .director-layout{gap:28px}.director-profile .director-portrait,.cinema-mode .director-profile .director-portrait{height:min(43svh,360px);margin:0 auto}.director-copy h2{font-size:27px;margin-bottom:22px}.director-bio{margin-bottom:28px}.director-bio p,.director-statement p{font-size:15px;line-height:1.7;margin-bottom:16px}.director-bio h3,.director-statement h3{font-size:10px}}
/* A warm ink ground protects long-form reading while the film plays around it. */
.director-copy{padding:30px 34px 34px;background:rgba(35,26,20,.88);border:1px solid #c4a78355;border-top:2px solid #a67a55;backdrop-filter:blur(5px);color:#f0e1c8;text-shadow:none;overflow:visible;max-height:none}.director-copy>.small-note{color:#dbc3a1;font-size:11px;letter-spacing:.14em}.director-copy h2{font-size:34px;letter-spacing:.1em;margin:0 0 28px}.director-bio h3,.director-statement h3{font-size:11px;letter-spacing:.16em;color:#e0b28c;margin-bottom:14px}.director-bio p,.director-statement p{font-family:var(--serif);font-weight:400;font-size:17px;line-height:1.7;letter-spacing:.005em;text-transform:none;color:#f0e1c8;text-shadow:none;margin:0 0 17px}.director-bio{padding-bottom:25px;border-bottom:1px solid #c4a78355;margin-bottom:28px}.director-bio p:last-child,.director-statement p:last-child{margin-bottom:0}.director-layout,.cinema-mode .director-layout{gap:4vw}
@media(max-width:700px){.director-copy{padding:24px 20px 26px}.director-copy h2{font-size:28px;margin-bottom:24px}.director-copy>.small-note{font-size:10px}.director-bio h3,.director-statement h3{font-size:10px}.director-bio p,.director-statement p{font-size:16px;line-height:1.75;letter-spacing:0;margin-bottom:18px}.director-bio{padding-bottom:22px;margin-bottom:24px}}
@media(prefers-reduced-transparency:reduce){.director-copy{background:#231a14;backdrop-filter:none}}
