.vbf-feed {
  --vbf-accent: #d56127;
  display: grid;
  grid-template-columns: repeat(var(--vbf-desktop, 3), minmax(0, 1fr));
  gap: var(--vbf-gap, 24px);
  font-family: inherit;
}
.vbf-feed .vbf-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #303030;
  border-radius: var(--vbf-radius, 14px);
  background: #161616;
  color: #f3eee6;
  text-decoration: none;
  transition: box-shadow .2s ease, transform .2s ease;
}
.vbf-feed .vbf-card:hover,
.vbf-feed .vbf-card:focus-visible {
  box-shadow: 0 0 0 3px var(--vbf-accent);
  transform: translateY(-3px);
}
.vbf-feed .vbf-card:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}
.vbf-feed .vbf-media { aspect-ratio: 404 / 316; overflow: hidden; background: #222; }
.vbf-feed img.vbf-cover {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  object-fit: cover;
}
.vbf-feed .vbf-body { display: flex; flex: 1; flex-direction: column; padding: 22px; }
.vbf-feed .vbf-title {
  margin: 0 0 14px;
  color: inherit;
  font-family: inherit;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.vbf-feed .vbf-description { margin: 0 0 20px; color: #c3beb8; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.vbf-feed .vbf-project-link { display: flex; justify-content: space-between; gap: 16px; margin-top: auto; color: var(--vbf-accent); font-size: 13px; line-height: 1.5; font-weight: 600; }
.vbf-notice { padding: 16px 0; font-family: inherit; line-height: 1.6; }
@media (max-width: 1024px) {
  .vbf-feed { grid-template-columns: repeat(var(--vbf-tablet, 2), minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .vbf-feed { grid-template-columns: repeat(var(--vbf-mobile, 1), minmax(0, 1fr)); }
  .vbf-feed .vbf-body { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .vbf-feed .vbf-card { transition: none; }
  .vbf-feed .vbf-card:hover, .vbf-feed .vbf-card:focus-visible { transform: none; }
}
.vbf-popup{padding:0;border:0;border-radius:14px;background:#fff;color:#191919;width:min(1100px,calc(100vw - 32px));max-width:none;max-height:90vh;overflow:auto;overscroll-behavior:contain}.vbf-popup::backdrop{background:rgb(0 0 0 / .8)}.vbf-popup-header{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 24px;position:sticky;top:0;background:#fff;z-index:1}.vbf-popup-header h2{font-size:20px;margin:0}.vbf-popup-header button{font-size:32px;line-height:1;background:none;border:0;color:#191919;cursor:pointer;padding:8px}.vbf-popup-content>img{display:block;width:100%;height:auto}.vbf-popup-text{padding:32px max(20px,8%);line-height:1.7;text-align:center}.vbf-popup-text .bold{font-weight:700}.vbf-popup-status{margin:0;padding:0 24px 16px}.vbf-popup-status:empty{display:none}.vbf-popup-open{overflow:hidden}@media(max-width:600px){.vbf-popup{width:100%;max-height:100dvh;height:100dvh;border-radius:0;margin:0}.vbf-popup-header{padding:12px 16px}.vbf-popup-header h2{font-size:17px}}
.vbf-popup-video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;background:#000}
.vbf-popup-fallback{margin:0;padding:0 24px 16px;font-size:14px}.vbf-popup-fallback a{color:#9f4219;text-decoration:underline}
