Studio 216

À propos

This template is a cinematic design-and-engineering studio portfolio using Next.js 16, React 19, TypeScript, and Tailwind CSS v4. The home page pairs an editorial portfolio with a sticky, scroll-synced background video. Scroll behavior is isolated in src/components/scroll-video-experience.tsx. The visual system uses a dark luxury-industrial palette, Newsreader and IBM Plex Mono typography, and CSS-only project artwork and transitions. Use the bundled frontend-design and next-best-practices skills before substantial UI or Next.js changes. Keep page.tsx as a Server Component and isolate browser-only behavior in focused Client Components. For video changes, follow the Media Processing section in AGENTS.md and use the verified pnpm media commands instead of ad hoc re-encoding.