{"id":2841,"date":"2025-07-18T10:57:41","date_gmt":"2025-07-18T03:57:41","guid":{"rendered":"https:\/\/onepack.casethemes.net\/?page_id=2841"},"modified":"2026-08-03T08:14:09","modified_gmt":"2026-08-03T08:14:09","slug":"projeler","status":"publish","type":"page","link":"https:\/\/pimeks.com\/eng\/projeler\/","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2841\" class=\"elementor elementor-2841\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75faf1c e-flex e-con-boxed pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none e-con e-parent \" data-id=\"75faf1c\" 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-76a9756 elementor-widget elementor-widget-shortcode\" data-id=\"76a9756\" 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-archive\"\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\n        \n\n            <div class=\"pmx-filter-area\">\n\n\n                <div class=\"pmx-filter-grid\">\n\n\n                    <label class=\"pmx-search-field\">\n\n                        <span>\n                            Search projects                        <\/span>\n\n                        <input\n                            type=\"search\"\n                            class=\"pmx-search\"\n                            placeholder=\"Project name or location\"\n                            autocomplete=\"off\"\n                        >\n\n                    <\/label>\n\n\n\n                    <label>\n\n                        <span>\n                            Location                        <\/span>\n\n                        <select\n                            class=\"pmx-location-filter\"\n                        >\n\n                            <option value=\"\">\n                                All locations                            <\/option>\n\n                            \n                                <option\n                                    value=\"yurt-ici\"\n                                >\n                                    Yurt i\u00e7i                                <\/option>\n\n                            \n                        <\/select>\n\n                    <\/label>\n\n\n\n                    <label>\n\n                        <span>\n                            Category                        <\/span>\n\n                        <select\n                            class=\"pmx-category-filter\"\n                        >\n\n                            <option value=\"\">\n                                All categories                            <\/option>\n\n                            \n                                <option\n                                    value=\"ticari\"\n                                >\n                                    Commercial                                <\/option>\n\n                            \n                                <option\n                                    value=\"kurumsal\"\n                                >\n                                    Corporate                                <\/option>\n\n                            \n                                <option\n                                    value=\"kultur-sanat\"\n                                >\n                                    Culture and arts                                <\/option>\n\n                            \n                                <option\n                                    value=\"konut\"\n                                >\n                                    Residential                                <\/option>\n\n                            \n                                <option\n                                    value=\"alisveris-merkezi\"\n                                >\n                                    Shopping mall                                <\/option>\n\n                            \n                        <\/select>\n\n                    <\/label>\n\n\n\n                    <label>\n\n                        <span>\n                            Scale                        <\/span>\n\n                        <select\n                            class=\"pmx-scale-filter\"\n                        >\n\n                            <option value=\"\">\n                                All scales                            <\/option>\n\n                            \n                                <option\n                                    value=\"buyuk\"\n                                >\n                                    Large scale                                <\/option>\n\n                            \n                                <option\n                                    value=\"kucuk\"\n                                >\n                                    Small scale                                <\/option>\n\n                            \n                        <\/select>\n\n                    <\/label>\n\n\n\n                    <button\n                        type=\"button\"\n                        class=\"pmx-reset-filters\"\n                    >\n                        Clear filters                    <\/button>\n\n\n                <\/div>\n\n\n                <div class=\"pmx-results-count\">\n\n                    11 projects shown\n                <\/div>\n\n\n            <\/div>\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                        <\/figure>\n\n\n\n                        \n\n                            <div class=\"pmx-project-caption\">\n\n                                <h3 class=\"pmx-project-name\">\n\n                                    Atakule\n                                <\/h3>\n\n                            <\/div>\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                        <\/figure>\n\n\n\n                        \n\n                            <div class=\"pmx-project-caption\">\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                    <\/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                        <\/figure>\n\n\n\n                        \n\n                            <div class=\"pmx-project-caption\">\n\n                                <h3 class=\"pmx-project-name\">\n\n                                    Vega Center\n                                <\/h3>\n\n                            <\/div>\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                        <\/figure>\n\n\n\n                        \n\n                            <div class=\"pmx-project-caption\">\n\n                                <h3 class=\"pmx-project-name\">\n\n                                    Bomonti Tower\n                                <\/h3>\n\n                            <\/div>\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                        <\/figure>\n\n\n\n                        \n\n                            <div class=\"pmx-project-caption\">\n\n                                <h3 class=\"pmx-project-name\">\n\n                                    Kuzu Effect\n                                <\/h3>\n\n                            <\/div>\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=\"parla i\u0307ncek villalar\u0131 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\/parla-incek-villalari\/\"\n                        class=\"pmx-project-link\"\n\n                        aria-label=\"Parla \u0130ncek Villalar\u0131\"\n                    >\n\n\n                        <figure class=\"pmx-project-image\">\n\n\n                            \n                                <img\n                                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/Parla-Incek-11-683x1024.webp\"\n                                    alt=\"Parla \u0130ncek Villalar\u0131\"\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                        <\/figure>\n\n\n\n                        \n\n                            <div class=\"pmx-project-caption\">\n\n                                <h3 class=\"pmx-project-name\">\n\n                                    Parla \u0130ncek Villalar\u0131\n                                <\/h3>\n\n                            <\/div>\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=\"d&#038;r kitabevi yurt i\u00e7i\"\n\n                    data-location=\"yurt-ici\"\n\n                    data-categories=\"kultur-sanat\"\n\n                    data-scale=\"kucuk\"\n                >\n\n\n                    <a\n                        href=\"https:\/\/pimeks.com\/eng\/portfolio\/dr-kitabevi\/\"\n                        class=\"pmx-project-link\"\n\n                        aria-label=\"D&#038;R Kitabevi\"\n                    >\n\n\n                        <figure class=\"pmx-project-image\">\n\n\n                            \n                                <img\n                                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/Dnr-3-683x1024.webp\"\n                                    alt=\"D&#038;R Kitabevi\"\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                        <\/figure>\n\n\n\n                        \n\n                            <div class=\"pmx-project-caption\">\n\n                                <h3 class=\"pmx-project-name\">\n\n                                    D&#038;R Kitabevi\n                                <\/h3>\n\n                            <\/div>\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=\"\u00e7i\u00e7ekkent villalar\u0131 | 106 villa yurt i\u00e7i\"\n\n                    data-location=\"yurt-ici\"\n\n                    data-categories=\"konut\"\n\n                    data-scale=\"buyuk\"\n                >\n\n\n                    <a\n                        href=\"https:\/\/pimeks.com\/eng\/portfolio\/cicekkent-villalari-106-villa\/\"\n                        class=\"pmx-project-link\"\n\n                        aria-label=\"\u00c7i\u00e7ekkent Villalar\u0131 | 106 Villa\"\n                    >\n\n\n                        <figure class=\"pmx-project-image\">\n\n\n                            \n                                <img\n                                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/Cicekkent-1-683x1024.webp\"\n                                    alt=\"\u00c7i\u00e7ekkent Villalar\u0131 | 106 Villa\"\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                        <\/figure>\n\n\n\n                        \n\n                            <div class=\"pmx-project-caption\">\n\n                                <h3 class=\"pmx-project-name\">\n\n                                    \u00c7i\u00e7ekkent Villalar\u0131 | 106 Villa\n                                <\/h3>\n\n                            <\/div>\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                        <\/figure>\n\n\n\n                        \n\n                            <div class=\"pmx-project-caption\">\n\n                                <h3 class=\"pmx-project-name\">\n\n                                    \u0130stanbul Modern\n                                <\/h3>\n\n                            <\/div>\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=\"moment yap\u0131 yurt i\u00e7i\"\n\n                    data-location=\"yurt-ici\"\n\n                    data-categories=\"\"\n\n                    data-scale=\"kucuk\"\n                >\n\n\n                    <a\n                        href=\"https:\/\/pimeks.com\/eng\/portfolio\/moment-yapi\/\"\n                        class=\"pmx-project-link\"\n\n                        aria-label=\"Moment Yap\u0131\"\n                    >\n\n\n                        <figure class=\"pmx-project-image\">\n\n\n                            \n                                <img\n                                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/Moment-7-683x1024.webp\"\n                                    alt=\"Moment Yap\u0131\"\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                        <\/figure>\n\n\n\n                        \n\n                            <div class=\"pmx-project-caption\">\n\n                                <h3 class=\"pmx-project-name\">\n\n                                    Moment Yap\u0131\n                                <\/h3>\n\n                            <\/div>\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=\"oyakent siluet projesi yurt i\u00e7i\"\n\n                    data-location=\"yurt-ici\"\n\n                    data-categories=\"konut\"\n\n                    data-scale=\"buyuk\"\n                >\n\n\n                    <a\n                        href=\"https:\/\/pimeks.com\/eng\/portfolio\/oyakent-siluet-projesi\/\"\n                        class=\"pmx-project-link\"\n\n                        aria-label=\"Oyakent Siluet Projesi\"\n                    >\n\n\n                        <figure class=\"pmx-project-image\">\n\n\n                            \n                                <img\n                                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/Opyakent-4-1024x768.webp\"\n                                    alt=\"Oyakent Siluet Projesi\"\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                        <\/figure>\n\n\n\n                        \n\n                            <div class=\"pmx-project-caption\">\n\n                                <h3 class=\"pmx-project-name\">\n\n                                    Oyakent Siluet Projesi\n                                <\/h3>\n\n                            <\/div>\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    <\/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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","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-2841","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/pages\/2841","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=2841"}],"version-history":[{"count":7,"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/pages\/2841\/revisions"}],"predecessor-version":[{"id":5885,"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/pages\/2841\/revisions\/5885"}],"wp:attachment":[{"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/media?parent=2841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}