.opusclip{--case-accent-1:#c4b5fd;--case-accent-2:#8d75ff;--case-accent-3:#5b2bc8;--case-accent-4:#f353b6;--case-accent-5:#121212;color:#ededf2;background:#121212}.opusclip .np-case__display{color:#ededf2;max-width:100%;overflow:visible}.opusclip .np-case__display strong{color:#ededf2}.opusclip .np-case__composite{background:#121212}.opusclip .np-case__body{container-type:inline-size}.opusclip .opusclip-figure--wide{width:min(100cqw,1344px);margin-left:calc(50% - min(50cqw,672px))}.opusclip .np-case__design-detail .np-case__two-column:has(>.np-case__display:only-child){display:block}.opusclip .np-case__design-detail .np-case__two-column:has(>.np-case__display:only-child) .np-case__display{text-align:center;width:100%}.opusclip .np-case__design-detail .np-case__display strong{color:var(--case-accent-1)}.opusclip .np-case__design-detail:has(>.np-case__two-column>.np-case__display:only-child)>.np-case__eyebrow{text-align:center}.opusclip-hero{background:#000;height:100svh;min-height:480px;position:relative;overflow:hidden}.opusclip-hero__stage{position:absolute;inset:0}.opusclip-hero__stage svg{width:100%;height:100%;display:block}.opusclip-video-showcase{width:min(1152px,100%);margin:calc(48px - var(--flow-space)) auto 0;display:grid}.opusclip-video-showcase--stack{gap:var(--chapter-space)}.opusclip-video-showcase__item{aspect-ratio:16/10;border-radius:var(--r-figure);background:#121212;margin:0;overflow:hidden}.opusclip-video-showcase__item video{object-fit:cover;width:100%;height:100%;display:block}.opusclip-metrics{width:min(1152px,100%);margin:calc(32px - var(--flow-space)) auto 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;display:grid}.opusclip-metrics div{gap:0;display:grid}.opusclip-metrics dt,.opusclip-metrics dd{margin:0}.opusclip-metrics dt{font-family:var(--font-averia), "Averia Serif Libre", Georgia, serif;letter-spacing:-1.5px;font-size:48px;font-weight:300;line-height:1.2}.opusclip-metrics dt span{font-size:var(--t-16)}.opusclip-metrics dd{font-size:var(--t-16);font-weight:400;line-height:24px}@media (max-width:840px){.opusclip-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}}@media (max-width:520px){.opusclip-metrics{grid-template-columns:1fr;gap:36px}}@media (prefers-reduced-motion:reduce){.opusclip-video-showcase__item video{animation:none}}