{"id":305,"date":"2026-08-24T07:31:24","date_gmt":"2026-08-24T07:31:24","guid":{"rendered":"https:\/\/skyrocket.ph\/events\/?page_id=305"},"modified":"2026-09-12T03:00:07","modified_gmt":"2026-09-12T03:00:07","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/skyrocket.ph\/events\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"305\" class=\"elementor elementor-305\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-d2148aa e-con-full hero-section e-flex e-con e-parent\" data-id=\"d2148aa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/skyrocket.ph\\\/events\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/BG-Loop-Speed.mp4&quot;}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-f769cbb elementor-widget elementor-widget-heading\" data-id=\"f769cbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">OUR EXPERTISE<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c1fd67 elementor-widget elementor-widget-heading\" data-id=\"1c1fd67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CAPTURED <span class=\"gradient-text\">ENERGY<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a56e03e elementor-widget elementor-widget-text-editor\" data-id=\"a56e03e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A look at the corporate events, product launches, and brand activations<br \/>we&#8217;ve brought to life for clients across the Philippines.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-41baf4f e-con-full e-flex e-con e-child\" data-id=\"41baf4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7aa32a4 elementor-align-center sr-filter-btn filter-all active elementor-widget elementor-widget-button\" data-id=\"7aa32a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">ALL<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7d7b45 elementor-align-center sr-filter-btn filter-brand elementor-widget elementor-widget-button\" data-id=\"e7d7b45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">BRAND<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9a662c elementor-align-center sr-filter-btn filter-corporate elementor-widget elementor-widget-button\" data-id=\"b9a662c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">CORPORATE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45b1873 elementor-align-center sr-filter-btn filter-concert elementor-widget elementor-widget-button\" data-id=\"45b1873\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">CONCERT<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-fe63637 e-con-full e-flex e-con e-parent\" data-id=\"fe63637\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-385a939 elementor-widget elementor-widget-html\" data-id=\"385a939\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\n     1. THE PORTFOLIO GRID & CARDS\r\n=========================================== -->\r\n<div class=\"sr-portfolio-grid\">\r\n    \r\n    <!-- CARD 1 -->\r\n    <div class=\"sr-card\" \r\n         data-category=\"brand concert\"\r\n         data-client=\"SONY\"\r\n         data-title=\"The XM6 Premiere\"\r\n         data-location=\"Glorietta\"\r\n         data-year=\"2025\"\r\n         data-badge=\"Brand, Concert\"\r\n         data-hero=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Sony-XM6-Featured-Image-scaled.webp\"\r\n         data-gallery=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/xm6-gallery-img-1.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/xm6-gallery-img-2.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/xm6-gallery-img-3.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/xm6-gallery-img-4.webp\">\r\n        \r\n        <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Sony-XM6-Featured-Image-scaled.webp\" alt=\"Sony XM6\" class=\"sr-card-bg\">\r\n        <div class=\"sr-card-overlay\"><\/div>\r\n        \r\n        <!-- Top Left Tags -->\r\n        <div class=\"sr-card-tags\">\r\n            <span class=\"sr-badge\">BRAND<\/span>\r\n            <span class=\"sr-badge\">CONCERT<\/span>\r\n        <\/div>\r\n        \r\n        <!-- Bottom Content -->\r\n        <div class=\"sr-card-content\">\r\n            <span class=\"sr-client-name\">SONY<\/span>\r\n            <h3 class=\"sr-card-title\">The XM6 Premiere<\/h3>\r\n            \r\n            <div class=\"sr-card-footer\">\r\n                <div class=\"sr-stats\">\r\n                    <div class=\"sr-stat\"><span class=\"val\">3,000+<\/span><span class=\"lbl\">ATTENDEES<\/span><\/div>\r\n                    <div class=\"sr-stat\"><span class=\"val\">100k+<\/span><span class=\"lbl\">SOCIAL ENGAGEMENT<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"sr-arrow-btn\">\u2197<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- CARD 2 -->\r\n    <div class=\"sr-card\" \r\n         data-category=\"brand concert\"\r\n         data-client=\"SONY ULT POWER SOUND\"\r\n         data-title=\"Vibe Live\"\r\n         data-location=\"BGC Amphitheater\"\r\n         data-year=\"2025\"\r\n         data-badge=\"Brand, Concert\"\r\n         data-hero=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Sony-Vibe-Live-Featured-Image.webp\"\r\n         data-gallery=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/ult-gallery-img-1.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/ult-gallery-img-2.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/ult-gallery-img-3.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/ult-gallery-img-4.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/ult-gallery-img-5.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/ult-gallery-img-6.webp\">\r\n        \r\n        <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Sony-Vibe-Live-Featured-Image.webp\" alt=\"Vibe Live\" class=\"sr-card-bg\">\r\n        <div class=\"sr-card-overlay\"><\/div>\r\n        \r\n        <div class=\"sr-card-tags\">\r\n            <span class=\"sr-badge\">BRAND<\/span>\r\n            <span class=\"sr-badge\">CONCERT<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"sr-card-content\">\r\n            <span class=\"sr-client-name\">SONY ULT POWER SOUND<\/span>\r\n            <h3 class=\"sr-card-title\">Vibe Live<\/h3>\r\n            \r\n            <div class=\"sr-card-footer\">\r\n                <div class=\"sr-stats\">\r\n                    <div class=\"sr-stat\"><span class=\"val\">4000+<\/span><span class=\"lbl\">ATTENDEES<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"sr-arrow-btn\">\u2197<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- CARD 3 -->\r\n    <div class=\"sr-card\" \r\n         data-category=\"brand corporate\"\r\n         data-client=\"LYNK & CO\"\r\n         data-title=\"Lynk Ups\"\r\n         data-location=\"Karrera Showroom\"\r\n         data-year=\"2025\"\r\n         data-badge=\"Brand, Corporate\"\r\n         data-hero=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Lynk-n-Co-Featured-Image.webp\"\r\n         data-gallery=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/lynk-gallery-img-1.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/lynk-gallery-img-2.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/lynk-gallery-img-3.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/lynk-gallery-img-4.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/lynk-gallery-img-5.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/lynk-gallery-img-6.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/lynk-gallery-img-7-scaled.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/lynk-gallery-img-8.webp\">\r\n        \r\n        <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Lynk-n-Co-Featured-Image.webp\" alt=\"Lynk Ups\" class=\"sr-card-bg\">\r\n        <div class=\"sr-card-overlay\"><\/div>\r\n        \r\n        <div class=\"sr-card-tags\">\r\n            <span class=\"sr-badge\">BRAND<\/span>\r\n            <span class=\"sr-badge\">CORPORATE<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"sr-card-content\">\r\n            <span class=\"sr-client-name\">LYNK & CO<\/span>\r\n            <h3 class=\"sr-card-title\">Lynk Ups<\/h3>\r\n            \r\n            <div class=\"sr-card-footer\">\r\n                <div class=\"sr-stats\">\r\n                <\/div>\r\n                <div class=\"sr-arrow-btn\">\u2197<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- CARD 4-->\r\n    <div class=\"sr-card\" \r\n         data-category=\"brand corporate\"\r\n         data-client=\"PHINMA PROPERTIES\"\r\n         data-title=\"Groundbreaking Event & Unit Blessing\"\r\n         data-location=\"Bacolod\"\r\n         data-year=\"2025\"\r\n         data-badge=\"Brand, Corporate\"\r\n         data-hero=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/PHINMA-Featured-Image.webp\"\r\n         data-gallery=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/PHINMA-gallery-img-1.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/PHINMA-gallery-img-2.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/PHINMA-gallery-img-3.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/PHINMA-gallery-img-4.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/PHINMA-gallery-img-5.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/PHINMA-gallery-img-6.webp\">\r\n        \r\n        <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/PHINMA-Featured-Image.webp\" alt=\"Groundbreaking Event & Unit Blessing\" class=\"sr-card-bg\">\r\n        <div class=\"sr-card-overlay\"><\/div>\r\n        \r\n        <div class=\"sr-card-tags\">\r\n            <span class=\"sr-badge\">BRAND<\/span>\r\n            <span class=\"sr-badge\">CORPORATE<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"sr-card-content\">\r\n            <span class=\"sr-client-name\">PHINMA PROPERTIES<\/span>\r\n            <h3 class=\"sr-card-title\">Groundbreaking Event & Unit Blessing<\/h3>\r\n            \r\n            <div class=\"sr-card-footer\">\r\n                <div class=\"sr-stats\">\r\n                    <div class=\"sr-stat\"><span class=\"val\">400+<\/span><span class=\"lbl\">ATTENDEES<\/span><\/div>\r\n                    <div class=\"sr-stat\"><span class=\"val\">2<\/span><span class=\"lbl\">CEREMONIES IN ONE DAY<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"sr-arrow-btn\">\u2197<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- CARD 5 -->\r\n    <div class=\"sr-card\" \r\n         data-category=\"brand\"\r\n         data-client=\"KIEHL'S\"\r\n         data-title=\"Liquid Patch Launch\"\r\n         data-location=\"Balmori Tent, Rockwell\"\r\n         data-year=\"2024\"\r\n         data-badge=\"Brand\"\r\n         data-hero=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Kiehls-Featured-Image.webp\"\r\n         data-gallery=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Kiehls-gallery-img-1.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Kiehls-gallery-img-2.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Kiehls-gallery-img-3.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Kiehls-gallery-img-4.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Kiehls-gallery-img-5.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Kiehls-gallery-img-6.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Kiehls-gallery-img-7.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Kiehls-gallery-img-8.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Kiehls-gallery-img-9.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Kiehls-gallery-img-10.webp\">\r\n        \r\n        <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Kiehls-Featured-Image.webp\" alt=\"Liquid Patch Launch\" class=\"sr-card-bg\">\r\n        <div class=\"sr-card-overlay\"><\/div>\r\n        \r\n        <div class=\"sr-card-tags\">\r\n            <span class=\"sr-badge\">BRAND<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"sr-card-content\">\r\n            <span class=\"sr-client-name\">KIEHL'S<\/span>\r\n            <h3 class=\"sr-card-title\">Liquid Patch Launch<\/h3>\r\n            \r\n            <div class=\"sr-card-footer\">\r\n                <div class=\"sr-stats\">\r\n                <\/div>\r\n                <div class=\"sr-arrow-btn\">\u2197<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- CARD 6 -->\r\n    <div class=\"sr-card\" \r\n         data-category=\"brand concert\"\r\n         data-client=\"YELLOW CAB\"\r\n         data-title=\"The Yellow Stage\"\r\n         data-location=\"Burgos Eats, BGC\"\r\n         data-year=\"2025\"\r\n         data-badge=\"Brand, Concert\"\r\n         data-hero=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/YC-Featured-Image.webp\"\r\n         data-gallery=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/YC-gallery-img-1.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/YC-gallery-img-2.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/YC-gallery-img-3.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/YC-gallery-img-4.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/YC-gallery-img-5.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/YC-gallery-img-6.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/YC-gallery-img-7.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/YC-gallery-img-8.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/YC-gallery-img-9.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/YC-gallery-img-10.webp\">\r\n        \r\n        <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/YC-Featured-Image.webp\" alt=\"The Yellow Stage\" class=\"sr-card-bg\">\r\n        <div class=\"sr-card-overlay\"><\/div>\r\n        \r\n        <div class=\"sr-card-tags\">\r\n            <span class=\"sr-badge\">BRAND<\/span>\r\n            <span class=\"sr-badge\">CONCERT<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"sr-card-content\">\r\n            <span class=\"sr-client-name\">YELLOW CAB<\/span>\r\n            <h3 class=\"sr-card-title\">The Yellow Stage<\/h3>\r\n\r\n            <div class=\"sr-card-footer\">\r\n                <div class=\"sr-stats\"><div class=\"sr-stat\"><span class=\"val\">150k+<\/span><span class=\"lbl\">ACCUMULATED ENGAGEMENT<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"sr-arrow-btn\">\u2197<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- CARD 7 -->\r\n    <div class=\"sr-card\" \r\n         data-category=\"corporate\"\r\n         data-client=\"APPSFLYER\"\r\n         data-title=\"Year-End Party 2025\"\r\n         data-location=\"Lorenzo's Way, BGC\"\r\n         data-year=\"2025\"\r\n         data-badge=\"Corporate\"\r\n         data-hero=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Appsflyer-Featured-Image.webp\"\r\n         data-gallery=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Appsflyer-gallery-img-1.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Appsflyer-gallery-img-2.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Appsflyer-gallery-img-3.webp\">\r\n        \r\n        <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Appsflyer-Featured-Image.webp\" alt=\"Year-End Party 2025\" class=\"sr-card-bg\">\r\n        <div class=\"sr-card-overlay\"><\/div>\r\n        \r\n        <div class=\"sr-card-tags\">\r\n            <span class=\"sr-badge\">CORPORATE<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"sr-card-content\">\r\n            <span class=\"sr-client-name\">APPSFLYER<\/span>\r\n            <h3 class=\"sr-card-title\">Year-End Party 2025<\/h3>\r\n            \r\n            <div class=\"sr-card-footer\">\r\n                <div class=\"sr-stats\">\r\n                    <div class=\"sr-stat\"><span class=\"val\">60+<\/span><span class=\"lbl\">ATTENDEES<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"sr-arrow-btn\">\u2197<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- CARD 8 -->\r\n    <div class=\"sr-card\" \r\n         data-category=\"corporate\"\r\n         data-client=\"GOGO EXPRESS\"\r\n         data-title=\"GGX Bosses Ng Bayan!\"\r\n         data-location=\"Lola Cafe, San Juan\"\r\n         data-year=\"2025\"\r\n         data-badge=\"Corporate\"\r\n         data-hero=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/GGX-Featured-Image.webp\"\r\n         data-gallery=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/GGX-gallery-img-1.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/GGX-gallery-img-2.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/GGX-gallery-img-3.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/GGX-gallery-img-4.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/GGX-gallery-img-5.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/GGX-gallery-img-6.webp\">\r\n        \r\n        <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/GGX-Featured-Image.webp\" alt=\"GGX Bosses Ng Bayan!\" class=\"sr-card-bg\">\r\n        <div class=\"sr-card-overlay\"><\/div>\r\n        \r\n        <div class=\"sr-card-tags\">\r\n            <span class=\"sr-badge\">CORPORATE<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"sr-card-content\">\r\n            <span class=\"sr-client-name\">GOGO EXPRESS<\/span>\r\n            <h3 class=\"sr-card-title\">GGX Bosses Ng Bayan!<\/h3>\r\n            \r\n            <div class=\"sr-card-footer\">\r\n                <div class=\"sr-stats\">\r\n                    <div class=\"sr-stat\"><span class=\"val\">60+<\/span><span class=\"lbl\">ATTENDEES<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"sr-arrow-btn\">\u2197<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- CARD 9 -->\r\n    <div class=\"sr-card\" \r\n         data-category=\"brand corporate\"\r\n         data-client=\"SUNGROW\"\r\n         data-title=\"Sungrow Master - Installation Skill Competition 2026\"\r\n         data-location=\"Fairmont Makati\"\r\n         data-year=\"2026\"\r\n         data-badge=\"Brand, Corporate\"\r\n         data-hero=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Sungrow-Featured-Image.webp\"\r\n         data-gallery=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Sungrow-gallery-img-1.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Sungrow-gallery-img-2.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Sungrow-gallery-img-3.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Sungrow-gallery-img-4.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Sungrow-gallery-img-5.webp, https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Sungrow-gallery-img-6.webp\">\r\n        \r\n        <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Sungrow-Featured-Image.webp\" alt=\"Sungrow Master - Installation Skill Competition 2026\" class=\"sr-card-bg\">\r\n        <div class=\"sr-card-overlay\"><\/div>\r\n        \r\n        <div class=\"sr-card-tags\">\r\n            <span class=\"sr-badge\">BRAND<\/span>\r\n            <span class=\"sr-badge\">CORPORATE<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"sr-card-content\">\r\n            <span class=\"sr-client-name\">SUNGROW<\/span>\r\n            <h3 class=\"sr-card-title\">Sungrow Master - Installation Skill Competition 2026<\/h3>\r\n            \r\n            <div class=\"sr-card-footer\">\r\n                <div class=\"sr-stats\">\r\n                    <div class=\"sr-stat\"><span class=\"val\">60+<\/span><span class=\"lbl\">ATTENDEES<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"sr-arrow-btn\">\u2197<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     2. THE OFF-CANVAS PORTFOLIO DRAWER (NAMESPACED)\r\n=========================================== -->\r\n<div class=\"sr-port-backdrop\" id=\"srPortBackdrop\"><\/div>\r\n\r\n<div class=\"sr-port-panel\" id=\"srPortPanel\">\r\n    <div class=\"sr-port-topbar\">\r\n        <div class=\"sr-port-topbar-title\">\r\n            <span id=\"srDrawerClientHeader\">CLIENT<\/span> &middot; <span id=\"srDrawerTitleHeader\">PROJECT TITLE<\/span>\r\n        <\/div>\r\n        <button class=\"sr-port-close\" id=\"srPortClose\">&times;<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"sr-port-body\">\r\n        <!-- Hero Image Wrapper with Linear Gradient Overlay -->\r\n        <div class=\"sr-port-hero-wrapper\">\r\n            <img decoding=\"async\" id=\"srDrawerHero\" src=\"\" alt=\"Project Image\" class=\"sr-port-hero-img\">\r\n        <\/div>\r\n\r\n        <h2 id=\"srDrawerTitle\" class=\"sr-port-main-title\">Project Title<\/h2>\r\n        \r\n        <!-- Meta Badges Container -->\r\n        <div class=\"sr-port-meta-badges\" id=\"srDrawerMetaBadges\">\r\n            <span id=\"srDrawerLocation\" class=\"sr-meta-pill\">Location<\/span>\r\n            <span id=\"srDrawerYear\" class=\"sr-meta-pill\">2025<\/span>\r\n        <\/div>\r\n\r\n        <!-- Stats Grid Container -->\r\n        <div class=\"sr-port-stats-grid\" id=\"srDrawerStats\"><\/div>\r\n\r\n        <div class=\"sr-port-gallery-section\">\r\n            <span class=\"sr-gallery-label\">GALLERY<\/span>\r\n            <div class=\"sr-gallery-grid\" id=\"srDrawerGallery\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     3. STYLES & TYPOGRAPHY\r\n=========================================== -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Darker+Grotesque:wght@500;600;700;800&display=swap');\r\n\r\n\/* Base Desktop Grid Layout *\/\r\n.sr-portfolio-grid {\r\n    display: flex !important;\r\n    flex-wrap: wrap !important;\r\n    gap: 30px !important;\r\n    width: 100% !important;\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    padding: 76px 40px !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Base Card Setup *\/\r\n.sr-card {\r\n    position: relative !important;\r\n    height: 480px !important;\r\n    border-radius: 24px !important;\r\n    overflow: hidden !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: space-between !important;\r\n    padding: 25px !important;\r\n    box-sizing: border-box !important;\r\n    cursor: pointer !important;\r\n    transition: transform 0.4s ease, opacity 0.4s ease !important;\r\n}\r\n\r\n\/* Staggered Grid Pattern *\/\r\n.sr-card:nth-child(4n + 1), \r\n.sr-card:nth-child(4n + 4) {\r\n    flex: 0 0 calc(60% - 15px) !important; \r\n}\r\n\r\n.sr-card:nth-child(4n + 2), \r\n.sr-card:nth-child(4n + 3) {\r\n    flex: 0 0 calc(40% - 15px) !important;\r\n}\r\n\r\n\/* --- TABLET RESPONSIVE ADAPTATION (768px - 1024px) --- *\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n    .sr-portfolio-grid {\r\n        padding: 76px 40px !important; \/* Enforces 76px Top\/Bottom & 40px Left\/Right *\/\r\n        gap: 20px !important;\r\n    }\r\n\r\n    .sr-card:nth-child(n) { \r\n        flex: 0 0 100% !important;\r\n    }\r\n}\r\n\r\n\/* --- MOBILE RESPONSIVE ADAPTATION (< 767px) --- *\/\r\n@media (max-width: 767px) {\r\n    .sr-portfolio-grid {\r\n        padding: 56px 40px !important;\r\n        gap: 20px !important;\r\n    }\r\n\r\n    .sr-card:nth-child(n) { \r\n        flex: 0 0 100% !important;\r\n    }\r\n}\r\n\r\n.sr-card.hide { display: none !important; }\r\n\r\n.sr-card-bg {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    z-index: 1 !important;\r\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.sr-card:hover .sr-card-bg { transform: scale(1.06) !important; }\r\n\r\n.sr-card-overlay {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(15, 3, 20, 0.9) 100%) !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n.sr-card-tags {\r\n    position: relative !important;\r\n    z-index: 3 !important;\r\n    display: flex !important;\r\n    gap: 10px !important;\r\n}\r\n\r\n.sr-card-content {\r\n    position: relative !important;\r\n    z-index: 3 !important;\r\n}\r\n\r\n.sr-card-footer {\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: flex-end !important;\r\n}\r\n\r\n.sr-stats {\r\n    display: flex !important;\r\n    gap: 25px !important;\r\n}\r\n\r\n.sr-stat {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n}\r\n\r\n\/* Arrow Hover Button *\/\r\n.sr-arrow-btn {\r\n    width: 44px !important;\r\n    height: 44px !important;\r\n    border-radius: 50% !important;\r\n    background: rgba(255, 255, 255, 0.1) !important;\r\n    backdrop-filter: blur(8px) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n    color: #ffffff !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    font-size: 18px !important;\r\n    transition: all 0.3s ease !important;\r\n}\r\n\r\n.sr-card:hover .sr-arrow-btn {\r\n    background: linear-gradient(90deg, #7A0076, #CB234A, #F78C00) !important;\r\n    border: none !important; \r\n    color: #ffffff !important;\r\n    transform: scale(1.1) !important;\r\n    box-shadow: 0 5px 15px rgba(203, 35, 74, 0.4) !important;\r\n}\r\n\r\n\/* Top Left Tags *\/\r\n.sr-badge {\r\n    font-family: 'Darker Grotesque', sans-serif !important;\r\n    font-weight: 600 !important;\r\n    font-size: 12px !important;\r\n    line-height: 17.28px !important;\r\n    letter-spacing: 3.23px !important;\r\n    text-transform: uppercase !important;\r\n    color: #FCFCFC !important;\r\n    background: rgba(18, 7, 28, 0.55) !important;\r\n    border: 1px solid rgba(252, 252, 252, 0.12) !important;\r\n    backdrop-filter: blur(8px) !important;\r\n    -webkit-backdrop-filter: blur(8px) !important;\r\n    padding: 7px 11px !important;\r\n    border-radius: 100px !important;\r\n}\r\n\r\n\/* Brand Name *\/\r\n.sr-client-name {\r\n    font-family: 'Radikal', sans-serif !important;\r\n    font-weight: 500 !important;\r\n    font-size: 12px !important;\r\n    line-height: 17.28px !important;\r\n    letter-spacing: 3.23px !important;\r\n    text-transform: uppercase !important;\r\n    color: #ff4a80 !important;\r\n    display: block !important;\r\n    margin-bottom: 5px !important;\r\n}\r\n\r\n\/* Main Card Heading *\/\r\n.sr-card-title {\r\n    font-family: 'Radikal', sans-serif !important;\r\n    font-weight: 900 !important;\r\n    font-size: 30px !important;\r\n    line-height: 37.5px !important;\r\n    letter-spacing: -0.6px !important;\r\n    color: #ffffff !important;\r\n    margin: 0 0 15px 0 !important;\r\n}\r\n\r\n\/* Empty Stats Cards Alignment *\/\r\n.sr-card[data-client=\"LYNK & CO\"] .sr-stats:empty,\r\n.sr-card[data-client=\"KIEHL'S\"] .sr-stats:empty,\r\n.sr-card:has(.sr-stats:empty) .sr-stats:empty {\r\n    display: none !important;\r\n}\r\n\r\n.sr-card[data-client=\"LYNK & CO\"] .sr-card-content,\r\n.sr-card[data-client=\"KIEHL'S\"] .sr-card-content,\r\n.sr-card:has(.sr-stats:empty) .sr-card-content {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr auto !important;\r\n    grid-template-rows: auto auto !important;\r\n    align-content: end !important;\r\n    gap: 4px 16px !important;\r\n    height: 100% !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n.sr-card[data-client=\"LYNK & CO\"] .sr-client-name,\r\n.sr-card[data-client=\"KIEHL'S\"] .sr-client-name,\r\n.sr-card:has(.sr-stats:empty) .sr-client-name {\r\n    grid-column: 1 !important;\r\n    grid-row: 1 !important;\r\n    align-self: end !important;\r\n    display: block !important;\r\n    visibility: visible !important;\r\n    opacity: 1 !important;\r\n    color: #CB234A !important;\r\n    font-family: 'Radikal', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    font-size: 13px !important;\r\n    letter-spacing: 2px !important;\r\n    text-transform: uppercase !important;\r\n    margin: 0 0 2px 0 !important;\r\n}\r\n\r\n.sr-card[data-client=\"LYNK & CO\"] .sr-card-title,\r\n.sr-card[data-client=\"KIEHL'S\"] .sr-card-title,\r\n.sr-card:has(.sr-stats:empty) .sr-card-title {\r\n    grid-column: 1 !important;\r\n    grid-row: 2 !important;\r\n    align-self: end !important;\r\n    margin: 0 !important;\r\n    line-height: 1.1 !important;\r\n    transform: translateY(-10px) !important;\r\n}\r\n\r\n.sr-card[data-client=\"LYNK & CO\"] .sr-card-footer,\r\n.sr-card[data-client=\"KIEHL'S\"] .sr-card-footer,\r\n.sr-card:has(.sr-stats:empty) .sr-card-footer {\r\n    grid-column: 2 !important;\r\n    grid-row: 2 !important;\r\n    align-self: end !important;\r\n    display: flex !important;\r\n    justify-content: flex-end !important;\r\n    align-items: flex-end !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    background: transparent !important;\r\n}\r\n\r\n\/* Stat Numbers *\/\r\n.sr-stat .val {\r\n    font-family: 'Radikal', sans-serif !important;\r\n    font-weight: 900 !important;\r\n    font-size: 18px !important;\r\n    line-height: 28px !important;\r\n    letter-spacing: 0px !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\n\/* Stat Labels *\/\r\n.sr-stat .lbl {\r\n    font-family: 'Darker Grotesque', sans-serif !important;\r\n    font-weight: 500 !important;\r\n    font-size: 12px !important;\r\n    line-height: 16px !important;\r\n    letter-spacing: 1.2px !important;\r\n    text-transform: uppercase !important;\r\n    color: rgba(255, 255, 255, 0.6) !important;\r\n    margin-top: 3px !important;\r\n}\r\n\r\n\/* NAMESPACED PORTFOLIO DRAWER STYLES *\/\r\n.sr-port-backdrop {\r\n    position: fixed !important;\r\n    inset: 0 !important;\r\n    background: rgba(10, 2, 14, 0.6) !important;\r\n    backdrop-filter: blur(8px) !important;\r\n    -webkit-backdrop-filter: blur(8px) !important;\r\n    z-index: 9999998 !important;\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n    transition: opacity 0.4s ease !important;\r\n}\r\n\r\n.sr-port-backdrop.active {\r\n    opacity: 1 !important;\r\n    pointer-events: auto !important;\r\n}\r\n\r\n.sr-port-panel {\r\n    position: fixed !important;\r\n    top: 0 !important;\r\n    right: 0 !important;\r\n    width: 100% !important;\r\n    max-width: 650px !important;\r\n    height: 100vh !important;\r\n    background: #180922 !important;\r\n    z-index: 9999999 !important;\r\n    transform: translateX(100%) !important;\r\n    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    overflow-y: auto !important;\r\n    box-shadow: -15px 0 35px rgba(0, 0, 0, 0.5) !important;\r\n    display: block !important;\r\n}\r\n\r\n.sr-port-panel.active { \r\n    transform: translateX(0) !important; \r\n}\r\n\r\n.sr-port-topbar {\r\n    position: sticky !important;\r\n    top: 0 !important;\r\n    background: #180922 !important;\r\n    z-index: 10 !important;\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: center !important;\r\n    padding: 20px 30px !important;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n}\r\n\r\n.sr-port-topbar-title {\r\n    font-family: 'Darker Grotesque', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    font-size: 13px !important;\r\n    letter-spacing: 1.5px !important;\r\n    color: rgba(255, 255, 255, 0.5) !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n#srDrawerTitleHeader {\r\n    color: #ffffff !important;\r\n    font-weight: 800 !important;\r\n}\r\n\r\n\/* Vector X Close Button *\/\r\n.sr-port-close {\r\n    width: 36px !important;\r\n    height: 36px !important;\r\n    border-radius: 50% !important;\r\n    background: rgba(255, 255, 255, 0.1) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n    color: transparent !important;\r\n    font-size: 0 !important;\r\n    position: relative !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.3s ease !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n.sr-port-close::before,\r\n.sr-port-close::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 50% !important;\r\n    left: 50% !important;\r\n    width: 13px !important;\r\n    height: 2px !important;\r\n    background-color: #ffffff !important;\r\n    border-radius: 2px !important;\r\n}\r\n\r\n.sr-port-close::before { transform: translate(-50%, -50%) rotate(45deg) !important; }\r\n.sr-port-close::after { transform: translate(-50%, -50%) rotate(-45deg) !important; }\r\n\r\n.sr-port-close:hover {\r\n    background: rgba(255, 255, 255, 0.2) !important;\r\n    transform: scale(1.08) !important;\r\n}\r\n\r\n.sr-port-body { padding: 30px !important; }\r\n\r\n\/* Hero Wrapper *\/\r\n.sr-port-hero-wrapper {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: 320px !important;\r\n    border-radius: 18px !important;\r\n    overflow: hidden !important;\r\n    margin-bottom: 25px !important;\r\n}\r\n\r\n.sr-port-hero-wrapper img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    display: block !important;\r\n}\r\n\r\n.sr-port-hero-wrapper::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    background: linear-gradient(180deg, rgba(36, 9, 33, 0) 0%, #180922 100%) !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.sr-port-main-title {\r\n    font-family: 'Radikal', sans-serif !important;\r\n    font-weight: 900 !important;\r\n    font-size: 42px !important;\r\n    line-height: 1.1 !important;\r\n    letter-spacing: -0.6px !important;\r\n    color: #ffffff !important;\r\n    margin: 0 0 20px 0 !important;\r\n}\r\n\r\n.sr-port-meta-badges {\r\n    display: flex !important;\r\n    gap: 12px !important;\r\n    flex-wrap: wrap !important;\r\n    margin-bottom: 35px !important;\r\n}\r\n\r\n.sr-meta-pill {\r\n    font-family: 'Darker Grotesque', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    font-size: 13px !important;\r\n    color: rgba(255, 255, 255, 0.85) !important;\r\n    background: rgba(255, 255, 255, 0.08) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.12) !important;\r\n    padding: 6px 18px !important;\r\n    border-radius: 20px !important;\r\n}\r\n\r\n.sr-badge-filled {\r\n    background: #8e2382 !important;\r\n    border-color: transparent !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\n.sr-port-gallery-section {\r\n    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n    padding-top: 25px !important;\r\n}\r\n\r\n.sr-gallery-label {\r\n    font-family: 'Darker Grotesque', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    font-size: 12px !important;\r\n    letter-spacing: 2px !important;\r\n    color: rgba(255, 255, 255, 0.5) !important;\r\n    text-transform: uppercase !important;\r\n    display: block !important;\r\n    margin-bottom: 20px !important;\r\n}\r\n\r\n.sr-port-stats-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, 1fr) !important;\r\n    gap: 15px !important;\r\n    margin-bottom: 35px !important;\r\n}\r\n\r\n.sr-gallery-grid img[src*=\"lynk-gallery-img-7\"] {\r\n    object-fit: cover !important;\r\n    object-position: center 35% !important;\r\n}\r\n\r\n.sr-port-stats-grid.hide-stats {\r\n    display: none !important;\r\n}\r\n\r\n.sr-port-stat-box {\r\n    background: transparent !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n    border-radius: 12px !important;\r\n    padding: 25px 20px !important;\r\n}\r\n\r\n.sr-port-stat-val {\r\n    font-family: 'Radikal', sans-serif !important;\r\n    font-weight: 900 !important;\r\n    font-size: 42px !important;\r\n    line-height: 1.1 !important;\r\n    margin-bottom: 5px !important;\r\n    background: linear-gradient(90deg, #7A0076, #CB234A, #F78C00) !important;\r\n    -webkit-background-clip: text !important;\r\n    -webkit-text-fill-color: transparent !important;\r\n}\r\n\r\n.sr-port-stat-lbl {\r\n    font-family: 'Darker Grotesque', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    font-size: 11px !important;\r\n    letter-spacing: 1.5px !important;\r\n    color: rgba(255, 255, 255, 0.5) !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n.sr-gallery-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, 1fr) !important;\r\n    gap: 15px !important;\r\n}\r\n\r\n.sr-gallery-grid img {\r\n    width: 100% !important;\r\n    height: 150px !important;\r\n    object-fit: cover !important;\r\n    border-radius: 14px !important;\r\n}\r\n\r\n\/* Mobile Responsive Drawer Adaptation (< 767px) *\/\r\n@media (max-width: 767px) {\r\n    .sr-port-panel {\r\n        width: 85vw !important;\r\n        max-width: 85vw !important;\r\n    }\r\n\r\n    .sr-port-topbar {\r\n        padding: 16px 18px !important;\r\n    }\r\n\r\n    .sr-port-topbar-title {\r\n        font-size: 11px !important;\r\n        letter-spacing: 1px !important;\r\n    }\r\n\r\n    .sr-port-body {\r\n        padding: 20px 16px 35px 16px !important;\r\n    }\r\n\r\n    .sr-port-hero-wrapper {\r\n        height: 220px !important;\r\n        margin-bottom: 18px !important;\r\n        border-radius: 14px !important;\r\n    }\r\n\r\n    .sr-port-main-title {\r\n        font-size: 28px !important;\r\n        line-height: 1.15 !important;\r\n        margin-bottom: 14px !important;\r\n    }\r\n\r\n    .sr-port-meta-badges {\r\n        margin-bottom: 25px !important;\r\n        gap: 8px !important;\r\n    }\r\n\r\n    .sr-meta-pill {\r\n        font-size: 11.5px !important;\r\n        padding: 5px 12px !important;\r\n    }\r\n\r\n    .sr-port-stats-grid {\r\n        gap: 10px !important;\r\n        margin-bottom: 25px !important;\r\n    }\r\n\r\n    .sr-port-stat-box {\r\n        padding: 16px 12px !important;\r\n    }\r\n\r\n    .sr-port-stat-val {\r\n        font-size: 28px !important;\r\n    }\r\n\r\n    .sr-port-stat-lbl {\r\n        font-size: 9.5px !important;\r\n        letter-spacing: 1px !important;\r\n    }\r\n\r\n    .sr-gallery-grid {\r\n        gap: 10px !important;\r\n    }\r\n\r\n    .sr-gallery-grid img {\r\n        height: 120px !important;\r\n        border-radius: 10px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ==========================================\r\n     4. JAVASCRIPT\r\n=========================================== -->\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const backdrop = document.getElementById('srPortBackdrop');\r\n    const panel = document.getElementById('srPortPanel');\r\n\r\n    if (backdrop && panel) {\r\n        document.body.appendChild(backdrop);\r\n        document.body.appendChild(panel);\r\n    }\r\n\r\n    \/\/ PART A: CATEGORY FILTERING\r\n    const filterWrappers = document.querySelectorAll('.sr-filter-btn');\r\n\r\n    filterWrappers.forEach(wrapper => {\r\n        wrapper.addEventListener('click', function(e) {\r\n            e.preventDefault(); \r\n            filterWrappers.forEach(w => w.classList.remove('active'));\r\n            this.classList.add('active');\r\n\r\n            let filterValue = 'all';\r\n            if (this.classList.contains('filter-brand')) filterValue = 'brand';\r\n            if (this.classList.contains('filter-corporate')) filterValue = 'corporate';\r\n            if (this.classList.contains('filter-concert')) filterValue = 'concert';\r\n\r\n            document.querySelectorAll('.sr-card').forEach(card => {\r\n                const categories = (card.getAttribute('data-category') || '').split(' ');\r\n                if (filterValue === 'all' || categories.includes(filterValue)) {\r\n                    card.classList.remove('hide');\r\n                } else {\r\n                    card.classList.add('hide');\r\n                }\r\n            });\r\n        });\r\n    });\r\n\r\n    \/\/ PART B: OFF-CANVAS DRAWER\r\n    const closeBtn = document.getElementById('srPortClose');\r\n    const drawerClientHeader = document.getElementById('srDrawerClientHeader');\r\n    const drawerTitleHeader = document.getElementById('srDrawerTitleHeader');\r\n    const drawerHero = document.getElementById('srDrawerHero');\r\n    const drawerTitle = document.getElementById('srDrawerTitle');\r\n    const drawerLocation = document.getElementById('srDrawerLocation');\r\n    const drawerYear = document.getElementById('srDrawerYear');\r\n    const drawerGallery = document.getElementById('srDrawerGallery');\r\n\r\n    document.querySelectorAll('.sr-card').forEach(card => {\r\n        card.addEventListener('click', () => {\r\n            if (drawerClientHeader) drawerClientHeader.innerText = card.getAttribute('data-client') || '';\r\n            if (drawerTitleHeader) drawerTitleHeader.innerText = card.getAttribute('data-title') || '';\r\n            if (drawerHero) drawerHero.src = card.getAttribute('data-hero') || '';\r\n            if (drawerTitle) drawerTitle.innerText = card.getAttribute('data-title') || '';\r\n            \r\n            if (drawerLocation) drawerLocation.innerText = card.getAttribute('data-location') || '';\r\n            if (drawerYear) drawerYear.innerText = card.getAttribute('data-year') || '';\r\n            \r\n            const badgesContainer = document.getElementById('srDrawerMetaBadges');\r\n            if (badgesContainer) {\r\n                badgesContainer.querySelectorAll('.sr-badge-filled').forEach(el => el.remove());\r\n                \r\n                const badgeString = card.getAttribute('data-badge') || '';\r\n                if (badgeString) {\r\n                    badgeString.split(',').forEach(badge => {\r\n                        const span = document.createElement('span');\r\n                        span.className = 'sr-meta-pill sr-badge-filled';\r\n                        span.innerText = badge.trim();\r\n                        badgesContainer.appendChild(span);\r\n                    });\r\n                }\r\n            }\r\n\r\n            const drawerStats = document.getElementById('srDrawerStats');\r\n            if (drawerStats) {\r\n                drawerStats.innerHTML = '';\r\n                const cardStats = card.querySelectorAll('.sr-stat');\r\n                \r\n                let hasValidStats = false;\r\n                cardStats.forEach(stat => {\r\n                    const valText = stat.querySelector('.val').innerText.trim();\r\n                    if(valText !== '') hasValidStats = true;\r\n                });\r\n\r\n                if (hasValidStats) {\r\n                    drawerStats.classList.remove('hide-stats'); \r\n                    \r\n                    cardStats.forEach(stat => {\r\n                        const valText = stat.querySelector('.val').innerText.trim();\r\n                        const lblText = stat.querySelector('.lbl').innerText.trim();\r\n                        \r\n                        if(valText !== '') {\r\n                            const statBox = document.createElement('div');\r\n                            statBox.className = 'sr-port-stat-box';\r\n                            statBox.innerHTML = `\r\n                                <div class=\"sr-port-stat-val\">${valText}<\/div>\r\n                                <div class=\"sr-port-stat-lbl\">${lblText}<\/div>\r\n                            `;\r\n                            drawerStats.appendChild(statBox);\r\n                        }\r\n                    });\r\n                } else {\r\n                    drawerStats.classList.add('hide-stats'); \r\n                }\r\n            }\r\n\r\n            if (drawerGallery) {\r\n                drawerGallery.innerHTML = '';\r\n                const galleryStr = card.getAttribute('data-gallery') || '';\r\n                if (galleryStr) {\r\n                    galleryStr.split(',').forEach(imgUrl => {\r\n                        const img = document.createElement('img');\r\n                        img.src = imgUrl.trim();\r\n                        drawerGallery.appendChild(img);\r\n                    });\r\n                }\r\n            }\r\n\r\n            if (backdrop && panel) {\r\n                backdrop.classList.add('active');\r\n                panel.classList.add('active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n        });\r\n    });\r\n\r\n    function closeDrawer() {\r\n        if (backdrop && panel) {\r\n            backdrop.classList.remove('active');\r\n            panel.classList.remove('active');\r\n            document.body.style.overflow = '';\r\n        }\r\n    }\r\n\r\n    if (closeBtn) closeBtn.addEventListener('click', closeDrawer);\r\n    if (backdrop) backdrop.addEventListener('click', closeDrawer);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OUR EXPERTISE CAPTURED ENERGY A look at the corporate events, product launches, and brand activations we&#8217;ve brought to life for clients across the Philippines. ALL BRAND CORPORATE CONCERT BRAND CONCERT SONY The XM6 Premiere 3,000+ATTENDEES 100k+SOCIAL ENGAGEMENT \u2197 BRAND CONCERT SONY ULT POWER SOUND Vibe Live 4000+ATTENDEES \u2197 BRAND CORPORATE LYNK &amp; CO Lynk Ups [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1835,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-305","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Portfolio - Skyrocket Events<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/skyrocket.ph\/events\/portfolio\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Portfolio - Skyrocket Events\" \/>\n<meta property=\"og:description\" content=\"OUR EXPERTISE CAPTURED ENERGY A look at the corporate events, product launches, and brand activations we&#8217;ve brought to life for clients across the Philippines. ALL BRAND CORPORATE CONCERT BRAND CONCERT SONY The XM6 Premiere 3,000+ATTENDEES 100k+SOCIAL ENGAGEMENT \u2197 BRAND CONCERT SONY ULT POWER SOUND Vibe Live 4000+ATTENDEES \u2197 BRAND CORPORATE LYNK &amp; CO Lynk Ups [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/skyrocket.ph\/events\/portfolio\/\" \/>\n<meta property=\"og:site_name\" content=\"Skyrocket Events\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-12T03:00:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/09\/Featured-Image.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1256\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/portfolio\\\/\",\"url\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/portfolio\\\/\",\"name\":\"Portfolio - Skyrocket Events\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/portfolio\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/portfolio\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Featured-Image.webp\",\"datePublished\":\"2026-08-24T07:31:24+00:00\",\"dateModified\":\"2026-09-12T03:00:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/portfolio\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/skyrocket.ph\\\/events\\\/portfolio\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/portfolio\\\/#primaryimage\",\"url\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Featured-Image.webp\",\"contentUrl\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Featured-Image.webp\",\"width\":2400,\"height\":1256},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/portfolio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/#website\",\"url\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/\",\"name\":\"Skyrocket Events\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Portfolio - Skyrocket Events","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/skyrocket.ph\/events\/portfolio\/","og_locale":"en_US","og_type":"article","og_title":"Portfolio - Skyrocket Events","og_description":"OUR EXPERTISE CAPTURED ENERGY A look at the corporate events, product launches, and brand activations we&#8217;ve brought to life for clients across the Philippines. ALL BRAND CORPORATE CONCERT BRAND CONCERT SONY The XM6 Premiere 3,000+ATTENDEES 100k+SOCIAL ENGAGEMENT \u2197 BRAND CONCERT SONY ULT POWER SOUND Vibe Live 4000+ATTENDEES \u2197 BRAND CORPORATE LYNK &amp; CO Lynk Ups [&hellip;]","og_url":"https:\/\/skyrocket.ph\/events\/portfolio\/","og_site_name":"Skyrocket Events","article_modified_time":"2026-09-12T03:00:07+00:00","og_image":[{"width":2400,"height":1256,"url":"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/09\/Featured-Image.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/skyrocket.ph\/events\/portfolio\/","url":"https:\/\/skyrocket.ph\/events\/portfolio\/","name":"Portfolio - Skyrocket Events","isPartOf":{"@id":"https:\/\/skyrocket.ph\/events\/#website"},"primaryImageOfPage":{"@id":"https:\/\/skyrocket.ph\/events\/portfolio\/#primaryimage"},"image":{"@id":"https:\/\/skyrocket.ph\/events\/portfolio\/#primaryimage"},"thumbnailUrl":"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/09\/Featured-Image.webp","datePublished":"2026-08-24T07:31:24+00:00","dateModified":"2026-09-12T03:00:07+00:00","breadcrumb":{"@id":"https:\/\/skyrocket.ph\/events\/portfolio\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/skyrocket.ph\/events\/portfolio\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/skyrocket.ph\/events\/portfolio\/#primaryimage","url":"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/09\/Featured-Image.webp","contentUrl":"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/09\/Featured-Image.webp","width":2400,"height":1256},{"@type":"BreadcrumbList","@id":"https:\/\/skyrocket.ph\/events\/portfolio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/skyrocket.ph\/events\/"},{"@type":"ListItem","position":2,"name":"Portfolio"}]},{"@type":"WebSite","@id":"https:\/\/skyrocket.ph\/events\/#website","url":"https:\/\/skyrocket.ph\/events\/","name":"Skyrocket Events","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/skyrocket.ph\/events\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/pages\/305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/comments?post=305"}],"version-history":[{"count":185,"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/pages\/305\/revisions"}],"predecessor-version":[{"id":1853,"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/pages\/305\/revisions\/1853"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/media\/1835"}],"wp:attachment":[{"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/media?parent=305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}