/* Compact, readable labels shared by the four audiovisual previews. */
#portfolio figure:has(> video){container-type:inline-size}
#portfolio figure:has(> video) > button > span[class*="top-4"][class*="text-left"]{left:12px;right:12px}
#portfolio figure:has(> video) > button > span[class*="top-4"][class*="text-left"] > span{color:#fff!important;white-space:nowrap;letter-spacing:0;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.6)}
#portfolio figure:has(> video) > button > span[class*="top-4"][class*="text-left"] > span:first-child{font-size:12px;font-size:clamp(10px,6.8cqw,12px);font-weight:500}
#portfolio figure:has(> video) > button > span[class*="top-4"][class*="text-left"] > span:last-child{font-size:9px;font-size:clamp(8px,5.6cqw,9px);font-weight:500;text-transform:none;margin-top:3px}