.directory-intro .directory-poster{display:block;width:168px;height:252px;object-fit:contain;background:#101611;order:-1;flex-shrink:0;border-radius:10px;box-shadow:0 14px 32px #0005}
.directory-intro .directory-poster--wide{width:280px;height:auto;max-height:252px}
.directory-intro .directory-intro-copy{flex:1;min-width:0;max-width:none}
.directory-intro h1{overflow-wrap:anywhere}
.directory-media-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.directory-media-actions>[data-preview-open]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 20px;border:1px solid #c3f23b8a;border-radius:9px;background:#c3f23b;color:#1a250b;font-weight:750;box-shadow:0 5px 16px #0002}
.directory-media-actions>[data-preview-open]::before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid currentColor;order:1}
.directory-media-actions>[data-preview-open]:hover{background:#d3ff58}
@media(max-width:650px){.directory-intro{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-areas:"poster copy";align-items:center;gap:16px;min-height:245px}.directory-intro .directory-intro-copy{grid-area:copy;width:100%}.directory-intro .directory-poster{grid-area:poster;width:96px;height:144px;align-self:start}.directory-intro .directory-poster--wide{width:96px;height:auto;margin-top:18px}.directory-intro h1{font-size:24px;line-height:1.35}.directory-media-actions{gap:8px}.directory-media-actions>[data-preview-open]{padding:8px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.directory-media-actions>[data-preview-open]{transition:none}}