/* Director research uses the knowledge library's typography, palette and spacing. */
.director-index-heading{padding-bottom:0}
.director-index-heading h1{font-size:clamp(40px,5.5vw,84px)}
.director-index-heading .page-heading-row>p{font-size:15px;max-width:340px}
.director-subnav{display:flex;gap:35px;border-top:1px solid #aab943;margin-top:30px}
.director-subnav a{padding:23px 0;font-size:14px;border-bottom:3px solid transparent}
.director-subnav a[aria-current]{border-color:var(--ink)}
.director-subnav .director-film-link{margin-left:auto}
.director-collection{padding-top:40px;padding-bottom:70px}
.director-tools{display:flex;align-items:end;gap:24px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.director-tools label{display:flex;flex-direction:column;gap:12px;min-width:0}
.director-tools label>span{font-size:12px;color:var(--muted)}
.director-tools input,.director-tools select{font:inherit;font-size:14px;border:1px solid #b9bfaa;border-radius:0;color:var(--ink);background:transparent;min-height:48px;padding:12px 15px;min-width:0;width:100%}
.director-tools input:focus-visible,.director-tools select:focus-visible{outline:2px solid #798521;outline-offset:3px}
.director-search{flex:1}.director-tools select{min-width:155px;max-width:220px}
.director-reset{font-size:12px;min-height:48px;white-space:nowrap;padding:0}
.director-count{font-size:12px;color:var(--muted);padding:24px 0}
.director-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 30px}
.director-card{min-width:0}
.director-card[hidden],.director-frame[hidden],.director-empty[hidden]{display:none}
.director-card-image{position:relative;display:block;aspect-ratio:1.65;overflow:hidden;background:#e7e8df}
.director-card-image img{transition:transform .5s;object-fit:cover}
.director-card-image:hover img{transform:scale(1.035)}
.director-card-open{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background:var(--lime);padding:12px 16px;font-size:12px;transform:translateY(100%);transition:transform .25s}
.director-card-image:hover .director-card-open,.director-card-image:focus-visible .director-card-open{transform:translateY(0)}
.director-card-meta{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px;letter-spacing:.04em;margin:19px 0 12px;line-height:1.5}
.director-card h2,.director-card h3{font-family:var(--serif);font-size:clamp(26px,2.2vw,36px);line-height:1.45}
.director-card a:hover h2,.director-card a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.director-en{font-family:Georgia,serif;color:var(--muted);font-size:15px;line-height:1.6;margin-top:5px}
.director-card-thesis{font-size:14px;line-height:1.9;color:#535a49;margin-top:16px}
.director-tags{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:11px;color:var(--muted);margin-top:18px}
.director-tags span{padding-bottom:4px;border-bottom:1px solid #c3caad}
.director-empty{padding:65px 0;text-align:center;color:var(--muted)}
.director-empty .text-link{margin-top:18px}
.director-note{font-size:12px;line-height:1.9;color:var(--muted);margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}
.director-teaser{padding-top:80px;padding-bottom:90px;border-top:1px solid var(--line)}
.director-teaser-embedded{padding-top:40px;padding-bottom:55px;border-top:0}
.director-detail-heading{padding-bottom:50px}
.director-detail-heading .page-kicker{margin-bottom:45px}
.director-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:start}
.director-intro>div{min-width:0}
.director-detail-heading h1{font-size:clamp(42px,5.1vw,80px);margin-top:18px;overflow-wrap:anywhere}
.director-detail-en{font-family:Georgia,serif;font-size:clamp(22px,2.4vw,36px);line-height:1.5;margin-top:9px;color:#596232}
.director-meta{margin-top:23px;font-size:13px}.director-meta span{margin:0 12px;opacity:.5}
.director-intro .director-tags{color:#596232}
.director-intro>div:last-child{padding-top:34px}
.director-intro h2{font-family:var(--serif);font-size:clamp(23px,2.5vw,37px);line-height:1.65}
.director-intro>div:last-child>p{font-size:15px;line-height:2;color:#4c552c;margin-top:23px}
.director-intro .text-link{font-size:13px;margin-top:18px}
.director-hero-frame{padding-top:44px;padding-bottom:44px;background:#eceee3}
.director-hero-frame .director-frame{max-width:1100px;margin:0 auto}
.director-hero-frame .director-zoom img{max-height:620px;object-fit:contain}
.director-frame{min-width:0}
.director-zoom{padding:0;position:relative;display:block;width:100%;background:#e7e8df}
.director-zoom img{height:auto;object-fit:contain}
.director-zoom>span{position:absolute;bottom:14px;right:14px;font-size:11px;padding:8px 11px;color:var(--paper);background:#252b22df;border:1px solid #ffffff55}
.director-frame figcaption{font-size:12px;color:var(--muted);line-height:1.9;padding-top:16px}
.director-frame figcaption>div{display:flex;justify-content:space-between;gap:12px}
.director-frame figcaption strong{font-weight:400;color:var(--ink);font-size:16px}
.director-frame figcaption small{font-size:12px;color:var(--muted);margin-left:8px}
.director-frame figcaption p{margin:8px 0}
.director-frame figcaption>a{text-decoration:underline;text-underline-offset:4px}
.director-frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 32px;align-items:start}
.director-section{padding-top:75px;padding-bottom:75px;scroll-margin-top:70px}
.director-section .section-heading h2{font-size:clamp(28px,3vw,43px);line-height:1.5}
.director-section-nav{gap:30px}
.director-palette-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}
.director-palette-heading h3{font-size:16px}
.director-palette-heading p{font-size:12px;color:var(--muted);line-height:1.8}
.director-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.director-palette button{padding:0;text-align:left;min-width:0}
.director-swatch{height:100px;display:block;transition:height .2s}
.director-swatch-meta{display:flex;flex-wrap:wrap;gap:7px 15px;padding:16px 14px 0 0}
.director-swatch-meta strong{font-weight:400;font-size:14px}
.director-swatch-meta code{font-size:12px;color:var(--muted);line-height:1.7}
.director-swatch-meta small{width:100%;color:var(--muted);line-height:1.6;font-size:12px}
.director-copy-status{min-height:38px;padding-top:15px;color:#5d681d;font-size:12px}
.director-analysis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 70px;margin-top:30px}
.director-analysis section{border-top:1px solid var(--line);padding-top:25px}
.director-analysis h3,.director-methods h3{font-family:var(--serif);font-size:28px;margin:12px 0 15px}
.director-analysis p,.director-methods p{font-size:15px;line-height:2;color:#505748}
.director-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:55px;padding:35px;background:#eef0e6}
.director-methods h3{font-size:24px}
.director-methods p{font-size:14px}
.director-avoid{display:grid;grid-template-columns:120px 1fr;gap:25px;border-left:3px solid #a6b735;padding:15px 22px;margin-top:35px;font-size:14px;line-height:1.9;color:var(--muted)}
.director-avoid>span{color:var(--ink)}
.director-muted-section{background:#eceee3}
.director-movies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.director-movies article{border-top:1px solid #bfc7ae;padding-top:22px}
.director-movies h3{font-family:var(--serif);font-size:30px;line-height:1.5;margin:12px 0 4px}
.director-movies article>p:not(.director-en){font-size:14px;line-height:2;color:var(--muted);margin-top:22px}
.director-movies article>div{border-top:1px solid #d0d6c2;margin-top:22px;padding-top:20px}
.director-movies article>div>span{font-size:12px}
.director-movies article>div>p{font-size:14px;line-height:1.9;color:#505748;margin-top:8px}
.director-related-films{display:flex;flex-wrap:wrap;align-items:center;gap:22px 35px;border-top:1px solid #bfc7ae;margin-top:40px;padding-top:28px}
.director-related-films>span{font-size:13px;color:var(--muted)}
.director-related-films .text-link{font-size:13px}
.director-prompts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.director-prompts .film-prompt{background:var(--paper);padding:30px}
.director-prompts .film-prompt:last-child{grid-column:1/-1}
.director-keywords{display:flex;justify-content:space-between;gap:20px;margin-top:30px;font-size:13px;color:var(--muted);line-height:1.8}
.director-keywords button{font-size:12px;white-space:nowrap}
.director-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px}
.director-source-list>a{padding:21px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.director-source-list>a:hover{color:#677616}
.director-lightbox .film-lightbox-stage{display:flex;align-items:center;justify-content:center}
.director-lightbox .film-lightbox-stage img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}
.director-lightbox-caption{flex-shrink:0;padding:10px 25px 17px;font-size:12px;line-height:1.8;color:#c8cebc}
.director-lightbox-caption p{margin-bottom:5px}
.director-lightbox-caption a{text-decoration:underline;text-underline-offset:4px}
.director-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 60px}
.director-resource-grid article{border-top:1px solid var(--line);padding-top:28px}
.director-resource-grid h2{font-family:var(--serif);font-size:32px;margin:16px 0;line-height:1.5}
.director-resource-grid p{font-size:15px;line-height:2;color:var(--muted)}
.director-resource-grid a{display:inline-block;border-bottom:1px solid var(--ink);padding:10px 0;font-size:13px;margin-top:18px}
.director-reading-method{padding:45px;background:#eef0e6;margin:65px 0}
.director-reading-method ol{padding-left:1.4em;font-size:15px;line-height:2.2;color:var(--muted)}
.director-reading-method li{padding:6px 0}.director-reading-method strong{font-weight:400;color:var(--ink)}
.director-source-index details{border-top:1px solid var(--line);padding:22px 0}
.director-source-index summary{cursor:pointer;font-family:var(--serif);font-size:23px;line-height:1.6}
.director-source-index summary>span{font-family:Georgia,serif;color:var(--muted);font-size:14px;margin-left:15px}
.director-source-index .text-link{margin-top:12px;font-size:12px}
@media(max-width:1100px){.director-tools{gap:18px}.director-tools select{min-width:130px;max-width:170px}.director-grid{gap:45px 23px}.director-index-heading .page-heading-row{display:block}.director-index-heading .page-heading-row>p{max-width:600px;margin-top:18px}.director-section-nav{gap:22px}.director-intro{gap:40px}.director-methods{gap:25px;padding:28px}.director-analysis{gap:35px}}
@media(max-width:809px){.director-teaser{padding-top:45px;padding-bottom:55px}.director-teaser .section-heading{align-items:start}.director-teaser .section-heading h2{font-size:30px}.director-teaser .section-heading>.text-link{font-size:12px;gap:8px;white-space:nowrap}.director-tools{display:grid;grid-template-columns:1fr 1fr;gap:18px}.director-search{grid-column:1/-1}.director-tools select{max-width:none;min-width:0}.director-tools>.director-reset{grid-column:1/-1;justify-self:start;min-height:25px}.director-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 23px}.director-subnav{gap:25px;flex-wrap:wrap}.director-subnav a{font-size:13px;padding:18px 0}.director-subnav .director-film-link{display:none}.director-collection{padding-top:28px}.director-intro{grid-template-columns:1fr;gap:25px}.director-intro>div:last-child{padding-top:0}.director-detail-heading h1{font-size:48px}.director-detail-heading .page-kicker{margin-bottom:30px}.director-intro h2{font-size:28px}.director-intro>div:last-child>p{font-size:14px;margin-top:15px}.director-section{padding-top:45px;padding-bottom:50px}.director-section-nav{gap:25px}.director-palette-heading{display:block}.director-palette-heading p{margin-top:10px}.director-swatch{height:80px}.director-swatch-meta{padding-right:8px}.director-swatch-meta strong{font-size:13px}.director-swatch-meta code{font-size:10px}.director-swatch-meta small{font-size:11px}.director-methods{grid-template-columns:1fr;padding:25px;gap:25px}.director-avoid{grid-template-columns:1fr;gap:8px;font-size:13px}.director-analysis{gap:32px 26px}.director-analysis h3{font-size:25px}.director-movies{gap:25px}.director-movies h3{font-size:24px}.director-frame-grid{gap:30px 24px}.director-frame figcaption>div{display:block}.director-frame figcaption>div>a{display:block;margin-top:4px}.director-prompts{grid-template-columns:1fr;gap:22px}.director-prompts .film-prompt{padding:24px}.director-source-list{grid-template-columns:1fr}.director-resource-grid{gap:35px}.director-resource-grid h2{font-size:28px}.director-reading-method{padding:25px}.director-reading-method ol{font-size:14px}.director-hero-frame{padding-top:25px;padding-bottom:25px}}
@media(max-width:540px){.director-index-heading h1{font-size:35px}.director-subnav{gap:25px}.director-subnav a{font-size:12px}.director-grid,.director-frame-grid,.director-analysis,.director-movies,.director-resource-grid{grid-template-columns:1fr}.director-grid{gap:38px}.director-card h2,.director-card h3{font-size:30px}.director-card-meta{margin-top:16px}.director-card-thesis{margin-top:10px}.director-tags{margin-top:12px}.director-teaser .section-heading{display:block}.director-teaser .section-heading>.text-link{margin-top:10px}.director-palette{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}.director-swatch{height:80px}.director-swatch-meta small{font-size:12px}.director-swatch-meta code{font-size:11px}.director-detail-heading h1{font-size:40px}.director-detail-en{font-size:24px}.director-intro h2{font-size:26px}.director-section .section-heading{margin-bottom:28px}.director-section .section-heading h2{font-size:29px}.director-section-nav a{font-size:12px}.director-methods{margin-top:35px}.director-movies{gap:35px}.director-movies h3{font-size:28px}.director-keywords{flex-direction:column;gap:8px}.director-keywords button{align-self:start;padding:8px 0}.director-lightbox .film-lightbox-bar{flex-wrap:nowrap;min-height:68px}.director-lightbox .film-lightbox-title{width:auto}.director-lightbox-caption{font-size:11px;padding:10px 16px}.director-source-index summary>span{display:block;margin-left:0}.director-note{margin-top:30px}.director-reading-method{padding:23px;margin:45px 0}.director-frame figcaption strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.director-card-image img,.director-card-open{transition:none}}
