/* Curated, locally illustrated films. Players load through the existing kino overlay. */
.social-work { list-style: none; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.7fr) minmax(0,1fr); gap: clamp(1rem,2.4vw,2rem); padding: 0; margin: 0; align-items: start; }
.social-work__item { min-width: 0; gap: 0; }
.nw-services .social-work .social-work__poster { height: clamp(12rem,22vw,19rem); aspect-ratio: auto; border-radius: 16px; background: #15251d; box-shadow: none; margin-bottom: 1.25rem; }
.nw-services .social-work .social-work__poster img { width: 100%; height: 100%; object-fit: contain; }
.nw-services .social-work .social-work__poster:hover img { transform: none; }
.nw-services .social-work .social-work__kind { margin: 0 0 .4rem; font-size: .75rem; line-height: 1.5; color: #d4ddcf; }
.nw-services .social-work .social-work__item h3 { margin: 0; font-size: clamp(1.25rem,1.8vw,1.8rem); line-height: 1.15; letter-spacing: -.025em; color: #fff; }
.nw-services .social-work .social-work__description { margin: .65rem 0 0; max-width: 32ch; font-size: .875rem; line-height: 1.55; color: #d4ddcf; }
.social-work__notes { margin-top: 1.75rem; max-width: 90ch; }
.social-work__notes p { font-size: .75rem; line-height: 1.6; color: #c8d2c5; margin: .45rem 0 0; }
.social-work__notes a { color: #d4ddcf; font-size: .75rem; line-height: 1.6; text-underline-offset: .22em; }
.social-work__more { margin: clamp(2.5rem,5vw,4.5rem) 0 1.75rem; padding-top: clamp(2rem,4vw,3rem); border-top: 1px solid #ffffff26; }
.social-work__more h3 { font-size: clamp(1.5rem,2.7vw,2.3rem); letter-spacing: -.03em; color: #fff; }
.social-work__more p { margin-top: .65rem; color: #d4ddcf; font-size: .9375rem; }
.studios-social { display: flex; align-items: center; justify-content: space-between; gap: .5rem 2rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #2332221c; }
.studios-social > p { max-width: 47ch; margin: 0; color: var(--text-muted); font-size: .875rem; line-height: 1.6; }
.studios-social__links { display: flex; flex-wrap: wrap; gap: .4rem 1.35rem; }
.studios-social__links .studios-link { font-size: .875rem; }
@media (max-width: 760px) {
  .social-work { grid-template-columns: 1fr; gap: 2rem; }
  .nw-services .social-work .social-work__poster { height: auto; aspect-ratio: 16/9; margin-bottom: 1rem; }
  .nw-services .social-work .social-work__item--portrait .social-work__poster { height: clamp(16rem,70vw,22rem); aspect-ratio: auto; }
  .nw-services .social-work .social-work__description { max-width: 42ch; }
  .nw-services .social-work .social-work__item h3 { font-size: 1.5rem; }
  .studios-social { align-items: flex-start; flex-direction: column; }
}