const filmographyProjects = [
  {
    id: 'arsanaruwa',
    client: 'ARSANARUWA',
    project: 'Arsanaruwa',
    year: '2022',
    category: 'Filmography',
    industry: 'Arts & Cinema',
    badge_text: 'DANCE FILM',
    thumbnail: '/assets/filmography/arsanaruwa/arsanaruwa-cover.webp',
    video_url: 'https://www.youtube.com/embed/kzmgKYDPGFQ',
    duration: '06:17 min',
    production: 'ARSANARUWA',
    production_sub: 'in association with UPI Dance Education Department',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Editor', 'Colorist', 'Graphic Designer'],
    awards: [],
    stills: [
      { src: '/assets/filmography/arsanaruwa/still1.webp' },
      { src: '/assets/filmography/arsanaruwa/still2.webp' },
      { src: '/assets/filmography/arsanaruwa/still3.webp' },
      { src: '/assets/filmography/arsanaruwa/still4.webp' },
      { src: '/assets/filmography/arsanaruwa/still5.webp' },
      { src: '/assets/filmography/arsanaruwa/still6.webp' },
      { src: '/assets/filmography/arsanaruwa/still7.webp' },
      { src: '/assets/filmography/arsanaruwa/still8.webp' },
    ],
  },
  {
    id: 'mite',
    client: 'LUTHFRAME®',
    project: 'Mite',
    year: '2022',
    category: 'Filmography',
    industry: 'Arts & Cinema',
    badge_text: 'EXPERIMENTAL',
    thumbnail: '/assets/filmography/mite/mite-cover.webp',
    video_url: 'https://www.youtube.com/embed/xSoZbuKCiM4',
    production: 'LUTHFRAME®',
    duration: '04:55 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Director', 'Cinematographer', 'Editor', 'Colorist', '3D Artist', 'Graphic Designer'],
    awards: [
      {
        status: 'Official Selection',
        title: 'International Experimental Film Exhibition',
        event: 'Germany, Poland, Indonesia • 2022',
      },
      {
        status: 'Nominated',
        title: 'Best Experimental Film',
        event: 'FTV UPI Nomadland • 2022',
      },
    ],
    press: [
      {
        outlet: 'Goethe Institut',
        title: '\'Ajeg Melampaui Diri\': A Showcase of Experimental Visions by UPI Filmmakers',
        date: 'Apr 2022',
        url: 'https://www.goethe.de/ins/id/id/sta/ban/ver.cfm?event_id=22883431',
      },
    ],
    stills: [
      { src: '/assets/filmography/mite/still1.webp' },
      { src: '/assets/filmography/mite/still2.webp' },
      { src: '/assets/filmography/mite/still3.webp' },
      { src: '/assets/filmography/mite/still4.webp' },
      { src: '/assets/filmography/mite/still5.webp' },
    ],
  },
  {
    id: 'fruit-story',
    client: 'LUTHFRAME®',
    project: 'Fruit Story',
    year: '2022',
    category: 'Filmography',
    industry: 'Arts & Cinema',
    badge_text: 'STOP MOTION',
    thumbnail: '/assets/filmography/fruit-story/fruit-story-cover.webp',
    video_url: 'https://www.youtube.com/embed/LaurztI6YpM',
    production: 'LUTHFRAME®',
    duration: '09:15 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Director', 'Cinematographer', 'Editor', 'Colorist', 'VFX Artist', 'Motion & Graphics Designer', 'Art Director'],
    awards: [],
    stills: [
      { src: '/assets/filmography/fruit-story/still1.webp' },
      { src: '/assets/filmography/fruit-story/still2.webp' },
      { src: '/assets/filmography/fruit-story/still3.webp' },
      { src: '/assets/filmography/fruit-story/still4.webp' },
      { src: '/assets/filmography/fruit-story/still5.webp' },
      { src: '/assets/filmography/fruit-story/still6.webp' },
      { src: '/assets/filmography/fruit-story/still7.webp' },
      { src: '/assets/filmography/fruit-story/still8.webp' },
      { src: '/assets/filmography/fruit-story/still9.webp' },
      { src: '/assets/filmography/fruit-story/still10.webp' },
      { src: '/assets/filmography/fruit-story/still11.webp' },
      { src: '/assets/filmography/fruit-story/still12.webp' },
      { src: '/assets/filmography/fruit-story/still13.webp' },
      { src: '/assets/filmography/fruit-story/still14.webp' },
      { src: '/assets/filmography/fruit-story/still15.webp' },
      { src: '/assets/filmography/fruit-story/still16.webp' },
      { src: '/assets/filmography/fruit-story/still17.webp' },
      { src: '/assets/filmography/fruit-story/still18.webp' },
    ],
  },
  {
    id: 'ananta',
    client: 'MISSI ON PRODUCTION',
    project: 'Ananta',
    year: '2022',
    category: 'Filmography',
    industry: 'Arts & Cinema',
    badge_text: 'SHORT FILM',
    thumbnail: '/assets/filmography/ananta/ananta-cover.webp',
    video_url: 'https://www.youtube.com/embed/7MQP2Qu_zsw',
    production: 'MISSI ON PRODUCTION',
    duration: '12:11 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Secondary Editor', 'Colorist', 'Graphics Designer'],
    awards: [],
    stills: [
      { src: '/assets/filmography/ananta/still1.webp' },
      { src: '/assets/filmography/ananta/still2.webp' },
      { src: '/assets/filmography/ananta/still3.webp' },
      { src: '/assets/filmography/ananta/still4.webp' },
      { src: '/assets/filmography/ananta/still5.webp' },
    ],
  },
  {
    id: 'sangaskara',
    client: 'LENSART PRODUCTION',
    project: 'Sangaskara',
    year: '2021',
    category: 'Filmography',
    industry: 'Arts & Cinema',
    badge_text: 'DOCUMENTARY',
    thumbnail: '/assets/filmography/sangaskara/sangaskara-cover.webp',
    video_url: 'https://www.youtube.com/embed/ibVaYZN9Jlc',
    production: 'LENSART PRODUCTION',
    duration: '16:00 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Online Editor', 'Colorist', '3D Artist'],
    awards: [],
    stills: [
      { src: '/assets/filmography/sangaskara/still1.webp' },
      { src: '/assets/filmography/sangaskara/still2.webp' },
      { src: '/assets/filmography/sangaskara/still3.webp' },
      { src: '/assets/filmography/sangaskara/still4.webp' },
      { src: '/assets/filmography/sangaskara/still5.webp' },
      { src: '/assets/filmography/sangaskara/still6.webp' },
      { src: '/assets/filmography/sangaskara/still7.webp' },
      { src: '/assets/filmography/sangaskara/still8.webp' },
      { src: '/assets/filmography/sangaskara/still9.webp' },
      { src: '/assets/filmography/sangaskara/still10.webp' },
      { src: '/assets/filmography/sangaskara/still11.webp' },
      { src: '/assets/filmography/sangaskara/still12.webp' },
    ],
  },
  {
    id: 'the-existence-of-comic',
    client: 'DELTA FILM PRODUCTION',
    project: 'The Existence Of Comic',
    year: '2021',
    category: 'Filmography',
    industry: 'Arts & Cinema',
    badge_text: 'DOCUMENTARY',
    thumbnail: '/assets/filmography/the-existence-of-comic/the-existence-of-comic-cover.webp',
    video_url: 'https://www.youtube.com/embed/YzRRkysJhB8',
    production: 'DELTA FILM PRODUCTION',
    duration: '30:09 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Online Editor', 'Colorist', 'Motion & Graphics Designer'],
    awards: [],
    stills: [
      { src: '/assets/filmography/the-existence-of-comic/still1.webp' },
      { src: '/assets/filmography/the-existence-of-comic/still2.webp' },
      { src: '/assets/filmography/the-existence-of-comic/still3.webp' },
      { src: '/assets/filmography/the-existence-of-comic/still4.webp' },
      { src: '/assets/filmography/the-existence-of-comic/still5.webp' },
      { src: '/assets/filmography/the-existence-of-comic/still6.webp' },
      { src: '/assets/filmography/the-existence-of-comic/still7.webp' },
      { src: '/assets/filmography/the-existence-of-comic/still8.webp' },
      { src: '/assets/filmography/the-existence-of-comic/still9.webp' },
      { src: '/assets/filmography/the-existence-of-comic/still10.webp' },
    ],
  },
  {
    id: 'waras',
    client: 'FIVESEVEN PRODUCTION',
    project: 'Waras',
    year: '2020',
    category: 'Filmography',
    industry: 'Arts & Cinema',
    badge_text: 'SHORT FILM',
    thumbnail: '/assets/filmography/waras/waras-cover.webp',
    video_url: 'https://www.youtube.com/embed/yiukrUzcg_w',
    production: 'FIVESEVEN PRODUCTION',
    duration: '10:11 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Secondary Editor', 'Colorist', 'Motion & Graphics Designer'],
    awards: [],
    stills: [
      { src: '/assets/filmography/waras/still1.webp' },
      { src: '/assets/filmography/waras/still2.webp' },
      { src: '/assets/filmography/waras/still3.webp' },
      { src: '/assets/filmography/waras/still4.webp' },
      { src: '/assets/filmography/waras/still5.webp' },
      { src: '/assets/filmography/waras/still6.webp' },
      { src: '/assets/filmography/waras/still7.webp' },
    ],
  },
  {
    id: 'demi-tidur-yang-nyaman',
    client: 'LENSART PRODUCTION',
    project: 'Demi Tidur Yang Nyaman',
    year: '2020',
    category: 'Filmography',
    industry: 'Arts & Cinema',
    badge_text: 'SHORT FILM',
    thumbnail: '/assets/filmography/demi-tidur-yang-nyaman/demi-tidur-yang-nyaman-cover.webp',
    video_url: 'https://www.youtube.com/embed/ngblqhCfJcs',
    production: 'LENSART PRODUCTION',
    duration: '05:18 min',
    spectrum: 'Rec.709',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Gaffer Assistant'],
    awards: [],
    stills: [
      { src: '/assets/filmography/demi-tidur-yang-nyaman/still1.webp' },
      { src: '/assets/filmography/demi-tidur-yang-nyaman/still2.webp' },
      { src: '/assets/filmography/demi-tidur-yang-nyaman/still3.webp' },
      { src: '/assets/filmography/demi-tidur-yang-nyaman/still4.webp' },
      { src: '/assets/filmography/demi-tidur-yang-nyaman/still5.webp' },
      { src: '/assets/filmography/demi-tidur-yang-nyaman/still6.webp' },
      { src: '/assets/filmography/demi-tidur-yang-nyaman/still7.webp' },
      { src: '/assets/filmography/demi-tidur-yang-nyaman/still8.webp' },
      { src: '/assets/filmography/demi-tidur-yang-nyaman/still9.webp' },
    ],
  },
  {
    id: 'surup',
    client: 'TAP PRODUCTION',
    project: 'Surup',
    year: '2019',
    category: 'Filmography',
    industry: 'Arts & Cinema',
    badge_text: 'SHORT FILM',
    thumbnail: '/assets/filmography/surup/surup-cover.webp',
    video_url: 'https://www.youtube.com/embed/Bn2mts2FxRY',
    production: 'TAP PRODUCTION',
    duration: '03:20 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Editor & Colorist', 'Sound Designer', 'VFX Artist'],
    awards: [
      {
        status: 'Winner',
        title: '2st Place - Best Short Film',
        event: 'Festival Literasi Tangerang • 2019',
      },
      {
        status: 'Official Selection',
        title: 'Film & Art Exhibition',
        event: 'Sanggar Seni Rupa Kontemporer Bandung • 2019',
      },
    ],
    stills: [
      { src: '/assets/filmography/surup/still1.webp' },
      { src: '/assets/filmography/surup/still2.webp' },
      { src: '/assets/filmography/surup/still3.webp' },
      { src: '/assets/filmography/surup/still4.webp' },
      { src: '/assets/filmography/surup/still5.webp' },
    ],
  },
  {
    id: 'reiner',
    client: 'TAP PRODUCTION',
    project: 'Reiner',
    year: '2019',
    category: 'Filmography',
    industry: 'Arts & Cinema',
    badge_text: 'SHORT FILM',
    thumbnail: '/assets/filmography/reiner/reiner-cover.webp',
    video_url: 'https://www.youtube.com/embed/OKFgA4FLzp8',
    production: 'FIVESEVEN PRODUCTION',
    duration: '04:57 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Editor & Colorist', 'Sound Designer'],
    awards: [],
    stills: [
      { src: '/assets/filmography/reiner/still1.webp' },
      { src: '/assets/filmography/reiner/still2.webp' },
      { src: '/assets/filmography/reiner/still3.webp' },
      { src: '/assets/filmography/reiner/still4.webp' },
      { src: '/assets/filmography/reiner/still5.webp' },
      { src: '/assets/filmography/reiner/still6.webp' },
      { src: '/assets/filmography/reiner/still7.webp' },
      { src: '/assets/filmography/reiner/still8.webp' },
      { src: '/assets/filmography/reiner/still9.webp' },
      { src: '/assets/filmography/reiner/still10.webp' },
    ],
  },
  {
    id: 'segitiga-merah',
    client: 'LENSART PRODUCTION',
    project: 'Segitiga Merah',
    year: '2019',
    category: 'Filmography',
    industry: 'Arts & Cinema',
    badge_text: 'SHORT FILM',
    thumbnail: '/assets/filmography/segitiga-merah/segitiga-merah-cover.webp',
    video_url: 'https://www.youtube.com/embed/FaGDCI9Hmgg',
    production: 'LENSART PRODUCTION',
    duration: '06:20 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Camera Assistant'],
    stills: [
      { src: '/assets/filmography/segitiga-merah/still1.webp' },
      { src: '/assets/filmography/segitiga-merah/still2.webp' },
      { src: '/assets/filmography/segitiga-merah/still3.webp' },
      { src: '/assets/filmography/segitiga-merah/still4.webp' },
      { src: '/assets/filmography/segitiga-merah/still5.webp' },
    ],
  },
  {
    id: 'a-miracle',
    client: 'M3FILMS',
    project: 'A Miracle',
    year: '2019',
    category: 'Filmography',
    industry: 'Arts & Cinema',
    badge_text: 'SHORT FILM',
    thumbnail: '/assets/filmography/a-miracle/a-miracle-cover.webp',
    video_url: 'https://www.youtube.com/embed/2bN7P8PRHc4',
    production: 'M3FILMS',
    duration: '13:15 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Director', 'DOP', 'Editor & Colorist', 'Sound Designer', 'Art Director', 'Graphic Designer'],
    awards: [
      {
        status: 'Nominated',
        title: 'Top 10 Best Short Film',
        event: 'Film Festival Surabaya • 2019',
      },
      {
        status: 'Official Selection',
        title: 'Short Film Showcase',
        event: 'Makassar Film Week 5 • 2019',
      },
    ],
    stills: [
      { src: '/assets/filmography/a-miracle/still1.webp' },
      { src: '/assets/filmography/a-miracle/still2.webp' },
      { src: '/assets/filmography/a-miracle/still3.webp' },
      { src: '/assets/filmography/a-miracle/still4.webp' },
      { src: '/assets/filmography/a-miracle/still5.webp' },
      { src: '/assets/filmography/a-miracle/still6.webp' },
      { src: '/assets/filmography/a-miracle/still7.webp' },
      { src: '/assets/filmography/a-miracle/still8.webp' },
    ],
  },
  {
    id: 'kawan-atau-lawan',
    client: 'LENSART PRODUCTION',
    project: 'Kawan Atau Lawan',
    year: '2017',
    category: 'Filmography',
    industry: 'Arts & Cinema',
    badge_text: 'SHORT FILM',
    thumbnail: '/assets/filmography/kawan-atau-lawan/kawan-atau-lawan-cover.webp',
    video_url: 'https://www.youtube.com/embed/4wLCZDypDR8',
    production: 'LENSART PRODUCTION',
    duration: '07:20 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor'],
    stills: [
      { src: '/assets/filmography/kawan-atau-lawan/still1.webp' },
      { src: '/assets/filmography/kawan-atau-lawan/still2.webp' },
      { src: '/assets/filmography/kawan-atau-lawan/still3.webp' },
      { src: '/assets/filmography/kawan-atau-lawan/still4.webp' },
      { src: '/assets/filmography/kawan-atau-lawan/still5.webp' },
      { src: '/assets/filmography/kawan-atau-lawan/still6.webp' },
      { src: '/assets/filmography/kawan-atau-lawan/still7.webp' },
      { src: '/assets/filmography/kawan-atau-lawan/still8.webp' },
      { src: '/assets/filmography/kawan-atau-lawan/still9.webp' },
      { src: '/assets/filmography/kawan-atau-lawan/still10.webp' },
      { src: '/assets/filmography/kawan-atau-lawan/still11.webp' },
      { src: '/assets/filmography/kawan-atau-lawan/still12.webp' },
      { src: '/assets/filmography/kawan-atau-lawan/still13.webp' },
      { src: '/assets/filmography/kawan-atau-lawan/still14.webp' },
    ],
  },
  {
    id: 'selembar-impian',
    client: 'LENSART PRODUCTION',
    project: 'Selembar Impian',
    year: '2017',
    category: 'Filmography',
    industry: 'Arts & Cinema',
    badge_text: 'SHORT FILM',
    thumbnail: '/assets/filmography/selembar-impian/selembar-impian-cover.webp',
    video_url: 'https://www.youtube.com/embed/Hs7BwiMZZ-g',
    production: 'LUTHFRAME®',
    duration: '05:07 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['DOP', 'Editor', 'Artistic & Prop Designer', 'Graphic Designer'],
    awards: [
      {
        status: 'Winner',
        title: '1st Place - Best Short Film',
        event: 'Agroforce Competition, Universitas Padjadjaran • 2017',
      },
    ],
    press: [
      {
        outlet: 'Berita Kuningan',
        title: '\'Selembar Impian\' Wins First Place at UNPAD Agroforce Film Competition',
        date: 'Oct 2017',
        url: 'https://www.beritakuningan.com/2017/10/wakili-kuningan-film-selembar-impian.html',
      },
    ],
    stills: [
      { src: '/assets/filmography/selembar-impian/still1.webp' },
      { src: '/assets/filmography/selembar-impian/still2.webp' },
      { src: '/assets/filmography/selembar-impian/still3.webp' },
      { src: '/assets/filmography/selembar-impian/still4.webp' },
      { src: '/assets/filmography/selembar-impian/still5.webp' },
    ],
  },
];

const videoEditingProjects = [
  
  {
    id: 'sman-5-cirebon',
    client: 'SMAN 5 CIREBON',
    project: 'Euphonius 36 : Official Rewind',
    year: '2025',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/rewind-euphonius-36/euphonius-26-cover.webp',
    video_url: 'https://www.youtube.com/embed/lW5RakpQAwU',
    production: 'SMAN 5 CIREBON',
    production_sub: 'in association with FOURJECTIV',
    duration: '06:24 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Graphics Designer', 'Story Conceptor', 'Creative Developer'],
    stills: [
      { src: '/assets/video-editing/rewind-euphonius-36/still1.webp', alt: 'Still 1' },
      { src: '/assets/video-editing/rewind-euphonius-36/still2.webp', alt: 'Still 2' },
      { src: '/assets/video-editing/rewind-euphonius-36/still3.webp', alt: 'Still 3' },
      { src: '/assets/video-editing/rewind-euphonius-36/still4.webp', alt: 'Still 4' },
      { src: '/assets/video-editing/rewind-euphonius-36/still5.webp', alt: 'Still 5' },
      { src: '/assets/video-editing/rewind-euphonius-36/still6.webp', alt: 'Still 6' },
      { src: '/assets/video-editing/rewind-euphonius-36/still7.webp', alt: 'Still 7' },
      { src: '/assets/video-editing/rewind-euphonius-36/still8.webp', alt: 'Still 8' },
      { src: '/assets/video-editing/rewind-euphonius-36/still9.webp', alt: 'Still 9' },
      { src: '/assets/video-editing/rewind-euphonius-36/still10.webp', alt: 'Still 10' },
      { src: '/assets/video-editing/rewind-euphonius-36/still11.webp', alt: 'Still 11' },
      { src: '/assets/video-editing/rewind-euphonius-36/still12.webp', alt: 'Still 12' },
      { src: '/assets/video-editing/rewind-euphonius-36/still13.webp', alt: 'Still 13' },
      { src: '/assets/video-editing/rewind-euphonius-36/still14.webp', alt: 'Still 14' },
      { src: '/assets/video-editing/rewind-euphonius-36/still15.webp', alt: 'Still 15' },
      { src: '/assets/video-editing/rewind-euphonius-36/still16.webp', alt: 'Still 16' },
      { src: '/assets/video-editing/rewind-euphonius-36/still17.webp', alt: 'Still 17' },
      { src: '/assets/video-editing/rewind-euphonius-36/still18.webp', alt: 'Still 18' },
      { src: '/assets/video-editing/rewind-euphonius-36/still19.webp', alt: 'Still 19' },
      { src: '/assets/video-editing/rewind-euphonius-36/still20.webp', alt: 'Still 20' },
      { src: '/assets/video-editing/rewind-euphonius-36/still21.webp', alt: 'Still 21' },
      { src: '/assets/video-editing/rewind-euphonius-36/still22.webp', alt: 'Still 22' },
      { src: '/assets/video-editing/rewind-euphonius-36/still23.webp', alt: 'Still 23' },
      { src: '/assets/video-editing/rewind-euphonius-36/still24.webp', alt: 'Still 24' },
      { src: '/assets/video-editing/rewind-euphonius-36/still25.webp', alt: 'Still 25' },
      { src: '/assets/video-editing/rewind-euphonius-36/still26.webp', alt: 'Still 26' },
      { src: '/assets/video-editing/rewind-euphonius-36/still27.webp', alt: 'Still 27' },
      { src: '/assets/video-editing/rewind-euphonius-36/still28.webp', alt: 'Still 28' },
      { src: '/assets/video-editing/rewind-euphonius-36/still29.webp', alt: 'Still 29' },
      { src: '/assets/video-editing/rewind-euphonius-36/still30.webp', alt: 'Still 30' },
      { src: '/assets/video-editing/rewind-euphonius-36/still31.webp', alt: 'Still 31' },
      { src: '/assets/video-editing/rewind-euphonius-36/still32.webp', alt: 'Still 32' },
      { src: '/assets/video-editing/rewind-euphonius-36/still33.webp', alt: 'Still 33' },
      { src: '/assets/video-editing/rewind-euphonius-36/still34.webp', alt: 'Still 34' },
      { src: '/assets/video-editing/rewind-euphonius-36/still35.webp', alt: 'Still 35' },
      { src: '/assets/video-editing/rewind-euphonius-36/still36.webp', alt: 'Still 36' },
      { src: '/assets/video-editing/rewind-euphonius-36/still37.webp', alt: 'Still 37' },
      { src: '/assets/video-editing/rewind-euphonius-36/still38.webp', alt: 'Still 38' },
      { src: '/assets/video-editing/rewind-euphonius-36/still39.webp', alt: 'Still 39' },
      { src: '/assets/video-editing/rewind-euphonius-36/still40.webp', alt: 'Still 40' },
      { src: '/assets/video-editing/rewind-euphonius-36/still41.webp', alt: 'Still 41' },
      { src: '/assets/video-editing/rewind-euphonius-36/still42.webp', alt: 'Still 42' },
      { src: '/assets/video-editing/rewind-euphonius-36/still43.webp', alt: 'Still 43' },
      { src: '/assets/video-editing/rewind-euphonius-36/still44.webp', alt: 'Still 44' },
      { src: '/assets/video-editing/rewind-euphonius-36/still45.webp', alt: 'Still 45' },
      { src: '/assets/video-editing/rewind-euphonius-36/still46.webp', alt: 'Still 46' },
      { src: '/assets/video-editing/rewind-euphonius-36/still47.webp', alt: 'Still 47' },
      { src: '/assets/video-editing/rewind-euphonius-36/still48.webp', alt: 'Still 48' },
      { src: '/assets/video-editing/rewind-euphonius-36/still49.webp', alt: 'Still 49' },
      { src: '/assets/video-editing/rewind-euphonius-36/still50.webp', alt: 'Still 50' },
      { src: '/assets/video-editing/rewind-euphonius-36/still51.webp', alt: 'Still 51' },
      { src: '/assets/video-editing/rewind-euphonius-36/still52.webp', alt: 'Still 52' },
      { src: '/assets/video-editing/rewind-euphonius-36/still53.webp', alt: 'Still 53' },
      { src: '/assets/video-editing/rewind-euphonius-36/still54.webp', alt: 'Still 54' },
      { src: '/assets/video-editing/rewind-euphonius-36/still55.webp', alt: 'Still 55' },
      { src: '/assets/video-editing/rewind-euphonius-36/still56.webp', alt: 'Still 56' },
    ],
    software_stack: ['Adobe Premiere Pro', 'Adobe Photoshop'],
    technical_breakdown: {
      objectives: {
        heading: 'Project Objectives',
        text: 'Produce the official rewind film for the Euphonius 36 school event, capturing highlights and delivering a cinematic recap for social media and internal archiving.',
      },
      scope: {
        heading: 'Project Scope',
        text: 'End-to-end post-production from raw footage through final export. Scope covers offline edit, colour grade, motion graphics design, and social media delivery.',
      },
      prePlanning: {
        heading: 'Content / Pre-editing Planning',
        text: 'Pre-edit bin organisation was structured around scene-based bins with sub-bins for camera rolls, B-roll, and sync audio — see <span class="inline-attachment" data-index="0">(Pipeline Chart)</span> for the full folder architecture. A rough assembly cut was completed within 48 hours of each shooting block. All proxy media was generated at ¼ resolution <code>ProRes 422 LT</code> for offline cutting, with full-res ARRIRAW retained for the final online conform. The complete VFX shot list is documented in <span class="inline-attachment" data-index="1">(VFX Breakdown)</span>.',
      },
      pipeline: {
        heading: 'Editing Pipeline',
        steps: [
          { label: 'Initiation', detail: 'Project setup, folder structure, proxy generation' },
          { label: 'Organization', detail: 'Sync, log, label footage by scene & roll' },
          { label: 'Management', detail: 'Assembly → rough cut → fine cut iterations' },
          { label: 'Review', detail: 'Client screenings, revision cycles, picture lock' },
          { label: 'Export', detail: 'Multi-format render, QC pass & delivery' },
        ],
      },
      motionGraphics: {
        heading: 'Motion Graphics & VFX',
        text: 'Title sequences and lower thirds were designed in <strong>After Effects</strong> against a <strong>Blender</strong>-rendered particle system. All compositing used <code>EXR 32-bit</code> passes to preserve highlight information during blend mode work. A total of 22 VFX shots were delivered across the final cut.',
      },
      audio: {
        heading: 'Audio & Sound Design',
        text: 'The final mix was completed in <strong>Fairlight</strong> with a 9.1.6 bed and object layer for the Dolby Atmos deliverable. Dialogue, FX, and music were mixed to <code>–23 LUFS</code> integrated loudness for broadcast compliance. A 2.0 stereo fold-down was also supplied for digital platforms.',
      },
      deliverables: {
        heading: 'Final Deliverables',
        text: 'Three master packages were produced: <strong>DCP 4K</strong> for festival theatrical (SMPTE-compliant, <code>XYZ/P3</code> colour space), <strong>Vimeo HDR10</strong> at H.265 Main10 encoding at 80 Mbps, and <strong>Broadcast SDR</strong> at Rec.709 loudness-normalised to <code>–23 LUFS</code>.',
      },
    },
    attachments: [
      {
        src: 'https://images.unsplash.com/photo-1518770660439-4636190af475?w=600&q=70',
        caption: 'Pipeline Chart',
        type: 'chart',
      },
      {
        src: 'https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?w=600&q=70',
        caption: 'VFX Breakdown',
        type: 'document',
      },
      {
        src: 'https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?w=600&q=70',
        caption: 'Color Ref Sheet',
        type: 'image',
      },
      {
        src: 'https://images.unsplash.com/photo-1485846234645-a62644f84728?w=600&q=70',
        caption: 'Grade Stills',
        type: 'image',
      },
      {
        src: 'https://images.unsplash.com/photo-1478720568477-152d9b164e26?w=600&q=70',
        caption: 'Atmos Mix Notes',
        type: 'audio',
      },
      {
        src: 'https://images.unsplash.com/photo-1524985069026-dd778a71c7b4?w=600&q=70',
        caption: 'DCP Spec Sheet',
        type: 'pdf',
      },
    ],
    before_after: [
      {
        label: 'Shot 04 — Log vs. Final Grade',
        before: 'https://images.unsplash.com/photo-1518770660439-4636190af475?w=900&q=80',
        after: 'https://images.unsplash.com/photo-1536440136628-849c177e76a1?w=900&q=80',
      },
      {
        label: 'Shot 11 — Raw Composite vs. Final Comp',
        before: 'https://images.unsplash.com/photo-1485846234645-a62644f84728?w=900&q=80',
        after: 'https://images.unsplash.com/photo-1524985069026-dd778a71c7b4?w=900&q=80',
      },
    ],
  },
  {
    id: 'sman-1-cilimus-2025',
    client: 'SMAN 1 CILIMUS',
    production_sub: 'in association with FOURJECTIV',
    project: 'Zentrify : Official Rewind',
    year: '2025',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/rewind-zentrify/zentrify-cover.webp',
    video_url: 'https://www.youtube.com/embed/5pwkMeUOw94',
    duration: '07:57 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Online Editor & VFX', 'Creative Developer'],
    awards: [],
    software_stack: ['Adobe Premiere Pro', 'After Effects', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/rewind-zentrify/still1.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still2.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still3.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still4.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still5.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still6.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still7.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still8.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still9.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still10.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still11.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still12.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still13.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still14.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still15.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still16.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still17.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still18.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still19.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still20.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still21.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still22.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still23.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still24.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still25.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still26.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still27.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still28.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still29.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still30.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still31.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still32.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still33.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still34.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still35.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still36.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still37.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still38.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still39.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still40.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still41.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still42.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still43.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still44.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still45.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still46.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still47.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still48.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still49.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still50.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still51.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still52.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still53.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still54.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still55.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still56.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still57.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still58.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still59.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still60.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still61.webp' },
      { src: '/assets/video-editing/rewind-zentrify/still62.webp' },
    ],
  },
  {
    id: 'sman-30-jakarta',
    client: 'SMAN 30 JAKARTA',
    project: 'Deflover 25 : Official Rewind',
    production_sub: 'in association with FOURJECTIV',
    year: '2025',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/rewind-deflover-25/deflover-25-cover.webp',
    video_url: 'https://www.youtube.com/embed/sbRdjgahQiQ',
    duration: '09:39 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Online Editor & VFX', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'After Effects', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/rewind-deflover-25/still1.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still2.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still3.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still4.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still5.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still6.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still7.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still8.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still9.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still10.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still11.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still12.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still13.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still14.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still15.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still16.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still17.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still18.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still19.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still20.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still21.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still22.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still23.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still24.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still25.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still26.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still27.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still28.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still29.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still30.webp' },
      { src: '/assets/video-editing/rewind-deflover-25/still31.webp' },
    ],
  },
  {
    id: 'sman-7-cirebon',
    client: 'SMAN 7 CIREBON',
    project: 'Grachesta 32 : Official Rewind',
    production_sub: 'in association with FOURJECTIV',
    year: '2025',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/rewind-grachesta-32/grachesta-32-cover.webp',
    video_url: 'https://www.youtube.com/embed/HnDCwUwoMX0',
    duration: '09:39 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Online Editor & VFX', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'After Effects', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/rewind-grachesta-32/still1.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still2.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still3.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still4.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still5.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still6.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still7.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still8.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still9.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still10.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still11.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still12.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still13.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still14.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still15.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still16.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still17.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still18.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still19.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still20.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still21.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still22.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still23.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still24.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still25.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still26.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still27.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still28.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still29.webp' },
      { src: '/assets/video-editing/rewind-grachesta-32/still30.webp' },
    ],
  },
  {
    id: 'sman-4-cirebon',
    client: 'SMAN 4 CIREBON',
    project: 'Lasavisco : Official Rewind',
    production_sub: 'in association with FOURJECTIV',
    year: '2025',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/rewind-lasavisco/lasavisco-cover.webp',
    video_url: 'https://www.youtube.com/embed/5pwkMeUOw94',
    duration: '04:38 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Online Editor & VFX', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'After Effects', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/rewind-lasavisco/still1.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still2.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still3.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still4.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still5.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still6.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still7.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still8.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still9.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still10.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still11.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still12.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still13.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still14.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still15.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still16.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still17.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still18.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still19.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still20.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still21.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still22.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still23.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still24.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still25.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still26.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still27.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still28.webp' },
      { src: '/assets/video-editing/rewind-lasavisco/still29.webp' },
    ],
  },
  {
    id: 'sman-1-anjatan',
    client: 'SMAN 1 ANJATAN',
    project: 'Aksara 36 : Official Rewind',
    production_sub: 'in association with FOURJECTIV',
    year: '2025',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/rewind-aksara-36/aksara-36-cover.webp',
    video_url: 'https://www.youtube.com/embed/5pwkMeUOw94',
    duration: '09:39 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Online Editor & VFX', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/rewind-aksara-36/still1.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still2.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still3.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still4.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still5.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still6.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still7.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still8.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still9.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still10.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still11.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still12.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still13.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still14.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still15.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still16.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still17.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still18.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still19.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still20.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still21.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still22.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still23.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still24.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still25.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still26.webp' },
      { src: '/assets/video-editing/rewind-aksara-36/still27.webp' },
    ],
  },
  {
    id: 'sman-1-kadugede',
    client: 'SMAN 1 KADUGEDE',
    project: 'Aternitas : Official Rewind',
    production_sub: 'in association with FOURJECTIV',
    year: '2025',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/rewind-aternitas/aternitas-cover.webp',
    video_url: 'https://www.youtube.com/embed/5pwkMeUOw94',
    duration: '03:46 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Graphics Designer', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/rewind-aternitas/still1.webp' },
      { src: '/assets/video-editing/rewind-aternitas/still2.webp' },
      { src: '/assets/video-editing/rewind-aternitas/still3.webp' },
      { src: '/assets/video-editing/rewind-aternitas/still4.webp' },
      { src: '/assets/video-editing/rewind-aternitas/still5.webp' },
      { src: '/assets/video-editing/rewind-aternitas/still6.webp' },
      { src: '/assets/video-editing/rewind-aternitas/still7.webp' },
      { src: '/assets/video-editing/rewind-aternitas/still8.webp' },
    ],
  },
  {
    id: 'sma-islam-al-azhar-5-cirebon',
    client: 'SMA ISLAM AL-AZHAR 5 CIREBON',
    project: 'Smalzha : Official Rewind',
    production_sub: 'in association with FOURJECTIV',
    year: '2025',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/rewind-smalzha/smalzha-cover.webp',
    video_url: 'https://www.youtube.com/embed/5pwkMeUOw94',
    duration: '03:31 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Online Editor & VFX', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/rewind-smalzha/still1.webp' },
      { src: '/assets/video-editing/rewind-smalzha/still2.webp' },
      { src: '/assets/video-editing/rewind-smalzha/still3.webp' },
      { src: '/assets/video-editing/rewind-smalzha/still4.webp' },
      { src: '/assets/video-editing/rewind-smalzha/still5.webp' },
      { src: '/assets/video-editing/rewind-smalzha/still6.webp' },
      { src: '/assets/video-editing/rewind-smalzha/still7.webp' },
      { src: '/assets/video-editing/rewind-smalzha/still8.webp' },
      { src: '/assets/video-editing/rewind-smalzha/still9.webp' },
      { src: '/assets/video-editing/rewind-smalzha/still10.webp' },
      { src: '/assets/video-editing/rewind-smalzha/still11.webp' },
      { src: '/assets/video-editing/rewind-smalzha/still12.webp' },
    ],
  },
  {
    id: 'sman-1-lebakwangi',
    client: 'SMAN 1 LEBAKWANGI',
    project: 'Smangi : Official Rewind',
    production_sub: 'in association with FOURJECTIV',
    year: '2025',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/rewind-smangi/smangi-cover.webp',
    video_url: 'https://www.youtube.com/embed/5pwkMeUOw94',
    duration: '08:22 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Offline Editor', 'Colorist & Online Editor', 'Motion & Graphics Designer', '3D & VFX Artist', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'After Effects', 'Blender', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/rewind-smangi/still1.webp' },
      { src: '/assets/video-editing/rewind-smangi/still2.webp' },
      { src: '/assets/video-editing/rewind-smangi/still3.webp' },
      { src: '/assets/video-editing/rewind-smangi/still4.webp' },
      { src: '/assets/video-editing/rewind-smangi/still5.webp' },
      { src: '/assets/video-editing/rewind-smangi/still6.webp' },
      { src: '/assets/video-editing/rewind-smangi/still7.webp' },
      { src: '/assets/video-editing/rewind-smangi/still8.webp' },
      { src: '/assets/video-editing/rewind-smangi/still9.webp' },
      { src: '/assets/video-editing/rewind-smangi/still10.webp' },
      { src: '/assets/video-editing/rewind-smangi/still11.webp' },
      { src: '/assets/video-editing/rewind-smangi/still12.webp' },
      { src: '/assets/video-editing/rewind-smangi/still13.webp' },
      { src: '/assets/video-editing/rewind-smangi/still14.webp' },
      { src: '/assets/video-editing/rewind-smangi/still15.webp' },
      { src: '/assets/video-editing/rewind-smangi/still16.webp' },
      { src: '/assets/video-editing/rewind-smangi/still17.webp' },
      { src: '/assets/video-editing/rewind-smangi/still18.webp' },
    ],
    technical_breakdown: {
      objectives: {
        heading: 'Project Objectives',
        text: 'Produce the official rewind film for the Euphonius 36 school event, capturing highlights and delivering a cinematic recap for social media and internal archiving.',
      },
      scope: {
        heading: 'Project Scope',
        text: 'End-to-end post-production from raw footage through final export. Scope covers offline edit, colour grade, motion graphics design, and social media delivery.',
      },
      prePlanning: {
        heading: 'Content / Pre-editing Planning',
        text: 'Pre-edit bin organisation was structured around scene-based bins with sub-bins for camera rolls, B-roll, and sync audio — see <span class="inline-attachment" data-index="0">(Pipeline Chart)</span> for the full folder architecture. A rough assembly cut was completed within 48 hours of each shooting block. All proxy media was generated at ¼ resolution <code>ProRes 422 LT</code> for offline cutting, with full-res ARRIRAW retained for the final online conform. The complete VFX shot list is documented in <span class="inline-attachment" data-index="1">(VFX Breakdown)</span>.',
      },
      pipeline: {
        heading: 'Editing Pipeline',
        steps: [
          { label: 'Initiation', detail: 'Project setup, folder structure, proxy generation' },
          { label: 'Organization', detail: 'Sync, log, label footage by scene & roll' },
          { label: 'Management', detail: 'Assembly → rough cut → fine cut iterations' },
          { label: 'Review', detail: 'Client screenings, revision cycles, picture lock' },
          { label: 'Export', detail: 'Multi-format render, QC pass & delivery' },
        ],
      },
      motionGraphics: {
        heading: 'Motion Graphics & VFX',
        text: 'Title sequences and lower thirds were designed in <strong>After Effects</strong> against a <strong>Blender</strong>-rendered particle system. All compositing used <code>EXR 32-bit</code> passes to preserve highlight information during blend mode work. A total of 22 VFX shots were delivered across the final cut.',
      },
      audio: {
        heading: 'Audio & Sound Design',
        text: 'The final mix was completed in <strong>Fairlight</strong> with a 9.1.6 bed and object layer for the Dolby Atmos deliverable. Dialogue, FX, and music were mixed to <code>–23 LUFS</code> integrated loudness for broadcast compliance. A 2.0 stereo fold-down was also supplied for digital platforms.',
      },
      deliverables: {
        heading: 'Final Deliverables',
        text: 'Three master packages were produced: <strong>DCP 4K</strong> for festival theatrical (SMPTE-compliant, <code>XYZ/P3</code> colour space), <strong>Vimeo HDR10</strong> at H.265 Main10 encoding at 80 Mbps, and <strong>Broadcast SDR</strong> at Rec.709 loudness-normalised to <code>–23 LUFS</code>.',
      },
    },
    attachments: [
      {
        src: 'https://images.unsplash.com/photo-1518770660439-4636190af475?w=600&q=70',
        caption: 'Pipeline Chart',
        type: 'chart',
      },
      {
        src: 'https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?w=600&q=70',
        caption: 'VFX Breakdown',
        type: 'document',
      },
      {
        src: 'https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?w=600&q=70',
        caption: 'Color Ref Sheet',
        type: 'image',
      },
      {
        src: 'https://images.unsplash.com/photo-1485846234645-a62644f84728?w=600&q=70',
        caption: 'Grade Stills',
        type: 'image',
      },
      {
        src: 'https://images.unsplash.com/photo-1478720568477-152d9b164e26?w=600&q=70',
        caption: 'Atmos Mix Notes',
        type: 'audio',
      },
      {
        src: 'https://images.unsplash.com/photo-1524985069026-dd778a71c7b4?w=600&q=70',
        caption: 'DCP Spec Sheet',
        type: 'pdf',
      },
    ],
    before_after: [
      {
        label: 'Shot 04 — Log vs. Final Grade',
        before: 'https://images.unsplash.com/photo-1518770660439-4636190af475?w=900&q=80',
        after: 'https://images.unsplash.com/photo-1536440136628-849c177e76a1?w=900&q=80',
      },
      {
        label: 'Shot 11 — Raw Composite vs. Final Comp',
        before: 'https://images.unsplash.com/photo-1485846234645-a62644f84728?w=900&q=80',
        after: 'https://images.unsplash.com/photo-1524985069026-dd778a71c7b4?w=900&q=80',
      },
    ],
  },
  {
    id: 'fourjectiv-recap',
    client: 'FOURJECTIV',
    project: 'Vendor Work Recap 2024',
    production_sub: 'in association with FOURJECTIV',
    year: '2024',
    category: 'Video Editing',
    industry: 'Corporate & B2B',
    badge_text: 'AGENCY PROFILE',
    thumbnail: '/assets/video-editing/recap-fourjectiv-24/fourjectiv-cover.webp',
    aspectRatio: '9:16',
    video_url: 'https://www.youtube.com/embed/5pwkMeUOw94',
    duration: '01:03 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'After Effects', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/recap-fourjectiv-24/still1.webp' },
      { src: '/assets/video-editing/recap-fourjectiv-24/still2.webp' },
      { src: '/assets/video-editing/recap-fourjectiv-24/still3.webp' },
      { src: '/assets/video-editing/recap-fourjectiv-24/still4.webp' },
      { src: '/assets/video-editing/recap-fourjectiv-24/still5.webp' },
    ],
  },
  {
    id: 'sman-1-cilimus-2024',
    client: 'SMAN 1 CILIMUS',
    project: 'Smancis : Official Rewind',
    production_sub: 'in association with FOURJECTIV',
    year: '2024',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/rewind-smancis/smancis-cover.webp',
    video_url: 'https://www.youtube.com/embed/5pwkMeUOw94',
    duration: '03:30 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Online Editor & VFX', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/rewind-smancis/still1.webp' },
      { src: '/assets/video-editing/rewind-smancis/still2.webp' },
      { src: '/assets/video-editing/rewind-smancis/still3.webp' },
      { src: '/assets/video-editing/rewind-smancis/still4.webp' },
      { src: '/assets/video-editing/rewind-smancis/still5.webp' },
      { src: '/assets/video-editing/rewind-smancis/still6.webp' },
      { src: '/assets/video-editing/rewind-smancis/still7.webp' },
    ],
  },
  {
    id: 'smpn-1-kuningan',
    client: 'SMPN 1 KUNINGAN',
    project: 'Spensaku : Official Rewind',
    production_sub: 'in association with FOURJECTIV',
    year: '2024',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/rewind-spensaku-24/spensaku-cover.webp',
    video_url: 'https://www.youtube.com/embed/_8ARNxU0MWs',
    duration: '05:38 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Online Editor & VFX', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'After Effects', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/rewind-spensaku-24/still1.webp' },
      { src: '/assets/video-editing/rewind-spensaku-24/still2.webp' },
      { src: '/assets/video-editing/rewind-spensaku-24/still3.webp' },
      { src: '/assets/video-editing/rewind-spensaku-24/still4.webp' },
      { src: '/assets/video-editing/rewind-spensaku-24/still5.webp' },
      { src: '/assets/video-editing/rewind-spensaku-24/still6.webp' },
      { src: '/assets/video-editing/rewind-spensaku-24/still7.webp' },
      { src: '/assets/video-editing/rewind-spensaku-24/still8.webp' },
      { src: '/assets/video-editing/rewind-spensaku-24/still9.webp' },
      { src: '/assets/video-editing/rewind-spensaku-24/still10.webp' },
      { src: '/assets/video-editing/rewind-spensaku-24/still11.webp' },
      { src: '/assets/video-editing/rewind-spensaku-24/still12.webp' },
      { src: '/assets/video-editing/rewind-spensaku-24/still13.webp' },
    ],
  },
  {
    id: 'man-2-kuningan',
    client: 'MAN 2 KUNINGAN',
    project: 'Mandaku : Official Rewind',
    production_sub: 'in association with FOURJECTIV',
    year: '2024',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/rewind-mandaku/mandaku-cover.webp',
    video_url: 'https://www.youtube.com/embed/5pwkMeUOw94',
    duration: '06:35 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Online Editor & VFX', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'After Effects', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/rewind-mandaku/still1.webp' },
      { src: '/assets/video-editing/rewind-mandaku/still2.webp' },
      { src: '/assets/video-editing/rewind-mandaku/still3.webp' },
      { src: '/assets/video-editing/rewind-mandaku/still4.webp' },
      { src: '/assets/video-editing/rewind-mandaku/still5.webp' },
      { src: '/assets/video-editing/rewind-mandaku/still6.webp' },
      { src: '/assets/video-editing/rewind-mandaku/still7.webp' },
      { src: '/assets/video-editing/rewind-mandaku/still8.webp' },
      { src: '/assets/video-editing/rewind-mandaku/still9.webp' },
      { src: '/assets/video-editing/rewind-mandaku/still10.webp' },
      { src: '/assets/video-editing/rewind-mandaku/still11.webp' },
      { src: '/assets/video-editing/rewind-mandaku/still12.webp' },
      { src: '/assets/video-editing/rewind-mandaku/still13.webp' },
    ],
  },
  {
    id: 'smpit-al-mutazam',
    client: 'SMPIT AL-MUTAZAM',
    project: 'Nominal 19 : Official Rewind',
    production_sub: 'in association with FOURJECTIV',
    year: '2024',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/rewind-nominal-19/nominal-cover.webp',
    video_url: 'https://www.youtube.com/embed/5pwkMeUOw94',
    duration: '08:49 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Online Editor & VFX', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'After Effects', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/rewind-nominal-19/still1.webp' },
      { src: '/assets/video-editing/rewind-nominal-19/still2.webp' },
      { src: '/assets/video-editing/rewind-nominal-19/still3.webp' },
      { src: '/assets/video-editing/rewind-nominal-19/still4.webp' },
      { src: '/assets/video-editing/rewind-nominal-19/still5.webp' },
      { src: '/assets/video-editing/rewind-nominal-19/still6.webp' },
    ],
  },
  {
    id: 'man-1-indramayu',
    client: 'MAN 1 INDRAMAYU',
    project: 'Mantuayu 24 : Official Aftermovie',
    production_sub: 'in association with FOURJECTIV',
    year: '2024',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/aftermovie-mantuayu-24/mantuayu-cover.webp',
    video_url: 'https://www.youtube.com/embed/5pwkMeUOw94',
    software_stack: ['Adobe Premiere Pro', 'After Effects', 'Adobe Photoshop'],
    duration: '02:06 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Online Editor & VFX', 'Content Creator'],
    stills: [
      { src: '/assets/video-editing/aftermovie-mantuayu-24/still1.webp' },
      { src: '/assets/video-editing/aftermovie-mantuayu-24/still2.webp' },
      { src: '/assets/video-editing/aftermovie-mantuayu-24/still3.webp' },
      { src: '/assets/video-editing/aftermovie-mantuayu-24/still4.webp' },
      { src: '/assets/video-editing/aftermovie-mantuayu-24/still5.webp' },
    ],
  },
  {
    id: 'smk-budi-bhakti',
    client: 'SMK Budi Bhakti',
    project: 'SMK Budi Bhakti Aftermovie',
    production_sub: 'in association with RUFUS',
    year: '2024',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/aftermovie-smk-budi-bhakti/smk-budi-bhakti-cover.webp',
    video_url: 'https://www.youtube.com/embed/zhat7J7L7pg',
    duration: '02:00 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Online Editor & VFX', 'Content Creator'],
    software_stack: ['Adobe Premiere Pro', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/aftermovie-smk-budi-bhakti/still1.webp' },
      { src: '/assets/video-editing/aftermovie-smk-budi-bhakti/still2.webp' },
      { src: '/assets/video-editing/aftermovie-smk-budi-bhakti/still3.webp' },
      { src: '/assets/video-editing/aftermovie-smk-budi-bhakti/still4.webp' },
      { src: '/assets/video-editing/aftermovie-smk-budi-bhakti/still5.webp' },
    ],
  },
  {
    id: 'fourjectiv-profile',
    client: 'FOURJECTIV',
    project: 'Fourjectiv — Profile',
    year: '2023',
    category: 'Video Editing',
    industry: 'Corporate & B2B',
    badge_text: 'AGENCY PROFILE',
    thumbnail: '/assets/video-editing/profile-fourjectiv/fourjectiv-cover.webp',
    video_url: 'https://www.youtube.com/embed/6cGgkxbhEDI',
    duration: '01:21 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Online Editor & VFX', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'After Effects', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/agency-profile-fourjectiv/still1.webp' },
      { src: '/assets/video-editing/agency-profile-fourjectiv/still2.webp' },
      { src: '/assets/video-editing/agency-profile-fourjectiv/still3.webp' },
      { src: '/assets/video-editing/agency-profile-fourjectiv/still4.webp' },
      { src: '/assets/video-editing/agency-profile-fourjectiv/still5.webp' },
      { src: '/assets/video-editing/agency-profile-fourjectiv/still6.webp' },
    ],
  },
  {
    id: 'sdit-al-imam',
    client: 'SDIT AL-IMAM',
    project: 'School Trip Aftermovie',
    production_sub: 'in association with FOURJECTIV',
    year: '2023',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'AFTERMOVIE',
    thumbnail: '/assets/video-editing/aftermovie-sdit-al-imam/sdit-al-imam-cover.webp',
    video_url: 'https://www.youtube.com/embed/y65KQ7aJ4fs',
    duration: '01:51 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Content Creator'],
    software_stack: ['Adobe Premiere Pro'],
  },
  {
    id: 'sdit-al-imam-profile',
    client: 'SDIT AL-IMAM',
    project: 'School Profile Video',
    year: '2023',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'SCHOOL PROFILE',
    thumbnail: '/assets/video-editing/profile-sdit-al-imam/sdit-al-imam-cover.webp',
    video_url: 'https://www.youtube.com/embed/3EjQUhhlZJM',
    duration: '03:45 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Online Editor & VFX', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'After Effects', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/profile-sdit-al-imam/still1.webp' },
      { src: '/assets/video-editing/profile-sdit-al-imam/still2.webp' },
      { src: '/assets/video-editing/profile-sdit-al-imam/still3.webp' },
      { src: '/assets/video-editing/profile-sdit-al-imam/still4.webp' },
      { src: '/assets/video-editing/profile-sdit-al-imam/still5.webp' },
      { src: '/assets/video-editing/profile-sdit-al-imam/still6.webp' },
      { src: '/assets/video-editing/profile-sdit-al-imam/still7.webp' },
      { src: '/assets/video-editing/profile-sdit-al-imam/still8.webp' },
      { src: '/assets/video-editing/profile-sdit-al-imam/still9.webp' },
    ],
  },
  {
    id: 'cinemarta-pictures-profile',
    client: 'CINEMARTA PICTURES',
    project: 'Company Profile Video',
    year: '2022',
    category: 'Video Editing',
    industry: 'Corporate & B2B',
    badge_text: 'AGENCY PROFILE',
    thumbnail: '/assets/video-editing/profile-cinemarta-pictures/cinemarta-pictures-cover.webp',
    video_url: 'https://www.youtube.com/embed/F54plGxQqbw',
    duration: '02:34 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Online Editor & VFX', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'After Effects', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/profile-cinemarta-pictures/still1.webp' },
      { src: '/assets/video-editing/profile-cinemarta-pictures/still2.webp' },
      { src: '/assets/video-editing/profile-cinemarta-pictures/still3.webp' },
      { src: '/assets/video-editing/profile-cinemarta-pictures/still4.webp' },
      { src: '/assets/video-editing/profile-cinemarta-pictures/still5.webp' },
      { src: '/assets/video-editing/profile-cinemarta-pictures/still6.webp' },
    ],
  },
  {
    id: 'smart-mebel',
    client: 'SMART MEBEL',
    project: 'Kitchen Furniture Showcase',
    year: '2022',
    category: 'Video Editing',
    industry: 'Commercial & Brands',
    badge_text: 'ADS',
    thumbnail: '/assets/video-editing/ads-smart-mebel/smart-mebel-cover.webp',
    video_url: '/assets/video-editing/ads-smart-mebel/smart-mebel.mp4',
    duration: '02:41 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Modeling & Rendering', 'Texturing & Lighting', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'Blender'],
    stills: [
      { src: '/assets/video-editing/ads-smart-mebel/still1.webp' },
      { src: '/assets/video-editing/ads-smart-mebel/still2.webp' },
      { src: '/assets/video-editing/ads-smart-mebel/still3.webp' },
      { src: '/assets/video-editing/ads-smart-mebel/still4.webp' },
      { src: '/assets/video-editing/ads-smart-mebel/still5.webp' },
      { src: '/assets/video-editing/ads-smart-mebel/still6.webp' },
      { src: '/assets/video-editing/ads-smart-mebel/still7.webp' },
      { src: '/assets/video-editing/ads-smart-mebel/still8.webp' },
      { src: '/assets/video-editing/ads-smart-mebel/still9.webp' },
    ],
  },
  {
    id: 'fyc-footwear',
    client: 'FYC FOOTWEAR',
    project: 'Footwear Commercial Video',
    production_sub: 'in association with Cinemarta Pictures',
    year: '2022',
    category: 'Video Editing',
    industry: 'Commercial & Brands',
    badge_text: 'ADS',
    thumbnail: '/assets/video-editing/ads-fyc-footwear/fyc-footwear-cover.webp',
    video_url: 'https://www.youtube.com/embed/9GAHSz-hG4U',
    duration: '00:49 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Online Editor & VFX', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'After Effects', 'Blender', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/ads-fyc-footwear/still1.webp' },
      { src: '/assets/video-editing/ads-fyc-footwear/still2.webp' },
      { src: '/assets/video-editing/ads-fyc-footwear/still3.webp' },
      { src: '/assets/video-editing/ads-fyc-footwear/still4.webp' },
      { src: '/assets/video-editing/ads-fyc-footwear/still5.webp' },
      { src: '/assets/video-editing/ads-fyc-footwear/still6.webp' },
      { src: '/assets/video-editing/ads-fyc-footwear/still7.webp' },
      { src: '/assets/video-editing/ads-fyc-footwear/still8.webp' },
    ],
  },
  {
    id: 'spensaku-rewind',
    client: 'SMPN 1 KUNINGAN',
    project: 'Spensaku : Official Rewind',
    production_sub: 'in association with FOURJECTIV',
    year: '2022',
    category: 'Video Editing',
    industry: 'Youth & Education',
    badge_text: 'CAS FILM',
    thumbnail: '/assets/video-editing/rewind-spensaku-22/spensaku-cover.webp',
    video_url: 'https://www.youtube.com/embed/5pwkMeUOw94',
    duration: '08:15 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Colorist', 'Motion & Graphics Designer', 'Online Editor & VFX', 'Creative Developer'],
    software_stack: ['Adobe Premiere Pro', 'After Effects', 'Adobe Photoshop'],
    stills: [
      { src: '/assets/video-editing/rewind-spensaku-22/still1.webp' },
      { src: '/assets/video-editing/rewind-spensaku-22/still2.webp' },
      { src: '/assets/video-editing/rewind-spensaku-22/still3.webp' },
      { src: '/assets/video-editing/rewind-spensaku-22/still4.webp' },
      { src: '/assets/video-editing/rewind-spensaku-22/still5.webp' },
    ],
  },
  {
    id: 'fikri-dian-prewedding',
    client: 'Fikri & Dian',
    project: 'Prewedding',
    year: '2022',
    category: 'Video Editing',
    industry: 'Arts & Cinema',
    badge_text: 'PREWEDDING',
    thumbnail: '/assets/video-editing/prewedding-fikri-dian/fikri-dian-cover.webp',
    video_url: '/assets/video-editing/prewedding-fikri-dian/fikri-dian.mp4',
    duration: '01:00 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Videographer & Photographer', 'Video Editor', 'Colorist'],
    software_stack: ['Adobe Premiere Pro'],
    stills: [
      { src: '/assets/video-editing/prewedding-fikri-dian/still1.webp' },
      { src: '/assets/video-editing/prewedding-fikri-dian/still2.webp' },
      { src: '/assets/video-editing/prewedding-fikri-dian/still3.webp' },
      { src: '/assets/video-editing/prewedding-fikri-dian/still4.webp' },
      { src: '/assets/video-editing/prewedding-fikri-dian/still5.webp' },
      { src: '/assets/video-editing/prewedding-fikri-dian/still6.webp' },
      { src: '/assets/video-editing/prewedding-fikri-dian/still7.webp' },
      { src: '/assets/video-editing/prewedding-fikri-dian/still8.webp' },
      { src: '/assets/video-editing/prewedding-fikri-dian/still9.webp' },
      { src: '/assets/video-editing/prewedding-fikri-dian/still10.webp' },
      { src: '/assets/video-editing/prewedding-fikri-dian/still11.webp' },
      { src: '/assets/video-editing/prewedding-fikri-dian/still12.webp' },
    ],
  },
];

window.filmographyProjects = filmographyProjects;
window.videoEditingProjects = videoEditingProjects;

const motionGraphicsProjects = [
  {
    id: 'mg-anemia-explainer',
    project: 'Anemia — Explainer',
    description: 'Educational explainer detailing anemia symptoms and dietary prevention for teenagers.',
    client: 'UKS Spendagung',
    category: 'Motion Graphics',
    badge_text: 'EXPLAINER',
    industry: 'Youth & Education',
    year: '2022',
    aspectRatio: '16:9',
    thumbnail: '/assets/motion-graphics/explainer/anemia/anemia-cover.webp',
    duration: '01:09 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Concept & Visual Design', 'Motion Designer', 'Voice Over', 'Editor'],
    software_stack: ['After Effects', 'Photoshop', 'Premiere Pro'],
    video_url: '/assets/motion-graphics/explainer/anemia/anemia.mp4',
    stills: [
      { src: '/assets/motion-graphics/explainer/anemia/still1.webp', alt: 'Still 1' },
      { src: '/assets/motion-graphics/explainer/anemia/still2.webp', alt: 'Still 2' },
      { src: '/assets/motion-graphics/explainer/anemia/still3.webp', alt: 'Still 3' },
      { src: '/assets/motion-graphics/explainer/anemia/still4.webp', alt: 'Still 4' },
      { src: '/assets/motion-graphics/explainer/anemia/still5.webp', alt: 'Still 5' },
      { src: '/assets/motion-graphics/explainer/anemia/still6.webp', alt: 'Still 6' },
      { src: '/assets/motion-graphics/explainer/anemia/still7.webp', alt: 'Still 7' },
      { src: '/assets/motion-graphics/explainer/anemia/still8.webp', alt: 'Still 8' },
    ],
  },
  {
    id: 'mg-monitor-technologies-explainer',
    project: 'Monitor Technologies — Explainer',
    description: 'Explainer video covering the evolution of PC monitors, using collage animation, data visualization, and typography to highlight CRT, LCD, and LED technologies.',
    client: 'LUTHFRAME®',
    category: 'Motion Graphics',
    badge_text: 'EXPLAINER',
    industry: 'Youth & Education',
    year: '2022',
    aspectRatio: '16:9',
    thumbnail: '/assets/motion-graphics/explainer/monitor-tech/monitor-cover.webp',
    duration: '07:17 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Concept & Visual Design', 'Motion Designer', 'Voice Over', 'Editor'],
    software_stack: ['After Effects', 'Photoshop', 'Premiere Pro'],
    video_url: '/assets/motion-graphics/explainer/monitor-tech/monitor.mp4',
    stills: [
      { src: '/assets/motion-graphics/explainer/monitor-tech/still1.webp', alt: 'Still 1' },
      { src: '/assets/motion-graphics/explainer/monitor-tech/still2.webp', alt: 'Still 2' },
      { src: '/assets/motion-graphics/explainer/monitor-tech/still3.webp', alt: 'Still 3' },
      { src: '/assets/motion-graphics/explainer/monitor-tech/still4.webp', alt: 'Still 4' },
      { src: '/assets/motion-graphics/explainer/monitor-tech/still5.webp', alt: 'Still 5' },
      { src: '/assets/motion-graphics/explainer/monitor-tech/still6.webp', alt: 'Still 6' },
      { src: '/assets/motion-graphics/explainer/monitor-tech/still7.webp', alt: 'Still 7' },
      { src: '/assets/motion-graphics/explainer/monitor-tech/still8.webp', alt: 'Still 8' },
    ],
  },
  {
    id: 'mg-cai-cara-kerja',
    project: 'Cara Kerja POS Sebagai Solusi UMKM',
    client: 'Central AI',
    category: 'Motion Graphics',
    badge_text: 'SOCIAL MEDIA',
    industry: 'Technology & SaaS',
    year: '2022',
    aspectRatio: '9:16',
    thumbnail: '/assets/motion-graphics/brand-promo/cai-2/still1.webp',
    duration: '0:15 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080 × 1920',
    roles: ['Motion Designer', 'Video Editor'],
    software_stack: ['After Effects', 'Premiere Pro', 'Photoshop'],
    video_url: '/assets/motion-graphics/brand-promo/cai-2/cai-2.mp4',
    description: 'Vertical social promo illustrating the workflow of a Point of Sale system and its benefits for small and medium enterprises.',
    stills: [
      { src: '/assets/motion-graphics/brand-promo/cai-2/still1.webp', alt: 'Animated UI Cards' },
    ],
  },
  {
    id: 'mg-cai-kelola-stok',
    project: 'Kelola Stok Barang Anti Ribet',
    client: 'Central AI',
    category: 'Motion Graphics',
    badge_text: 'SOCIAL MEDIA',
    industry: 'Commercial & Brands',
    year: '2022',
    aspectRatio: '9:16',
    thumbnail: '/assets/motion-graphics/brand-promo/cai-1/still1.webp',
    duration: '0:15 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080 × 1920',
    roles: ['Motion Designer', 'Video Editor'],
    software_stack: ['After Effects', 'Premiere Pro', 'Photoshop'],
    video_url: '/assets/motion-graphics/brand-promo/cai-1/cai-1.mp4',
    stills: [
      { src: '/assets/motion-graphics/brand-promo/cai-1/still1.webp', alt: 'Still 1' },
    ],
  },
  {
    id: 'mg-cai-products',
    project: 'Central AI Products Intro',
    client: 'Central AI',
    category: 'Motion Graphics',
    badge_text: 'PROMO',
    industry: 'Technology & SaaS',
    year: '2022',
    aspectRatio: '16:9',
    thumbnail: '/assets/motion-graphics/brand-promo/cai-products/cai-products-cover.webp',
    duration: '0:55 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Concept & Visual Design', 'Motion Designer', 'Video Editor'],
    software_stack: ['After Effects', 'Premiere Pro', 'Photoshop'],
    video_url: '/assets/motion-graphics/brand-promo/cai-products/cai-products.mp4',
    description: 'Horizontal promo showcasing the products of Central AI, including the Point of Sale system (POS), chatbot, and OCR system.',
    stills: [
      { src: '/assets/motion-graphics/brand-promo/cai-products/still1.webp', alt: 'Still 1' },
      { src: '/assets/motion-graphics/brand-promo/cai-products/still2.webp', alt: 'Still 2' },
      { src: '/assets/motion-graphics/brand-promo/cai-products/still3.webp', alt: 'Still 3' },
      { src: '/assets/motion-graphics/brand-promo/cai-products/still4.webp', alt: 'Still 4' },
      { src: '/assets/motion-graphics/brand-promo/cai-products/still5.webp', alt: 'Still 5' },
      { src: '/assets/motion-graphics/brand-promo/cai-products/still6.webp', alt: 'Still 6' },
      { src: '/assets/motion-graphics/brand-promo/cai-products/still7.webp', alt: 'Still 7' },
      { src: '/assets/motion-graphics/brand-promo/cai-products/still8.webp', alt: 'Still 8' },
      { src: '/assets/motion-graphics/brand-promo/cai-products/still9.webp', alt: 'Still 9' },
      { src: '/assets/motion-graphics/brand-promo/cai-products/still10.webp', alt: 'Still 10' },
    ],
  },
  {
    id: 'mg-cai-ide-bisnis',
    project: 'Ide Bisnis untuk UMKM',
    client: 'Central AI',
    category: 'Motion Graphics',
    badge_text: 'SOCIAL MEDIA',
    industry: 'Technology & SaaS',
    year: '2022',
    aspectRatio: '9:16',
    thumbnail: '/assets/motion-graphics/brand-promo/cai-4/still1.webp',
    duration: '0:15 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080 × 1920',
    roles: ['Concept & Visual Design', 'Motion Designer', 'Video Editor'],
    software_stack: ['After Effects', 'Photoshop', 'Premiere Pro'],
    video_url: '/assets/motion-graphics/brand-promo/cai-4/cai-4.mp4',
    description: 'Vertical social promo illustrating the tips for choosing the right Point of Sale system for small and medium enterprises.',
    stills: [
      { src: '/assets/motion-graphics/brand-promo/cai-4/still1.webp', alt: 'Still 1' },
    ],
  },
  {
    id: 'mg-cai-tips-pos',
    project: 'Tips Memilih Aplikasi POS',
    client: 'Central AI',
    category: 'Motion Graphics',
    badge_text: 'SOCIAL MEDIA',
    industry: 'Technology & SaaS',
    year: '2022',
    aspectRatio: '9:16',
    thumbnail: '/assets/motion-graphics/brand-promo/cai-3/still1.webp',
    duration: '0:15 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080 × 1920',
    roles: ['Concept & Visual Design', 'Motion Designer', 'Video Editor'],
    software_stack: ['After Effects', 'Photoshop', 'Premiere Pro'],
    video_url: '/assets/motion-graphics/brand-promo/cai-3/cai-3.mp4',
    description: 'Vertical social promo illustrating the tips for choosing the right Point of Sale system for small and medium enterprises.',
    stills: [
      { src: '/assets/motion-graphics/brand-promo/cai-3/still1.webp', alt: 'Still 1' },
    ],
  },
  {
    id: 'mg-cai-haornas',
    project: 'Hari Olahraga Nasional',
    client: 'Central AI',
    category: 'Motion Graphics',
    badge_text: 'SOCIAL MEDIA',
    industry: 'Event / National',
    year: '2022',
    aspectRatio: '9:16',
    thumbnail: '/assets/motion-graphics/brand-promo/cai-5/still1.webp',
    duration: '0:15 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo',
    format: '1080 × 1920',
    roles: ['Motion Designer', 'Editor'],
    software_stack: ['After Effects', 'Premiere Pro', 'Photoshop'],
    video_url: '/assets/motion-graphics/brand-promo/cai-5/cai-5.mp4',
    description: 'A vibrant, red-themed vertical motion graphic commemorating National Sports Day with animated athlete silhouettes, dynamic typography, and bouncing sports balls.',
    stills: [
      { src: '/assets/motion-graphics/brand-promo/cai-5/still1.webp', alt: 'Athlete Silhouettes Animation' },
    ],
  },
  {
    id: 'mg-lensart-community',
    project: 'Lensart Community Recruitment',
    client: 'Lensart Community',
    category: 'Motion Graphics',
    badge_text: 'SOCIAL MEDIA',
    industry: 'Arts & Cinema',
    year: '2020',
    aspectRatio: '16:9',
    thumbnail: '/assets/motion-graphics/brand-promo/lensart-community/still1.webp',
    duration: '0:25 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Concept & Visual Design', 'Motion Designer', 'Video Editor'],
    software_stack: ['After Effects', 'Premiere Pro', 'Photoshop'],
    video_url: '/assets/motion-graphics/brand-promo/lensart-community/lensart-community.mp4',
    description: 'Recruitment promotion for new members of the LensArt Community.',
    stills: [
      { src: '/assets/motion-graphics/brand-promo/lensart-community/still1.webp', alt: 'Still 1' },
      { src: '/assets/motion-graphics/brand-promo/lensart-community/still2.webp', alt: 'Still 2' },
      { src: '/assets/motion-graphics/brand-promo/lensart-community/still3.webp', alt: 'Still 3' },
      { src: '/assets/motion-graphics/brand-promo/lensart-community/still4.webp', alt: 'Still 4' },
      { src: '/assets/motion-graphics/brand-promo/lensart-community/still5.webp', alt: 'Still 5' },
      { src: '/assets/motion-graphics/brand-promo/lensart-community/still6.webp', alt: 'Still 6' },
      { src: '/assets/motion-graphics/brand-promo/lensart-community/still7.webp', alt: 'Still 7' },
    ],
  },
  {
    id: 'mg-ftv-upi-profile',
    project: 'FTV UPI Profile',
    client: 'FTV UPI',
    category: 'Motion Graphics',
    badge_text: 'SOCIAL MEDIA',
    industry: 'Youth & Education',
    year: '2021',
    aspectRatio: '16:9',
    thumbnail: '/assets/motion-graphics/brand-promo/ftv-upi-profile/ftv-cover.webp',
    duration: '01:14 min',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.2',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Video Editor', 'Motion Designer'],
    software_stack: ['After Effects', 'Premiere Pro', 'Photoshop'],
    video_url: '/assets/motion-graphics/brand-promo/ftv-upi-profile/ftv-upi.mp4',
    description: 'Fictitious Project: Promotion of Film and Television Department Profile at UPI.',
    stills: [
      { src: '/assets/motion-graphics/brand-promo/ftv-upi-profile/still1.webp', alt: 'Still 1' },
      { src: '/assets/motion-graphics/brand-promo/ftv-upi-profile/still2.webp', alt: 'Still 2' },
      { src: '/assets/motion-graphics/brand-promo/ftv-upi-profile/still3.webp', alt: 'Still 3' },
      { src: '/assets/motion-graphics/brand-promo/ftv-upi-profile/still4.webp', alt: 'Still 4' },
      { src: '/assets/motion-graphics/brand-promo/ftv-upi-profile/still5.webp', alt: 'Still 5' },
      { src: '/assets/motion-graphics/brand-promo/ftv-upi-profile/still6.webp', alt: 'Still 6' },
    ],
  },
  {
    id: 'mg-lensart-film-bumper',
    project: 'LensArt Film Bumper',
    client: 'Lensart Community',
    category: 'Motion Graphics',
    badge_text: 'FILM OPENER',
    industry: 'Arts & Cinema',
    year: '2021',
    aspectRatio: '16:9',
    thumbnail: '/assets/motion-graphics/logo-bumper/lensart-film/lensart-film-cover.webp',
    duration: '00:12 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Concept & Visual Design', 'Motion Designer', 'Video Editor'],
    software_stack: ['Blender', 'Premiere Pro'],
    video_url: '/assets/motion-graphics/logo-bumper/lensart-film/lensart-film-bumper.mp4',
    description: 'LensArt opening film bumper.',
    galleryDedupeKey: 'lensart-film-bumper',
    stills: [
      { src: '/assets/motion-graphics/logo-bumper/lensart-film/still1.webp', alt: 'Still 1' },
      { src: '/assets/motion-graphics/logo-bumper/lensart-film/still2.webp', alt: 'Still 2' },
      { src: '/assets/motion-graphics/logo-bumper/lensart-film/still3.webp', alt: 'Still 3' },
      { src: '/assets/motion-graphics/logo-bumper/lensart-film/still4.webp', alt: 'Still 4' },
      { src: '/assets/motion-graphics/logo-bumper/lensart-film/still5.webp', alt: 'Still 5' },
      { src: '/assets/motion-graphics/logo-bumper/lensart-film/still6.webp', alt: 'Still 6' },
    ],
  },
  {
    id: 'mg-delta-film-bumper',
    project: 'Delta Film Bumper',
    client: 'Delta Film Production',
    category: 'Motion Graphics',
    badge_text: 'FILM OPENER',
    industry: 'Arts & Cinema',
    year: '2021',
    aspectRatio: '16:9',
    thumbnail: '/assets/motion-graphics/logo-bumper/delta-film/delta-film-cover.webp',
    duration: '00:20 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Concept & Visual Design', 'Motion Designer', 'Video Editor'],
    software_stack: ['After Effects', 'Premiere Pro', 'Photoshop'],
    video_url: '/assets/motion-graphics/logo-bumper/delta-film/delta-film.mp4',
    description: 'LensArt opening film bumper.',
    stills: [
      { src: '/assets/motion-graphics/logo-bumper/delta-film-bumper/still1.webp', alt: 'Still 1' },
      { src: '/assets/motion-graphics/logo-bumper/delta-film-bumper/still2.webp', alt: 'Still 2' },
      { src: '/assets/motion-graphics/logo-bumper/delta-film-bumper/still3.webp', alt: 'Still 3' },
      { src: '/assets/motion-graphics/logo-bumper/delta-film-bumper/still4.webp', alt: 'Still 4' },
      { src: '/assets/motion-graphics/logo-bumper/delta-film-bumper/still5.webp', alt: 'Still 5' },
     ],
  },
  {
    id: 'mg-ngobrol-suka-suka',
    project: 'Ngobrol Suka Suka',
    client: 'Lensart Community',
    category: 'Motion Graphics',
    badge_text: 'SOCIAL MEDIA',
    industry: 'Social Media',
    year: '2021',
    aspectRatio: '16:9',
    thumbnail: '/assets/motion-graphics/logo-bumper/ngobrol-suka-suka/ngobrol-suka-suka-cover.webp',
    duration: '00:09 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Motion Designer', 'Video Editor'],
    software_stack: ['After Effects', 'Premiere Pro'],
    video_url: '/assets/motion-graphics/logo-bumper/ngobrol-suka-suka/ngobrol-suka-suka.mp4',
    description: 'Event opening bumper for Ngobrol Suka-Suka by Lensart Community.',
    stills: [
      { src: '/assets/motion-graphics/logo-bumper/ngobrol-suka-suka/still1.webp', alt: 'Still 1' },
      { src: '/assets/motion-graphics/logo-bumper/ngobrol-suka-suka/still2.webp', alt: 'Still 2' },
      { src: '/assets/motion-graphics/logo-bumper/ngobrol-suka-suka/still3.webp', alt: 'Still 3' },
      { src: '/assets/motion-graphics/logo-bumper/ngobrol-suka-suka/still4.webp', alt: 'Still 4' },
      { src: '/assets/motion-graphics/logo-bumper/ngobrol-suka-suka/still5.webp', alt: 'Still 5' },
      { src: '/assets/motion-graphics/logo-bumper/ngobrol-suka-suka/still6.webp', alt: 'Still 6' },
    ],
  },
  {
    id: 'mg-watik',
    project: 'Watik',
    client: 'Fiveseven Production',
    category: 'Motion Graphics',
    badge_text: 'FILM OPENER',
    industry: 'Arts & Cinema',
    year: '2021',
    aspectRatio: '16:9',
    thumbnail: '/assets/motion-graphics/logo-bumper/watik/watik-cover.webp',
    duration: '00:06 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Concept & Visual Design', 'Motion Designer', 'Video Editor'],
    software_stack: ['After Effects', 'Premiere Pro', 'Photoshop'],
    video_url: '/assets/motion-graphics/logo-bumper/watik/watik.mp4',
    description: 'Watik Documentary Film Bumper.',
    stills: [
      { src: '/assets/motion-graphics/logo-bumper/watik/still1.webp', alt: 'Still 1' },
      { src: '/assets/motion-graphics/logo-bumper/watik/still2.webp', alt: 'Still 2' },
      { src: '/assets/motion-graphics/logo-bumper/watik/still3.webp', alt: 'Still 3' },
    ],
  },
  {
    id: 'mg-sapiens',
    project: 'Sapiens Logo Motion',
    client: 'Sapiens',
    category: 'Motion Graphics',
    badge_text: 'LOGO MOTION',
    industry: 'Corporate & B2B',
    year: '2021',
    aspectRatio: '16:9',
    thumbnail: '/assets/motion-graphics/logo-bumper/sapiens-logo-motion/sapiens-cover.webp',
    duration: '00:04 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['Motion Designer', 'Video Editor'],
    software_stack: ['After Effects', 'Premiere Pro'],
    video_url: '/assets/motion-graphics/logo-bumper/sapiens-logo-motion/sapiens.mp4',
    description: 'Sapiens Brand Logo Motion.',
    stills: [
      { src: '/assets/motion-graphics/logo-bumper/sapiens-logo-motion/still1.webp', alt: 'Still 1' },
      { src: '/assets/motion-graphics/logo-bumper/sapiens-logo-motion/still2.webp', alt: 'Still 2' },
      { src: '/assets/motion-graphics/logo-bumper/sapiens-logo-motion/still3.webp', alt: 'Still 3' },
    ],
  },
];

const threeDProjects = [
  {
    id: 'mnmlstg-91',
    title: 'UFO BALL',
    category: '3D Design Series',
    aspectRatio: '16:9',
    heroVideo: 'golden-ratio-animation-bw.mp4',
    thumbnail: '/assets/3d/mnmlstg/mnmlstg-91.webp',
    is3D: true,
    tiltTextId: '091',
    tiltTextOriginal: 'UFO BALL',
    tiltTextTranslated: 'ユーフォーボール',
    badge_text: 'ABSTRACT & EXPERIMENTAL',
    client: 'MNMLSTG-91',
    year: '2021',
    render_engine: 'Cycles',
    render_samples: '1024',
    industry: 'Personal & Experimental',
    spectrum: 'SRGB',
    spectrum_sub: 'SDR · Gamma 2.2',
    format: '2160p × 1350p',
    roles: ['3D Artist'],
    software_stack: ['Blender', 'Photoshop'],
    video_url: '/assets/3d/mnmlstg/mnmlstg-91.webp',
    description: 'A series of minimalist abstract 3D posters designed using a combination of shapes and photographic composition ratios. Each series will be released in two modes: color and monochrome.',
    stills: [],
  },
  {
    id: 'mnmlstg-51',
    title: 'WLCM',
    category: '3D Design Series',
    aspectRatio: '16:9',
    heroVideo: 'golden-ratio-animation-bw.mp4',
    thumbnail: '/assets/3d/mnmlstg/mnmlstg-51.webp',
    is3D: true,
    tiltTextId: '051',
    tiltTextOriginal: 'WLCM',
    tiltTextTranslated: 'ウェルカム',
    badge_text: 'ABSTRACT & EXPERIMENTAL',
    client: 'MNMLSTG-51',
    year: '2024',
    render_engine: 'Cycles',
    render_samples: '1024',
    industry: 'Personal & Experimental',
    spectrum: 'SRGB',
    spectrum_sub: 'SDR · Gamma 2.2',
    format: '2160p × 1350p',
    roles: ['3D Artist'],
    software_stack: ['Blender', 'Photoshop'],
    video_url: '/assets/3d/mnmlstg/mnmlstg-51.webp',
    description: 'A series of minimalist abstract 3D posters designed using a combination of shapes and photographic composition ratios. Each series will be released in two modes: color and monochrome.',
    stills: [],
  },
  {
    id: '3d-lensart-film-bumper',
    project: 'LensArt Film Bumper',
    client: 'Lensart Community',
    category: '3D',
    galleryDedupeKey: 'lensart-film-bumper',
    galleryDedupePrefer: '3d',
    badge_text: 'FILM OPENER',
    industry: 'Arts & Cinema',
    year: '2021',
    aspectRatio: '16:9',
    thumbnail: '/assets/motion-graphics/logo-bumper/lensart-film/lensart-film-cover.webp',
    duration: '00:12 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['3D Artist', 'Motion Designer', 'Video Editor'],
    software_stack: ['Blender', 'Eevee', 'Premiere Pro'],
    video_url: '/assets/motion-graphics/logo-bumper/lensart-film/lensart-film-bumper.mp4',
    description: 'LensArt opening film bumper — 3D logo animation and compositing for Lensart Community film screenings.',
    stills: [
      { src: '/assets/motion-graphics/logo-bumper/lensart-film/still1.webp', alt: 'Still 1' },
      { src: '/assets/motion-graphics/logo-bumper/lensart-film/still2.webp', alt: 'Still 2' },
      { src: '/assets/motion-graphics/logo-bumper/lensart-film/still3.webp', alt: 'Still 3' },
      { src: '/assets/motion-graphics/logo-bumper/lensart-film/still4.webp', alt: 'Still 4' },
      { src: '/assets/motion-graphics/logo-bumper/lensart-film/still5.webp', alt: 'Still 5' },
      { src: '/assets/motion-graphics/logo-bumper/lensart-film/still6.webp', alt: 'Still 6' },
    ],
  },
  {
    id: '3d-smart-mebel-kitchen-viz',
    project: 'Smart Mebel Kitchen Viz',
    client: 'SMART MEBEL',
    category: '3D',
    badge_text: 'Ads & Visualization',
    industry: 'Commercial & Brands',
    year: '2021',
    aspectRatio: '16:9',
    thumbnail: '/assets/3d/animation/viz-smart-mebel-kitchen/smart-mebel-cover.webp',
    duration: '01:05 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['3D Artist', 'Modeler', 'Renderer', 'Lighting & Texturing'],
    software_stack: ['Blender', 'Eevee', 'Premiere Pro', 'Adobe Photoshop'],
    video_url: '/assets/3d/animation/viz-smart-mebel-kitchen/smart-mebel.mp4',
    description: 'Smart Mebel Kitchen Viz.',
    stills: [
      { src: '/assets/3d/animation/viz-smart-mebel-kitchen/still1.webp', alt: 'Still 1' },
      { src: '/assets/3d/animation/viz-smart-mebel-kitchen/still2.webp', alt: 'Still 2' },
      { src: '/assets/3d/animation/viz-smart-mebel-kitchen/still3.webp', alt: 'Still 3' },
      { src: '/assets/3d/animation/viz-smart-mebel-kitchen/still4.webp', alt: 'Still 4' },
      { src: '/assets/3d/animation/viz-smart-mebel-kitchen/still5.webp', alt: 'Still 5' },
    ],
  },
  {
    id: '3d-earth-is-closed',
    project: 'Earth Is Closed',
    client: 'LUTHFRAME®',
    category: '3D',
    badge_text: 'ANIMATION',
    industry: 'Arts & Cinema',
    year: '2022',
    aspectRatio: '16:9',
    thumbnail: '/assets/3d/animation/earth-is-closed/earth-is-closed-cover.webp',
    duration: '00:05 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['3D Artist', 'Compositor', 'Renderer', 'Lighting & Texturing'],
    software_stack: ['Blender', 'Eevee', 'Premiere Pro', 'Adobe Photoshop'],
    video_url: '/assets/3d/animation/earth-is-closed/earth-is-closed.mp4',
    description: 'This is a 3D animation project created as a submission for the Alternate Realities CG Challenge in 2021, organized by a 3D artist named pwnisher. The animation was also featured in an experimental film titled “mite” in 2021.',
    stills: [
      { src: '/assets/3d/animation/earth-is-closed/still1.webp', alt: 'Still 1' },
      { src: '/assets/3d/animation/earth-is-closed/still2.webp', alt: 'Still 2' },
      { src: '/assets/3d/animation/earth-is-closed/still3.webp', alt: 'Still 3' },
    ],
  },
  {
    id: '3d-swastamita',
    project: 'Swastamita',
    client: 'LUTHFRAME®',
    category: '3D',
    badge_text: 'ANIMATION',
    industry: 'Arts & Cinema',
    year: '2022',
    aspectRatio: '16:9',
    thumbnail: '/assets/3d/animation/swastamita/swastamita-cover.webp',
    duration: '00:21 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['3D Artist', 'Compositor', 'Renderer', 'Lighting & Texturing'],
    software_stack: ['Blender', 'Eevee', 'Premiere Pro', 'Adobe Photoshop'],
    video_url: '/assets/3d/animation/swastamita/swastamita.mp4',
    description: 'This is a 3D animation project created for an experimental film titled “Mite” in 2021.',
    stills: [
      { src: '/assets/3d/animation/swastamita/still1.webp', alt: 'Still 1' },
      { src: '/assets/3d/animation/swastamita/still2.webp', alt: 'Still 2' },
      { src: '/assets/3d/animation/swastamita/still3.webp', alt: 'Still 3' },
      { src: '/assets/3d/animation/swastamita/still4.webp', alt: 'Still 4' },
      { src: '/assets/3d/animation/swastamita/still5.webp', alt: 'Still 5' },
    ],
  },
  {
    id: '3d-isometric-fptk',
    project: 'Isometric FPTK',
    client: 'LUTHFRAME®',
    category: '3D',
    badge_text: 'ANIMATION',
    industry: 'Personal & Experimental',
    year: '2022',
    aspectRatio: '16:9',
    thumbnail: '/assets/3d/animation/isometric-fptk/fptk-cover.webp',
    duration: '00:13 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['3D Artist', 'Compositor', 'Renderer', 'Lighting & Texturing'],
    software_stack: ['Blender', 'Eevee', 'Premiere Pro', 'Adobe Photoshop'],
    video_url: '/assets/3d/animation/isometric-fptk/fptk.mp4',
    description: 'This is a 3D animation project created for the final assignment of a 3D animation course in 2022. In this project, I was responsible for the overall modeling and animation using Blender. I created a miniature model of the iconic building of the Faculty of Technology and Vocational Education (FPTK) at the Indonesia University of Education.',
    stills: [
      { src: '/assets/3d/animation/isometric-fptk/still1.webp', alt: 'Still 1' },
      { src: '/assets/3d/animation/isometric-fptk/still2.webp', alt: 'Still 2' },
      { src: '/assets/3d/animation/isometric-fptk/still3.webp', alt: 'Still 3' },
      { src: '/assets/3d/animation/isometric-fptk/still4.webp', alt: 'Still 4' },
      { src: '/assets/3d/animation/isometric-fptk/still5.webp', alt: 'Still 5' },
    ],
  },
  {
    id: '3d-isometric-camaro',
    project: 'Isometric Camaro',
    client: 'LUTHFRAME®',
    category: '3D',
    badge_text: 'ANIMATION',
    industry: 'Personal & Experimental',
    year: '2022',
    aspectRatio: '16:9',
    thumbnail: '/assets/3d/animation/isometric-camaro/camaro-cover.webp',
    duration: '00:19 sec',
    spectrum: 'Rec.709',
    spectrum_sub: 'SDR · Gamma 2.4',
    audio: 'Stereo 2.0',
    format: '1080p',
    roles: ['3D Modeler', 'Compositor', 'Renderer', 'Lighting & Texturing'],
    software_stack: ['Blender', 'Eevee', 'Premiere Pro', 'Adobe Photoshop'],
    video_url: '/assets/3d/animation/isometric-camaro/camaro.mp4',
    description: 'This is a 3D animation project created for the mid-semester assignment of a 3D animation course in 2022. In this project, I was responsible for the overall modeling and animation using Blender. I created a model of a Camaro car.',
    stills: [
      { src: '/assets/3d/animation/isometric-camaro/still1.webp', alt: 'Still 1' },
      { src: '/assets/3d/animation/isometric-camaro/still2.webp', alt: 'Still 2' },
      { src: '/assets/3d/animation/isometric-camaro/still3.webp', alt: 'Still 3' },
      { src: '/assets/3d/animation/isometric-camaro/still4.webp', alt: 'Still 4' },
      { src: '/assets/3d/animation/isometric-camaro/still5.webp', alt: 'Still 5' },
    ],
  },
];

const graphicDesignProjects = [
  {
    id: 'gd-poster-fruit-story',
    title: 'Fruit Story',
    category: 'Graphic Design',
    designType: 'Film Poster',
    designPresentation: 'poster',
    resolution: '3508 × 4961',
    printFormat: 'A3 (297 × 420 mm)',
    colorSpace: 'CMYK (Coated FOGRA39)',
    density: '300 DPI',
    description: 'This is a placeholder description for the project. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.',
    aspectRatio: 'poster',
    thumbnail: '/assets/graphic-design/poster-design/fruit-story.webp',
    images: ['/assets/graphic-design/poster-design/fruit-story.webp'],
    year: '2022',
    client: 'LUTHFRAME®',
    badge_text: 'POSTER DESIGN',
    industry: 'Arts & Cinema',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop', 'Illustrator'],
  },
  {
    id: 'gd-poster-teoc',
    title: 'TEOC',
    category: 'Graphic Design',
    designType: 'Film Poster',
    designPresentation: 'poster',
    resolution: '3508 × 4961',
    printFormat: 'A3 (297 × 420 mm)',
    colorSpace: 'CMYK (Coated FOGRA39)',
    density: '300 DPI',
    description: 'This is a placeholder description for the project. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.',
    aspectRatio: 'poster',
    thumbnail: '/assets/graphic-design/poster-design/teoc.webp',
    images: ['/assets/graphic-design/poster-design/teoc.webp'],
    year: '2022',
    client: 'LUTHFRAME®',
    badge_text: 'POSTER DESIGN',
    industry: 'Arts & Cinema',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop', 'Illustrator'],
  },
  {
    id: 'gd-poster-the-social-dilemma',
    title: 'The Social Dilemma',
    category: 'Graphic Design',
    designType: 'Film Poster',
    designPresentation: 'poster',
    resolution: '3508 × 4961',
    printFormat: 'A4 (210 × 297 mm)',
    colorSpace: 'CMYK (Coated FOGRA39)',
    density: '300 DPI',
    description: 'This is a placeholder description for the project. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.',
    aspectRatio: 'poster',
    thumbnail: '/assets/graphic-design/poster-design/the-social-dillema.webp',
    images: ['/assets/graphic-design/poster-design/the-social-dillema.webp'],
    year: '2022',
    client: 'LUTHFRAME®',
    badge_text: 'POSTER DESIGN',
    industry: 'Arts & Cinema',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop', 'Illustrator'],
  },
  {
    id: 'gd-poster-waras',
    title: 'Waras',
    category: 'Graphic Design',
    designType: 'Film Poster',
    designPresentation: 'poster',
    resolution: '3508 × 4961',
    printFormat: 'A3 (297 × 420 mm)',
    colorSpace: 'CMYK (Coated FOGRA39)',
    density: '300 DPI',
    description: 'This is a placeholder description for the project. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.',
    aspectRatio: 'poster',
    thumbnail: '/assets/graphic-design/poster-design/waras.webp',
    images: ['/assets/graphic-design/poster-design/waras.webp'],
    year: '2022',
    client: 'LUTHFRAME®',
    badge_text: 'POSTER DESIGN',
    industry: 'Arts & Cinema',
    roles: ['Content Creator', 'Graphic Designer'],
    software_stack: ['Photoshop', 'Illustrator'],
  },
  {
    id: 'gd-socmed-uks-story-01',
    title: 'Kampanye UKS — Story 01',
    category: 'Graphic Design',
    designType: 'Social Media',
    designPresentation: 'socmed',
    collectionId: 'uks-spendagung',
    collectionOrder: 1,
    socmedFormat: 'stories',
    platform: 'Instagram',
    aspectRatio: '9:16',
    resolution: '1080 × 1920',
    thumbnail: '/assets/graphic-design/socmed-design/uks-spendagung/igs-1.webp',
    images: ['/assets/graphic-design/socmed-design/uks-spendagung/igs-1.webp'],
    year: '2022',
    client: 'UKS Spendagung · SMPN 2 Luragung',
    badge_text: 'INSTAGRAM STORIES',
    industry: 'Education & Health',
    description: 'An educational social media graphic raising awareness about the dangers of substance abuse (NAPZA) and promoting healthy living (PHBS).',
    roles: ['Content Creator', 'Graphic Designer'],
    software_stack: ['Photoshop'],
    press: [
      {
        outlet: 'Kompasiana',
        title: 'Mahasiswa KKN UPI Bentuk Sosial Media UKS sebagai Platform Edukasi Kesehatan Siswa SMP & Netizen Gen-Z!',
        date: 'Aug 2022',
        url: 'https://www.kompasiana.com/luthfiihwan/62ec829f3555e407a83e58e4/mahasiswa-kkn-upi-bentuk-sosial-media-uks-sebagai-platform-edukasi-kesehatan-siswa-netizen',
      },
    ],
  },
  {
    id: 'gd-socmed-uks-story-02',
    title: 'Kampanye UKS — Story 02',
    category: 'Graphic Design',
    designType: 'Social Media',
    designPresentation: 'socmed',
    collectionId: 'uks-spendagung',
    collectionOrder: 1,
    socmedFormat: 'stories',
    platform: 'Instagram',
    aspectRatio: '9:16',
    resolution: '1080 × 1920',
    thumbnail: '/assets/graphic-design/socmed-design/uks-spendagung/igs-2.webp',
    images: ['/assets/graphic-design/socmed-design/uks-spendagung/igs-2.webp'],
    year: '2022',
    client: 'UKS Spendagung · SMPN 2 Luragung',
    badge_text: 'INSTAGRAM STORIES',
    industry: 'Education & Health',
    description: 'An educational social media graphic promoting physical fitness and the importance of a healthy lifestyle (PHBS) to build a strong mind and body.',
    roles: ['Content Creator', 'Graphic Designer'],
    software_stack: ['Photoshop'],
    press: [
      {
        outlet: 'Kompasiana',
        title: 'Mahasiswa KKN UPI Bentuk Sosial Media UKS sebagai Platform Edukasi Kesehatan Siswa SMP & Netizen Gen-Z!',
        date: 'Aug 2022',
        url: 'https://www.kompasiana.com/luthfiihwan/62ec829f3555e407a83e58e4/mahasiswa-kkn-upi-bentuk-sosial-media-uks-sebagai-platform-edukasi-kesehatan-siswa-netizen',
      },
    ],
  },
  {
    id: 'gd-socmed-uks-story-03',
    title: 'Kampanye UKS — Story 03',
    category: 'Graphic Design',
    designType: 'Social Media',
    designPresentation: 'socmed',
    collectionId: 'uks-spendagung',
    collectionOrder: 1,
    socmedFormat: 'stories',
    platform: 'Instagram',
    aspectRatio: '9:16',
    resolution: '1080 × 1920',
    thumbnail: '/assets/graphic-design/socmed-design/uks-spendagung/igs-3.webp',
    images: ['/assets/graphic-design/socmed-design/uks-spendagung/igs-3.webp'],
    year: '2022',
    client: 'UKS Spendagung · SMPN 2 Luragung',
    badge_text: 'INSTAGRAM STORIES',
    industry: 'Education & Health',
    description: 'An educational social media graphic promoting balanced nutrition and healthy eating habits as the foundation for achieving outstanding success.',
    roles: ['Content Creator', 'Graphic Designer'],
    software_stack: ['Photoshop'],
    press: [
      {
        outlet: 'Kompasiana',
        title: 'Mahasiswa KKN UPI Bentuk Sosial Media UKS sebagai Platform Edukasi Kesehatan Siswa SMP & Netizen Gen-Z!',
        date: 'Aug 2022',
        url: 'https://www.kompasiana.com/luthfiihwan/62ec829f3555e407a83e58e4/mahasiswa-kkn-upi-bentuk-sosial-media-uks-sebagai-platform-edukasi-kesehatan-siswa-netizen',
      },
    ],
  },
  {
    id: 'gd-socmed-uks-feed-01',
    title: 'Feed Carousel — Kampanye 01',
    category: 'Graphic Design',
    designType: 'Social Media',
    designPresentation: 'socmed',
    collectionId: 'uks-spendagung',
    collectionOrder: 1,
    socmedFormat: 'feed-square',
    platform: 'Instagram',
    aspectRatio: '1:1',
    resolution: '1080 × 1080',
    thumbnail: '/assets/graphic-design/socmed-design/uks-spendagung/feed-1-1.webp',
    images: [
      '/assets/graphic-design/socmed-design/uks-spendagung/feed-1-1.webp',
      '/assets/graphic-design/socmed-design/uks-spendagung/feed-1-2.webp',
      '/assets/graphic-design/socmed-design/uks-spendagung/feed-1-3.webp',
      '/assets/graphic-design/socmed-design/uks-spendagung/feed-1-4.webp',
      '/assets/graphic-design/socmed-design/uks-spendagung/feed-1-5.webp',
    ],
    year: '2022',
    client: 'UKS Spendagung · SMPN 2 Luragung',
    badge_text: 'FEED CAROUSEL',
    industry: 'Education & Health',
    description: 'An educational microblog highlighting four key foods and beverages that help boost brain function, intelligence, and memory capacity.',
    roles: ['Content Creator', 'Graphic Designer'],
    software_stack: ['Photoshop'],
    press: [
      {
        outlet: 'Kompasiana',
        title: 'Mahasiswa KKN UPI Bentuk Sosial Media UKS sebagai Platform Edukasi Kesehatan Siswa SMP & Netizen Gen-Z!',
        date: 'Aug 2022',
        url: 'https://www.kompasiana.com/luthfiihwan/62ec829f3555e407a83e58e4/mahasiswa-kkn-upi-bentuk-sosial-media-uks-sebagai-platform-edukasi-kesehatan-siswa-netizen',
      },
    ],
  },
  {
    id: 'gd-socmed-uks-feed-02',
    title: 'Feed Carousel — Kampanye 02',
    category: 'Graphic Design',
    designType: 'Social Media',
    designPresentation: 'socmed',
    collectionId: 'uks-spendagung',
    collectionOrder: 1,
    socmedFormat: 'feed-square',
    platform: 'Instagram',
    aspectRatio: '1:1',
    resolution: '1080 × 1080',
    thumbnail: '/assets/graphic-design/socmed-design/uks-spendagung/feed-2-1.webp',
    images: [
      '/assets/graphic-design/socmed-design/uks-spendagung/feed-2-1.webp',
      '/assets/graphic-design/socmed-design/uks-spendagung/feed-2-2.webp',
      '/assets/graphic-design/socmed-design/uks-spendagung/feed-2-3.webp',
      '/assets/graphic-design/socmed-design/uks-spendagung/feed-2-4.webp',
      '/assets/graphic-design/socmed-design/uks-spendagung/feed-2-5.webp',
    ],
    year: '2022',
    client: 'UKS Spendagung · SMPN 2 Luragung',
    badge_text: 'FEED CAROUSEL',
    industry: 'Education & Health',
    description: 'An educational microblog highlighting the importance of drinking water and its vital health benefits for maintaining a healthier body.',
    roles: ['Content Creator', 'Graphic Designer'],
    software_stack: ['Photoshop'],
    press: [
      {
        outlet: 'Kompasiana',
        title: 'Mahasiswa KKN UPI Bentuk Sosial Media UKS sebagai Platform Edukasi Kesehatan Siswa SMP & Netizen Gen-Z!',
        date: 'Aug 2022',
        url: 'https://www.kompasiana.com/luthfiihwan/62ec829f3555e407a83e58e4/mahasiswa-kkn-upi-bentuk-sosial-media-uks-sebagai-platform-edukasi-kesehatan-siswa-netizen',
      },
    ],
  },
  {
    id: 'gd-socmed-uks-feed-03',
    title: 'Feed Carousel — Kampanye 03',
    category: 'Graphic Design',
    designType: 'Social Media',
    designPresentation: 'socmed',
    collectionId: 'uks-spendagung',
    collectionOrder: 1,
    socmedFormat: 'feed-square',
    platform: 'Instagram',
    aspectRatio: '1:1',
    resolution: '1080 × 1080',
    thumbnail: '/assets/graphic-design/socmed-design/uks-spendagung/feed-3-1.webp',
    images: [
      '/assets/graphic-design/socmed-design/uks-spendagung/feed-3-1.webp',
      '/assets/graphic-design/socmed-design/uks-spendagung/feed-3-2.webp',
      '/assets/graphic-design/socmed-design/uks-spendagung/feed-3-3.webp',
      '/assets/graphic-design/socmed-design/uks-spendagung/feed-3-4.webp',
      '/assets/graphic-design/socmed-design/uks-spendagung/feed-3-5.webp',
    ],
    year: '2022',
    client: 'UKS Spendagung · SMPN 2 Luragung',
    badge_text: 'FEED CAROUSEL',
    industry: 'Education & Health',
    description: 'An educational microblog highlighting essential tips and daily habits to maintain healthy teeth and optimal oral hygiene.',
    roles: ['Content Creator', 'Graphic Designer'],
    software_stack: ['Photoshop'],
    press: [
      {
        outlet: 'Kompasiana',
        title: 'Mahasiswa KKN UPI Bentuk Sosial Media UKS sebagai Platform Edukasi Kesehatan Siswa SMP & Netizen Gen-Z!',
        date: 'Aug 2022',
        url: 'https://www.kompasiana.com/luthfiihwan/62ec829f3555e407a83e58e4/mahasiswa-kkn-upi-bentuk-sosial-media-uks-sebagai-platform-edukasi-kesehatan-siswa-netizen',
      },
    ],
  },
  {
    id: 'gd-socmed-cai-story-01',
    title: 'CAI — Story 01',
    category: 'Graphic Design',
    designType: 'Social Media',
    designPresentation: 'socmed',
    collectionId: 'cai',
    collectionOrder: 1,
    socmedFormat: 'stories',
    platform: 'Instagram',
    aspectRatio: '9:16',
    resolution: '1080 × 1920',
    thumbnail: '/assets/graphic-design/socmed-design/cai/11/1.webp',
    images: ['/assets/graphic-design/socmed-design/cai/11/1.webp'],
    year: '2022',
    client: 'CAI',
    badge_text: 'INSTAGRAM STORIES',
    industry: 'Organization',
    description: 'A promotional digital poster offering an efficient solution for business owners to streamline employee management and multi-branch store operations through the Central POS platform.',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop'],
  },
  {
    id: 'gd-socmed-cai-story-02',
    title: 'CAI — Story 02',
    category: 'Graphic Design',
    designType: 'Social Media',
    designPresentation: 'socmed',
    collectionId: 'cai',
    collectionOrder: 1,
    socmedFormat: 'stories',
    platform: 'Instagram',
    aspectRatio: '9:16',
    resolution: '1080 × 1920',
    thumbnail: '/assets/graphic-design/socmed-design/cai/11/2.webp',
    images: ['/assets/graphic-design/socmed-design/cai/11/2.webp'],
    year: '2022',
    client: 'CAI',
    badge_text: 'INSTAGRAM STORIES',
    industry: 'Organization',
    description: 'An interactive social media post inviting the audience to choose between Instagram and TikTok for accessing and enjoying Central AI content updates.',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop'],
  },
  {
    id: 'gd-socmed-cai-story-03',
    title: 'CAI — Story 03',
    category: 'Graphic Design',
    designType: 'Social Media',
    designPresentation: 'socmed',
    collectionId: 'cai',
    collectionOrder: 1,
    socmedFormat: 'stories',
    platform: 'Instagram',
    aspectRatio: '9:16',
    resolution: '1080 × 1920',
    thumbnail: '/assets/graphic-design/socmed-design/cai/11/3.webp',
    images: ['/assets/graphic-design/socmed-design/cai/11/3.webp'],
    year: '2022',
    client: 'CAI',
    badge_text: 'INSTAGRAM STORIES',
    industry: 'Organization',
    description: 'An interactive community engagement post designed to gauge business owners interest and readiness to transition to a digital cashier system.',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop'],
  },
  {
    id: 'gd-socmed-cai-feed-01',
    title: 'CAI — Feed Carousel 01',
    category: 'Graphic Design',
    designType: 'Social Media',
    designPresentation: 'socmed',
    collectionId: 'cai',
    collectionOrder: 1,
    socmedFormat: 'feed-portrait',
    platform: 'Instagram',
    aspectRatio: '4:5',
    resolution: '1080 × 1350',
    thumbnail: '/assets/graphic-design/socmed-design/cai/2/1.webp',
    images: [
      '/assets/graphic-design/socmed-design/cai/2/1.webp',
      '/assets/graphic-design/socmed-design/cai/2/2.webp',
      '/assets/graphic-design/socmed-design/cai/2/3.webp',
    ],
    year: '2022',
    client: 'CAI',
    badge_text: 'FEED CAROUSEL',
    industry: 'Organization',
    description: 'An educational microblog carousel explaining the economic triggers behind rising interest rates and their direct financial impacts on MSMEs.',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop'],
  },
  {
    id: 'gd-socmed-cai-feed-02',
    title: 'CAI — Feed Carousel 02',
    category: 'Graphic Design',
    designType: 'Social Media',
    designPresentation: 'socmed',
    collectionId: 'cai',
    collectionOrder: 1,
    socmedFormat: 'feed-portrait',
    platform: 'Instagram',
    aspectRatio: '4:5',
    resolution: '1080 × 1350',
    thumbnail: '/assets/graphic-design/socmed-design/cai/4/1.webp',
    images: [
      '/assets/graphic-design/socmed-design/cai/4/1.webp',
      '/assets/graphic-design/socmed-design/cai/4/2.webp',
      '/assets/graphic-design/socmed-design/cai/4/3.webp',
      '/assets/graphic-design/socmed-design/cai/4/4.webp',
      '/assets/graphic-design/socmed-design/cai/4/5.webp',
    ],
    year: '2022',
    client: 'CAI',
    badge_text: 'FEED CAROUSEL',
    industry: 'Organization',
    description: 'An educational microblog carousel highlighting strategic insights and actionable tips from industry expert Rex Marindo to help culinary businesses scale rapidly and gain strong market visibility.',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop'],
  },
  {
    id: 'gd-socmed-cai-feed-03',
    title: 'CAI — Feed Carousel 03',
    category: 'Graphic Design',
    designType: 'Social Media',
    designPresentation: 'socmed',
    collectionId: 'cai',
    collectionOrder: 1,
    socmedFormat: 'feed-portrait',
    platform: 'Instagram',
    aspectRatio: '4:5',
    resolution: '1080 × 1350',
    thumbnail: '/assets/graphic-design/socmed-design/cai/6/1.webp',
    images: [
      '/assets/graphic-design/socmed-design/cai/6/1.webp',
      '/assets/graphic-design/socmed-design/cai/6/2.webp',
      '/assets/graphic-design/socmed-design/cai/6/3.webp',
    ],
    year: '2022',
    client: 'CAI',
    badge_text: 'FEED CAROUSEL',
    industry: 'Organization',
    description: 'An educational microblog carousel outlining five core strategies and essential principles to enhance brand recognition and make a business more memorable.',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop'],
  },
  {
    id: 'gd-socmed-cai-feed-04',
    title: 'CAI — Feed Carousel 04',
    category: 'Graphic Design',
    designType: 'Social Media',
    designPresentation: 'socmed',
    collectionId: 'cai',
    collectionOrder: 1,
    socmedFormat: 'feed-portrait',
    platform: 'Instagram',
    aspectRatio: '4:5',
    resolution: '1080 × 1350',
    thumbnail: '/assets/graphic-design/socmed-design/cai/9/1.webp',
    images: [
      '/assets/graphic-design/socmed-design/cai/9/1.webp',
      '/assets/graphic-design/socmed-design/cai/9/2.webp',
      '/assets/graphic-design/socmed-design/cai/9/3.webp',
    ],
    year: '2024',
    client: 'CAI',
    badge_text: 'FEED CAROUSEL',
    industry: 'Organization',
    description: 'An educational microblog carousel comparing digital POS applications with traditional cash registers, highlighting the key advantages and disadvantages of each system for business operations.',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop'],
  },
  {
    id: 'gd-socmed-cai-feed-05',
    title: 'CAI — Feed Carousel 05',
    category: 'Graphic Design',
    designType: 'Social Media',
    designPresentation: 'socmed',
    collectionId: 'cai',
    collectionOrder: 1,
    socmedFormat: 'feed-portrait',
    platform: 'Instagram',
    aspectRatio: '4:5',
    resolution: '1080 × 1350',
    thumbnail: '/assets/graphic-design/socmed-design/cai/10/1.webp',
    images: [
      '/assets/graphic-design/socmed-design/cai/10/1.webp',
      '/assets/graphic-design/socmed-design/cai/10/2.webp',
    ],
    year: '2022',
    client: 'CAI',
    badge_text: 'FEED CAROUSEL',
    industry: 'Organization',
    description: 'An educational microblog carousel detailing the core benefits and potential drawbacks of implementing a digital POS system in business operations.',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop', 'Illustrator', 'Canva'],
  },
  {
    id: 'gd-socmed-cai-feed-06',
    title: 'CAI — Feed Carousel 06',
    category: 'Graphic Design',
    designType: 'Social Media',
    designPresentation: 'socmed',
    collectionId: 'cai',
    collectionOrder: 1,
    socmedFormat: 'feed-portrait',
    platform: 'Instagram',
    aspectRatio: '4:5',
    resolution: '1080 × 1350',
    thumbnail: '/assets/graphic-design/socmed-design/cai/3/1.webp',
    images: [
      '/assets/graphic-design/socmed-design/cai/3/1.webp',
      '/assets/graphic-design/socmed-design/cai/3/2.webp',
      '/assets/graphic-design/socmed-design/cai/3/3.webp',
    ],
    year: '2022',
    client: 'CAI',
    badge_text: 'FEED CAROUSEL',
    industry: 'Organization',
    description: 'An educational microblog carousel exploring whether implementing a digital POS system is worth it for a new business, answered through a "4M" perspective.',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop'],
  },
  {
    id: 'gd-digital-imaging-pm-01',
    title: 'Digital Imaging — PM 01',
    category: 'Graphic Design',
    designType: 'Digital Imaging',
    designPresentation: 'digital-imaging',
    aspectRatio: '4:5',
    resolution: '1080 × 1350',
    colorSpace: 'sRGB',
    density: '300 DPI',
    compositingStyle: 'Surreal Conceptual',
    sourceMaterial: ['Personal Photography'],
    thumbnail: '/assets/graphic-design/digital-imaging/pm-1.webp',
    images: ['/assets/graphic-design/digital-imaging/pm-1.webp'],
    year: '2018',
    client: 'LUTHFRAME®',
    badge_text: 'DIGITAL IMAGING',
    industry: 'Arts & Cinema',
    description: 'Early photo manipulation and digital imaging — compositing, retouching, and visual storytelling in Photoshop.',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop'],
  },
  {
    id: 'gd-digital-imaging-pm-02',
    title: 'Digital Imaging — PM 02',
    category: 'Graphic Design',
    designType: 'Digital Imaging',
    designPresentation: 'digital-imaging',
    aspectRatio: '4:5',
    resolution: '1080 × 1350',
    colorSpace: 'sRGB',
    density: '300 DPI',
    compositingStyle: 'Photorealistic',
    sourceMaterial: ['Personal Photography', 'Procedural Textures'],
    thumbnail: '/assets/graphic-design/digital-imaging/pm-2.webp',
    images: ['/assets/graphic-design/digital-imaging/pm-2.webp'],
    year: '2018',
    client: 'LUTHFRAME®',
    badge_text: 'DIGITAL IMAGING',
    industry: 'Arts & Cinema',
    description: 'Early photo manipulation and digital imaging — compositing, retouching, and visual storytelling in Photoshop.',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop'],
  },
  {
    id: 'gd-digital-imaging-pm-03',
    title: 'Digital Imaging — PM 03',
    category: 'Graphic Design',
    designType: 'Digital Imaging',
    designPresentation: 'digital-imaging',
    aspectRatio: '4:5',
    resolution: '1080 × 1350',
    colorSpace: 'sRGB',
    density: '300 DPI',
    compositingStyle: 'Surreal Conceptual',
    sourceMaterial: ['Personal Photography', 'Stock Imagery'],
    thumbnail: '/assets/graphic-design/digital-imaging/pm-3.webp',
    images: ['/assets/graphic-design/digital-imaging/pm-3.webp'],
    year: '2018',
    client: 'LUTHFRAME®',
    badge_text: 'DIGITAL IMAGING',
    industry: 'Arts & Cinema',
    description: 'Early photo manipulation and digital imaging — compositing, retouching, and visual storytelling in Photoshop.',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop'],
  },
  {
    id: 'gd-digital-imaging-pm-04',
    title: 'Digital Imaging — PM 04',
    category: 'Graphic Design',
    designType: 'Digital Imaging',
    designPresentation: 'digital-imaging',
    aspectRatio: '2:3',
    resolution: '1707 × 2560',
    colorSpace: 'sRGB',
    density: '300 DPI',
    compositingStyle: 'Cinematic Fantasy',
    sourceMaterial: ['Procedural Textures'],
    thumbnail: '/assets/graphic-design/digital-imaging/pm-4.webp',
    images: ['/assets/graphic-design/digital-imaging/pm-4.webp'],
    year: '2018',
    client: 'LUTHFRAME®',
    badge_text: 'DIGITAL IMAGING',
    industry: 'Arts & Creative',
    description: 'Early photo manipulation and digital imaging — compositing, retouching, and visual storytelling in Photoshop.',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop'],
  },
  {
    id: 'gd-digital-imaging-pm-05',
    title: 'Digital Imaging — PM 05',
    category: 'Graphic Design',
    designType: 'Digital Imaging',
    designPresentation: 'digital-imaging',
    aspectRatio: '2:3',
    resolution: '1707 × 2560',
    colorSpace: 'sRGB',
    density: '300 DPI',
    compositingStyle: 'Photorealistic',
    sourceMaterial: ['Personal Photography', 'Procedural Textures', 'Stock Imagery'],
    thumbnail: '/assets/graphic-design/digital-imaging/pm-5.webp',
    images: ['/assets/graphic-design/digital-imaging/pm-5.webp'],
    year: '2018',
    client: 'LUTHFRAME®',
    badge_text: 'DIGITAL IMAGING',
    industry: 'Arts & Cinema',
    description: 'Early photo manipulation and digital imaging — compositing, retouching, and visual storytelling in Photoshop.',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop'],
  },
  {
    id: 'gd-digital-imaging-pm-06',
    title: 'Digital Imaging — PM 06',
    category: 'Graphic Design',
    designType: 'Digital Imaging',
    designPresentation: 'digital-imaging',
    aspectRatio: '2:3',
    resolution: '4000 × 6000',
    colorSpace: 'sRGB',
    density: '300 DPI',
    compositingStyle: 'Surreal Conceptual',
    sourceMaterial: ['Stock Imagery'],
    thumbnail: '/assets/graphic-design/digital-imaging/pm-6.webp',
    images: ['/assets/graphic-design/digital-imaging/pm-6.webp'],
    year: '2018',
    client: 'LUTHFRAME®',
    badge_text: 'DIGITAL IMAGING',
    industry: 'Arts & Cinema',
    description: 'Early photo manipulation and digital imaging — compositing, retouching, and visual storytelling in Photoshop.',
    roles: ['Graphic Designer'],
    software_stack: ['Photoshop'],
  },
];

window.motionGraphicsProjects = motionGraphicsProjects;
window.threeDProjects = threeDProjects;
window.graphicDesignProjects = graphicDesignProjects;