/* Director panel after the synopsis, above the trailer (directors.js) */
.dir-panel{margin-top:36px;padding-top:28px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:28px}
.dir-card{display:grid;grid-template-columns:168px minmax(0,1fr);gap:28px;align-items:start}
.dir-photo{aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center}
.dir-photo img{width:100%;height:100%;object-fit:cover;display:block}
.dir-photo span{font-family:var(--mono);font-size:28px;letter-spacing:.06em;color:var(--muted)}
.dir-text h3{font-size:30px;margin-top:6px}
.dir-bio{font-size:15.5px;line-height:1.6;margin-top:10px;max-width:64ch}
@media (max-width:560px){.dir-card{grid-template-columns:96px minmax(0,1fr);gap:16px}.dir-text h3{font-size:22px}.dir-photo span{font-size:20px}
.dir-card{grid-template-rows:auto 1fr auto;row-gap:0}.dir-card .dir-bio{grid-column:1 / -1;margin-top:16px}.dir-text{display:contents}.dir-text .eyebrow{align-self:end;margin-top:8px}.dir-text h3{align-self:start}.dir-card > .dir-photo{grid-row:1 / 3}}
/* Criterion Closet Picks button next to the Letterboxd circle: same height and dark fill */
.closet-link{display:inline-flex;align-items:center;gap:10px;height:42px;margin:22px 0 0 10px;padding:0 16px 0 12px;border-radius:21px;background:#14181C;color:#fff;text-decoration:none;vertical-align:top;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 0 1px rgba(255,255,255,.08);transition:transform .15s}
.closet-link:hover,.closet-link:focus-visible{transform:scale(1.04)}
.closet-c{display:block;width:22px;height:22px;fill:#fff;flex:none}
@media (prefers-reduced-motion:reduce){.closet-link:hover,.closet-link:focus-visible{transform:none}}
.dir-text .eyebrow{display:none}.dir-text h3{margin-top:0}
@media (max-width:560px){.dir-text h3{grid-row:1 / 3;grid-column:2;align-self:center}}
.dir-panel{padding-bottom:28px;border-bottom:1px solid var(--line)}
/* Closet Picks inside the director panel (under the bio) */
.dir-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.dir-links .closet-link{margin:0}
@media (max-width:560px){.dir-card .dir-links{grid-column:1 / -1}}
.dir-bio a{color:inherit;text-decoration:underline;text-underline-offset:2px}