/* One consistent card size, with aligned rows and room between projects. */
.sdc-film-card{position:relative}
.sdc-film-card video{opacity:0;transition:opacity .22s ease}
.sdc-film-card.sdc-film-ready video{opacity:1}
.sdc-card-toggle{position:absolute;top:12px;right:12px;z-index:4;display:grid;place-items:center;width:44px;height:44px;padding:12px;background:#141414b8;color:#fff;border:1px solid #ffffff38;cursor:pointer}
.sdc-card-toggle svg{width:20px;height:20px;display:block}
.sdc-card-toggle:hover{background:#141414}
.sdc-card-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.sdc-film-card video{transition:none}}
.home .feed-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: clamp(44px, 4.5vw, 72px) clamp(24px, 2.5vw, 40px);
}
.home .feed-grid > .feed-card {
  grid-column: auto;
  align-self: stretch;
  min-width: 0;
}
.home .feed-card > a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.home .feed-card .card-media { aspect-ratio: 16 / 9; flex-shrink: 0; }
.home .feed-card .card-media img,
.home .feed-card .card-media video {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
}
.home .feed-card .card-caption {
  grid-template-columns: 1fr !important;
  gap: 8px;
  margin-top: 20px;
}
@media (max-width: 700px) {
  .home .feed-grid { grid-template-columns: 1fr; gap: 40px; }
  .home .feed-grid > .feed-card { grid-column: 1 / -1 !important; }
  .home .feed-card .card-caption { gap: 6px; margin-top: 16px; }
}