.imported-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.imported-card{border:1px solid var(--line);background:var(--paper);min-width:0}.imported-video{width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#23392e,#58664b);color:#f8f6f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.imported-video>span{font:50px Georgia,serif;border:1px solid #ffffff70;border-radius:50%;height:80px;width:80px;line-height:75px}.imported-video>small{font-size:10px;letter-spacing:3px}.imported-video:hover{background:#40553d}.imported-body{padding:25px}.imported-body .eyebrow{font-size:9px;margin-bottom:13px}.imported-body h3{font-size:27px;margin-bottom:25px;overflow-wrap:anywhere}.imported-source{display:block;font-size:10px;text-decoration:underline;color:var(--muted);margin-top:20px}.imported-cover{width:100%;aspect-ratio:1.6;object-fit:cover}.imported-body details summary{cursor:pointer;font-size:13px}.imported-photos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.imported-photos img{width:100%;aspect-ratio:1;object-fit:cover}.imported-grid>.muted{grid-column:1/-1;padding:25px 0}.imported-section .filters{margin-bottom:35px}@media(max-width:900px){.imported-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.imported-grid{grid-template-columns:1fr}.imported-body h3{font-size:28px}}

.imported-video{position:relative;aspect-ratio:16/9;overflow:hidden}.imported-video>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.imported-video>span{z-index:1;background:#14201988;line-height:75px;text-align:center}.imported-video>small{display:none}.film-date{display:block;color:var(--muted);font-size:12px;margin:-12px 0 20px}.imported-video:hover>span{background:#bc1e25}.imported-video:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.inline-film{display:block;width:100%;aspect-ratio:16/9;border:0;background:#151515}

/* The homepage shows one gallery and one film. Give each its own full row. */
#portfolio.section, #film.section { padding-block: clamp(36px, 5vw, 72px); }
#portfolio .section-head, #film .section-head { margin-bottom: clamp(18px, 3vw, 32px); }
#portfolio .editorial-grid, #film .imported-grid {
  grid-template-columns: minmax(0, 1fr);
  max-width: 1120px;
  margin-inline: auto;
}
#portfolio .editorial-grid > .photo {
  grid-area: auto;
  aspect-ratio: 16 / 9;
}
#portfolio .editorial-grid > .photo > img { display: block; }
#portfolio .editorial-grid > .photo > span {
  position: absolute;
  inset: auto 0 0;
  padding: 32px 18px 14px;
  color: white;
  background: linear-gradient(transparent, #0c1b14c9);
}
#film .imported-body { padding: clamp(14px, 2vw, 24px); }
#film .imported-body h3 { margin-bottom: 0; }

#film[data-imported="featured-film"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 560px);
  align-items: center;
  gap: clamp(24px, 6vw, 96px);
}
#film[data-imported="featured-film"] .section-head {
  display: grid;
  justify-items: start;
  gap: 20px;
  margin: 0;
}
#film[data-imported="featured-film"] .imported-grid { width: 100%; }
#film[data-imported="featured-film"] .imported-body .eyebrow { display: none; }
@media (min-width: 760px) {
  #film[data-imported="featured-film"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, min(50%, 560px));
  }
}
@media (max-width: 759px) {
  #film[data-imported="featured-film"] { grid-template-columns: minmax(0, 1fr); }
  #film[data-imported="featured-film"] .imported-grid { max-width: 460px; margin-inline: 0; }
}
