/* Studio gallery: full portrait video, loaded only when visitors choose play. */
.dark-agency .studio-showcase{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(28px,5vw,76px);align-items:center;padding:32px;max-width:1040px;margin-inline:auto;border:1px solid #818cf84d;border-radius:24px;background:radial-gradient(ellipse at 85% 15%,#6366f11c,transparent 60%),#131c2e}
.studio-video{margin:0;min-width:0}.studio-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#020617;border:1px solid #94a3b833;border-radius:16px;color-scheme:dark}.dark-agency .studio-video figcaption{padding:14px 2px 0;color:#94a3b8;font-size:13px;line-height:1.6}.studio-video-copy{min-width:0}.studio-video-label{display:inline-block;padding:7px 12px;border:1px solid #818cf85c;border-radius:100px;background:#6366f114;color:#a5b4fc;font-size:11px;font-weight:700;letter-spacing:1.6px;margin-bottom:24px}.dark-agency .studio-video-copy h3{font-size:clamp(28px,3.3vw,44px);line-height:1.12;letter-spacing:-1.4px;margin-bottom:22px}.dark-agency .studio-video-copy p{font-size:16px;line-height:1.75}.studio-video-details{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.studio-video-details span{padding:8px 12px;border:1px solid #94a3b833;border-radius:9px;font-size:13px;color:#cbd5e1}.dark-agency .studio-video-copy .studio-video-price{font-size:30px;font-weight:700;letter-spacing:-.7px;color:#f8fafc;line-height:1.3;margin-bottom:14px}.studio-video-price span{display:block;font-size:14px;font-weight:400;color:#94a3b8;letter-spacing:0;margin-top:7px}.studio-video-copy .button{margin-top:10px}.studio-video-direct{display:block;width:fit-content;margin-top:14px;padding-block:10px;min-height:44px;color:#a5eff9;font-size:14px;text-underline-offset:5px}.studio-video video:focus-visible{outline:3px solid #22d3ee;outline-offset:4px}
@media(min-width:721px) and (max-width:1023px){.dark-agency .studio-showcase{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:28px;padding:24px}.dark-agency .studio-video-copy h3{font-size:30px}.dark-agency .studio-video-copy .studio-video-price{font-size:27px}}
@media(max-width:720px){.dark-agency .studio-showcase{grid-template-columns:1fr;gap:28px;padding:18px;border-radius:20px}.studio-video{width:min(100%,380px);margin-inline:auto}.dark-agency .studio-video-copy{padding:2px 4px 6px}.dark-agency .studio-video-copy h3{font-size:30px}.studio-video-copy .button{width:100%;font-size:14px}.studio-video-label{margin-bottom:18px}.studio-video-details{margin:20px 0}.dark-agency .studio-video-copy .studio-video-price{font-size:28px}}