.ocf-video-portfolio { background: var(--ocf-bg); }
.ocf-video-portfolio .portfolio-groups { display: grid; gap: clamp(48px,6vw,80px); }
.ocf-video-portfolio .portfolio-category { margin: 0 0 28px; padding-bottom: 20px; border-bottom: 1px solid var(--ocf-border-light); }
.ocf-video-portfolio .portfolio-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; align-items: start; }
.ocf-video-portfolio .portfolio-project { min-width: 0; }
.ocf-video-portfolio .portfolio-video { display: block; width: 100%; aspect-ratio: 16/9; object-fit: contain; background: #101010; border-radius: var(--image-radius); }
.ocf-video-portfolio .portfolio-project h3 { margin: 22px 0 10px; color: var(--ocf-heading); font-size: 24px; line-height: 1.2; }
.ocf-video-portfolio .portfolio-project p { margin: 0; color: var(--ocf-body); }
@media(max-width: 639px) { .ocf-video-portfolio .portfolio-grid { grid-template-columns: minmax(0,1fr); gap: 36px; } .ocf-video-portfolio .portfolio-category { font-size: 28px; } }

.ocf-video-portfolio .portfolio-media-empty { width: 100%; aspect-ratio: 16/9; background: var(--ocf-bg-alt); border: 1px solid var(--ocf-border-light); border-radius: var(--image-radius); }