{"id":1568,"date":"2025-07-07T03:34:07","date_gmt":"2025-07-07T03:34:07","guid":{"rendered":"https:\/\/onepack.casethemes.net\/?page_id=1568"},"modified":"2026-08-20T10:52:12","modified_gmt":"2026-08-20T10:52:12","slug":"ana-sayfa","status":"publish","type":"page","link":"https:\/\/pimeks.com\/eng\/ana-sayfa\/","title":{"rendered":"Ana Sayfa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1568\" class=\"elementor elementor-1568\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca7120c e-con e-atomic-element e-flexbox-base e-2437fa4 \" data-id=\"ca7120c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ca7120c\">\n    \t\t<div class=\"elementor-element elementor-element-0c0a836 elementor-widget elementor-widget-html\" data-id=\"0c0a836\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"position:relative;width:100%;height:82vh;max-height:880px;margin-top:96px;overflow:hidden;background:#111;\">\n  <video\n    loop=\"loop\"\n    autoplay\n    playsinline\n    muted\n    preload=\"auto\"\n    style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;\"\n  >\n    <source type=\"video\/mp4\" src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/website_lite.mp4\">\n  <\/video>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-906e861 e-con e-atomic-element e-flexbox-base e-348531d \" data-id=\"906e861\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"906e861\">\n    \t\t<div class=\"elementor-element elementor-element-9af2da4 elementor-widget elementor-widget-html\" data-id=\"9af2da4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     P\u0130MEKS GROUP \u2014 ANA SAYFA\n     P\u0130MEKS G\u0130R\u0130\u015e B\u00d6L\u00dcM\u00dc\n     OWNER REVISION V4 \/ AUGUST 2026\n\n     - Kurumsal font: Arian LT\n     - \"Pimeks Group\" ba\u015fl\u0131\u011f\u0131 kald\u0131r\u0131ld\u0131\n     - Motto kompakt tutuldu\n     - Body metni b\u00fcy\u00fct\u00fcld\u00fc\n     - Body koyu gri\n     - Logo animasyonu korunuyor\n     - Desktop \/ Tablet \/ Mobile\n========================================================= -->\n\n<section class=\"pmx-merge\">\n\n<style>\n\n\/* =========================================================\n   ROOT\n========================================================= *\/\n\n.pmx-merge {\n\n    --pmx-dark: #343a3d;\n    --pmx-body: #444a4d;\n    --pmx-soft: #697176;\n\n    --pmx-stroke: #455862;\n    --pmx-fill: #b8bbbe;\n\n    --pmx-bg: #f4f5f6;\n\n    position: relative;\n\n    width: 100%;\n\n    padding:\n        clamp(3rem, 6vw, 5.2rem)\n        clamp(1.25rem, 4vw, 3rem);\n\n    overflow: hidden;\n\n    background:\n        radial-gradient(\n            ellipse 80% 60% at 15% 50%,\n            rgba(144,158,167,.10),\n            transparent 60%\n        ),\n        linear-gradient(\n            180deg,\n            #fafbfc 0%,\n            var(--pmx-bg) 100%\n        );\n\n    color:\n        var(--pmx-dark);\n\n    font-family:\n        \"Arian LT\",\n        Arial,\n        sans-serif;\n\n    text-transform:\n        none !important;\n\n    -webkit-font-smoothing:\n        antialiased;\n\n    -moz-osx-font-smoothing:\n        grayscale;\n}\n\n\n.pmx-merge *,\n.pmx-merge *::before,\n.pmx-merge *::after {\n\n    box-sizing:\n        border-box;\n\n    text-transform:\n        none !important;\n}\n\n\n.pmx-merge h1,\n.pmx-merge h2,\n.pmx-merge h3,\n.pmx-merge p,\n.pmx-merge a,\n.pmx-merge span {\n\n    font-family:\n        \"Arian LT\",\n        Arial,\n        sans-serif !important;\n\n    font-style:\n        normal !important;\n\n    text-transform:\n        none !important;\n}\n\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.pmx-merge__inner {\n\n    width:\n        min(\n            1180px,\n            100%\n        );\n\n    margin:\n        0 auto;\n\n    display:\n        grid;\n\n    grid-template-columns:\n        .88fr\n        1.12fr;\n\n    gap:\n        clamp(\n            3rem,\n            6vw,\n            5.5rem\n        );\n\n    align-items:\n        center;\n}\n\n\n\n\/* =========================================================\n   VISUAL\n========================================================= *\/\n\n.pmx-merge__visual {\n\n    display:\n        flex;\n\n    width:\n        100%;\n\n    max-width:\n        340px;\n\n    flex-direction:\n        column;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    margin:\n        0 auto;\n}\n\n\n.pmx-merge__stage {\n\n    position:\n        relative;\n\n    width:\n        100%;\n\n    max-width:\n        205px;\n\n    aspect-ratio:\n        103 \/ 114;\n}\n\n\n.pmx-merge__stage svg {\n\n    display:\n        block;\n\n    width:\n        100%;\n\n    height:\n        100%;\n\n    overflow:\n        visible;\n}\n\n\n\n\/* =========================================================\n   LOGO ANIMATION\n========================================================= *\/\n\n.pmx-sq--a,\n.pmx-sq--b,\n.pmx-sq--c {\n\n    transform-origin:\n        51.5px 57px;\n\n    animation:\n        none;\n\n    opacity:\n        0;\n}\n\n\n.pmx-merge__stage.is-playing\n.pmx-sq--a {\n\n    animation:\n        pmx-come-a\n        2.4s\n        cubic-bezier(.22,1,.36,1)\n        both;\n}\n\n\n.pmx-merge__stage.is-playing\n.pmx-sq--b {\n\n    animation:\n        pmx-come-b\n        2.4s\n        cubic-bezier(.22,1,.36,1)\n        both;\n}\n\n\n.pmx-merge__stage.is-playing\n.pmx-sq--c {\n\n    animation:\n        pmx-come-c\n        2.4s\n        cubic-bezier(.22,1,.36,1)\n        both;\n}\n\n\n\n@keyframes pmx-come-a {\n\n    0% {\n\n        transform:\n            translate(\n                -34px,\n                -30px\n            )\n            scale(.9);\n\n        opacity:\n            0;\n    }\n\n\n    35% {\n\n        opacity:\n            1;\n    }\n\n\n    100% {\n\n        transform:\n            translate(\n                0,\n                0\n            )\n            scale(1);\n\n        opacity:\n            1;\n    }\n\n}\n\n\n\n@keyframes pmx-come-b {\n\n    0% {\n\n        transform:\n            translate(\n                34px,\n                30px\n            )\n            scale(.9);\n\n        opacity:\n            0;\n    }\n\n\n    35% {\n\n        opacity:\n            1;\n    }\n\n\n    100% {\n\n        transform:\n            translate(\n                0,\n                0\n            )\n            scale(1);\n\n        opacity:\n            1;\n    }\n\n}\n\n\n\n@keyframes pmx-come-c {\n\n    0%,\n    48% {\n\n        opacity:\n            0;\n\n        transform:\n            scale(.35);\n    }\n\n\n    72% {\n\n        opacity:\n            1;\n\n        transform:\n            scale(1.04);\n    }\n\n\n    100% {\n\n        opacity:\n            1;\n\n        transform:\n            scale(1);\n    }\n\n}\n\n\n\n\/* =========================================================\n   COPY\n========================================================= *\/\n\n.pmx-merge__copy {\n\n    width:\n        100%;\n\n    max-width:\n        680px;\n}\n\n\n\n\/* =========================================================\n   MOTTO\n========================================================= *\/\n\n.pmx-merge__motto {\n\n    display:\n        block;\n\n    max-width:\n        none;\n\n    width:\n        max-content;\n\n    margin:\n        0 0\n        clamp(\n            1.6rem,\n            2.6vw,\n            2.1rem\n        );\n\n    color:\n        var(--pmx-dark);\n\n    font-size:\n        clamp(\n            22px,\n            1.75vw,\n            28px\n        );\n\n    font-weight:\n        700;\n\n    line-height:\n        1.22;\n\n    letter-spacing:\n        -.025em;\n\n    white-space:\n        nowrap;\n\n    text-transform:\n        none !important;\n}\n\n\n\n\/* =========================================================\n   BODY TEXT\n========================================================= *\/\n\n.pmx-merge__text {\n\n    max-width:\n        650px;\n\n    margin:\n        0 0\n        1.85rem;\n\n    color:\n        var(--pmx-body);\n\n    font-size:\n        clamp(\n            15px,\n            .95vw,\n            16px\n        );\n\n    font-weight:\n        700;\n\n    line-height:\n        1.78;\n\n    letter-spacing:\n        -.008em;\n\n    text-transform:\n        none !important;\n}\n\n\n\n\/* =========================================================\n   BUTTON\n========================================================= *\/\n\n.pmx-merge__btn {\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    gap:\n        .6rem;\n\n    margin:\n        0;\n\n    padding:\n        0 0\n        .48rem;\n\n    border:\n        0;\n\n    border-bottom:\n        1px solid\n        var(--pmx-dark);\n\n    border-radius:\n        0;\n\n    background:\n        none;\n\n    color:\n        var(--pmx-dark) !important;\n\n    font-family:\n        \"Arian LT\",\n        Arial,\n        sans-serif !important;\n\n    font-size:\n        12.5px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1.2;\n\n    letter-spacing:\n        -.005em;\n\n    text-decoration:\n        none !important;\n\n    text-transform:\n        none !important;\n\n    transition:\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n.pmx-merge__btn:hover {\n\n    border-bottom-color:\n        var(--pmx-soft);\n\n    color:\n        var(--pmx-soft) !important;\n}\n\n\n\n\/* =========================================================\n   SVG ARROW\n========================================================= *\/\n\n.pmx-merge__btn-arrow {\n\n    display:\n        inline-flex;\n\n    width:\n        15px;\n\n    height:\n        15px;\n\n    flex:\n        0 0 15px;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    color:\n        currentColor;\n\n    transition:\n        transform .28s ease;\n}\n\n\n.pmx-merge__btn-arrow svg {\n\n    display:\n        block;\n\n    width:\n        100%;\n\n    height:\n        100%;\n\n    overflow:\n        visible;\n\n    fill:\n        none;\n\n    stroke:\n        currentColor;\n\n    stroke-width:\n        1.3;\n\n    stroke-linecap:\n        square;\n\n    stroke-linejoin:\n        miter;\n}\n\n\n.pmx-merge__btn:hover\n.pmx-merge__btn-arrow {\n\n    transform:\n        translate(\n            3px,\n            -3px\n        );\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:900px) {\n\n    .pmx-merge {\n\n        padding:\n            52px\n            24px\n            56px;\n    }\n\n\n    .pmx-merge__inner {\n\n        display:\n            flex;\n\n        flex-direction:\n            column;\n\n        gap:\n            36px;\n    }\n\n\n    .pmx-merge__visual {\n\n        width:\n            100%;\n\n        max-width:\n            none;\n    }\n\n\n    .pmx-merge__stage {\n\n        width:\n            150px;\n\n        max-width:\n            none;\n    }\n\n\n    .pmx-merge__copy {\n\n        width:\n            100%;\n\n        max-width:\n            650px;\n    }\n\n\n    .pmx-merge__motto {\n\n        max-width:\n            620px;\n\n        font-size:\n            clamp(\n                22px,\n                4.5vw,\n                28px\n            );\n    }\n\n\n    .pmx-merge__text {\n\n        max-width:\n            630px;\n\n        font-size:\n            14.5px;\n\n        line-height:\n            1.76;\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:600px) {\n\n    .pmx-merge {\n\n        width:\n            100%;\n\n        padding:\n            42px\n            18px\n            50px;\n\n        overflow:\n            hidden;\n    }\n\n\n    .pmx-merge__inner {\n\n        gap:\n            28px;\n    }\n\n\n    .pmx-merge__visual {\n\n        align-items:\n            center;\n    }\n\n\n    .pmx-merge__stage {\n\n        width:\n            108px;\n\n        height:\n            auto;\n    }\n\n\n    .pmx-merge__motto {\n\n        max-width:\n            100%;\n\n        margin-bottom:\n            19px;\n\n        font-size:\n            20px;\n\n        line-height:\n            1.25;\n\n        letter-spacing:\n            -.02em;\n    }\n\n\n    .pmx-merge__text {\n\n        max-width:\n            100%;\n\n        margin-bottom:\n            24px;\n\n        font-size:\n            13.5px;\n\n        line-height:\n            1.72;\n\n        letter-spacing:\n            -.005em;\n    }\n\n\n    .pmx-merge__btn {\n\n        padding-bottom:\n            7px;\n\n        font-size:\n            12px;\n    }\n\n\n    .pmx-merge__btn-arrow {\n\n        width:\n            14px;\n\n        height:\n            14px;\n\n        flex-basis:\n            14px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:390px) {\n\n    .pmx-merge {\n\n        padding-left:\n            15px;\n\n        padding-right:\n            15px;\n    }\n\n\n    .pmx-merge__stage {\n\n        width:\n            102px;\n    }\n\n\n    .pmx-merge__motto {\n\n        font-size:\n            19px;\n    }\n\n\n    .pmx-merge__text {\n\n        font-size:\n            13px;\n\n        line-height:\n            1.7;\n    }\n\n}\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n    .pmx-sq--a,\n    .pmx-sq--b,\n    .pmx-sq--c {\n\n        animation:\n            none !important;\n\n        opacity:\n            1 !important;\n\n        transform:\n            none !important;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     CONTENT\n========================================================= -->\n\n<div class=\"pmx-merge__inner\">\n\n\n    <!-- LOGO -->\n\n    <div class=\"pmx-merge__visual\">\n\n        <div\n            class=\"pmx-merge__stage\"\n            id=\"pmxMergeStage\"\n            aria-hidden=\"true\"\n        >\n\n            <svg\n                viewBox=\"0 0 103 114\"\n                fill=\"none\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n            >\n\n\n                <!-- OVERLAP -->\n\n                <g class=\"pmx-sq--c\">\n\n                    <rect\n                        x=\"37\"\n                        y=\"42.5\"\n                        width=\"29\"\n                        height=\"29\"\n                        fill=\"#b8bbbe\"\n                    \/>\n\n                <\/g>\n\n\n                <!-- FIRST SQUARE -->\n\n                <g class=\"pmx-sq--a\">\n\n                    <rect\n                        x=\"5\"\n                        y=\"10.5\"\n                        width=\"66\"\n                        height=\"66\"\n                        stroke=\"#455862\"\n                        stroke-width=\"10\"\n                        fill=\"none\"\n                    \/>\n\n                <\/g>\n\n\n                <!-- SECOND SQUARE -->\n\n                <g class=\"pmx-sq--b\">\n\n                    <rect\n                        x=\"32\"\n                        y=\"37.5\"\n                        width=\"66\"\n                        height=\"66\"\n                        stroke=\"#455862\"\n                        stroke-width=\"10\"\n                        fill=\"none\"\n                    \/>\n\n                <\/g>\n\n\n            <\/svg>\n\n        <\/div>\n\n    <\/div>\n\n\n\n    <!-- COPY -->\n\n    <div class=\"pmx-merge__copy\">\n\n\n        <h2 class=\"pmx-merge__motto\">\n            Cephelere de\u011fer, yap\u0131lara kimlik kazand\u0131r\u0131yoruz\n        <\/h2>\n\n\n        <p class=\"pmx-merge__text\">\n            1993\u2019ten bu yana artan deneyimimiz, nitelikli insan kayna\u011f\u0131m\u0131z ve g\u00fc\u00e7l\u00fc \u00fcretim altyap\u0131m\u0131zla uluslararas\u0131 projelerde tercih edilen markalardan biri olman\u0131n hakl\u0131 gururunu ya\u015f\u0131yoruz. Pimeks Group olarak daha b\u00fcy\u00fck hedeflere ula\u015fmak i\u00e7in geli\u015fmeye ve d\u00f6n\u00fc\u015fmeye devam ederken, cephelere de\u011fer kazand\u0131rma misyonuyla hareket ediyoruz.\n        <\/p>\n\n\n        <a\n            class=\"pmx-merge__btn\"\n            href=\"https:\/\/pimeks.com\/hakkimizda\/\"\n        >\n\n            <span>\n                Pimeks\u2019i ke\u015ffet\n            <\/span>\n\n\n            <span\n                class=\"pmx-merge__btn-arrow\"\n                aria-hidden=\"true\"\n            >\n\n                <svg viewBox=\"0 0 18 18\">\n\n                    <path\n                        d=\"M4 14L14 4\"\n                    ><\/path>\n\n                    <path\n                        d=\"M7 4H14V11\"\n                    ><\/path>\n\n                <\/svg>\n\n            <\/span>\n\n\n        <\/a>\n\n\n    <\/div>\n\n\n<\/div>\n\n\n\n<!-- =========================================================\n     ANIMATION\n========================================================= -->\n\n<script>\n\n(function () {\n\n    \"use strict\";\n\n\n    var stage =\n        document.getElementById(\n            \"pmxMergeStage\"\n        );\n\n\n    if (!stage) {\n\n        return;\n    }\n\n\n    function play() {\n\n        stage.classList.remove(\n            \"is-playing\"\n        );\n\n\n        void stage.offsetWidth;\n\n\n        stage.classList.add(\n            \"is-playing\"\n        );\n    }\n\n\n    function stop() {\n\n        stage.classList.remove(\n            \"is-playing\"\n        );\n    }\n\n\n    if (\n        !(\n            \"IntersectionObserver\"\n            in window\n        )\n    ) {\n\n        play();\n\n        return;\n    }\n\n\n    var observer =\n        new IntersectionObserver(\n\n            function (entries) {\n\n                entries.forEach(\n                    function (entry) {\n\n                        if (\n                            entry.isIntersecting\n                        ) {\n\n                            play();\n\n                        } else {\n\n                            stop();\n\n                        }\n\n                    }\n                );\n\n            },\n\n            {\n                threshold:\n                    .4\n            }\n\n        );\n\n\n    observer.observe(\n        stage\n    );\n\n\n})();\n\n<\/script>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4104344 e-flex e-con-boxed pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none e-con e-parent \" data-id=\"4104344\" data-element_type=\"container\" data-e-type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-e19909e elementor-widget elementor-widget-shortcode\" data-id=\"e19909e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n\n<style>\n\n\/* =========================================================\n   ROOT\n========================================================= *\/\n\n.pmx-projects {\n\n    --pmx-white: #ffffff;\n    --pmx-paper: #f6f7f7;\n    --pmx-soft: #edf0f1;\n    --pmx-line: #d9dfe2;\n\n    --pmx-ink: #343a3d;\n    --pmx-body: #444a4d;\n    --pmx-slate: #687176;\n    --pmx-muted: #7d8589;\n\n    position: relative;\n\n    width: 100%;\n\n    margin: 0 auto;\n\n    padding:\n        54px 0\n        64px;\n\n    color:\n        var(--pmx-ink);\n\n    font-family:\n        \"Arian LT\",\n        Arial,\n        sans-serif;\n\n    font-weight:\n        700;\n\n    text-transform:\n        none !important;\n\n    box-sizing:\n        border-box;\n\n    -webkit-font-smoothing:\n        antialiased;\n\n    -moz-osx-font-smoothing:\n        grayscale;\n}\n\n\n.pmx-projects *,\n.pmx-projects *::before,\n.pmx-projects *::after {\n\n    box-sizing:\n        border-box;\n\n    text-transform:\n        none !important;\n}\n\n\n.pmx-projects h2,\n.pmx-projects h3,\n.pmx-projects span,\n.pmx-projects a,\n.pmx-projects button,\n.pmx-projects input,\n.pmx-projects select {\n\n    font-family:\n        \"Arian LT\",\n        Arial,\n        sans-serif !important;\n\n    font-style:\n        normal !important;\n\n    font-weight:\n        700;\n\n    text-transform:\n        none !important;\n}\n\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.pmx-project-heading {\n\n    margin-bottom:\n        30px;\n}\n\n\n.pmx-project-heading h2 {\n\n    max-width:\n        850px;\n\n    margin:\n        0;\n\n    color:\n        var(--pmx-ink);\n\n    font-size:\n        clamp(\n            30px,\n            2.85vw,\n            45px\n        );\n\n    font-weight:\n        700;\n\n    letter-spacing:\n        -.025em;\n\n    line-height:\n        1.12;\n}\n\n\n\n\/* FEATURED *\/\n\n.pmx-layout-featured\n.pmx-project-heading {\n\n    margin-bottom:\n        27px;\n}\n\n\n.pmx-layout-featured\n.pmx-project-heading h2 {\n\n    font-size:\n        clamp(\n            28px,\n            2.5vw,\n            39px\n        );\n}\n\n\n\n\/* =========================================================\n   FILTER AREA\n========================================================= *\/\n\n.pmx-filter-area {\n\n    margin-bottom:\n        48px;\n\n    padding:\n        27px 0\n        28px;\n\n    border-top:\n        1px solid\n        var(--pmx-line);\n\n    border-bottom:\n        1px solid\n        var(--pmx-line);\n}\n\n\n.pmx-filter-grid {\n\n    display:\n        grid;\n\n    grid-template-columns:\n        minmax(240px,1.35fr)\n        repeat(\n            3,\n            minmax(170px,1fr)\n        )\n        minmax(165px,auto);\n\n    gap:\n        22px;\n\n    align-items:\n        end;\n}\n\n\n.pmx-filter-grid label {\n\n    display:\n        block;\n\n    margin:\n        0;\n}\n\n\n.pmx-filter-grid label > span {\n\n    display:\n        block;\n\n    margin-bottom:\n        9px;\n\n    color:\n        #626a6e;\n\n    font-size:\n        11px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1.2;\n\n    letter-spacing:\n        -.005em;\n}\n\n\n\n\/* =========================================================\n   INPUTS\n========================================================= *\/\n\n.pmx-filter-grid input,\n.pmx-filter-grid select {\n\n    width:\n        100%;\n\n    height:\n        48px;\n\n    padding:\n        0 10px;\n\n    border:\n        0;\n\n    border-bottom:\n        1px solid\n        #7b8387;\n\n    border-radius:\n        0;\n\n    outline:\n        none;\n\n    background:\n        transparent;\n\n    color:\n        var(--pmx-body);\n\n    font-size:\n        13px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1;\n}\n\n\n.pmx-filter-grid input::placeholder {\n\n    color:\n        #858c90;\n\n    opacity:\n        1;\n}\n\n\n.pmx-filter-grid input:focus,\n.pmx-filter-grid select:focus {\n\n    border-bottom-color:\n        var(--pmx-ink);\n\n    box-shadow:\n        none;\n}\n\n\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.pmx-reset-filters {\n\n    height:\n        48px;\n\n    padding:\n        0 20px;\n\n    border:\n        1px solid\n        var(--pmx-ink);\n\n    border-radius:\n        0;\n\n    background:\n        transparent;\n\n    color:\n        var(--pmx-ink);\n\n    font-size:\n        11.5px;\n\n    font-weight:\n        700;\n\n    letter-spacing:\n        -.005em;\n\n    cursor:\n        pointer;\n\n    white-space:\n        nowrap;\n\n    transition:\n        background-color .3s ease,\n        color .3s ease;\n}\n\n\n.pmx-reset-filters:hover {\n\n    background:\n        var(--pmx-ink);\n\n    color:\n        var(--pmx-white);\n}\n\n\n\n\/* =========================================================\n   COUNT\n========================================================= *\/\n\n.pmx-results-count {\n\n    margin-top:\n        18px;\n\n    color:\n        #687176;\n\n    font-family:\n        \"Arian LT\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        12px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1.35;\n}\n\n\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n.pmx-project-grid {\n\n    display:\n        grid;\n\n    grid-template-columns:\n        repeat(\n            3,\n            minmax(0,1fr)\n        );\n\n    gap:\n        31px 18px;\n}\n\n\n\n\/* FEATURED *\/\n\n.pmx-layout-featured\n.pmx-project-grid {\n\n    grid-template-columns:\n        repeat(\n            3,\n            minmax(0,1fr)\n        );\n\n    gap:\n        26px 18px;\n}\n\n\n\n\/* =========================================================\n   CARD\n========================================================= *\/\n\n.pmx-project-card {\n\n    min-width:\n        0;\n\n    background:\n        transparent;\n}\n\n\n.pmx-project-card[hidden] {\n\n    display:\n        none !important;\n}\n\n\n.pmx-project-link {\n\n    display:\n        block;\n\n    color:\n        inherit !important;\n\n    text-decoration:\n        none !important;\n}\n\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.pmx-project-image {\n\n    position:\n        relative;\n\n    height:\n        390px;\n\n    margin:\n        0;\n\n    overflow:\n        hidden;\n\n    background:\n        var(--pmx-paper);\n}\n\n\n.pmx-layout-featured\n.pmx-project-image {\n\n    height:\n        clamp(\n            260px,\n            23vw,\n            350px\n        );\n}\n\n\n.pmx-project-image img {\n\n    display:\n        block;\n\n    width:\n        100%;\n\n    height:\n        100%;\n\n    object-fit:\n        cover;\n\n    transform:\n        scale(1);\n\n    transition:\n        transform .85s\n        cubic-bezier(\n            .2,\n            .7,\n            .2,\n            1\n        );\n}\n\n\n\n\/* =========================================================\n   SHADE\n========================================================= *\/\n\n.pmx-project-image-shade {\n\n    position:\n        absolute;\n\n    z-index:\n        2;\n\n    inset:\n        0;\n\n    pointer-events:\n        none;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(15,18,20,.20) 0%,\n            rgba(15,18,20,.26) 55%,\n            rgba(15,18,20,.39) 100%\n        );\n\n    opacity:\n        1;\n\n    transition:\n        opacity .45s ease;\n}\n\n\n.pmx-layout-featured\n.pmx-project-image-shade {\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(12,15,17,.18) 0%,\n            rgba(12,15,17,.23) 45%,\n            rgba(12,15,17,.68) 100%\n        );\n}\n\n\n\n\/* =========================================================\n   HOVER\n========================================================= *\/\n\n.pmx-project-card:hover\n.pmx-project-image img {\n\n    transform:\n        scale(1.025);\n}\n\n\n.pmx-project-card:hover\n.pmx-project-image-shade {\n\n    opacity:\n        .82;\n}\n\n\n\n\/* =========================================================\n   ARCHIVE CAPTION\n========================================================= *\/\n\n.pmx-project-caption {\n\n    display:\n        flex;\n\n    width:\n        100%;\n\n    align-items:\n        center;\n\n    justify-content:\n        flex-start;\n\n    padding:\n        12px 1px 0;\n}\n\n\n.pmx-project-name {\n\n    max-width:\n        100%;\n\n    margin:\n        0;\n\n    color:\n        #555d61;\n\n    font-family:\n        \"Arian LT\",\n        Arial,\n        sans-serif !important;\n\n    font-size:\n        clamp(\n            12px,\n            .82vw,\n            13px\n        );\n\n    font-weight:\n        700;\n\n    line-height:\n        1.42;\n\n    letter-spacing:\n        -.008em;\n\n    transition:\n        color .3s ease;\n}\n\n\n.pmx-project-card:hover\n.pmx-project-name {\n\n    color:\n        var(--pmx-ink);\n}\n\n\n\n\/* =========================================================\n   FEATURED CAPTION\n========================================================= *\/\n\n.pmx-layout-featured\n.pmx-project-caption--inside {\n\n    position:\n        absolute;\n\n    z-index:\n        4;\n\n    right:\n        18px;\n\n    bottom:\n        16px;\n\n    left:\n        18px;\n\n    display:\n        block;\n\n    width:\n        auto;\n\n    padding:\n        0;\n\n    pointer-events:\n        none;\n}\n\n\n.pmx-layout-featured\n.pmx-project-caption--inside\n.pmx-project-name {\n\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            .96\n        );\n\n    font-size:\n        clamp(\n            12.5px,\n            .86vw,\n            14px\n        );\n\n    line-height:\n        1.35;\n\n    text-shadow:\n        0 1px 9px\n        rgba(\n            0,\n            0,\n            0,\n            .25\n        );\n}\n\n\n.pmx-layout-featured\n.pmx-project-card:hover\n.pmx-project-name {\n\n    color:\n        #ffffff;\n}\n\n\n\n\/* =========================================================\n   PLACEHOLDER\n========================================================= *\/\n\n.pmx-image-placeholder {\n\n    display:\n        flex;\n\n    width:\n        100%;\n\n    height:\n        100%;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    background:\n        var(--pmx-paper);\n\n    color:\n        #757d81;\n\n    font-size:\n        12px;\n\n    font-weight:\n        700;\n}\n\n\n\n\/* =========================================================\n   EMPTY\n========================================================= *\/\n\n.pmx-no-results,\n.pmx-project-empty {\n\n    padding:\n        50px 24px;\n\n    border-top:\n        1px solid\n        var(--pmx-line);\n\n    border-bottom:\n        1px solid\n        var(--pmx-line);\n\n    color:\n        #656d71;\n\n    font-family:\n        \"Arian LT\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        13px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1.6;\n\n    text-align:\n        center;\n}\n\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.pmx-all-projects-link {\n\n    display:\n        flex;\n\n    justify-content:\n        flex-end;\n\n    margin-top:\n        30px;\n}\n\n\n.pmx-all-projects-link a {\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    gap:\n        .6rem;\n\n    padding-bottom:\n        .48rem;\n\n    border-bottom:\n        1px solid\n        var(--pmx-ink);\n\n    color:\n        var(--pmx-ink) !important;\n\n    font-size:\n        13.5px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1.2;\n\n    letter-spacing:\n        -.01em;\n\n    text-decoration:\n        none !important;\n\n    transition:\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n.pmx-all-projects-link a:hover {\n\n    color:\n        #687176 !important;\n\n    border-bottom-color:\n        #687176;\n}\n\n\n\n\/* =========================================================\n   ARROW\n========================================================= *\/\n\n.pmx-all-projects-arrow {\n\n    display:\n        inline-flex;\n\n    width:\n        15px;\n\n    height:\n        15px;\n\n    flex:\n        0 0 15px;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    color:\n        currentColor;\n\n    transition:\n        transform .28s ease;\n}\n\n\n.pmx-all-projects-arrow svg {\n\n    display:\n        block;\n\n    width:\n        100%;\n\n    height:\n        100%;\n\n    overflow:\n        visible;\n\n    fill:\n        none;\n\n    stroke:\n        currentColor;\n\n    stroke-width:\n        1.3;\n\n    stroke-linecap:\n        square;\n\n    stroke-linejoin:\n        miter;\n}\n\n\n.pmx-all-projects-link a:hover\n.pmx-all-projects-arrow {\n\n    transform:\n        translate(\n            3px,\n            -3px\n        );\n}\n\n\n\n\/* =========================================================\n   LARGE SCREEN\n========================================================= *\/\n\n@media (min-width:1600px) {\n\n    .pmx-projects {\n\n        padding-top:\n            58px;\n\n        padding-bottom:\n            70px;\n    }\n\n\n    .pmx-layout-featured\n    .pmx-project-image {\n\n        height:\n            360px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1200px) {\n\n    .pmx-filter-grid {\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0,1fr)\n            );\n    }\n\n\n    .pmx-reset-filters {\n\n        width:\n            100%;\n    }\n\n\n    .pmx-project-grid {\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0,1fr)\n            );\n    }\n\n\n    .pmx-layout-featured\n    .pmx-project-grid {\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0,1fr)\n            );\n\n        gap:\n            26px 18px;\n    }\n\n\n    .pmx-layout-featured\n    .pmx-project-image {\n\n        height:\n            clamp(\n                300px,\n                37vw,\n                410px\n            );\n    }\n\n\n    .pmx-project-name {\n\n        font-size:\n            12.5px;\n    }\n\n\n    .pmx-layout-featured\n    .pmx-project-caption--inside\n    .pmx-project-name {\n\n        font-size:\n            13px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:700px) {\n\n    .pmx-projects {\n\n        padding:\n            40px 0\n            48px;\n    }\n\n\n    .pmx-project-heading {\n\n        margin-bottom:\n            24px;\n    }\n\n\n    .pmx-project-heading h2 {\n\n        font-size:\n            clamp(\n                25px,\n                6.7vw,\n                31px\n            );\n\n        line-height:\n            1.13;\n    }\n\n\n    .pmx-filter-area {\n\n        margin-bottom:\n            36px;\n\n        padding:\n            22px 0;\n    }\n\n\n    .pmx-filter-grid {\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            18px;\n    }\n\n\n    .pmx-filter-grid label > span {\n\n        font-size:\n            10.5px;\n    }\n\n\n    .pmx-filter-grid input,\n    .pmx-filter-grid select {\n\n        font-size:\n            12.5px;\n    }\n\n\n    .pmx-project-grid,\n    .pmx-layout-featured\n    .pmx-project-grid {\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            24px;\n    }\n\n\n    .pmx-project-image,\n    .pmx-layout-featured\n    .pmx-project-image {\n\n        height:\n            clamp(\n                310px,\n                96vw,\n                430px\n            );\n    }\n\n\n    .pmx-project-name {\n\n        font-size:\n            12px;\n\n        line-height:\n            1.4;\n    }\n\n\n    .pmx-layout-featured\n    .pmx-project-caption--inside {\n\n        right:\n            16px;\n\n        bottom:\n            15px;\n\n        left:\n            16px;\n    }\n\n\n    .pmx-layout-featured\n    .pmx-project-caption--inside\n    .pmx-project-name {\n\n        font-size:\n            13.5px;\n    }\n\n\n    .pmx-all-projects-link {\n\n        justify-content:\n            flex-start;\n\n        margin-top:\n            26px;\n    }\n\n\n    .pmx-all-projects-link a {\n\n        font-size:\n            13px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:390px) {\n\n    .pmx-project-heading h2 {\n\n        font-size:\n            25px;\n    }\n\n\n    .pmx-project-image,\n    .pmx-layout-featured\n    .pmx-project-image {\n\n        height:\n            330px;\n    }\n\n\n    .pmx-project-name {\n\n        font-size:\n            11.5px;\n    }\n\n\n    .pmx-layout-featured\n    .pmx-project-caption--inside\n    .pmx-project-name {\n\n        font-size:\n            13px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (\n    prefers-reduced-motion:\n    reduce\n) {\n\n    .pmx-project-image img,\n    .pmx-project-image-shade,\n    .pmx-project-name,\n    .pmx-all-projects-arrow {\n\n        transition:\n            none !important;\n    }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n    \"use strict\";\n\n\n    function pmxInitProjectFilters() {\n\n\n        document\n            .querySelectorAll(\n                \".pmx-projects\"\n            )\n            .forEach(\n                function (\n                    section\n                ) {\n\n\n                    if (\n                        section.dataset.pmxReady\n                        === \"true\"\n                    ) {\n\n                        return;\n                    }\n\n\n                    section.dataset.pmxReady =\n                        \"true\";\n\n\n                    const search =\n                        section.querySelector(\n                            \".pmx-search\"\n                        );\n\n\n                    const location =\n                        section.querySelector(\n                            \".pmx-location-filter\"\n                        );\n\n\n                    const category =\n                        section.querySelector(\n                            \".pmx-category-filter\"\n                        );\n\n\n                    const scale =\n                        section.querySelector(\n                            \".pmx-scale-filter\"\n                        );\n\n\n                    const reset =\n                        section.querySelector(\n                            \".pmx-reset-filters\"\n                        );\n\n\n                    const counter =\n                        section.querySelector(\n                            \".pmx-results-count\"\n                        );\n\n\n                    const noResults =\n                        section.querySelector(\n                            \".pmx-no-results\"\n                        );\n\n\n                    const cards =\n                        Array.from(\n                            section.querySelectorAll(\n                                \".pmx-project-card\"\n                            )\n                        );\n\n\n                    if (\n                        ! search &&\n                        ! location &&\n                        ! category &&\n                        ! scale\n                    ) {\n\n                        return;\n                    }\n\n\n\n                    function normalizeSearchText(\n                        value\n                    ) {\n\n                        let text =\n                            String(\n                                value || \"\"\n                            );\n\n\n                        try {\n\n                            text =\n                                text.toLocaleLowerCase(\n                                    \"tr-TR\"\n                                );\n\n                        } catch (\n                            error\n                        ) {\n\n                            text =\n                                text.toLowerCase();\n                        }\n\n\n                        text =\n                            text.replace(\n                                \/\u0131\/g,\n                                \"i\"\n                            );\n\n\n                        if (\n                            typeof text.normalize\n                            === \"function\"\n                        ) {\n\n                            text =\n                                text\n                                    .normalize(\n                                        \"NFD\"\n                                    )\n                                    .replace(\n                                        \/[\\u0300-\\u036f]\/g,\n                                        \"\"\n                                    );\n                        }\n\n\n                        return text\n                            .replace(\n                                \/\u011f\/g,\n                                \"g\"\n                            )\n                            .replace(\n                                \/\u015f\/g,\n                                \"s\"\n                            )\n                            .replace(\n                                \/\u00e7\/g,\n                                \"c\"\n                            )\n                            .replace(\n                                \/\u00f6\/g,\n                                \"o\"\n                            )\n                            .replace(\n                                \/\u00fc\/g,\n                                \"u\"\n                            )\n                            .trim();\n                    }\n\n\n\n                    function containsPipeValue(\n                        data,\n                        value\n                    ) {\n\n                        if (\n                            ! value\n                        ) {\n\n                            return true;\n                        }\n\n\n                        return String(\n                            data || \"\"\n                        )\n                        .split(\"|\")\n                        .filter(Boolean)\n                        .includes(\n                            value\n                        );\n                    }\n\n\n\n                    function updateCounter(\n                        visibleCount\n                    ) {\n\n                        if (\n                            ! counter\n                        ) {\n\n                            return;\n                        }\n\n\n                        const oneTemplate =\n                            section.dataset.countOne\n                            ||\n                            \"%d proje g\u00f6steriliyor\";\n\n\n                        const manyTemplate =\n                            section.dataset.countMany\n                            ||\n                            \"%d proje g\u00f6steriliyor\";\n\n\n                        counter.textContent =\n                            (\n                                visibleCount === 1\n\n                                    ? oneTemplate\n\n                                    : manyTemplate\n                            )\n                            .replace(\n                                \"%d\",\n                                String(\n                                    visibleCount\n                                )\n                            );\n                    }\n\n\n\n                    function applyFilters() {\n\n\n                        const searchValue =\n                            search\n\n                                ? normalizeSearchText(\n                                    search.value\n                                )\n\n                                : \"\";\n\n\n                        const locationValue =\n                            location\n                                ? location.value\n                                : \"\";\n\n\n                        const categoryValue =\n                            category\n                                ? category.value\n                                : \"\";\n\n\n                        const scaleValue =\n                            scale\n                                ? scale.value\n                                : \"\";\n\n\n                        let visibleCount =\n                            0;\n\n\n                        cards.forEach(\n                            function (\n                                card\n                            ) {\n\n\n                                const titleValue =\n                                    normalizeSearchText(\n                                        card.dataset.title\n                                        ||\n                                        \"\"\n                                    );\n\n\n                                const matchesSearch =\n                                    ! searchValue\n                                    ||\n                                    titleValue.includes(\n                                        searchValue\n                                    );\n\n\n                                const matchesLocation =\n                                    ! locationValue\n                                    ||\n                                    card.dataset.location\n                                    === locationValue;\n\n\n                                const matchesCategory =\n                                    containsPipeValue(\n                                        card.dataset.categories,\n                                        categoryValue\n                                    );\n\n\n                                const matchesScale =\n                                    ! scaleValue\n                                    ||\n                                    card.dataset.scale\n                                    === scaleValue;\n\n\n                                const visible =\n                                    matchesSearch\n                                    &&\n                                    matchesLocation\n                                    &&\n                                    matchesCategory\n                                    &&\n                                    matchesScale;\n\n\n                                card.hidden =\n                                    ! visible;\n\n\n                                if (\n                                    visible\n                                ) {\n\n                                    visibleCount++;\n                                }\n\n                            }\n                        );\n\n\n                        updateCounter(\n                            visibleCount\n                        );\n\n\n                        if (\n                            noResults\n                        ) {\n\n                            noResults.hidden =\n                                visibleCount !== 0;\n                        }\n\n                    }\n\n\n\n                    [\n                        search,\n                        location,\n                        category,\n                        scale\n                    ]\n                    .forEach(\n                        function (\n                            control\n                        ) {\n\n                            if (\n                                ! control\n                            ) {\n\n                                return;\n                            }\n\n\n                            control.addEventListener(\n\n                                control.tagName\n                                === \"INPUT\"\n\n                                    ? \"input\"\n\n                                    : \"change\",\n\n                                applyFilters\n                            );\n\n                        }\n                    );\n\n\n\n                    if (\n                        reset\n                    ) {\n\n                        reset.addEventListener(\n                            \"click\",\n\n                            function () {\n\n\n                                if (\n                                    search\n                                ) {\n\n                                    search.value =\n                                        \"\";\n                                }\n\n\n                                if (\n                                    location\n                                ) {\n\n                                    location.value =\n                                        \"\";\n                                }\n\n\n                                if (\n                                    category\n                                ) {\n\n                                    category.value =\n                                        \"\";\n                                }\n\n\n                                if (\n                                    scale\n                                ) {\n\n                                    scale.value =\n                                        \"\";\n                                }\n\n\n                                applyFilters();\n\n                            }\n                        );\n                    }\n\n\n                    applyFilters();\n\n                }\n            );\n\n    }\n\n\n    if (\n        document.readyState\n        === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            pmxInitProjectFilters\n        );\n\n    } else {\n\n        pmxInitProjectFilters();\n    }\n\n\n})();\n\n<\/script>\n\n\n    \n\n    <section\n        id=\"pmx-projects-1\"\n\n        class=\"pmx-projects pmx-layout-featured\"\n\n        lang=\"en\"\n\n        data-no-translation\n\n        data-language=\"en\"\n\n        data-count-one=\"%d project shown\"\n\n        data-count-many=\"%d projects shown\"\n    >\n\n\n        \n\n            <div class=\"pmx-project-heading\">\n\n                <h2>\n                    Our projects                <\/h2>\n\n            <\/div>\n\n\n        \n\n\n        \n\n\n        <div class=\"pmx-project-grid\">\n\n\n            \n\n                \n\n                <article\n                    class=\"pmx-project-card\"\n\n                    data-title=\"atakule yurt i\u00e7i\"\n\n                    data-location=\"yurt-ici\"\n\n                    data-categories=\"alisveris-merkezi|ticari\"\n\n                    data-scale=\"buyuk\"\n                >\n\n\n                    <a\n                        href=\"https:\/\/pimeks.com\/eng\/portfolio\/atakule\/\"\n                        class=\"pmx-project-link\"\n\n                        aria-label=\"Atakule\"\n                    >\n\n\n                        <figure class=\"pmx-project-image\">\n\n\n                            \n                                <img\n                                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2025\/07\/CFBAF082-CC6B-4B51-BAD8-221BAC66E2BF.jpg\"\n                                    alt=\"Atakule\"\n                                    loading=\"lazy\"\n                                    decoding=\"async\"\n                                >\n\n                            \n\n                            <span\n                                class=\"pmx-project-image-shade\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n\n\n\n                            \n\n                                <div\n                                    class=\"pmx-project-caption pmx-project-caption--inside\"\n                                >\n\n                                    <h3 class=\"pmx-project-name\">\n\n                                        Atakule\n                                    <\/h3>\n\n                                <\/div>\n\n\n                            \n\n                        <\/figure>\n\n\n\n                        \n\n                    <\/a>\n\n\n                <\/article>\n\n\n            \n\n                \n\n                <article\n                    class=\"pmx-project-card\"\n\n                    data-title=\"atat\u00fcrk k\u00fclt\u00fcr merkezi yurt i\u00e7i\"\n\n                    data-location=\"yurt-ici\"\n\n                    data-categories=\"kultur-sanat\"\n\n                    data-scale=\"buyuk\"\n                >\n\n\n                    <a\n                        href=\"https:\/\/pimeks.com\/eng\/portfolio\/akm\/\"\n                        class=\"pmx-project-link\"\n\n                        aria-label=\"Atat\u00fcrk K\u00fclt\u00fcr Merkezi\"\n                    >\n\n\n                        <figure class=\"pmx-project-image\">\n\n\n                            \n                                <img\n                                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/071F3842-5A5A-40FF-BC91-2479AF13D7D1.jpg\"\n                                    alt=\"Atat\u00fcrk K\u00fclt\u00fcr Merkezi\"\n                                    loading=\"lazy\"\n                                    decoding=\"async\"\n                                >\n\n                            \n\n                            <span\n                                class=\"pmx-project-image-shade\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n\n\n\n                            \n\n                                <div\n                                    class=\"pmx-project-caption pmx-project-caption--inside\"\n                                >\n\n                                    <h3 class=\"pmx-project-name\">\n\n                                        Atat\u00fcrk K\u00fclt\u00fcr Merkezi\n                                    <\/h3>\n\n                                <\/div>\n\n\n                            \n\n                        <\/figure>\n\n\n\n                        \n\n                    <\/a>\n\n\n                <\/article>\n\n\n            \n\n                \n\n                <article\n                    class=\"pmx-project-card\"\n\n                    data-title=\"vega center yurt i\u00e7i\"\n\n                    data-location=\"yurt-ici\"\n\n                    data-categories=\"kurumsal\"\n\n                    data-scale=\"buyuk\"\n                >\n\n\n                    <a\n                        href=\"https:\/\/pimeks.com\/eng\/portfolio\/vega-center\/\"\n                        class=\"pmx-project-link\"\n\n                        aria-label=\"Vega Center\"\n                    >\n\n\n                        <figure class=\"pmx-project-image\">\n\n\n                            \n                                <img\n                                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/vega-center-bitmis-5-683x1024.webp\"\n                                    alt=\"Vega Center\"\n                                    loading=\"lazy\"\n                                    decoding=\"async\"\n                                >\n\n                            \n\n                            <span\n                                class=\"pmx-project-image-shade\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n\n\n\n                            \n\n                                <div\n                                    class=\"pmx-project-caption pmx-project-caption--inside\"\n                                >\n\n                                    <h3 class=\"pmx-project-name\">\n\n                                        Vega Center\n                                    <\/h3>\n\n                                <\/div>\n\n\n                            \n\n                        <\/figure>\n\n\n\n                        \n\n                    <\/a>\n\n\n                <\/article>\n\n\n            \n\n                \n\n                <article\n                    class=\"pmx-project-card\"\n\n                    data-title=\"bomonti tower yurt i\u00e7i\"\n\n                    data-location=\"yurt-ici\"\n\n                    data-categories=\"konut\"\n\n                    data-scale=\"kucuk\"\n                >\n\n\n                    <a\n                        href=\"https:\/\/pimeks.com\/eng\/portfolio\/bomonti-tower\/\"\n                        class=\"pmx-project-link\"\n\n                        aria-label=\"Bomonti Tower\"\n                    >\n\n\n                        <figure class=\"pmx-project-image\">\n\n\n                            \n                                <img\n                                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/1F9E9F08-6BAB-43CB-9F33-E1A7E0382A9E.jpg\"\n                                    alt=\"Bomonti Tower\"\n                                    loading=\"lazy\"\n                                    decoding=\"async\"\n                                >\n\n                            \n\n                            <span\n                                class=\"pmx-project-image-shade\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n\n\n\n                            \n\n                                <div\n                                    class=\"pmx-project-caption pmx-project-caption--inside\"\n                                >\n\n                                    <h3 class=\"pmx-project-name\">\n\n                                        Bomonti Tower\n                                    <\/h3>\n\n                                <\/div>\n\n\n                            \n\n                        <\/figure>\n\n\n\n                        \n\n                    <\/a>\n\n\n                <\/article>\n\n\n            \n\n                \n\n                <article\n                    class=\"pmx-project-card\"\n\n                    data-title=\"kuzu effect yurt i\u00e7i\"\n\n                    data-location=\"yurt-ici\"\n\n                    data-categories=\"\"\n\n                    data-scale=\"buyuk\"\n                >\n\n\n                    <a\n                        href=\"https:\/\/pimeks.com\/eng\/portfolio\/kuzu-effect\/\"\n                        class=\"pmx-project-link\"\n\n                        aria-label=\"Kuzu Effect\"\n                    >\n\n\n                        <figure class=\"pmx-project-image\">\n\n\n                            \n                                <img\n                                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/kuzu-effect-7-1024x768.webp\"\n                                    alt=\"Kuzu Effect\"\n                                    loading=\"lazy\"\n                                    decoding=\"async\"\n                                >\n\n                            \n\n                            <span\n                                class=\"pmx-project-image-shade\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n\n\n\n                            \n\n                                <div\n                                    class=\"pmx-project-caption pmx-project-caption--inside\"\n                                >\n\n                                    <h3 class=\"pmx-project-name\">\n\n                                        Kuzu Effect\n                                    <\/h3>\n\n                                <\/div>\n\n\n                            \n\n                        <\/figure>\n\n\n\n                        \n\n                    <\/a>\n\n\n                <\/article>\n\n\n            \n\n                \n\n                <article\n                    class=\"pmx-project-card\"\n\n                    data-title=\"i\u0307stanbul modern yurt i\u00e7i\"\n\n                    data-location=\"yurt-ici\"\n\n                    data-categories=\"kultur-sanat|ticari\"\n\n                    data-scale=\"buyuk\"\n                >\n\n\n                    <a\n                        href=\"https:\/\/pimeks.com\/eng\/portfolio\/istanbul-modern\/\"\n                        class=\"pmx-project-link\"\n\n                        aria-label=\"\u0130stanbul Modern\"\n                    >\n\n\n                        <figure class=\"pmx-project-image\">\n\n\n                            \n                                <img\n                                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/Istanbul-Modern-3.webp\"\n                                    alt=\"\u0130stanbul Modern\"\n                                    loading=\"lazy\"\n                                    decoding=\"async\"\n                                >\n\n                            \n\n                            <span\n                                class=\"pmx-project-image-shade\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n\n\n\n                            \n\n                                <div\n                                    class=\"pmx-project-caption pmx-project-caption--inside\"\n                                >\n\n                                    <h3 class=\"pmx-project-name\">\n\n                                        \u0130stanbul Modern\n                                    <\/h3>\n\n                                <\/div>\n\n\n                            \n\n                        <\/figure>\n\n\n\n                        \n\n                    <\/a>\n\n\n                <\/article>\n\n\n            \n\n        <\/div>\n\n\n\n        <div\n            class=\"pmx-no-results\"\n            hidden\n        >\n\n            No projects match the selected filters.\n        <\/div>\n\n\n\n        \n\n            <div class=\"pmx-all-projects-link\">\n\n                <a\n                    href=\"https:\/\/pimeks.com\/eng\/projeler\/\"\n                >\n\n                    <span>\n                        Explore projects                    <\/span>\n\n\n                    <span\n                        class=\"pmx-all-projects-arrow\"\n                        aria-hidden=\"true\"\n                    >\n\n                        <svg viewBox=\"0 0 18 18\">\n                            <path d=\"M4 14L14 4\"><\/path>\n                            <path d=\"M7 4H14V11\"><\/path>\n                        <\/svg>\n\n                    <\/span>\n\n                <\/a>\n\n            <\/div>\n\n\n        \n\n    <\/section>\n\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-647bf03 pimeks-markalar-static e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none e-con e-parent \" data-id=\"647bf03\" data-element_type=\"container\" data-e-type=\"container\"><div class=\"elementor-element elementor-element-f818f66 e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none e-con e-child \" data-id=\"f818f66\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-68f1c87 elementor-widget elementor-widget-html\" data-id=\"68f1c87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     P\u0130MEKS GROUP \u2014 ANA SAYFA \/ MARKALARIMIZ\n     OWNER REVISION V5 \/ AUGUST 2026\n\n     - Kurumsal font: Arian LT\n     - Body okunabilir koyu gri\n     - Ger\u00e7ek marka logolar\u0131 dekoratif arka plan\n     - Dekoratif logolar hi\u00e7bir ekranda kesilmez\n     - Marka sistem listeleri\n     - Desktop \/ Tablet \/ Mobile\n========================================================= -->\n\n<style>\n\n\/* =========================================================\n   ROOT\n========================================================= *\/\n\n.pmb-brands {\n\n    --pmb-dark: #343a3d;\n    --pmb-ink: #3b4144;\n    --pmb-body: #444a4d;\n    --pmb-gray: #747c81;\n    --pmb-icon: #879196;\n    --pmb-light: #f4f5f5;\n    --pmb-white: #ffffff;\n    --pmb-line: rgba(70,67,66,.14);\n    --pmb-ease: cubic-bezier(.2,.72,.2,1);\n\n    width: 100vw;\n    max-width: none;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    overflow: hidden;\n\n    background: var(--pmb-light);\n    color: var(--pmb-ink);\n\n    font-family:\n        \"Arian LT\",\n        Arial,\n        sans-serif;\n\n    font-weight: 700;\n\n    text-transform: none !important;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\n.pmb-brands *,\n.pmb-brands *::before,\n.pmb-brands *::after {\n\n    box-sizing: border-box;\n    text-transform: none !important;\n}\n\n\n.pmb-brands h1,\n.pmb-brands h2,\n.pmb-brands h3,\n.pmb-brands p,\n.pmb-brands a,\n.pmb-brands span,\n.pmb-brands li {\n\n    font-family:\n        \"Arian LT\",\n        Arial,\n        sans-serif !important;\n\n    font-style: normal !important;\n    text-transform: none !important;\n}\n\n\n.pmb-container {\n\n    width:\n        min(\n            1540px,\n            calc(100% - 72px)\n        );\n\n    margin: 0 auto;\n}\n\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.pmb-header {\n\n    padding:\n        58px 0\n        50px;\n\n    border-bottom:\n        1px solid\n        var(--pmb-line);\n}\n\n\n.pmb-header-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,1.28fr)\n        minmax(350px,.72fr);\n\n    gap:\n        clamp(\n            50px,\n            7vw,\n            110px\n        );\n\n    align-items: end;\n}\n\n\n\n\/* =========================================================\n   MAIN TITLE\n========================================================= *\/\n\n.pmb-main-title {\n\n    max-width: 850px;\n\n    margin: 0;\n\n    color: var(--pmb-dark);\n\n    font-size:\n        clamp(\n            29px,\n            2.9vw,\n            43px\n        );\n\n    font-weight: 700;\n\n    line-height: 1.12;\n\n    letter-spacing: -.025em;\n}\n\n\n.pmb-main-title span {\n\n    display: block;\n\n    margin-top: .1em;\n\n    color: var(--pmb-gray);\n\n    font-weight: 700;\n}\n\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.pmb-intro {\n\n    max-width: 540px;\n\n    margin: 0;\n\n    color: var(--pmb-body);\n\n    font-size:\n        clamp(\n            15px,\n            .92vw,\n            16px\n        );\n\n    font-weight: 700;\n\n    line-height: 1.7;\n\n    letter-spacing: -.008em;\n}\n\n\n\n\/* =========================================================\n   BRAND ROW\n========================================================= *\/\n\n.pmb-brand {\n\n    position: relative;\n\n    isolation: isolate;\n\n    overflow: hidden;\n\n    border-bottom:\n        1px solid\n        var(--pmb-line);\n}\n\n\n.pmb-brand::before {\n\n    position: absolute;\n\n    z-index: 0;\n\n    inset: 0;\n\n    content: \"\";\n\n    background: var(--pmb-white);\n\n    opacity: 0;\n\n    transition:\n        opacity .4s ease;\n}\n\n\n.pmb-brand:hover::before {\n\n    opacity: 1;\n}\n\n\n\n\/* =========================================================\n   DECORATIVE BACKGROUND LOGO\n   REVISION: ARTIK KES\u0130LMEZ\n========================================================= *\/\n\n.pmb-bg-logo {\n\n    position: absolute;\n\n    z-index: 1;\n\n    top: 22px;\n\n    right:\n        clamp(\n            32px,\n            5vw,\n            90px\n        );\n\n    display: flex;\n\n    width:\n        clamp(\n            280px,\n            28vw,\n            500px\n        );\n\n    max-width:\n        calc(100% - 80px);\n\n    height:\n        clamp(\n            105px,\n            12vw,\n            180px\n        );\n\n    align-items: center;\n\n    justify-content: flex-end;\n\n    pointer-events: none;\n\n    user-select: none;\n\n    opacity: .055;\n\n    mix-blend-mode: multiply;\n\n    transform: translateX(0);\n\n    transition:\n        opacity .45s ease,\n        transform .65s var(--pmb-ease);\n}\n\n\n.pmb-bg-logo img {\n\n    display: block;\n\n    width: 100%;\n\n    max-width: 100%;\n\n    height: 100%;\n\n    max-height: 100%;\n\n    object-fit: contain;\n\n    object-position: right center;\n\n    filter: none !important;\n    -webkit-filter: none !important;\n}\n\n\n.pmb-brand:hover\n.pmb-bg-logo {\n\n    opacity: .08;\n\n    transform: translateX(-5px);\n}\n\n\n\n\/* =========================================================\n   BRAND INNER\n========================================================= *\/\n\n.pmb-brand-inner {\n\n    position: relative;\n\n    z-index: 2;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(300px,.78fr)\n        minmax(480px,1.22fr);\n\n    gap:\n        clamp(\n            55px,\n            7vw,\n            115px\n        );\n\n    align-items: center;\n\n    min-height: 520px;\n\n    padding:\n        72px 0\n        70px;\n}\n\n\n\n\/* =========================================================\n   MAIN LOGO AREA\n========================================================= *\/\n\n.pmb-logo-wrap {\n\n    position: relative;\n\n    display: flex;\n\n    min-width: 0;\n\n    min-height: 210px;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding:\n        28px\n        clamp(22px,3vw,46px)\n        28px\n        0;\n\n    border-right:\n        1px solid\n        var(--pmb-line);\n}\n\n\n.pmb-logo-wrap::before,\n.pmb-logo-wrap::after {\n\n    position: absolute;\n\n    width: 42px;\n    height: 42px;\n\n    border-color:\n        var(--pmb-line);\n\n    border-style: solid;\n\n    content: \"\";\n\n    opacity: 0;\n\n    transition:\n        opacity .35s ease,\n        transform .4s\n        var(--pmb-ease);\n}\n\n\n.pmb-logo-wrap::before {\n\n    top: 6px;\n    left: 6px;\n\n    border-width:\n        1px 0 0 1px;\n\n    transform:\n        translate(10px,10px);\n}\n\n\n.pmb-logo-wrap::after {\n\n    right: 28px;\n    bottom: 6px;\n\n    border-width:\n        0 1px 1px 0;\n\n    transform:\n        translate(-10px,-10px);\n}\n\n\n.pmb-brand:hover\n.pmb-logo-wrap::before,\n\n.pmb-brand:hover\n.pmb-logo-wrap::after {\n\n    opacity: 1;\n\n    transform:\n        translate(0,0);\n}\n\n\n\n\/* =========================================================\n   MAIN LOGOS\n========================================================= *\/\n\n.pmb-logo {\n\n    display: block;\n\n    width: 100%;\n    height: auto;\n\n    max-width: 345px;\n    max-height: 145px;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    filter: none !important;\n    -webkit-filter: none !important;\n\n    transition:\n        transform .55s\n        var(--pmb-ease);\n}\n\n\n.pmb-brand:hover\n.pmb-logo {\n\n    transform: scale(1.025);\n}\n\n\n\n\/* JUSTEEL *\/\n\n.pmb-brand--justeel\n.pmb-logo {\n\n    max-width: 360px;\n\n    transform: scale(1.07);\n}\n\n\n.pmb-brand--justeel:hover\n.pmb-logo {\n\n    transform: scale(1.095);\n}\n\n\n\n\/* SOPHORA *\/\n\n.pmb-brand--sophora\n.pmb-logo {\n\n    max-width: 355px;\n}\n\n\n\n\/* XCEPTION *\/\n\n.pmb-brand--xception\n.pmb-logo {\n\n    max-width: 355px;\n\n    transform: scale(1.07);\n}\n\n\n.pmb-brand--xception:hover\n.pmb-logo {\n\n    transform: scale(1.095);\n}\n\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.pmb-content {\n\n    position: relative;\n\n    z-index: 3;\n\n    min-width: 0;\n\n    padding-right:\n        clamp(\n            0px,\n            3vw,\n            44px\n        );\n}\n\n\n\n\/* =========================================================\n   SLOGAN\n========================================================= *\/\n\n.pmb-slogan {\n\n    max-width: 760px;\n\n    margin:\n        0 0\n        17px;\n\n    color: var(--pmb-dark);\n\n    font-size:\n        clamp(\n            21px,\n            1.65vw,\n            28px\n        );\n\n    font-weight: 700;\n\n    line-height: 1.22;\n\n    letter-spacing: -.022em;\n}\n\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.pmb-description {\n\n    max-width: 790px;\n\n    color: var(--pmb-body);\n\n    font-size:\n        clamp(\n            15px,\n            .9vw,\n            16px\n        );\n\n    font-weight: 700;\n\n    line-height: 1.7;\n\n    letter-spacing: -.008em;\n}\n\n\n.pmb-description p {\n\n    margin: 0;\n}\n\n\n\n\/* =========================================================\n   FEATURE LIST\n========================================================= *\/\n\n.pmb-features {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(\n            2,\n            minmax(0,1fr)\n        );\n\n    gap:\n        11px 28px;\n\n    max-width: 800px;\n\n    margin:\n        25px 0 0;\n\n    padding: 0;\n\n    list-style: none;\n}\n\n\n.pmb-feature {\n\n    display: flex;\n\n    min-width: 0;\n\n    align-items: flex-start;\n\n    gap: 9px;\n\n    color: #3c4245;\n\n    font-size:\n        clamp(\n            13px,\n            .77vw,\n            14px\n        );\n\n    font-weight: 700;\n\n    line-height: 1.48;\n\n    letter-spacing: -.006em;\n}\n\n\n.pmb-feature-icon {\n\n    display: inline-flex;\n\n    width: 17px;\n    height: 17px;\n\n    flex:\n        0 0 17px;\n\n    align-items: center;\n\n    justify-content: center;\n\n    margin-top: 1px;\n\n    color: var(--pmb-icon);\n}\n\n\n.pmb-feature-icon svg {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 1.35;\n\n    stroke-linecap: square;\n    stroke-linejoin: miter;\n}\n\n\n\n\/* =========================================================\n   DISCOVER\n========================================================= *\/\n\n.pmb-discover {\n\n    position: absolute;\n\n    z-index: 5;\n\n    right: 0;\n    bottom: 23px;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: .55rem;\n\n    padding-bottom: .45rem;\n\n    border-bottom:\n        1px solid\n        var(--pmb-ink);\n\n    color:\n        var(--pmb-ink) !important;\n\n    font-size: 13px;\n\n    font-weight: 700;\n\n    line-height: 1.2;\n\n    letter-spacing: -.008em;\n\n    text-decoration:\n        none !important;\n\n    transition:\n        color .25s ease,\n        border-color .25s ease;\n}\n\n\n.pmb-discover__arrow {\n\n    display: inline-flex;\n\n    width: 15px;\n    height: 15px;\n\n    flex:\n        0 0 15px;\n\n    align-items: center;\n\n    justify-content: center;\n\n    color: currentColor;\n\n    transition:\n        transform .28s\n        var(--pmb-ease);\n}\n\n\n.pmb-discover__arrow svg {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: visible;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 1.25;\n\n    stroke-linecap: square;\n    stroke-linejoin: miter;\n}\n\n\n.pmb-discover:hover {\n\n    color:\n        var(--pmb-gray) !important;\n\n    border-bottom-color:\n        var(--pmb-gray);\n}\n\n\n.pmb-discover:hover\n.pmb-discover__arrow {\n\n    transform:\n        translate(\n            3px,\n            -3px\n        );\n}\n\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.pmb-reveal {\n\n    opacity: 0;\n\n    transform:\n        translateY(22px);\n\n    transition:\n        opacity .75s ease,\n        transform .8s\n        var(--pmb-ease);\n}\n\n\n.pmb-reveal.pmb-visible {\n\n    opacity: 1;\n\n    transform:\n        translateY(0);\n}\n\n\n.pmb-delay-1 {\n\n    transition-delay: .12s;\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1100px) {\n\n    .pmb-container {\n\n        width:\n            min(\n                calc(100% - 48px),\n                1540px\n            );\n    }\n\n\n    .pmb-header {\n\n        padding:\n            52px 0\n            45px;\n    }\n\n\n    .pmb-header-grid {\n\n        grid-template-columns: 1fr;\n\n        gap: 22px;\n    }\n\n\n    .pmb-intro {\n\n        max-width: 720px;\n\n        font-size: 15px;\n    }\n\n\n    .pmb-brand-inner {\n\n        grid-template-columns:\n            minmax(245px,.8fr)\n            minmax(0,1.2fr);\n\n        gap: 44px;\n\n        min-height: 520px;\n\n        padding:\n            66px 0\n            64px;\n    }\n\n\n\n    \/* ARKA LOGO \u2014 TABLET *\/\n\n    .pmb-bg-logo {\n\n        top: 20px;\n\n        right: 28px;\n\n        width:\n            min(\n                360px,\n                38vw\n            );\n\n        max-width:\n            calc(100% - 56px);\n\n        height: 145px;\n    }\n\n\n    .pmb-logo-wrap {\n\n        min-height: 185px;\n\n        padding:\n            22px 32px\n            22px 0;\n    }\n\n\n    .pmb-logo {\n\n        max-width: 290px;\n        max-height: 115px;\n    }\n\n\n    .pmb-brand--justeel\n    .pmb-logo {\n\n        max-width: 305px;\n    }\n\n\n    .pmb-brand--sophora\n    .pmb-logo {\n\n        max-width: 305px;\n    }\n\n\n    .pmb-brand--xception\n    .pmb-logo {\n\n        max-width: 300px;\n    }\n\n\n    .pmb-description {\n\n        font-size: 14.5px;\n    }\n\n\n    .pmb-features {\n\n        grid-template-columns: 1fr;\n\n        gap: 9px;\n    }\n\n\n    .pmb-feature {\n\n        font-size: 13px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n    .pmb-container {\n\n        width:\n            calc(100% - 32px);\n    }\n\n\n\n    \/* HEADER *\/\n\n    .pmb-header {\n\n        padding:\n            40px 0\n            35px;\n    }\n\n\n    .pmb-header-grid {\n\n        gap: 18px;\n    }\n\n\n    .pmb-main-title {\n\n        max-width: 100%;\n\n        font-size:\n            clamp(\n                26px,\n                6.7vw,\n                32px\n            );\n\n        line-height: 1.14;\n    }\n\n\n    .pmb-main-title span {\n\n        margin-top: 6px;\n    }\n\n\n    .pmb-intro {\n\n        max-width: none;\n\n        font-size: 14px;\n\n        line-height: 1.68;\n    }\n\n\n\n    \/* BRAND *\/\n\n    .pmb-brand-inner {\n\n        display: flex;\n\n        min-height: 0;\n\n        flex-direction: column;\n\n        align-items: stretch;\n\n        gap: 0;\n\n        padding:\n            42px 0\n            49px;\n    }\n\n\n\n    \/* =====================================================\n       BACKGROUND LOGO \u2014 MOBILE FIX\n       Eskiden right:-14px oldu\u011fu i\u00e7in kesiliyordu.\n    ====================================================== *\/\n\n    .pmb-bg-logo {\n\n        top: 14px;\n\n        right: 16px;\n\n        width:\n            min(\n                225px,\n                calc(100% - 32px)\n            );\n\n        max-width:\n            calc(100% - 32px);\n\n        height: 88px;\n\n        opacity: .055;\n\n        transform: none;\n    }\n\n\n    .pmb-bg-logo img {\n\n        width: 100%;\n\n        max-width: 100%;\n\n        height: 100%;\n\n        object-fit: contain;\n\n        object-position: right center;\n    }\n\n\n    .pmb-brand:hover\n    .pmb-bg-logo {\n\n        opacity: .055;\n\n        transform: none;\n    }\n\n\n\n    \/* LOGO *\/\n\n    .pmb-logo-wrap {\n\n        order: 1;\n\n        width: 100%;\n\n        min-height: 105px;\n\n        justify-content: flex-start;\n\n        margin:\n            19px 0\n            14px;\n\n        padding:\n            6px 0;\n\n        border-right: 0;\n    }\n\n\n    .pmb-logo-wrap::before,\n    .pmb-logo-wrap::after {\n\n        display: none;\n    }\n\n\n    .pmb-logo {\n\n        width: auto;\n\n        max-width: 225px;\n        max-height: 80px;\n\n        object-position:\n            left center;\n    }\n\n\n    .pmb-brand--justeel\n    .pmb-logo {\n\n        max-width: 225px;\n\n        transform: scale(1.05);\n\n        transform-origin:\n            left center;\n    }\n\n\n    .pmb-brand--justeel:hover\n    .pmb-logo {\n\n        transform: scale(1.05);\n    }\n\n\n    .pmb-brand--sophora\n    .pmb-logo {\n\n        max-width: 240px;\n    }\n\n\n    .pmb-brand--sophora:hover\n    .pmb-logo {\n\n        transform: none;\n    }\n\n\n    .pmb-brand--xception\n    .pmb-logo {\n\n        max-width: 225px;\n\n        transform: scale(1.05);\n\n        transform-origin:\n            left center;\n    }\n\n\n    .pmb-brand--xception:hover\n    .pmb-logo {\n\n        transform: scale(1.05);\n    }\n\n\n\n    \/* CONTENT *\/\n\n    .pmb-content {\n\n        order: 2;\n\n        width: 100%;\n\n        padding-right: 0;\n    }\n\n\n    .pmb-slogan {\n\n        max-width: 100%;\n\n        margin-bottom: 14px;\n\n        font-size:\n            clamp(\n                18px,\n                4.8vw,\n                21px\n            );\n\n        line-height: 1.25;\n    }\n\n\n    .pmb-description {\n\n        max-width: 100%;\n\n        font-size: 13.8px;\n\n        line-height: 1.68;\n    }\n\n\n\n    \/* FEATURES *\/\n\n    .pmb-features {\n\n        grid-template-columns: 1fr;\n\n        gap: 9px;\n\n        margin-top: 20px;\n    }\n\n\n    .pmb-feature {\n\n        font-size: 12.5px;\n\n        line-height: 1.48;\n    }\n\n\n\n    \/* DISCOVER *\/\n\n    .pmb-discover {\n\n        position: static;\n\n        order: 3;\n\n        align-self: flex-start;\n\n        margin-top: 25px;\n\n        font-size: 12.5px;\n    }\n\n\n    .pmb-discover__arrow {\n\n        width: 14px;\n        height: 14px;\n\n        flex-basis: 14px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:390px) {\n\n    .pmb-container {\n\n        width:\n            calc(100% - 28px);\n    }\n\n\n    .pmb-main-title {\n\n        font-size: 25px;\n    }\n\n\n    .pmb-intro {\n\n        font-size: 13.5px;\n    }\n\n\n\n    \/* ARKA LOGO *\/\n\n    .pmb-bg-logo {\n\n        right: 14px;\n\n        width:\n            min(\n                200px,\n                calc(100% - 28px)\n            );\n\n        max-width:\n            calc(100% - 28px);\n\n        height: 78px;\n    }\n\n\n    .pmb-logo {\n\n        max-width: 205px;\n\n        max-height: 73px;\n    }\n\n\n    .pmb-brand--justeel\n    .pmb-logo {\n\n        max-width: 205px;\n    }\n\n\n    .pmb-brand--sophora\n    .pmb-logo {\n\n        max-width: 215px;\n    }\n\n\n    .pmb-brand--xception\n    .pmb-logo {\n\n        max-width: 205px;\n    }\n\n\n    .pmb-slogan {\n\n        font-size: 17.5px;\n    }\n\n\n    .pmb-description {\n\n        font-size: 13.3px;\n    }\n\n\n    .pmb-feature {\n\n        font-size: 12px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n    .pmb-reveal {\n\n        opacity: 1;\n\n        transform: none;\n\n        transition: none;\n    }\n\n\n    .pmb-brand,\n    .pmb-brand::before,\n    .pmb-bg-logo,\n    .pmb-logo,\n    .pmb-logo-wrap::before,\n    .pmb-logo-wrap::after {\n\n        transition: none !important;\n    }\n\n}\n.pmb-header-grid {\n    display: block;\n}\n\n.pmb-main-title {\n    max-width: 1100px;\n}\n\n.pmb-header {\n    padding-bottom: 35px;\n}\n<\/style>\n\n\n\n<section\n    class=\"pmb-brands\"\n    lang=\"tr\"\n>\n\n\n<!-- =====================================================\n     HEADER\n====================================================== -->\n\n<header class=\"pmb-header\">\n\n    <div class=\"pmb-container\">\n\n        <div class=\"pmb-header-grid\">\n\n          <h2 class=\"pmb-main-title pmb-reveal\">\n    Markalar\u0131m\u0131z; uzmanl\u0131\u011f\u0131m\u0131z\u0131n \u00fc\u00e7 g\u00fc\u00e7l\u00fc imzas\u0131\n<\/h2>\n\n        <\/div>\n\n    <\/div>\n\n<\/header>\n\n\n\n<!-- =====================================================\n     JUSTEEL\n====================================================== -->\n\n<article class=\"pmb-brand pmb-brand--justeel\">\n\n\n    <div\n        class=\"pmb-bg-logo\"\n        aria-hidden=\"true\"\n    >\n\n        <img decoding=\"async\"\n            src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/07\/justeel_logo_700x440.png\"\n            alt=\"\"\n        >\n\n    <\/div>\n\n\n    <div class=\"pmb-container\">\n\n        <div class=\"pmb-brand-inner\">\n\n\n            <div class=\"pmb-logo-wrap pmb-reveal\">\n\n                <img\n                    class=\"pmb-logo\"\n                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/07\/justeel_logo_700x440.png\"\n                    alt=\"Justeel\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/div>\n\n\n            <div class=\"pmb-content pmb-reveal pmb-delay-1\">\n\n\n                <h3 class=\"pmb-slogan\">\n                    \u00c7eli\u011fe kimlik kazand\u0131r\u0131yoruz\n                <\/h3>\n\n\n                <div class=\"pmb-description\">\n\n                    <p>\n                        Justeel, paslanmaz \u00e7eli\u011fi yaln\u0131zca bir malzeme de\u011fil, tasar\u0131m\u0131n bir par\u00e7as\u0131 olarak g\u00f6r\u00fcr. Paslanmaz \u00e7elik aksesuarlar\u0131; \u00f6zel \u00fcretim, kusursuz i\u015f\u00e7ilik ve zamans\u0131z \u00e7izgileriyle projelere karakter kazand\u0131r\u0131r.\n                    <\/p>\n\n                <\/div>\n\n\n                <ul class=\"pmb-features\">\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>Paslanmaz \u00e7elik ve boyal\u0131 \u00e7elik cam tutucu sistemleri<\/span>\n                    <\/li>\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>Paslanmaz \u00e7elik ve boyal\u0131 \u00e7elik korkuluk sistemleri<\/span>\n                    <\/li>\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>Spider sistemler<\/span>\n                    <\/li>\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>Keskin k\u00f6\u015feli \u00e7elik cephe sistemleri<\/span>\n                    <\/li>\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>Standart veya projeye \u00f6zel cam tutucu sistemleri<\/span>\n                    <\/li>\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>Gergi halatl\u0131, profilli ve caml\u0131 standart veya projeye \u00f6zel korkuluk sistemleri<\/span>\n                    <\/li>\n\n\n                <\/ul>\n\n\n            <\/div>\n\n\n            <a\n                class=\"pmb-discover\"\n                href=\"https:\/\/justeel.com.tr\/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n            >\n\n                <span>\n                    Justeel\u2019i ke\u015ffet\n                <\/span>\n\n\n                <span\n                    class=\"pmb-discover__arrow\"\n                    aria-hidden=\"true\"\n                >\n\n                    <svg viewBox=\"0 0 18 18\">\n                        <path d=\"M4 14L14 4\"><\/path>\n                        <path d=\"M7 4H14V11\"><\/path>\n                    <\/svg>\n\n                <\/span>\n\n            <\/a>\n\n\n        <\/div>\n\n    <\/div>\n\n\n<\/article>\n\n\n\n<!-- =====================================================\n     SOPHORA\n====================================================== -->\n\n<article class=\"pmb-brand pmb-brand--sophora\">\n\n\n    <div\n        class=\"pmb-bg-logo\"\n        aria-hidden=\"true\"\n    >\n\n        <img decoding=\"async\"\n            src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/07\/sophora_logo_orijinal.png\"\n            alt=\"\"\n        >\n\n    <\/div>\n\n\n    <div class=\"pmb-container\">\n\n        <div class=\"pmb-brand-inner\">\n\n\n            <div class=\"pmb-logo-wrap pmb-reveal\">\n\n                <img\n                    class=\"pmb-logo\"\n                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/07\/sophora_logo_orijinal.png\"\n                    alt=\"Sophora Sunshades\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/div>\n\n\n            <div class=\"pmb-content pmb-reveal pmb-delay-1\">\n\n\n                <h3 class=\"pmb-slogan\">\n                    Ak\u0131ll\u0131 sistemlerle g\u00fcne\u015f \u0131\u015f\u0131\u011f\u0131n\u0131 kontrol ediyoruz\n                <\/h3>\n\n\n                <div class=\"pmb-description\">\n\n                    <p>\n                        Sophora Sunshades g\u00fcne\u015f \u0131\u015f\u0131\u011f\u0131n\u0131 yaln\u0131zca filtrelemez; mek\u00e2n deneyimini yeniden \u015fekillendirir. Enerji verimlili\u011fi, estetik ve konforu tek \u00e7\u00f6z\u00fcmde, g\u00fcne\u015f k\u0131r\u0131c\u0131 sistemlerde bulu\u015fturur.\n                    <\/p>\n\n                <\/div>\n\n\n                <ul class=\"pmb-features\">\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>Al\u00fcminyum pergola sistemleri<\/span>\n                    <\/li>\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>Dikey ve yatay katlan\u0131r sistemler<\/span>\n                    <\/li>\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>Yatay katlan\u0131r sistemler<\/span>\n                    <\/li>\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>D\u0131\u015f cephe jaluzi sistemleri<\/span>\n                    <\/li>\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>Kepenk ve panjur sistemleri<\/span>\n                    <\/li>\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>Hareketli ve sabit al\u00fcminyum g\u00fcne\u015f k\u0131r\u0131c\u0131 sistemleri<\/span>\n                    <\/li>\n\n                <\/ul>\n\n\n            <\/div>\n\n\n            <a\n                class=\"pmb-discover\"\n                href=\"https:\/\/sophorasunshades.com\/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n            >\n\n                <span>\n                    Sophora\u2019y\u0131 ke\u015ffet\n                <\/span>\n\n\n                <span\n                    class=\"pmb-discover__arrow\"\n                    aria-hidden=\"true\"\n                >\n\n                    <svg viewBox=\"0 0 18 18\">\n                        <path d=\"M4 14L14 4\"><\/path>\n                        <path d=\"M7 4H14V11\"><\/path>\n                    <\/svg>\n\n                <\/span>\n\n            <\/a>\n\n\n        <\/div>\n\n    <\/div>\n\n\n<\/article>\n\n\n\n<!-- =====================================================\n     XCEPTION\n====================================================== -->\n\n<article class=\"pmb-brand pmb-brand--xception\">\n\n\n    <div\n        class=\"pmb-bg-logo\"\n        aria-hidden=\"true\"\n    >\n\n        <img decoding=\"async\"\n            src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/07\/xception_logo_700x440.png\"\n            alt=\"\"\n        >\n\n    <\/div>\n\n\n    <div class=\"pmb-container\">\n\n        <div class=\"pmb-brand-inner\">\n\n\n            <div class=\"pmb-logo-wrap pmb-reveal\">\n\n                <img\n                    class=\"pmb-logo\"\n                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/07\/xception_logo_700x440.png\"\n                    alt=\"Xception Doors\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/div>\n\n\n            <div class=\"pmb-content pmb-reveal pmb-delay-1\">\n\n\n                <h3 class=\"pmb-slogan\">\n                    Her giri\u015fi \u00f6zel bir imzaya d\u00f6n\u00fc\u015ft\u00fcr\u00fcyoruz\n                <\/h3>\n\n\n                <div class=\"pmb-description\">\n\n                    <p>\n                        Bir kap\u0131 yaln\u0131zca giri\u015f de\u011fildir; yap\u0131n\u0131n kimli\u011fidir. Xception Doors, m\u00fchendislik ve \u00e7a\u011fda\u015f tasar\u0131m\u0131 bulu\u015fturarak g\u00fcvenlik, dayan\u0131kl\u0131l\u0131k ve esteti\u011fi tek bir mimari \u00f6\u011fede bir araya getirir.\n                    <\/p>\n\n                <\/div>\n\n\n                <ul class=\"pmb-features\">\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>\u00c7elik g\u00f6r\u00fcn\u00fcml\u00fc al\u00fcminyum villa giri\u015f kap\u0131lar\u0131<\/span>\n                    <\/li>\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>Al\u00fcminyum \u00f6zel tasar\u0131m villa ve konut giri\u015f kap\u0131lar\u0131<\/span>\n                    <\/li>\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>\u00c7elik kap\u0131lar<\/span>\n                    <\/li>\n\n\n                    <li class=\"pmb-feature\">\n                        <span class=\"pmb-feature-icon\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 20 20\">\n                                <circle cx=\"10\" cy=\"10\" r=\"8.25\"><\/circle>\n                                <path d=\"M6.3 10.2L8.7 12.5L13.8 7.4\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <span>D\u0131\u015f hava ko\u015fullar\u0131na mukavim dekoratif g\u00f6r\u00fcn\u00fcml\u00fc kap\u0131lar<\/span>\n                    <\/li>\n\n\n                <\/ul>\n\n\n            <\/div>\n\n\n            <a\n                class=\"pmb-discover\"\n                href=\"https:\/\/xceptiondoors.com\/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n            >\n\n                <span>\n                    Xception\u2019\u0131 ke\u015ffet\n                <\/span>\n\n\n                <span\n                    class=\"pmb-discover__arrow\"\n                    aria-hidden=\"true\"\n                >\n\n                    <svg viewBox=\"0 0 18 18\">\n                        <path d=\"M4 14L14 4\"><\/path>\n                        <path d=\"M7 4H14V11\"><\/path>\n                    <\/svg>\n\n                <\/span>\n\n            <\/a>\n\n\n        <\/div>\n\n    <\/div>\n\n\n<\/article>\n\n\n<\/section>\n\n\n\n<script>\n\n(function () {\n\n    \"use strict\";\n\n\n    const root =\n        document.querySelector(\n            \".pmb-brands\"\n        );\n\n\n    if (\n        !root ||\n        root.dataset.pmbReady ===\n        \"true\"\n    ) {\n\n        return;\n    }\n\n\n    root.dataset.pmbReady =\n        \"true\";\n\n\n    const revealElements =\n        root.querySelectorAll(\n            \".pmb-reveal\"\n        );\n\n\n    if (\n        !(\n            \"IntersectionObserver\"\n            in window\n        )\n    ) {\n\n        revealElements.forEach(\n            function (element) {\n\n                element.classList.add(\n                    \"pmb-visible\"\n                );\n\n            }\n        );\n\n        return;\n    }\n\n\n    const revealObserver =\n        new IntersectionObserver(\n\n            function (\n                entries,\n                observer\n            ) {\n\n                entries.forEach(\n                    function (entry) {\n\n                        if (\n                            !entry.isIntersecting\n                        ) {\n\n                            return;\n                        }\n\n\n                        entry.target\n                            .classList\n                            .add(\n                                \"pmb-visible\"\n                            );\n\n\n                        observer.unobserve(\n                            entry.target\n                        );\n\n                    }\n                );\n\n            },\n\n            {\n                threshold: .12,\n\n                rootMargin:\n                    \"0px 0px -35px 0px\"\n            }\n\n        );\n\n\n    revealElements.forEach(\n        function (element) {\n\n            revealObserver.observe(\n                element\n            );\n\n        }\n    );\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-48d9474 e-con e-atomic-element e-flexbox-base e-4255bfb \" data-id=\"48d9474\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"48d9474\">\n    \t\t<div class=\"elementor-element elementor-element-85c1aa9 elementor-widget elementor-widget-html\" data-id=\"85c1aa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     P\u0130MEKS GROUP \u2014 ANA SAYFA\n     \u015eEH\u0130R S\u0130L\u00dcET\u0130 + \u00c7\u00d6Z\u00dcM ORTAKLARI\n\n     OWNER REVISION \/ AUGUST 2026\n\n     - \u015eehir siyah alanda korunuyor\n     - Partner \u015feridi beyaz zemine ta\u015f\u0131nd\u0131\n     - \u015eerit \u015fehir zemininin hemen ard\u0131ndan ba\u015fl\u0131yor\n     - Siyah partner band\u0131 kald\u0131r\u0131ld\u0131\n     - Logo glow \/ beyaz konturlar kald\u0131r\u0131ld\u0131\n     - Orijinal logo renkleri\n     - \"ve daha fazlas\u0131\" b\u00fcy\u00fct\u00fcld\u00fc\n     - Arian LT \u00f6ncelikli\n     - Responsive\n========================================================= -->\n\n<section\n  class=\"pgp-partners\"\n  id=\"pgp-partners\"\n  lang=\"tr\"\n>\n\n  <style>\n\n    \/* =========================================================\n       ROOT\n    ========================================================= *\/\n\n    .pgp-partners {\n\n      --pgp-black: #000000;\n      --pgp-white: #ffffff;\n      --pgp-dark: #303437;\n      --pgp-muted: #60686d;\n      --pgp-line: rgba(48,52,55,.15);\n\n      --pgp-ease:\n        cubic-bezier(.2,.72,.2,1);\n\n      position:\n        relative;\n\n      width:\n        100vw;\n\n      max-width:\n        none;\n\n      margin-left:\n        calc(50% - 50vw);\n\n      margin-right:\n        calc(50% - 50vw);\n\n      padding:\n        0;\n\n      overflow:\n        hidden;\n\n      background:\n        var(--pgp-white);\n\n      color:\n        var(--pgp-dark);\n\n      font-family:\n        \"Arian LT\",\n        \"Arian LT Bold\",\n        Arial,\n        sans-serif;\n\n      font-weight:\n        400;\n\n      text-transform:\n        none !important;\n\n      -webkit-font-smoothing:\n        antialiased;\n\n      -moz-osx-font-smoothing:\n        grayscale;\n    }\n\n\n    .pgp-partners *,\n    .pgp-partners *::before,\n    .pgp-partners *::after {\n\n      box-sizing:\n        border-box;\n\n      text-transform:\n        none !important;\n    }\n\n\n\n    \/* =========================================================\n       CITY SYSTEM\n    ========================================================= *\/\n\n    .pgp-city-system {\n\n      position:\n        relative;\n\n      width:\n        100%;\n\n      margin:\n        0;\n\n      overflow:\n        hidden;\n\n      background:\n        #ffffff;\n    }\n\n\n\n    \/* =========================================================\n       SKYLINE\n    ========================================================= *\/\n\n    .pgp-skyline {\n\n      position:\n        relative;\n\n      width:\n        100%;\n\n      margin:\n        0;\n\n      padding:\n        0;\n\n      overflow:\n        hidden;\n\n      background:\n        #000000;\n\n      line-height:\n        0;\n    }\n\n\n    .pgp-skyline img {\n\n      display:\n        block;\n\n      width:\n        100%;\n\n      max-width:\n        none;\n\n      height:\n        auto;\n\n      margin:\n        0;\n\n      padding:\n        0;\n\n      object-fit:\n        contain;\n\n      object-position:\n        center bottom;\n\n      filter:\n        none !important;\n\n      -webkit-filter:\n        none !important;\n\n      user-select:\n        none;\n\n      pointer-events:\n        none;\n    }\n\n\n\n    \/* =========================================================\n       PARTNER STRIP\n       BEYAZ ZEM\u0130N\n    ========================================================= *\/\n\n    .pgp-partner-strip {\n\n      position:\n        relative;\n\n      display:\n        grid;\n\n      grid-template-columns:\n        1fr\n        1fr\n        1fr\n        minmax(200px,.72fr);\n\n      align-items:\n        center;\n\n      width:\n        100%;\n\n      min-height:\n        78px;\n\n      margin:\n        -1px 0 0;\n\n      padding:\n        0\n        clamp(\n          70px,\n          8vw,\n          170px\n        );\n\n      overflow:\n        hidden;\n\n      background:\n        #ffffff;\n\n      border-top:\n        1px solid\n        var(--pgp-line);\n\n      border-bottom:\n        1px solid\n        var(--pgp-line);\n    }\n\n\n\n    \/* =========================================================\n       PARTNER ITEM\n    ========================================================= *\/\n\n    .pgp-partner-item {\n\n      position:\n        relative;\n\n      display:\n        flex;\n\n      min-width:\n        0;\n\n      align-items:\n        center;\n\n      justify-content:\n        center;\n    }\n\n\n\n    \/* =========================================================\n       LOGO LINK\n    ========================================================= *\/\n\n    .pgp-logo-link {\n\n      display:\n        flex;\n\n      width:\n        auto;\n\n      height:\n        78px;\n\n      align-items:\n        center;\n\n      justify-content:\n        center;\n\n      padding:\n        0 26px;\n\n      background:\n        transparent;\n\n      text-decoration:\n        none !important;\n\n      transition:\n        opacity .25s ease,\n        transform .25s ease;\n    }\n\n\n    .pgp-logo-link:hover {\n\n      opacity:\n        .68;\n\n      transform:\n        translateY(-1px);\n    }\n\n\n\n    \/* =========================================================\n       LOGOS\n    ========================================================= *\/\n\n    .pgp-logo-link img {\n\n      display:\n        block;\n\n      width:\n        auto;\n\n      height:\n        auto;\n\n      max-width:\n        150px;\n\n      max-height:\n        34px;\n\n      object-fit:\n        contain;\n\n      object-position:\n        center;\n\n      filter:\n        none !important;\n\n      -webkit-filter:\n        none !important;\n    }\n\n\n    .pgp-logo-link--schueco img {\n\n      max-width:\n        140px;\n    }\n\n\n    .pgp-logo-link--jansen img {\n\n      max-width:\n        138px;\n    }\n\n\n    .pgp-logo-link--warema img {\n\n      max-width:\n        128px;\n    }\n\n\n\n    \/* =========================================================\n       MORE\n    ========================================================= *\/\n\n    .pgp-more {\n\n      position:\n        relative;\n\n      display:\n        flex;\n\n      min-width:\n        0;\n\n      align-items:\n        center;\n\n      justify-content:\n        flex-end;\n\n      gap:\n        14px;\n\n      padding-left:\n        24px;\n\n      color:\n        #41474a;\n\n      font-family:\n        \"Arian LT\",\n        \"Arian LT Bold\",\n        Arial,\n        sans-serif;\n\n      font-size:\n        14px;\n\n      font-weight:\n        400;\n\n      line-height:\n        1.2;\n\n      letter-spacing:\n        .01em;\n\n      white-space:\n        nowrap;\n\n      text-align:\n        right;\n    }\n\n\n\n\n    \/* =========================================================\n       LARGE DESKTOP\n    ========================================================= *\/\n\n    @media (min-width:1800px) {\n\n      .pgp-partner-strip {\n\n        min-height:\n          84px;\n\n        padding-left:\n          210px;\n\n        padding-right:\n          210px;\n      }\n\n\n      .pgp-logo-link {\n\n        height:\n          84px;\n      }\n\n\n      .pgp-logo-link--schueco img {\n\n        max-width:\n          150px;\n      }\n\n\n      .pgp-logo-link--jansen img {\n\n        max-width:\n          148px;\n      }\n\n\n      .pgp-logo-link--warema img {\n\n        max-width:\n          136px;\n      }\n\n\n      .pgp-more {\n\n        font-size:\n          15px;\n      }\n    }\n\n\n\n    \/* =========================================================\n       TABLET\n    ========================================================= *\/\n\n    @media (max-width:1200px) {\n\n      .pgp-partner-strip {\n\n        grid-template-columns:\n          1fr\n          1fr\n          1fr\n          minmax(170px,.7fr);\n\n        min-height:\n          70px;\n\n        padding:\n          0 40px;\n      }\n\n\n      .pgp-logo-link {\n\n        height:\n          70px;\n\n        padding:\n          0 16px;\n      }\n\n\n      .pgp-logo-link--schueco img {\n\n        max-width:\n          122px;\n      }\n\n\n      .pgp-logo-link--jansen img {\n\n        max-width:\n          120px;\n      }\n\n\n      .pgp-logo-link--warema img {\n\n        max-width:\n          108px;\n      }\n\n\n      .pgp-more {\n\n        font-size:\n          12.5px;\n      }\n    }\n\n\n\n    \/* =========================================================\n       MOBILE\n    ========================================================= *\/\n\n    @media (max-width:767px) {\n\n      .pgp-partner-strip {\n\n        grid-template-columns:\n          repeat(\n            3,\n            minmax(0,1fr)\n          );\n\n        min-height:\n          60px;\n\n        padding:\n          0 9px;\n      }\n\n\n      .pgp-logo-link {\n\n        height:\n          60px;\n\n        padding:\n          0 6px;\n      }\n\n\n      .pgp-logo-link--schueco img {\n\n        max-width:\n          88px;\n      }\n\n\n      .pgp-logo-link--jansen img {\n\n        max-width:\n          86px;\n      }\n\n\n      .pgp-logo-link--warema img {\n\n        max-width:\n          78px;\n      }\n\n\n      .pgp-more {\n\n        grid-column:\n          1 \/ -1;\n\n        min-height:\n          45px;\n\n        justify-content:\n          center;\n\n        padding:\n          0;\n\n        border-top:\n          1px solid\n          var(--pgp-line);\n\n        color:\n          #3e4447;\n\n        font-size:\n          12px;\n\n        text-align:\n          center;\n      }\n\n\n      .pgp-more::before {\n\n        width:\n          24px;\n\n        flex-basis:\n          24px;\n      }\n    }\n\n\n\n    \/* =========================================================\n       SMALL MOBILE\n    ========================================================= *\/\n\n    @media (max-width:390px) {\n\n      .pgp-partner-strip {\n\n        min-height:\n          56px;\n\n        padding:\n          0 5px;\n      }\n\n\n      .pgp-logo-link {\n\n        height:\n          56px;\n\n        padding:\n          0 3px;\n      }\n\n\n      .pgp-logo-link--schueco img {\n\n        max-width:\n          76px;\n      }\n\n\n      .pgp-logo-link--jansen img {\n\n        max-width:\n          75px;\n      }\n\n\n      .pgp-logo-link--warema img {\n\n        max-width:\n          68px;\n      }\n\n\n      .pgp-more {\n\n        min-height:\n          42px;\n\n        font-size:\n          11px;\n      }\n    }\n\n\n\n    @media (prefers-reduced-motion:reduce) {\n\n      .pgp-logo-link {\n\n        transition:\n          none !important;\n      }\n    }\n\n  <\/style>\n\n\n\n  <div class=\"pgp-city-system\">\n\n\n    <!-- CITY -->\n\n    <div class=\"pgp-skyline\">\n\n      <img\n        src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/pimeks-ana-sayfa-sehir-silueti-1.webp\"\n        alt=\"Pimeks Group \u015fehir sil\u00fceti\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      >\n\n    <\/div>\n\n\n\n    <!-- PARTNERS -->\n\n    <div\n      class=\"pgp-partner-strip\"\n      aria-label=\"Pimeks Group \u00e7\u00f6z\u00fcm ortaklar\u0131\"\n    >\n\n\n      <!-- SCH\u00dcCO -->\n\n      <div class=\"pgp-partner-item\">\n\n        <a\n          class=\"pgp-logo-link pgp-logo-link--schueco\"\n          href=\"https:\/\/www.schueco.com\/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          aria-label=\"Sch\u00fcco web sitesini ziyaret et\"\n        >\n\n          <img\n            src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/07\/schuco_logo_orijinal.png\"\n            alt=\"Sch\u00fcco\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/a>\n\n      <\/div>\n\n\n\n      <!-- JANSEN -->\n\n      <div class=\"pgp-partner-item\">\n\n        <a\n          class=\"pgp-logo-link pgp-logo-link--jansen\"\n          href=\"https:\/\/www.jansen.com\/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          aria-label=\"Jansen web sitesini ziyaret et\"\n        >\n\n          <img\n            src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/07\/jansen_logo_seffaf.png\"\n            alt=\"Jansen\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/a>\n\n      <\/div>\n\n\n\n      <!-- WAREMA -->\n\n      <div class=\"pgp-partner-item\">\n\n        <a\n          class=\"pgp-logo-link pgp-logo-link--warema\"\n          href=\"https:\/\/www.warema.com\/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          aria-label=\"Warema web sitesini ziyaret et\"\n        >\n\n          <img\n            src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/07\/warema_logo_orijinal.png\"\n            alt=\"Warema\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/a>\n\n      <\/div>\n\n\n\n      <!-- MORE -->\n\n      <div class=\"pgp-more\">\n        ve daha fazlas\u0131\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0a4867c e-flex e-con-boxed pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none e-con e-parent \" data-id=\"0a4867c\" data-element_type=\"container\" data-e-type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-b75dd9e elementor-widget elementor-widget-html\" data-id=\"b75dd9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     P\u0130MEKS GROUP \u2014 ANA SAYFA B\u0130T\u0130\u015e MOTTOSU\n     OWNER REVISION \/ AUGUST 2026\n\n     Yerle\u015fim:\n     Projeler b\u00f6l\u00fcm\u00fcnden sonra\n     Footer'dan hemen \u00f6nce\n\n     Metin:\n     \"Kaliteli hizmet, k\u00fcresel proje deneyimi\"\n\n     Revizyon:\n     - Kurumsal font: Arian LT\n     - Ba\u015fl\u0131k k\u00fc\u00e7\u00fclt\u00fcld\u00fc\n     - Body metni koyula\u015ft\u0131r\u0131ld\u0131 ve okunabilirli\u011fi art\u0131r\u0131ld\u0131\n     - Mevcut mimari tasar\u0131m korunuyor\n========================================================= -->\n\n<section\n    id=\"pimeks-home-closing\"\n    class=\"pmh-closing\"\n    lang=\"tr\"\n>\n\n<style>\n\n\n\/* =========================================================\n   ROOT\n========================================================= *\/\n\n#pimeks-home-closing {\n\n    --pmh-paper:\n        #f4f6f7;\n\n    --pmh-white:\n        #ffffff;\n\n    --pmh-ink:\n        #343a3d;\n\n    --pmh-body:\n        #444a4d;\n\n    --pmh-line:\n        #d8dde0;\n\n    --pmh-accent:\n        #8b969c;\n\n    position:\n        relative;\n\n    width:\n        100vw;\n\n    max-width:\n        none;\n\n    margin-left:\n        calc(50% - 50vw);\n\n    margin-right:\n        calc(50% - 50vw);\n\n    overflow:\n        hidden;\n\n    background:\n        var(--pmh-paper);\n\n    color:\n        var(--pmh-ink);\n\n    font-family:\n        \"Arian LT\",\n        Arial,\n        sans-serif;\n\n    font-weight:\n        700;\n\n    text-transform:\n        none !important;\n\n    -webkit-font-smoothing:\n        antialiased;\n\n    -moz-osx-font-smoothing:\n        grayscale;\n}\n\n\n#pimeks-home-closing,\n#pimeks-home-closing *,\n#pimeks-home-closing *::before,\n#pimeks-home-closing *::after {\n\n    box-sizing:\n        border-box;\n\n    text-transform:\n        none !important;\n}\n\n\n#pimeks-home-closing h2,\n#pimeks-home-closing p {\n\n    font-family:\n        \"Arian LT\",\n        Arial,\n        sans-serif !important;\n\n    font-style:\n        normal !important;\n\n    font-weight:\n        700;\n\n    text-transform:\n        none !important;\n}\n\n\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n#pimeks-home-closing\n.pmh-closing-inner {\n\n    position:\n        relative;\n\n    display:\n        flex;\n\n    min-height:\n        clamp(\n            380px,\n            31vw,\n            500px\n        );\n\n    align-items:\n        center;\n\n    overflow:\n        hidden;\n\n    padding:\n        72px 0;\n\n    border-top:\n        1px solid\n        rgba(82,97,106,.10);\n\n    border-bottom:\n        1px solid\n        rgba(82,97,106,.10);\n\n    background:\n\n        linear-gradient(\n            rgba(82,97,106,.045) 1px,\n            transparent 1px\n        ),\n\n        linear-gradient(\n            90deg,\n            rgba(82,97,106,.045) 1px,\n            transparent 1px\n        ),\n\n        linear-gradient(\n            rgba(82,97,106,.018) 1px,\n            transparent 1px\n        ),\n\n        linear-gradient(\n            90deg,\n            rgba(82,97,106,.018) 1px,\n            transparent 1px\n        ),\n\n        var(--pmh-paper);\n\n    background-size:\n        96px 96px,\n        96px 96px,\n        16px 16px,\n        16px 16px;\n}\n\n\n\n\/* =========================================================\n   SOFT ARCHITECTURAL ACCENT\n========================================================= *\/\n\n#pimeks-home-closing\n.pmh-closing-inner::before {\n\n    position:\n        absolute;\n\n    top:\n        -240px;\n\n    right:\n        -150px;\n\n    width:\n        620px;\n\n    height:\n        620px;\n\n    content:\n        \"\";\n\n    pointer-events:\n        none;\n\n    border:\n        1px solid\n        rgba(82,97,106,.055);\n\n    transform:\n        rotate(32deg);\n}\n\n\n#pimeks-home-closing\n.pmh-closing-inner::after {\n\n    position:\n        absolute;\n\n    bottom:\n        -300px;\n\n    left:\n        -170px;\n\n    width:\n        560px;\n\n    height:\n        560px;\n\n    content:\n        \"\";\n\n    pointer-events:\n        none;\n\n    border:\n        1px solid\n        rgba(82,97,106,.04);\n\n    transform:\n        rotate(-23deg);\n}\n\n\n\n\/* =========================================================\n   SHELL\n========================================================= *\/\n\n#pimeks-home-closing\n.pmh-shell {\n\n    position:\n        relative;\n\n    z-index:\n        2;\n\n    width:\n        min(\n            1440px,\n            calc(100% - 80px)\n        );\n\n    margin:\n        0 auto;\n}\n\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n#pimeks-home-closing\n.pmh-content {\n\n    display:\n        grid;\n\n    grid-template-columns:\n        minmax(0,1.05fr)\n        minmax(420px,.95fr);\n\n    gap:\n        clamp(\n            70px,\n            8vw,\n            150px\n        );\n\n    align-items:\n        center;\n}\n\n\n\n\/* =========================================================\n   MOTTO\n========================================================= *\/\n\n#pimeks-home-closing\n.pmh-title {\n\n    max-width:\n        830px;\n\n    margin:\n        0;\n\n    color:\n        var(--pmh-ink);\n\n    font-size:\n        clamp(\n            30px,\n            3vw,\n            44px\n        );\n\n    font-weight:\n        700;\n\n    line-height:\n        1.16;\n\n    letter-spacing:\n        -.025em;\n\n    text-wrap:\n        balance;\n\n    text-transform:\n        none !important;\n}\n\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n#pimeks-home-closing\n.pmh-description {\n\n    position:\n        relative;\n\n    max-width:\n        640px;\n\n    margin:\n        0;\n\n    padding-left:\n        28px;\n\n    color:\n        var(--pmh-body);\n\n    font-size:\n        clamp(\n            15px,\n            .95vw,\n            16px\n        );\n\n    font-weight:\n        700;\n\n    line-height:\n        1.76;\n\n    letter-spacing:\n        -.006em;\n}\n\n\n#pimeks-home-closing\n.pmh-description::before {\n\n    position:\n        absolute;\n\n    top:\n        .2em;\n\n    bottom:\n        .2em;\n\n    left:\n        0;\n\n    width:\n        1px;\n\n    content:\n        \"\";\n\n    background:\n        var(--pmh-accent);\n}\n\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n#pimeks-home-closing\n.pmh-reveal {\n\n    opacity:\n        0;\n\n    transform:\n        translateY(24px);\n\n    transition:\n        opacity\n        .75s\n        cubic-bezier(.2,.7,.2,1),\n\n        transform\n        .75s\n        cubic-bezier(.2,.7,.2,1);\n}\n\n\n#pimeks-home-closing\n.pmh-reveal.pmh-visible {\n\n    opacity:\n        1;\n\n    transform:\n        translateY(0);\n}\n\n\n\n\/* =========================================================\n   ULTRAWIDE\n========================================================= *\/\n\n@media (min-width:1800px) {\n\n    #pimeks-home-closing\n    .pmh-shell {\n\n        width:\n            min(\n                1520px,\n                calc(100% - 120px)\n            );\n    }\n\n\n    #pimeks-home-closing\n    .pmh-closing-inner {\n\n        min-height:\n            510px;\n    }\n\n\n    #pimeks-home-closing\n    .pmh-title {\n\n        font-size:\n            44px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n    #pimeks-home-closing\n    .pmh-shell {\n\n        width:\n            calc(100% - 52px);\n    }\n\n\n    #pimeks-home-closing\n    .pmh-content {\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            34px;\n    }\n\n\n    #pimeks-home-closing\n    .pmh-title {\n\n        max-width:\n            760px;\n\n        font-size:\n            clamp(\n                28px,\n                4.5vw,\n                38px\n            );\n    }\n\n\n    #pimeks-home-closing\n    .pmh-description {\n\n        max-width:\n            720px;\n\n        font-size:\n            15px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:700px) {\n\n    #pimeks-home-closing\n    .pmh-closing-inner {\n\n        min-height:\n            0;\n\n        padding:\n            60px 0\n            64px;\n\n        background-size:\n            62px 62px,\n            62px 62px,\n            14px 14px,\n            14px 14px;\n    }\n\n\n    #pimeks-home-closing\n    .pmh-shell {\n\n        width:\n            calc(100% - 28px);\n    }\n\n\n    #pimeks-home-closing\n    .pmh-content {\n\n        gap:\n            27px;\n    }\n\n\n    #pimeks-home-closing\n    .pmh-title {\n\n        max-width:\n            100%;\n\n        font-size:\n            clamp(\n                24px,\n                6.6vw,\n                30px\n            );\n\n        line-height:\n            1.18;\n\n        letter-spacing:\n            -.02em;\n    }\n\n\n    #pimeks-home-closing\n    .pmh-description {\n\n        max-width:\n            100%;\n\n        padding-left:\n            18px;\n\n        font-size:\n            13.8px;\n\n        line-height:\n            1.7;\n    }\n\n\n    #pimeks-home-closing\n    .pmh-closing-inner::before {\n\n        width:\n            380px;\n\n        height:\n            380px;\n\n        top:\n            -190px;\n\n        right:\n            -220px;\n    }\n\n\n    #pimeks-home-closing\n    .pmh-closing-inner::after {\n\n        display:\n            none;\n    }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:390px) {\n\n    #pimeks-home-closing\n    .pmh-title {\n\n        font-size:\n            23px;\n    }\n\n\n    #pimeks-home-closing\n    .pmh-description {\n\n        font-size:\n            13.3px;\n\n        line-height:\n            1.68;\n    }\n\n}\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n    #pimeks-home-closing\n    .pmh-reveal {\n\n        opacity:\n            1;\n\n        transform:\n            none;\n\n        transition:\n            none;\n    }\n\n}\n\n<\/style>\n\n\n\n<div class=\"pmh-closing-inner\">\n\n    <div class=\"pmh-shell\">\n\n        <div class=\"pmh-content\">\n\n\n            <h2\n                class=\"pmh-title pmh-reveal\"\n            >\n                Kaliteli hizmet,<br> k\u00fcresel proje deneyimi\n            <\/h2>\n\n\n            <p\n                class=\"pmh-description pmh-reveal\"\n            >\n                Kaliteli hizmet ve \u00fcretim g\u00fcc\u00fcm\u00fcz\u00fc, d\u00fcnyan\u0131n farkl\u0131 co\u011frafyalar\u0131nda edindi\u011fimiz k\u00fcresel proje deneyimiyle birle\u015ftirdik.\n            <\/p>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n<script>\n\n(function () {\n\n    \"use strict\";\n\n\n    const root =\n        document.getElementById(\n            \"pimeks-home-closing\"\n        );\n\n\n    if (\n        !root ||\n        root.dataset.pmhReady ===\n        \"true\"\n    ) {\n\n        return;\n    }\n\n\n    root.dataset.pmhReady =\n        \"true\";\n\n\n    const items =\n        root.querySelectorAll(\n            \".pmh-reveal\"\n        );\n\n\n    if (\n        !(\n            \"IntersectionObserver\"\n            in window\n        )\n    ) {\n\n        items.forEach(\n            function (item) {\n\n                item.classList.add(\n                    \"pmh-visible\"\n                );\n\n            }\n        );\n\n\n        return;\n    }\n\n\n    const observer =\n        new IntersectionObserver(\n\n            function (\n                entries,\n                currentObserver\n            ) {\n\n                entries.forEach(\n                    function (entry) {\n\n                        if (\n                            !entry.isIntersecting\n                        ) {\n\n                            return;\n                        }\n\n\n                        entry.target\n                            .classList\n                            .add(\n                                \"pmh-visible\"\n                            );\n\n\n                        currentObserver\n                            .unobserve(\n                                entry.target\n                            );\n\n                    }\n                );\n\n            },\n\n            {\n                threshold:\n                    .18,\n\n                rootMargin:\n                    \"0px 0px -35px 0px\"\n            }\n\n        );\n\n\n    items.forEach(\n        function (item) {\n\n            observer.observe(\n                item\n            );\n\n        }\n    );\n\n\n})();\n\n<\/script>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cephelere de\u011fer, yap\u0131lara kimlik kazand\u0131r\u0131yoruz 1993\u2019ten bu yana artan deneyimimiz, nitelikli insan kayna\u011f\u0131m\u0131z ve g\u00fc\u00e7l\u00fc \u00fcretim altyap\u0131m\u0131zla uluslararas\u0131 projelerde tercih edilen markalardan biri olman\u0131n hakl\u0131 gururunu ya\u015f\u0131yoruz. Pimeks Group olarak daha b\u00fcy\u00fck hedeflere ula\u015fmak i\u00e7in geli\u015fmeye ve d\u00f6n\u00fc\u015fmeye devam ederken, cephelere de\u011fer kazand\u0131rma misyonuyla hareket ediyoruz. Pimeks\u2019i ke\u015ffet Markalar\u0131m\u0131z; uzmanl\u0131\u011f\u0131m\u0131z\u0131n \u00fc\u00e7 g\u00fc\u00e7l\u00fc imzas\u0131 \u00c7eli\u011fe kimlik [&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,"footnotes":""},"class_list":["post-1568","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/pages\/1568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/comments?post=1568"}],"version-history":[{"count":135,"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/pages\/1568\/revisions"}],"predecessor-version":[{"id":6620,"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/pages\/1568\/revisions\/6620"}],"wp:attachment":[{"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/media?parent=1568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}