/* Content Directory: all typography and card spacing are scoped per instance.
   No Directory card typography inherits the Design/Page Appearance rules. */
.mf-dir-shell{min-width:0;max-width:100%}
.mf-dir-shell .mf-dir-heading{
  display:block;margin:0 0 var(--mf-dir-heading-gap,18px)!important;
  font-family:var(--mf-dir-heading-font,system-ui,sans-serif)!important;
  font-size:var(--mf-dir-heading-size-desktop,24px)!important;
  font-weight:var(--mf-dir-heading-weight,600)!important;
  line-height:var(--mf-dir-heading-line,1.3)!important;
  letter-spacing:var(--mf-dir-heading-tracking,0em)!important;
  color:var(--mf-dir-heading-color,#25302a)!important;
  text-align:var(--mf-dir-heading-align,left)!important;
}
.mf-dir-shell .mf-dir{
  display:grid;grid-template-columns:repeat(var(--mf-dir-cols,3),minmax(0,1fr));
  gap:var(--mf-dir-grid-gap,20px)!important;max-width:100%;min-width:0;
  --mf-dir-default-title-size:15px;
  --mf-dir-default-detail-color:#616d67;
  --mf-dir-default-title-color:#25302a;
  --mf-dir-default-excerpt-color:#46524c;
}
.mf-dir-shell .mf-dir--small{--mf-dir-default-title-size:13px}
.mf-dir-shell .mf-dir--large{--mf-dir-default-title-size:19px}
.mf-dir-shell .mf-dir--horizontal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:12px;scrollbar-width:thin}
.mf-dir-shell .mf-dir-card{min-width:0;scroll-snap-align:start;text-align:var(--mf-dir-align,left)!important}
.mf-dir-shell .mf-dir--horizontal .mf-dir-card{flex:0 0 calc((100% - (var(--mf-dir-cols,3) - 1)*var(--mf-dir-grid-gap,20px))/var(--mf-dir-cols,3))}
.mf-dir-shell .mf-dir-card-link{display:block;position:relative;text-decoration:none!important;color:inherit!important;height:100%}
.mf-dir-shell .mf-dir-card-image{display:block;overflow:hidden;width:100%;background:#e9eae6;border-radius:var(--mf-dir-image-radius,0px)!important}
.mf-dir-shell .mf-dir-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s ease;border-radius:var(--mf-dir-image-radius,0px)!important}
.mf-dir-shell .mf-dir-card-link:hover .mf-dir-card-image img{transform:scale(1.025)}
.mf-dir-shell .mf-dir--contain .mf-dir-card-image img{object-fit:contain}
.mf-dir-shell .mf-dir--square .mf-dir-card-image{aspect-ratio:1}
.mf-dir-shell .mf-dir--landscape .mf-dir-card-image{aspect-ratio:4/3}
.mf-dir-shell .mf-dir--portrait .mf-dir-card-image{aspect-ratio:3/4}
.mf-dir-shell .mf-dir--widescreen .mf-dir-card-image{aspect-ratio:16/9}
.mf-dir-shell .mf-dir--original .mf-dir-card-image img{height:auto}
.mf-dir-shell .mf-dir:not(.mf-dir--original) .mf-dir-card-image{position:relative}
.mf-dir-shell .mf-dir:not(.mf-dir--original) .mf-dir-card-image img{position:absolute;inset:0;width:100%;height:100%}
.mf-dir-shell .mf-dir-card--film .mf-dir-card-link:hover .mf-dir-card-image img{transform:none}
.mf-dir-shell .mf-dir-card-copy{display:flex;flex-direction:column;gap:0;min-width:0;overflow-wrap:anywhere;
  padding:var(--mf-dir-copy-top,12px) var(--mf-dir-copy-side,0px) 5px;
  line-height:normal;text-align:var(--mf-dir-align,left)!important}
.mf-dir-shell .mf-dir-card-title{display:block;
  font-family:var(--mf-dir-title-font,system-ui,sans-serif)!important;
  font-size:var(--mf-dir-title-size-desktop,var(--mf-dir-default-title-size,15px))!important;
  font-weight:var(--mf-dir-title-weight,600)!important;
  line-height:var(--mf-dir-title-line,1.36)!important;
  letter-spacing:var(--mf-dir-title-tracking,-.01em)!important;
  color:var(--mf-dir-title-color,var(--mf-dir-default-title-color,#25302a))!important;
  text-align:inherit!important}
.mf-dir-shell .mf-dir-card-details{display:flex;flex-wrap:wrap;align-items:baseline;
  justify-content:var(--mf-dir-justify,flex-start);gap:3px var(--mf-dir-detail-gap,8px);
  margin-top:var(--mf-dir-details-top,7px);opacity:1}
.mf-dir-shell .mf-dir-card-detail{display:inline-flex;align-items:baseline;min-width:0;
  font-family:var(--mf-dir-detail-font,system-ui,sans-serif)!important;
  font-size:11px!important;line-height:1.55!important;color:var(--mf-dir-default-detail-color)!important}
.mf-dir-shell .mf-dir-card-detail+.mf-dir-card-detail::before{content:"·";opacity:.65;margin-right:2px}
.mf-dir-shell .mf-dir--separator-slash .mf-dir-card-detail+.mf-dir-card-detail::before{content:"/"}
.mf-dir-shell .mf-dir--separator-none .mf-dir-card-detail+.mf-dir-card-detail::before{content:none}
.mf-dir-shell .mf-dir-card-excerpt{display:block;margin-top:var(--mf-dir-excerpt-top,9px);
  font-family:var(--mf-dir-excerpt-font,system-ui,sans-serif)!important;
  font-size:var(--mf-dir-excerpt-size-desktop,13px)!important;
  font-weight:var(--mf-dir-excerpt-weight,400)!important;
  line-height:var(--mf-dir-excerpt-line,1.65)!important;
  letter-spacing:var(--mf-dir-excerpt-tracking,0em)!important;
  color:var(--mf-dir-excerpt-color,var(--mf-dir-default-excerpt-color,#46524c))!important;
  text-align:inherit!important;opacity:1}
.mf-dir-shell .mf-dir--overlay .mf-dir-card-link:has(.mf-dir-card-image) .mf-dir-card-copy{
  position:absolute;left:0;right:0;bottom:0;
  padding:42px max(16px,var(--mf-dir-copy-side,0px)) 15px;
  background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;
  --mf-dir-default-title-color:#fff;--mf-dir-default-detail-color:#f0f2ee;--mf-dir-default-excerpt-color:#f5f5f4;
}
@media(max-width:1024px){
  .mf-dir-shell .mf-dir-heading{font-size:var(--mf-dir-heading-size-tablet,var(--mf-dir-heading-size-desktop,24px))!important}
  .mf-dir-shell .mf-dir-card-title{font-size:var(--mf-dir-title-size-tablet,var(--mf-dir-title-size-desktop,var(--mf-dir-default-title-size,15px)))!important}
  .mf-dir-shell .mf-dir-card-excerpt{font-size:var(--mf-dir-excerpt-size-tablet,var(--mf-dir-excerpt-size-desktop,13px))!important}
}
@media(max-width:680px){
  .mf-dir-shell .mf-dir{grid-template-columns:repeat(var(--mf-dir-mobile,1),minmax(0,1fr));gap:var(--mf-dir-mobile-gap,14px)!important}
  .mf-dir-shell .mf-dir--horizontal .mf-dir-card{flex-basis:calc((100% - (var(--mf-dir-mobile,1) - 1)*var(--mf-dir-mobile-gap,14px))/var(--mf-dir-mobile,1))}
}
@media(max-width:640px){
  .mf-dir-shell .mf-dir-heading{font-size:var(--mf-dir-heading-size-mobile,var(--mf-dir-heading-size-tablet,var(--mf-dir-heading-size-desktop,24px)))!important}
  .mf-dir-shell .mf-dir-card-title{font-size:var(--mf-dir-title-size-mobile,var(--mf-dir-title-size-tablet,var(--mf-dir-title-size-desktop,var(--mf-dir-default-title-size,15px))))!important}
  .mf-dir-shell .mf-dir-card-excerpt{font-size:var(--mf-dir-excerpt-size-mobile,var(--mf-dir-excerpt-size-tablet,var(--mf-dir-excerpt-size-desktop,13px)))!important}
}
@media(prefers-reduced-motion:reduce){.mf-dir-shell .mf-dir-card-image img{transition:none}}

.mf-dir-shell .mf-dir-card-detail--film-type{
  font-family:var(--mf-dir-film-type-font,system-ui,sans-serif)!important;
  font-size:var(--mf-dir-film-type-size-desktop,11px)!important;
  font-weight:var(--mf-dir-film-type-weight,500)!important;
  line-height:var(--mf-dir-film-type-line,1.55)!important;
  letter-spacing:var(--mf-dir-film-type-tracking,0em)!important;
  color:var(--mf-dir-film-type-color,var(--mf-dir-default-detail-color,#616d67))!important;
  text-align:inherit!important;
}
@media(max-width:1024px){.mf-dir-shell .mf-dir-card-detail--film-type{font-size:var(--mf-dir-film-type-size-tablet,var(--mf-dir-film-type-size-desktop,11px))!important}}
@media(max-width:640px){.mf-dir-shell .mf-dir-card-detail--film-type{font-size:var(--mf-dir-film-type-size-mobile,var(--mf-dir-film-type-size-tablet,var(--mf-dir-film-type-size-desktop,11px)))!important}}

.mf-dir-shell .mf-dir-card-detail--film-length{
  font-family:var(--mf-dir-film-length-font,system-ui,sans-serif)!important;
  font-size:var(--mf-dir-film-length-size-desktop,11px)!important;
  font-weight:var(--mf-dir-film-length-weight,500)!important;
  line-height:var(--mf-dir-film-length-line,1.55)!important;
  letter-spacing:var(--mf-dir-film-length-tracking,0em)!important;
  color:var(--mf-dir-film-length-color,var(--mf-dir-default-detail-color,#616d67))!important;
  text-align:inherit!important;
}
@media(max-width:1024px){.mf-dir-shell .mf-dir-card-detail--film-length{font-size:var(--mf-dir-film-length-size-tablet,var(--mf-dir-film-length-size-desktop,11px))!important}}
@media(max-width:640px){.mf-dir-shell .mf-dir-card-detail--film-length{font-size:var(--mf-dir-film-length-size-mobile,var(--mf-dir-film-length-size-tablet,var(--mf-dir-film-length-size-desktop,11px)))!important}}

.mf-dir-shell .mf-dir-card-detail--writing-type{
  font-family:var(--mf-dir-writing-type-font,system-ui,sans-serif)!important;
  font-size:var(--mf-dir-writing-type-size-desktop,11px)!important;
  font-weight:var(--mf-dir-writing-type-weight,500)!important;
  line-height:var(--mf-dir-writing-type-line,1.55)!important;
  letter-spacing:var(--mf-dir-writing-type-tracking,0em)!important;
  color:var(--mf-dir-writing-type-color,var(--mf-dir-default-detail-color,#616d67))!important;
  text-align:inherit!important;
}
@media(max-width:1024px){.mf-dir-shell .mf-dir-card-detail--writing-type{font-size:var(--mf-dir-writing-type-size-tablet,var(--mf-dir-writing-type-size-desktop,11px))!important}}
@media(max-width:640px){.mf-dir-shell .mf-dir-card-detail--writing-type{font-size:var(--mf-dir-writing-type-size-mobile,var(--mf-dir-writing-type-size-tablet,var(--mf-dir-writing-type-size-desktop,11px)))!important}}

.mf-dir-shell .mf-dir-card-detail--art-type{
  font-family:var(--mf-dir-art-type-font,system-ui,sans-serif)!important;
  font-size:var(--mf-dir-art-type-size-desktop,11px)!important;
  font-weight:var(--mf-dir-art-type-weight,500)!important;
  line-height:var(--mf-dir-art-type-line,1.55)!important;
  letter-spacing:var(--mf-dir-art-type-tracking,0em)!important;
  color:var(--mf-dir-art-type-color,var(--mf-dir-default-detail-color,#616d67))!important;
  text-align:inherit!important;
}
@media(max-width:1024px){.mf-dir-shell .mf-dir-card-detail--art-type{font-size:var(--mf-dir-art-type-size-tablet,var(--mf-dir-art-type-size-desktop,11px))!important}}
@media(max-width:640px){.mf-dir-shell .mf-dir-card-detail--art-type{font-size:var(--mf-dir-art-type-size-mobile,var(--mf-dir-art-type-size-tablet,var(--mf-dir-art-type-size-desktop,11px)))!important}}

.mf-dir-shell .mf-dir-card-detail--year{
  font-family:var(--mf-dir-year-font,system-ui,sans-serif)!important;
  font-size:var(--mf-dir-year-size-desktop,11px)!important;
  font-weight:var(--mf-dir-year-weight,500)!important;
  line-height:var(--mf-dir-year-line,1.55)!important;
  letter-spacing:var(--mf-dir-year-tracking,0em)!important;
  color:var(--mf-dir-year-color,var(--mf-dir-default-detail-color,#616d67))!important;
  text-align:inherit!important;
}
@media(max-width:1024px){.mf-dir-shell .mf-dir-card-detail--year{font-size:var(--mf-dir-year-size-tablet,var(--mf-dir-year-size-desktop,11px))!important}}
@media(max-width:640px){.mf-dir-shell .mf-dir-card-detail--year{font-size:var(--mf-dir-year-size-mobile,var(--mf-dir-year-size-tablet,var(--mf-dir-year-size-desktop,11px)))!important}}

/* Screening status is part of Directory's presentation model, not inherited from film templates. */
.mf-dir-shell .mf-dir-card .mf-watch-badge{
  font-family:var(--mf-dir-status-font,system-ui,sans-serif)!important;
  font-size:var(--mf-dir-status-size-desktop,10px)!important;
  font-weight:var(--mf-dir-status-weight,600)!important;
  line-height:var(--mf-dir-status-line,1.3)!important;
  letter-spacing:var(--mf-dir-status-tracking,.045em)!important;
  color:var(--mf-dir-status-color,#f7f4ea)!important;
}
@media(max-width:1024px){.mf-dir-shell .mf-dir-card .mf-watch-badge{font-size:var(--mf-dir-status-size-tablet,var(--mf-dir-status-size-desktop,10px))!important}}
@media(max-width:640px){.mf-dir-shell .mf-dir-card .mf-watch-badge{font-size:var(--mf-dir-status-size-mobile,var(--mf-dir-status-size-tablet,var(--mf-dir-status-size-desktop,9px)))!important}}

/* Publication metadata: role-scoped typography, independent of Page Appearance. */
.mf-dir-shell .mf-dir-card-detail--writing-author{
  font-family:var(--mf-dir-writing-author-font,system-ui,sans-serif)!important;
  font-size:var(--mf-dir-writing-author-size-desktop,11px)!important;
  font-weight:var(--mf-dir-writing-author-weight,500)!important;
  line-height:var(--mf-dir-writing-author-line,1.55)!important;
  letter-spacing:var(--mf-dir-writing-author-tracking,0em)!important;
  color:var(--mf-dir-writing-author-color,var(--mf-dir-default-detail-color,#616d67))!important;
  text-align:inherit!important;
}
@media(max-width:1024px){.mf-dir-shell .mf-dir-card-detail--writing-author{font-size:var(--mf-dir-writing-author-size-tablet,var(--mf-dir-writing-author-size-desktop,11px))!important}}
@media(max-width:640px){.mf-dir-shell .mf-dir-card-detail--writing-author{font-size:var(--mf-dir-writing-author-size-mobile,var(--mf-dir-writing-author-size-tablet,var(--mf-dir-writing-author-size-desktop,11px)))!important}}

/* Publication metadata: role-scoped typography, independent of Page Appearance. */
.mf-dir-shell .mf-dir-card-detail--writing-venue{
  font-family:var(--mf-dir-writing-venue-font,system-ui,sans-serif)!important;
  font-size:var(--mf-dir-writing-venue-size-desktop,11px)!important;
  font-weight:var(--mf-dir-writing-venue-weight,500)!important;
  line-height:var(--mf-dir-writing-venue-line,1.55)!important;
  letter-spacing:var(--mf-dir-writing-venue-tracking,0em)!important;
  color:var(--mf-dir-writing-venue-color,var(--mf-dir-default-detail-color,#616d67))!important;
  text-align:inherit!important;
}
@media(max-width:1024px){.mf-dir-shell .mf-dir-card-detail--writing-venue{font-size:var(--mf-dir-writing-venue-size-tablet,var(--mf-dir-writing-venue-size-desktop,11px))!important}}
@media(max-width:640px){.mf-dir-shell .mf-dir-card-detail--writing-venue{font-size:var(--mf-dir-writing-venue-size-mobile,var(--mf-dir-writing-venue-size-tablet,var(--mf-dir-writing-venue-size-desktop,11px)))!important}}

/* Publication metadata: role-scoped typography, independent of Page Appearance. */
.mf-dir-shell .mf-dir-card-detail--writing-format{
  font-family:var(--mf-dir-writing-format-font,system-ui,sans-serif)!important;
  font-size:var(--mf-dir-writing-format-size-desktop,11px)!important;
  font-weight:var(--mf-dir-writing-format-weight,500)!important;
  line-height:var(--mf-dir-writing-format-line,1.55)!important;
  letter-spacing:var(--mf-dir-writing-format-tracking,0em)!important;
  color:var(--mf-dir-writing-format-color,var(--mf-dir-default-detail-color,#616d67))!important;
  text-align:inherit!important;
}
@media(max-width:1024px){.mf-dir-shell .mf-dir-card-detail--writing-format{font-size:var(--mf-dir-writing-format-size-tablet,var(--mf-dir-writing-format-size-desktop,11px))!important}}
@media(max-width:640px){.mf-dir-shell .mf-dir-card-detail--writing-format{font-size:var(--mf-dir-writing-format-size-mobile,var(--mf-dir-writing-format-size-tablet,var(--mf-dir-writing-format-size-desktop,11px)))!important}}

/* Publication metadata: role-scoped typography, independent of Page Appearance. */
.mf-dir-shell .mf-dir-card-detail--writing-publisher{
  font-family:var(--mf-dir-writing-publisher-font,system-ui,sans-serif)!important;
  font-size:var(--mf-dir-writing-publisher-size-desktop,11px)!important;
  font-weight:var(--mf-dir-writing-publisher-weight,500)!important;
  line-height:var(--mf-dir-writing-publisher-line,1.55)!important;
  letter-spacing:var(--mf-dir-writing-publisher-tracking,0em)!important;
  color:var(--mf-dir-writing-publisher-color,var(--mf-dir-default-detail-color,#616d67))!important;
  text-align:inherit!important;
}
@media(max-width:1024px){.mf-dir-shell .mf-dir-card-detail--writing-publisher{font-size:var(--mf-dir-writing-publisher-size-tablet,var(--mf-dir-writing-publisher-size-desktop,11px))!important}}
@media(max-width:640px){.mf-dir-shell .mf-dir-card-detail--writing-publisher{font-size:var(--mf-dir-writing-publisher-size-mobile,var(--mf-dir-writing-publisher-size-tablet,var(--mf-dir-writing-publisher-size-desktop,11px)))!important}}