{"id":2197,"date":"2026-06-13T07:44:21","date_gmt":"2026-06-13T07:44:21","guid":{"rendered":"https:\/\/gsquare.brightcodeapp.com\/?page_id=2197"},"modified":"2026-06-15T04:34:51","modified_gmt":"2026-06-15T04:34:51","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/garaitzsqservices.com\/index.php\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2197\" class=\"elementor elementor-2197\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6250b7d e-flex e-con-boxed e-con e-parent\" data-id=\"6250b7d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e129034 elementor-widget elementor-widget-hfe-breadcrumbs-widget\" data-id=\"e129034\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-breadcrumbs-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav aria-label=\"Breadcrumb\"><ul class=\"hfe-breadcrumbs hfe-breadcrumbs-show-home\"><li class=\"hfe-breadcrumbs-item hfe-breadcrumbs-first\"><span class=\"hfe-breadcrumbs-home-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-home\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z\"><\/path><\/svg><\/span><a href=\"https:\/\/garaitzsqservices.com\"><span class=\"hfe-breadcrumbs-text\">Home<\/span><\/a><\/li><\/ul><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b60c858 elementor-widget elementor-widget-heading\" data-id=\"b60c858\" 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\">Portfolio<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e96b89 e-flex e-con-boxed e-con e-parent\" data-id=\"8e96b89\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85e048d elementor-widget elementor-widget-html\" data-id=\"85e048d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Import Space Grotesk Font - local component scope *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;700&display=swap');\r\n\r\n    \/* Scoped Pure Project Details Wrapper *\/\r\n    .portfolio-pure-details {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 40px auto; \r\n        background: transparent !important;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n        color: #000000 !important; \r\n    }\r\n\r\n    .portfolio-pure-details * {\r\n        box-sizing: border-box;\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n    }\r\n\r\n    \/* Split Presentation Grid *\/\r\n    .portfolio-pure-details .detail-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.1fr 1fr; \r\n        gap: 60px; \r\n        align-items: center; \r\n        justify-content: center;\r\n    }\r\n\r\n    \/* HD Media container with sharp pure black border *\/\r\n    .portfolio-pure-details .main-project-frame {\r\n        position: relative;\r\n        width: 100%;\r\n        border: 2px solid #000000; \r\n        background: transparent;\r\n        overflow: hidden;\r\n        display: flex;\r\n    }\r\n\r\n    .portfolio-pure-details .main-project-frame img {\r\n        width: 100% !important;\r\n        height: auto !important;\r\n        display: block;\r\n        object-fit: cover;\r\n    }\r\n\r\n    \/* Case study content details layout *\/\r\n    .portfolio-pure-details .project-info {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        height: 100%;\r\n    }\r\n\r\n    \/* Orange Label Tag *\/\r\n    .portfolio-pure-details .project-meta-tag {\r\n        font-size: 0.85rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: #FF4500 !important; \r\n        font-weight: 700;\r\n        margin-bottom: 12px;\r\n        line-height: 1;\r\n    }\r\n\r\n    \/* Main Project Case Study Title *\/\r\n    .portfolio-pure-details .project-title {\r\n        font-size: 2.5rem !important;\r\n        font-weight: 700 !important;\r\n        color: #000000 !important; \r\n        line-height: 1.2;\r\n        margin: 0 0 20px 0 !important;\r\n    }\r\n\r\n    \/* Flat thin layout track line *\/\r\n    .portfolio-pure-details .info-divider {\r\n        border: none;\r\n        border-bottom: 1px solid rgba(0, 0, 0, 0.2); \r\n        margin: 0 0 20px 0;\r\n    }\r\n\r\n    \/* Descriptive Overview Paragraphs *\/\r\n    .portfolio-pure-details .project-description {\r\n        font-size: 1.05rem !important;\r\n        line-height: 1.65;\r\n        color: #000000 !important; \r\n        margin: 0 0 20px 0 !important;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* Metrics and Parameter blocks *\/\r\n    .portfolio-pure-details .specs-table {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    .portfolio-pure-details .spec-block {\r\n        border-left: 2px solid #000000; \r\n        padding-left: 14px;\r\n    }\r\n\r\n    .portfolio-pure-details .spec-label {\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        color: #FF4500; \r\n        font-weight: 700;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .portfolio-pure-details .spec-value {\r\n        font-size: 1rem;\r\n        color: #000000; \r\n        font-weight: 500;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    @media (max-width: 968px) {\r\n        .portfolio-pure-details .detail-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 40px;\r\n        }\r\n        .portfolio-pure-details .project-title {\r\n            font-size: 2rem !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"portfolio-pure-details\">\r\n    <div class=\"detail-grid\">\r\n        \r\n        <div class=\"main-project-frame\">\r\n            <img decoding=\"async\" src=\"http:\/\/gsquare.brightcodeapp.com\/wp-content\/uploads\/2026\/06\/2151320702-1.jpg\" alt=\"Corporate Branding\">\r\n        <\/div>\r\n\r\n        <div class=\"project-info\">\r\n            <span class=\"project-meta-tag\">Identity<\/span>\r\n            <h1 class=\"project-title\">Corporate Branding<\/h1>\r\n            \r\n            <hr class=\"info-divider\">\r\n            \r\n            <p class=\"project-description\">\r\n                Building cohesive brand systems for modern enterprises to ensure market authority. We create visual foundations that define how a business communicates its values, vision, and identity to the world.\r\n            <\/p>\r\n\r\n            <p class=\"project-description\">\r\n                This project focuses on strategic alignment, color theory, and logo application, ensuring every brand touchpoint remains consistent and impactful across digital and print mediums.\r\n            <\/p>\r\n\r\n            <hr class=\"info-divider\">\r\n\r\n            <div class=\"specs-table\">\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Project Type<\/div>\r\n                    <div class=\"spec-value\">Brand Identity<\/div>\r\n                <\/div>\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Strategy<\/div>\r\n                    <div class=\"spec-value\">Corporate Positioning<\/div>\r\n                <\/div>\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Deliverables<\/div>\r\n                    <div class=\"spec-value\">Logo, System, Assets<\/div>\r\n                <\/div>\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Production Year<\/div>\r\n                    <div class=\"spec-value\">2026<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c1d51b e-flex e-con-boxed e-con e-parent\" data-id=\"0c1d51b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9687afa elementor-widget elementor-widget-html\" data-id=\"9687afa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Import Space Grotesk Font *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;700&display=swap');\r\n\r\n    .portfolio-pure-details {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 40px auto; \r\n        background: transparent !important;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n        color: #000000 !important;\r\n    }\r\n\r\n    .portfolio-pure-details * {\r\n        box-sizing: border-box;\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n    }\r\n\r\n    \/* Set to stretch to ensure columns match height *\/\r\n    .portfolio-pure-details .detail-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.1fr;\r\n        gap: 60px; \r\n        align-items: stretch; \r\n        justify-content: center;\r\n    }\r\n\r\n    .portfolio-pure-details .project-info {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        height: 100%;\r\n    }\r\n\r\n    .portfolio-pure-details .project-meta-tag {\r\n        font-size: 0.85rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: #FF4500 !important; \r\n        font-weight: 700;\r\n        margin-bottom: 12px;\r\n        line-height: 1;\r\n    }\r\n\r\n    .portfolio-pure-details .project-title {\r\n        font-size: 2.5rem !important;\r\n        font-weight: 700 !important;\r\n        color: #000000 !important; \r\n        line-height: 1.2;\r\n        margin: 0 0 20px 0 !important;\r\n    }\r\n\r\n    .portfolio-pure-details .info-divider {\r\n        border: none;\r\n        border-bottom: 1px solid rgba(0, 0, 0, 0.2); \r\n        margin: 0 0 20px 0;\r\n    }\r\n\r\n    .portfolio-pure-details .project-description {\r\n        font-size: 1.05rem !important;\r\n        line-height: 1.65;\r\n        color: #000000 !important; \r\n        margin: 0 0 20px 0 !important;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .portfolio-pure-details .specs-table {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    .portfolio-pure-details .spec-block {\r\n        border-left: 2px solid #000000; \r\n        padding-left: 14px;\r\n    }\r\n\r\n    .portfolio-pure-details .spec-label {\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        color: #FF4500; \r\n        font-weight: 700;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .portfolio-pure-details .spec-value {\r\n        font-size: 1rem;\r\n        color: #000000; \r\n        font-weight: 500;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* Increased min-height for alignment *\/\r\n    .portfolio-pure-details .main-project-frame {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 480px; \r\n        border: 2px solid #000000; \r\n        overflow: hidden;\r\n        display: flex;\r\n    }\r\n\r\n    .portfolio-pure-details .main-project-frame img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        display: block;\r\n        object-fit: cover;\r\n    }\r\n\r\n    @media (max-width: 968px) {\r\n        .portfolio-pure-details .detail-grid {\r\n            grid-template-columns: 1fr; \r\n            gap: 40px;\r\n        }\r\n        .portfolio-pure-details .project-title {\r\n            font-size: 2rem !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"portfolio-pure-details\">\r\n    <div class=\"detail-grid\">\r\n        \r\n        <div class=\"project-info\">\r\n            <span class=\"project-meta-tag\">Campaigns<\/span>\r\n            <h1 class=\"project-title\">Multi-Channel Advertising<\/h1>\r\n            \r\n            <hr class=\"info-divider\">\r\n            \r\n            <p class=\"project-description\">\r\n                Comprehensive advertising campaigns orchestrated across digital, print, and electronic platforms. We synchronize brand messaging to ensure maximum visibility and engagement throughout the consumer journey.\r\n            <\/p>\r\n\r\n            <p class=\"project-description\">\r\n                By leveraging data-driven insights, we deliver targeted content that connects with audiences where they are most active, driving measurable impact and business growth.\r\n            <\/p>\r\n\r\n            <hr class=\"info-divider\">\r\n\r\n            <div class=\"specs-table\">\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Project Type<\/div>\r\n                    <div class=\"spec-value\">Integrated Campaigns<\/div>\r\n                <\/div>\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Strategy<\/div>\r\n                    <div class=\"spec-value\">Cross-Platform Reach<\/div>\r\n                <\/div>\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Channels<\/div>\r\n                    <div class=\"spec-value\">Digital, Print, TV<\/div>\r\n                <\/div>\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Production Year<\/div>\r\n                    <div class=\"spec-value\">2026<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"main-project-frame\">\r\n            <img decoding=\"async\" src=\"http:\/\/gsquare.brightcodeapp.com\/wp-content\/uploads\/2026\/06\/5452.jpg\" alt=\"Multi-Channel Advertising\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-880e154 e-flex e-con-boxed e-con e-parent\" data-id=\"880e154\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea61563 elementor-widget elementor-widget-html\" data-id=\"ea61563\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Import Space Grotesk Font *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;700&display=swap');\r\n\r\n    .portfolio-campaign-details {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 40px auto; \r\n        background: transparent !important;\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n    }\r\n\r\n    \/* Updated Grid to ensure equal height alignment *\/\r\n    .portfolio-campaign-details .detail-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.1fr 1fr;\r\n        gap: 60px; \r\n        align-items: stretch; \/* Forces both columns to match height *\/\r\n    }\r\n\r\n    \/* Image Frame with min-height for consistent visual footprint *\/\r\n    .portfolio-campaign-details .main-project-frame {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 450px; \/* Increased height to balance content *\/\r\n        border: 2px solid #000000;\r\n        overflow: hidden;\r\n        display: flex;\r\n    }\r\n\r\n    .portfolio-campaign-details .main-project-frame img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover; \/* Ensures image fills the frame perfectly *\/\r\n        display: block;\r\n    }\r\n\r\n    \/* Content Layout *\/\r\n    .portfolio-campaign-details .project-info {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center; \/* Vertically centers the text block *\/\r\n        height: 100%;\r\n    }\r\n\r\n    .portfolio-campaign-details .project-meta-tag {\r\n        font-size: 0.85rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: #FF4500 !important; \r\n        font-weight: 700;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .portfolio-campaign-details .project-title {\r\n        font-size: 2.5rem !important;\r\n        font-weight: 700 !important;\r\n        color: #000000 !important; \r\n        line-height: 1.2;\r\n        margin: 0 0 20px 0 !important;\r\n    }\r\n\r\n    .portfolio-campaign-details .info-divider {\r\n        border: none;\r\n        border-bottom: 1px solid rgba(0, 0, 0, 0.2); \r\n        margin: 0 0 20px 0;\r\n    }\r\n\r\n    .portfolio-campaign-details .project-description {\r\n        font-size: 1.05rem !important;\r\n        line-height: 1.65;\r\n        color: #000000 !important; \r\n        margin: 0 0 20px 0 !important;\r\n    }\r\n\r\n    .portfolio-campaign-details .specs-table {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    .portfolio-campaign-details .spec-block {\r\n        border-left: 2px solid #000000; \r\n        padding-left: 14px;\r\n    }\r\n\r\n    .portfolio-campaign-details .spec-label {\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        color: #FF4500; \r\n        font-weight: 700;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .portfolio-campaign-details .spec-value {\r\n        font-size: 1rem;\r\n        color: #000000; \r\n        font-weight: 500;\r\n    }\r\n\r\n    @media (max-width: 968px) {\r\n        .portfolio-campaign-details .detail-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .portfolio-campaign-details .main-project-frame {\r\n            min-height: 300px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"portfolio-campaign-details\">\r\n    <div class=\"detail-grid\">\r\n        \r\n        <div class=\"main-project-frame\">\r\n            <img decoding=\"async\" src=\"http:\/\/gsquare.brightcodeapp.com\/wp-content\/uploads\/2026\/06\/77578-1.jpg\" alt=\"Project Image\">\r\n        <\/div>\r\n\r\n        <div class=\"project-info\">\r\n            <span class=\"project-meta-tag\">Digital Growth<\/span>\r\n            <h1 class=\"project-title\">Digital Transformation<\/h1>\r\n            \r\n            <hr class=\"info-divider\">\r\n            \r\n            <p class=\"project-description\">\r\n                Bridging the gap between physical operations and virtual experiences. Our digital transformation strategies integrate immersive technology to streamline workflows and enhance user interaction.\r\n            <\/p>\r\n\r\n            <p class=\"project-description\">\r\n                By optimizing digital ecosystems, we empower teams to visualize data and project outcomes in real-time, fostering innovation and operational excellence in a connected landscape.\r\n            <\/p>\r\n\r\n            <hr class=\"info-divider\">\r\n\r\n            <div class=\"specs-table\">\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Service<\/div>\r\n                    <div class=\"spec-value\">Digital Strategy<\/div>\r\n                <\/div>\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Integration<\/div>\r\n                    <div class=\"spec-value\">VR\/Immersive Tech<\/div>\r\n                <\/div>\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Objective<\/div>\r\n                    <div class=\"spec-value\">Process Optimization<\/div>\r\n                <\/div>\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Production Year<\/div>\r\n                    <div class=\"spec-value\">2026<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16bd433 e-flex e-con-boxed e-con e-parent\" data-id=\"16bd433\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c786257 elementor-widget elementor-widget-html\" data-id=\"c786257\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Import Space Grotesk Font *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;700&display=swap');\r\n\r\n    .portfolio-video-details {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 40px auto; \r\n        background: transparent !important;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n    }\r\n\r\n    .portfolio-video-details * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Grid layout for alignment *\/\r\n    .portfolio-video-details .detail-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 60px; \r\n        align-items: stretch; \/* Stretch makes columns match height *\/\r\n    }\r\n\r\n    \/* Increased height for the image frame *\/\r\n    .portfolio-video-details .main-project-frame {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 480px; \/* Adjusted height *\/\r\n        border: 2px solid #000000;\r\n        overflow: hidden;\r\n        display: flex;\r\n        box-shadow: 10px 10px 0px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    \/* Ensures the image fills the increased height area *\/\r\n    .portfolio-video-details .main-project-frame img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        display: block;\r\n        object-fit: cover; \/* Maintains aspect ratio while filling space *\/\r\n    }\r\n\r\n    \/* Content Styling *\/\r\n    .portfolio-video-details .project-info {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        height: 100%;\r\n    }\r\n\r\n    .portfolio-video-details .project-meta-tag {\r\n        font-size: 0.85rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: #FF4500 !important; \r\n        font-weight: 700;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .portfolio-video-details .project-title {\r\n        font-size: 2.5rem !important;\r\n        font-weight: 700 !important;\r\n        color: #000000 !important; \r\n        line-height: 1.1;\r\n        margin: 0 0 20px 0 !important;\r\n    }\r\n\r\n    .portfolio-video-details .info-divider {\r\n        border: none;\r\n        border-bottom: 1px solid rgba(0, 0, 0, 0.2); \r\n        margin: 0 0 20px 0;\r\n    }\r\n\r\n    .portfolio-video-details .project-description {\r\n        font-size: 1.05rem !important;\r\n        line-height: 1.6;\r\n        color: #333 !important; \r\n        margin: 0 0 20px 0 !important;\r\n    }\r\n\r\n    .portfolio-video-details .specs-table {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .portfolio-video-details .spec-block {\r\n        border-left: 2px solid #000000; \r\n        padding-left: 14px;\r\n    }\r\n\r\n    .portfolio-video-details .spec-label {\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        color: #FF4500; \r\n        font-weight: 700;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .portfolio-video-details .spec-value {\r\n        font-size: 0.95rem;\r\n        color: #000000; \r\n        font-weight: 500;\r\n    }\r\n\r\n    @media (max-width: 968px) {\r\n        .portfolio-video-details .detail-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 40px;\r\n        }\r\n        .portfolio-video-details .main-project-frame {\r\n            min-height: 300px; \/* Smaller height for mobile *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"portfolio-video-details\">\r\n    <div class=\"detail-grid\">\r\n        \r\n        <div class=\"project-info\">\r\n            <span class=\"project-meta-tag\">Production<\/span>\r\n            <h1 class=\"project-title\">Multimedia Excellence<\/h1>\r\n            \r\n            <hr class=\"info-divider\">\r\n            \r\n            <p class=\"project-description\">\r\n                High-end cinematic production utilizing large-format visual arrays. We curate immersive media environments designed to command attention and deliver high-impact messaging.\r\n            <\/p>\r\n\r\n            <p class=\"project-description\">\r\n                Each production is engineered with precision alignment, ensuring that complex data visualizations and artistic content maintain perfect structural integrity across all display surfaces.\r\n            <\/p>\r\n\r\n            <hr class=\"info-divider\">\r\n\r\n            <div class=\"specs-table\">\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Project Type<\/div>\r\n                    <div class=\"spec-value\">Cinematic Display<\/div>\r\n                <\/div>\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Format<\/div>\r\n                    <div class=\"spec-value\">Large Format Asset<\/div>\r\n                <\/div>\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Environment<\/div>\r\n                    <div class=\"spec-value\">Interactive Matrix<\/div>\r\n                <\/div>\r\n                <div class=\"spec-block\">\r\n                    <div class=\"spec-label\">Production Year<\/div>\r\n                    <div class=\"spec-value\">2026<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"main-project-frame\">\r\n            <img decoding=\"async\" src=\"http:\/\/gsquare.brightcodeapp.com\/wp-content\/uploads\/2026\/06\/33322-1.jpg\" alt=\"Multimedia Excellence Production\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08eabb9 e-flex e-con-boxed e-con e-parent\" data-id=\"08eabb9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dd53bd elementor-widget elementor-widget-heading\" data-id=\"2dd53bd\" 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\">Ready to Grow Your Brand? Let's Talk Strategy.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f58d099 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f58d099\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tGet clear, professional guidance tailored specifically to your business goals. Our experts are ready to map out your multi-channel marketing path.\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-132ee79 e-con-full e-flex e-con e-child\" data-id=\"132ee79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b745413 e-con-full e-flex e-con e-child\" data-id=\"b745413\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acc9a60 elementor-align-right elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"acc9a60\" 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=\"https:\/\/garaitzsqservices.com\/index.php\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Call On : +91 65131 55272<\/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<div class=\"elementor-element elementor-element-1e4c944 e-con-full e-flex e-con e-child\" data-id=\"1e4c944\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d985ef elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"6d985ef\" 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=\"https:\/\/garaitzsqservices.com\/index.php\/contact\/\">\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\">Request Consultation<\/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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Home Portfolio Identity Corporate Branding Building cohesive brand systems for modern enterprises to ensure market authority. We create visual foundations that define how a business communicates its values, vision, and identity to the world. This project focuses on strategic alignment, color theory, and logo application, ensuring every brand touchpoint remains consistent and impactful across digital [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-2197","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/garaitzsqservices.com\/index.php\/wp-json\/wp\/v2\/pages\/2197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/garaitzsqservices.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/garaitzsqservices.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/garaitzsqservices.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/garaitzsqservices.com\/index.php\/wp-json\/wp\/v2\/comments?post=2197"}],"version-history":[{"count":40,"href":"https:\/\/garaitzsqservices.com\/index.php\/wp-json\/wp\/v2\/pages\/2197\/revisions"}],"predecessor-version":[{"id":2522,"href":"https:\/\/garaitzsqservices.com\/index.php\/wp-json\/wp\/v2\/pages\/2197\/revisions\/2522"}],"wp:attachment":[{"href":"https:\/\/garaitzsqservices.com\/index.php\/wp-json\/wp\/v2\/media?parent=2197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}