{"id":5295,"date":"2026-01-23T03:06:46","date_gmt":"2026-01-23T03:06:46","guid":{"rendered":"https:\/\/turbomek.com\/?page_id=5295"},"modified":"2026-04-29T05:16:26","modified_gmt":"2026-04-29T05:16:26","slug":"legacy","status":"publish","type":"page","link":"https:\/\/turbomek.com\/?page_id=5295","title":{"rendered":"Our Legacy"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5295\" class=\"elementor elementor-5295\">\n\t\t\t\t<div class=\"has_eae_slider elementor-element elementor-element-619ae68 e-flex e-con-boxed e-con e-parent\" data-eae-slider=\"66172\" data-id=\"619ae68\" data-element_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-daffaba elementor-widget elementor-widget-shortcode\" data-id=\"daffaba\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28a7272 elementor-widget elementor-widget-heading\" data-id=\"28a7272\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Legacy<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-ee7bf31 e-flex e-con-boxed e-con e-parent\" data-eae-slider=\"87406\" data-id=\"ee7bf31\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb2b9b3 elementor-widget elementor-widget-html\" data-id=\"bb2b9b3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Marcelo A. Bulaon Jr. Profile with Fixed Photo Centering - HTML for Elementor -->\r\n<div class=\"engineer-profile-container\">\r\n    <!-- Header Section with Photo -->\r\n    <div class=\"profile-header\">\r\n        <div class=\"header-content\">\r\n            <div class=\"profile-photo-section\">\r\n                <!-- INSTRUCTIONS: Replace the src URL with your actual photo URL -->\r\n                <div class=\"photo-frame\">\r\n                    <div class=\"photo-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/wrCQfT9h\/pic.jpg\" \r\n                             alt=\"Marcelo A. Bulaon Jr. - Professional Mechanical Engineer\" \r\n                             class=\"profile-photo\">\r\n                    <\/div>\r\n                    \r\n                <\/div>\r\n               \r\n            <\/div>\r\n            \r\n            <div class=\"profile-info\">\r\n                <div class=\"name-header\">\r\n                    \r\n                    <h1 class=\"profile-name\">Marcelo A. Bulaon Jr., PME<\/h1>\r\n                <\/div>\r\n                <div class=\"title-divider\"><\/div>\r\n                <p class=\"professional-title\">Mechanical Industrial Machinery Consultant<\/p>\r\n                \r\n                <div class=\"quick-stats\">\r\n                    <div class=\"stat-item\">\r\n                        <div class=\"stat-number\">50+<\/div>\r\n                        <div class=\"stat-label\">Years Experience<\/div>\r\n                    <\/div>\r\n                    <div class=\"stat-item\">\r\n                        <div class=\"stat-icon\">\ud83c\udf0d<\/div>\r\n                        <div class=\"stat-label\">International Exposure<\/div>\r\n                    <\/div>\r\n                    <div class=\"stat-item\">\r\n                        <div class=\"stat-icon\">\u2699\ufe0f<\/div>\r\n                        <div class=\"stat-label\">Multiple Industries<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Content Grid -->\r\n    <div class=\"profile-content\">\r\n        <!-- Left Column: Experience -->\r\n        <div class=\"experience-section\">\r\n            <div class=\"section-header\">\r\n                <div class=\"section-icon\">\u2699\ufe0f<\/div>\r\n                <h2>Professional Experience<\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"experience-item\">\r\n                <div class=\"exp-icon\">\ud83c\udfed<\/div>\r\n                <div class=\"exp-content\">\r\n                    <h3>Operations & Maintenance Expertise<\/h3>\r\n                    <p>Vast experience in operation and maintenance of:<\/p>\r\n                    <div class=\"expertise-grid\">\r\n                        <div class=\"expertise-item\">\r\n                            <span class=\"check-icon\">\u2713<\/span>\r\n                            <span>Turbo Machinery<\/span>\r\n                        <\/div>\r\n                        <div class=\"expertise-item\">\r\n                            <span class=\"check-icon\">\u2713<\/span>\r\n                            <span>Boiler Systems<\/span>\r\n                        <\/div>\r\n                        <div class=\"expertise-item\">\r\n                            <span class=\"check-icon\">\u2713<\/span>\r\n                            <span>Large Pumps<\/span>\r\n                        <\/div>\r\n                        <div class=\"expertise-item\">\r\n                            <span class=\"check-icon\">\u2713<\/span>\r\n                            <span>Compressors<\/span>\r\n                        <\/div>\r\n                        <div class=\"expertise-item\">\r\n                            <span class=\"check-icon\">\u2713<\/span>\r\n                            <span>Coal & Rock Crushers<\/span>\r\n                        <\/div>\r\n                        <div class=\"expertise-item\">\r\n                            <span class=\"check-icon\">\u2713<\/span>\r\n                            <span>Hydraulic Presses<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"experience-item\">\r\n                <div class=\"exp-icon\">\ud83c\udf93<\/div>\r\n                <div class=\"exp-content\">\r\n                    <h3>Professional Training<\/h3>\r\n                    <p>During his prime, he was heavily trained in:<\/p>\r\n                    <div class=\"training-list\">\r\n                        <div class=\"training-item\">\r\n                            <div class=\"training-badge\">Engineering Management<\/div>\r\n                        <\/div>\r\n                        <div class=\"training-item\">\r\n                            <div class=\"training-badge\">Maintenance & Operations<\/div>\r\n                        <\/div>\r\n                        <div class=\"training-item\">\r\n                            <div class=\"training-badge\">Process Control Instrumentation<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Column: Design Work & Achievements -->\r\n        <div class=\"designs-section\">\r\n            <div class=\"section-header\">\r\n                <div class=\"section-icon\">\u270f\ufe0f<\/div>\r\n                <h2>Design Portfolio<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"design-item\">\r\n                <div class=\"design-icon\">\ud83d\udd27<\/div>\r\n                <div class=\"design-content\">\r\n                    <h3>Notable Designs Include:<\/h3>\r\n                    <div class=\"designs-grid\">\r\n                        <div class=\"design-card\">\r\n                            <div class=\"design-icon-small\">\ud83d\udd25<\/div>\r\n                            <div class=\"design-name\">Boiler Modifications<\/div>\r\n                        <\/div>\r\n                        <div class=\"design-card\">\r\n                            <div class=\"design-icon-small\">\ud83e\ude93<\/div>\r\n                            <div class=\"design-name\">Chipping Machines<\/div>\r\n                        <\/div>\r\n                        <div class=\"design-card\">\r\n                            <div class=\"design-icon-small\">\ud83d\udce6<\/div>\r\n                            <div class=\"design-name\">Plywood Equipment<\/div>\r\n                        <\/div>\r\n                        <div class=\"design-card\">\r\n                            <div class=\"design-icon-small\">\u26a1<\/div>\r\n                            <div class=\"design-name\">Press Equipment<\/div>\r\n                        <\/div>\r\n                        <div class=\"design-card\">\r\n                            <div class=\"design-icon-small\">\ud83c\udf21\ufe0f<\/div>\r\n                            <div class=\"design-name\">Customize Dryers<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"achievements-section\">\r\n                <div class=\"section-header\">\r\n                    <div class=\"section-icon\">\ud83c\udf0d<\/div>\r\n                    <h2>Global Engagement<\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"achievement-item\">\r\n                    <div class=\"achievement-icon\">\u2708\ufe0f<\/div>\r\n                    <div class=\"achievement-content\">\r\n                        <p>During his active years, he frequently travels to Europe and USA participating in technical seminars, conventions and forums.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"achievement-item\">\r\n                    <div class=\"achievement-icon\">\ud83e\udd1d<\/div>\r\n                    <div class=\"achievement-content\">\r\n                        <h3>Professional Memberships<\/h3>\r\n                        <div class=\"membership-list\">\r\n                            <div class=\"membership-item\">\r\n                                <div class=\"membership-badge\">Past Member<\/div>\r\n                                <div class=\"membership-org\">Philippine Inventors Association in Mindanao<\/div>\r\n                            <\/div>\r\n                            <div class=\"membership-item\">\r\n                                <div class=\"membership-badge\">Past Board Member<\/div>\r\n                                <div class=\"membership-org\">PSME Caraga Chapter<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Footer -->\r\n    <div class=\"profile-footer\">\r\n        <div class=\"footer-content\">\r\n            <div class=\"quote\">\"Professional Mechanical Engineer & Mechanical Industrial Machinery Consultant\"<\/div>\r\n            <p class=\"contact-note\">For professional inquiries or consultations<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* Base Styles *\/\r\n    .engineer-profile-container {\r\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 20px;\r\n        background: #f8fafc;\r\n        border-radius: 20px;\r\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\r\n    }\r\n\r\n    \/* Header with Photo - FIXED *\/\r\n    .profile-header {\r\n        padding: 40px;\r\n        background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\r\n        border-radius: 15px;\r\n        color: white;\r\n        margin-bottom: 40px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .header-content {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 50px;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .header-content {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            gap: 30px;\r\n            align-items: center;\r\n        }\r\n    }\r\n\r\n    \/* Photo Section - COMPLETELY REWORKED FOR PERFECT CENTERING *\/\r\n    .profile-photo-section {\r\n        flex-shrink: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .photo-frame {\r\n        position: relative;\r\n        width: 320px;\r\n        height: 320px;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        border: 6px solid white;\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);\r\n        background: #1e3a8a;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* NEW: Photo container for better centering control *\/\r\n    .photo-container {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* FIXED: Perfect image centering *\/\r\n    .profile-photo {\r\n        width: auto;\r\n        height: auto;\r\n        max-width: 100%;\r\n        max-height: 100%;\r\n        object-fit: contain; \/* Changed from cover to contain for no cropping *\/\r\n        object-position: center center;\r\n        display: block;\r\n    }\r\n\r\n    \/* For portrait photos that need to fill width *\/\r\n    .photo-frame.portrait .profile-photo {\r\n        width: 100%;\r\n        height: auto;\r\n    }\r\n\r\n    \/* For landscape photos that need to fill height *\/\r\n    .photo-frame.landscape .profile-photo {\r\n        width: auto;\r\n        height: 100%;\r\n    }\r\n\r\n    .photo-badge {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 20px;\r\n        background: linear-gradient(135deg, #ef4444, #dc2626);\r\n        color: white;\r\n        width: 65px;\r\n        height: 65px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.3rem;\r\n        font-weight: 800;\r\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);\r\n        z-index: 10;\r\n        border: 3px solid white;\r\n    }\r\n\r\n    .photo-credentials {\r\n        margin-top: 25px;\r\n        text-align: center;\r\n    }\r\n\r\n    .title-badge {\r\n        display: inline-block;\r\n        background: rgba(255, 255, 255, 0.15);\r\n        backdrop-filter: blur(10px);\r\n        padding: 12px 30px;\r\n        border-radius: 50px;\r\n        font-size: 1.2rem;\r\n        font-weight: 700;\r\n        border: 1px solid rgba(255, 255, 255, 0.3);\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* Profile Info Section *\/\r\n    .profile-info {\r\n        flex: 1;\r\n        padding-top: 10px;\r\n    }\r\n\r\n    .name-header {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .pmc-badge {\r\n        display: inline-block;\r\n        background: #f59e0b;\r\n        color: #1e3a8a;\r\n        padding: 8px 20px;\r\n        border-radius: 8px;\r\n        font-size: 1.1rem;\r\n        font-weight: 800;\r\n        margin-bottom: 15px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .profile-name {\r\n        font-size: 3.2rem;\r\n        font-weight: 800;\r\n        margin: 0 0 10px 0;\r\n        letter-spacing: -0.5px;\r\n        line-height: 1.1;\r\n        color: white;\r\n    }\r\n\r\n    .title-divider {\r\n        width: 100%;\r\n        height: 2px;\r\n        background: rgba(255, 255, 255, 0.2);\r\n        margin: 25px 0;\r\n        border-radius: 1px;\r\n    }\r\n\r\n    .title-divider::after {\r\n        content: '';\r\n        display: block;\r\n        width: 150px;\r\n        height: 3px;\r\n        background: #fbbf24;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    .professional-title {\r\n        font-size: 1.8rem;\r\n        opacity: 0.95;\r\n        font-weight: 600;\r\n        margin: 0 0 35px 0;\r\n        color: #e2e8f0;\r\n    }\r\n\r\n    \/* Quick Stats - UPDATED layout *\/\r\n    .quick-stats {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n        margin-top: 30px;\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .quick-stats {\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n        }\r\n    }\r\n\r\n    .stat-item {\r\n        background: rgba(255, 255, 255, 0.1);\r\n        padding: 20px;\r\n        border-radius: 12px;\r\n        text-align: center;\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n        backdrop-filter: blur(8px);\r\n        transition: transform 0.3s ease, background 0.3s ease;\r\n    }\r\n\r\n    .stat-item:hover {\r\n        background: rgba(255, 255, 255, 0.15);\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .stat-number {\r\n        font-size: 2.5rem;\r\n        font-weight: 800;\r\n        color: #fbbf24;\r\n        margin-bottom: 8px;\r\n        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .stat-icon {\r\n        font-size: 2.5rem;\r\n        margin-bottom: 10px;\r\n        display: block;\r\n    }\r\n\r\n    .stat-label {\r\n        font-size: 1rem;\r\n        opacity: 0.9;\r\n        font-weight: 500;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/* Content Grid - Keep original styles *\/\r\n    .profile-content {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        .profile-content {\r\n            grid-template-columns: 1fr 1fr;\r\n        }\r\n    }\r\n\r\n    .section-header {\r\n        display: flex;\r\n        align-items: center;\r\n        margin-bottom: 30px;\r\n        padding-bottom: 15px;\r\n        border-bottom: 2px solid #e2e8f0;\r\n    }\r\n\r\n    .section-icon {\r\n        font-size: 2rem;\r\n        margin-right: 15px;\r\n    }\r\n\r\n    .section-header h2 {\r\n        font-size: 1.8rem;\r\n        color: #1e293b;\r\n        margin: 0;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .experience-section,\r\n    .designs-section {\r\n        background: white;\r\n        padding: 30px;\r\n        border-radius: 15px;\r\n        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\r\n        border: 1px solid #e2e8f0;\r\n    }\r\n\r\n    .experience-item {\r\n        margin-bottom: 35px;\r\n        padding: 20px;\r\n        background: #f8fafc;\r\n        border-radius: 12px;\r\n        border-left: 4px solid #3b82f6;\r\n    }\r\n\r\n    .exp-icon {\r\n        font-size: 2.5rem;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .exp-content h3 {\r\n        color: #1e40af;\r\n        font-size: 1.4rem;\r\n        margin: 0 0 15px 0;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .exp-content p {\r\n        color: #475569;\r\n        font-size: 1.1rem;\r\n        margin-bottom: 20px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .expertise-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 15px;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .expertise-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    .expertise-item {\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 12px;\r\n        background: white;\r\n        border-radius: 10px;\r\n        border: 1px solid #e2e8f0;\r\n    }\r\n\r\n    .check-icon {\r\n        background: #10b981;\r\n        color: white;\r\n        width: 24px;\r\n        height: 24px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-right: 12px;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .training-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n    }\r\n\r\n    .training-item {\r\n        display: flex;\r\n    }\r\n\r\n    .training-badge {\r\n        background: linear-gradient(135deg, #10b981, #34d399);\r\n        color: white;\r\n        padding: 12px 20px;\r\n        border-radius: 8px;\r\n        font-weight: 600;\r\n        flex: 1;\r\n        text-align: center;\r\n    }\r\n\r\n    .design-item {\r\n        margin-bottom: 35px;\r\n        padding: 20px;\r\n        background: #f8fafc;\r\n        border-radius: 12px;\r\n        border-left: 4px solid #8b5cf6;\r\n    }\r\n\r\n    .design-icon {\r\n        font-size: 2.5rem;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .design-content h3 {\r\n        color: #7c3aed;\r\n        font-size: 1.4rem;\r\n        margin: 0 0 20px 0;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .designs-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 15px;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .designs-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    .design-card {\r\n        background: white;\r\n        padding: 15px;\r\n        border-radius: 10px;\r\n        text-align: center;\r\n        border: 1px solid #e2e8f0;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .design-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\r\n        border-color: #8b5cf6;\r\n    }\r\n\r\n    .design-icon-small {\r\n        font-size: 1.8rem;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .design-name {\r\n        font-weight: 600;\r\n        color: #475569;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .achievements-section {\r\n        background: #fefce8;\r\n        padding: 25px;\r\n        border-radius: 12px;\r\n        border: 1px solid #fde68a;\r\n    }\r\n\r\n    .achievement-item {\r\n        margin-bottom: 25px;\r\n        padding: 20px;\r\n        background: white;\r\n        border-radius: 10px;\r\n        border-left: 4px solid #f59e0b;\r\n    }\r\n\r\n    .achievement-icon {\r\n        font-size: 2rem;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .achievement-content h3 {\r\n        color: #d97706;\r\n        font-size: 1.3rem;\r\n        margin: 0 0 15px 0;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .achievement-content p {\r\n        color: #475569;\r\n        font-size: 1.1rem;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    .membership-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n    }\r\n\r\n    .membership-item {\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 15px;\r\n        background: #f8fafc;\r\n        border-radius: 10px;\r\n        border: 1px solid #e2e8f0;\r\n    }\r\n\r\n    .membership-badge {\r\n        background: #6366f1;\r\n        color: white;\r\n        padding: 8px 15px;\r\n        border-radius: 6px;\r\n        font-size: 0.9rem;\r\n        font-weight: 600;\r\n        margin-right: 15px;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .membership-org {\r\n        color: #475569;\r\n        font-weight: 500;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    \/* Footer *\/\r\n    .profile-footer {\r\n        text-align: center;\r\n        padding: 25px;\r\n        background: linear-gradient(135deg, #1e293b 0%, #334155 100%);\r\n        border-radius: 15px;\r\n        color: white;\r\n    }\r\n\r\n    .footer-content {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .quote {\r\n        font-size: 1.3rem;\r\n        font-style: italic;\r\n        font-weight: 500;\r\n        opacity: 0.9;\r\n        padding: 20px;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 10px;\r\n        background: rgba(255, 255, 255, 0.05);\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .contact-note {\r\n        opacity: 0.8;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 768px) {\r\n        .engineer-profile-container {\r\n            padding: 15px;\r\n        }\r\n        \r\n        .profile-header {\r\n            padding: 25px 15px;\r\n        }\r\n        \r\n        .profile-name {\r\n            font-size: 2.4rem;\r\n        }\r\n        \r\n        .photo-frame {\r\n            width: 280px;\r\n            height: 280px;\r\n        }\r\n        \r\n        .professional-title {\r\n            font-size: 1.5rem;\r\n        }\r\n        \r\n        .section-header h2 {\r\n            font-size: 1.5rem;\r\n        }\r\n        \r\n        .experience-section,\r\n        .designs-section {\r\n            padding: 20px;\r\n        }\r\n        \r\n        .quick-stats {\r\n            gap: 15px;\r\n        }\r\n        \r\n        .stat-item {\r\n            padding: 15px;\r\n        }\r\n        \r\n        .stat-number {\r\n            font-size: 2rem;\r\n        }\r\n    }\r\n\r\n    \/* Animation *\/\r\n    @keyframes fadeInUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .profile-header {\r\n        animation: fadeInUp 0.8s ease-out;\r\n    }\r\n\r\n    .experience-section {\r\n        animation: fadeInUp 0.8s ease-out 0.2s both;\r\n    }\r\n\r\n    .designs-section {\r\n        animation: fadeInUp 0.8s ease-out 0.4s both;\r\n    }\r\n\r\n    \/* Debug Helper *\/\r\n    .debug-grid {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(255,0,0,0.1) 20px),\r\n                    repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(255,0,0,0.1) 20px);\r\n        pointer-events: none;\r\n        display: none; \/* Set to block to see centering grid *\/\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    \/\/ Photo centering helper\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const photoFrame = document.querySelector('.photo-frame');\r\n        const profilePhoto = document.querySelector('.profile-photo');\r\n        \r\n        \/\/ Check image dimensions when loaded\r\n        if (profilePhoto.complete) {\r\n            centerImage();\r\n        } else {\r\n            profilePhoto.addEventListener('load', centerImage);\r\n        }\r\n        \r\n        function centerImage() {\r\n            const imgWidth = profilePhoto.naturalWidth;\r\n            const imgHeight = profilePhoto.naturalHeight;\r\n            \r\n            \/\/ Determine if image is portrait or landscape\r\n            if (imgHeight > imgWidth) {\r\n                \/\/ Portrait image - make it fill width\r\n                profilePhoto.style.width = '100%';\r\n                profilePhoto.style.height = 'auto';\r\n                profilePhoto.style.objectFit = 'contain';\r\n                photoFrame.classList.add('portrait');\r\n                photoFrame.classList.remove('landscape');\r\n            } else {\r\n                \/\/ Landscape image - make it fill height\r\n                profilePhoto.style.width = 'auto';\r\n                profilePhoto.style.height = '100%';\r\n                profilePhoto.style.objectFit = 'contain';\r\n                photoFrame.classList.add('landscape');\r\n                photoFrame.classList.remove('portrait');\r\n            }\r\n            \r\n            \/\/ Center the image\r\n            profilePhoto.style.objectPosition = 'center center';\r\n        }\r\n        \r\n        \/\/ Click to show upload instructions\r\n        profilePhoto.addEventListener('click', function() {\r\n            alert('To upload your photo:\\n\\n1. Replace the placeholder URL with your photo URL\\n2. For best results:\\n   - Use square photo (1:1 ratio)\\n   - Minimum size: 800x800 pixels\\n   - Center your face in the frame\\n\\nCurrent placeholder URL:\\n' + profilePhoto.src);\r\n        });\r\n    });\r\n<\/script>\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","protected":false},"excerpt":{"rendered":"<p>Our Legacy Marcelo A. Bulaon Jr., PME Mechanical Industrial Machinery Consultant 50+ Years Experience \ud83c\udf0d International Exposure \u2699\ufe0f Multiple Industries \u2699\ufe0f Professional Experience \ud83c\udfed Operations &#038; Maintenance Expertise Vast experience in operation and maintenance of: \u2713 Turbo Machinery \u2713 Boiler Systems \u2713 Large Pumps \u2713 Compressors \u2713 Coal &#038; Rock Crushers \u2713 Hydraulic Presses \ud83c\udf93 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-5295","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/turbomek.com\/index.php?rest_route=\/wp\/v2\/pages\/5295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turbomek.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/turbomek.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/turbomek.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turbomek.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5295"}],"version-history":[{"count":125,"href":"https:\/\/turbomek.com\/index.php?rest_route=\/wp\/v2\/pages\/5295\/revisions"}],"predecessor-version":[{"id":6883,"href":"https:\/\/turbomek.com\/index.php?rest_route=\/wp\/v2\/pages\/5295\/revisions\/6883"}],"wp:attachment":[{"href":"https:\/\/turbomek.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}