.instagram-grid > * { min-width: 0; }
.instagram-video-card { position: relative; margin: 0; min-width: 0; }
.instagram-grid .instagram-card-link{position:absolute;inset:0;z-index:2;aspect-ratio:auto;cursor:pointer}
.instagram-card-link:focus-visible{outline:2px solid #fff7e7;outline-offset:-4px}
.instagram-video-card video {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  background: #22221f;
}
.instagram-grid .instagram-video-link {
  display: flex;
  align-items: center;
  gap: 8px;
  aspect-ratio: auto;
  padding: 10px 0;
  font-size: 12px;
  overflow-wrap: anywhere;
}
.instagram-video-link svg { flex: 0 0 18px; }
.instagram-preview { position: relative; overflow: hidden; }
.instagram-preview-end:not([hidden]) {
  position: absolute; inset: 0; display: flex; flex-direction: column;
  justify-content: center; align-items: center; gap: 12px;
  padding: 16px 12px 66px; background: linear-gradient(180deg, #0008, #000c);
  color: #fff7e7; text-align: center;
  animation: instagram-shade-in 450ms ease-out both;
}
.instagram-preview-end:not([hidden]) > * {
  animation: instagram-message-in 450ms ease-out 220ms both;
}
.instagram-preview-end .instagram-video-link { justify-content: center; text-decoration: underline; color: inherit; line-height: 1.5; }
.instagram-preview-end :focus-visible { outline: 2px solid #fff7e7; outline-offset: 4px; }
@keyframes instagram-shade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes instagram-message-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .instagram-preview-end:not([hidden]),
  .instagram-preview-end:not([hidden]) > * { animation: none; }
}

.instagram-video-caption{position:absolute;bottom:0;left:0;right:0;z-index:1;background:linear-gradient(transparent,#0009);opacity:0;transition:opacity .25s;padding:16px 10px 8px}
.instagram-grid .instagram-video-caption .instagram-video-link{color:white;font-size:10px;line-height:1.4;padding:0;gap:6px;align-items:flex-start}
.instagram-caption-copy{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.instagram-grid .instagram-video-caption svg{width:14px;height:14px;flex:0 0 14px;margin-top:1px}
.instagram-grid .instagram-preview-end .instagram-video-link{font-size:12px;line-height:1.4;gap:6px;max-width:100%;padding:8px 0}
.instagram-preview-end .instagram-video-link svg{width:14px;height:14px;flex:0 0 14px}
@media(max-width:600px){
  .instagram-grid .instagram-video-caption .instagram-video-link{font-size:9px;line-height:1.4}
  .instagram-video-caption{padding:12px 8px 8px}
  .instagram-grid .instagram-preview-end .instagram-video-link{font-size:11px}
  .instagram-preview-end:not([hidden]){padding:12px 10px 55px}
}
.instagram-video-card:hover .instagram-video-caption,.instagram-video-card:focus-within .instagram-video-caption{opacity:1}
@media(hover:none){.instagram-video-caption{opacity:1}}