.video-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.video-portfolio-card{min-width:0}
.video-portfolio-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#232931}
.video-portfolio-card h3{font-size:clamp(18px,2vw,24px);line-height:1.3;margin:16px 0 0;color:#232931}
.portfolio-image .portfolio-open{transform-origin:bottom right;transition:transform .3s ease,background-color .3s ease}
.portfolio-image .portfolio-open .material-symbols-outlined{display:block;transition:transform .3s ease}
.portfolio-image:hover .portfolio-open,.portfolio-image:focus-visible .portfolio-open{transform:scale(1.15);background:#ffca35}
.portfolio-image:hover .portfolio-open .material-symbols-outlined,.portfolio-image:focus-visible .portfolio-open .material-symbols-outlined{transform:translate(2px,-2px) scale(1.25)}
@media(max-width:700px){.video-portfolio-grid{grid-template-columns:1fr;gap:28px}}
@media(prefers-reduced-motion:reduce){.portfolio-image .portfolio-open,.portfolio-image .portfolio-open .material-symbols-outlined{transition:none;transform:none!important}}