{"id":1115,"date":"2026-01-26T11:49:33","date_gmt":"2026-01-26T03:49:33","guid":{"rendered":"https:\/\/winswaymanagement.com\/?page_id=1115"},"modified":"2026-02-01T12:00:24","modified_gmt":"2026-02-01T04:00:24","slug":"works","status":"publish","type":"page","link":"https:\/\/winswaymanagement.com\/index.php\/works\/","title":{"rendered":"WORKS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1115\" class=\"elementor elementor-1115\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5ba173 e-con-full e-flex e-con e-parent\" data-id=\"c5ba173\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43fb9f5 elementor-widget elementor-widget-html\" data-id=\"43fb9f5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Winsway Project Grid (Filters Hidden Version) -->\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@300;400;500;600&display=swap');\r\n\r\n    :root {\r\n        --wp-text: #111111;\r\n        --wp-grey: #999999;\r\n        --wp-light-grey: #cccccc; \r\n        --wp-bg: #ffffff;\r\n        --wp-line: #eaeaea;\r\n        --wp-font: 'Jost', sans-serif;\r\n        --wp-ease: cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .winsway-projects-section {\r\n        width: 100%;\r\n        background-color: var(--wp-bg);\r\n        padding: 80px 0 100px 0;\r\n        font-family: var(--wp-font);\r\n        border-top: 1px solid var(--wp-line);\r\n    }\r\n\r\n    \/* =========================================\r\n       Header Area\r\n       ========================================= *\/\r\n    .wp-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-start;\r\n        padding: 0 40px;\r\n        margin-bottom: 80px;\r\n        min-height: 80px; \r\n        position: relative;\r\n    }\r\n\r\n    .wp-header-left {\r\n        position: relative;\r\n        overflow: hidden; \r\n    }\r\n\r\n    \/* \u5927\u6807\u9898\uff1aAll Work *\/\r\n    .wp-main-title {\r\n        font-size: 50px;\r\n        font-weight: 500;\r\n        color: var(--wp-text);\r\n        line-height: 1;\r\n        letter-spacing: -0.02em;\r\n        margin: 0;\r\n        transition: transform 0.8s var(--wp-ease), opacity 0.8s ease;\r\n        transform-origin: left center;\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n    .wp-main-title sup {\r\n        font-size: 24px;\r\n        font-weight: 400;\r\n        color: var(--wp-grey);\r\n        margin-left: 5px;\r\n        top: -0.8em;\r\n    }\r\n\r\n    .wp-header.filter-active .wp-main-title {\r\n        transform: translateY(-120%);\r\n        opacity: 0;\r\n        position: absolute; \r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Filters \u6309\u94ae\u6837\u5f0f (\u4fdd\u7559 CSS \u4ee5\u5907\u540e\u7528) *\/\r\n    .wp-toggle-btn {\r\n        font-family: var(--wp-font);\r\n        font-size: 90px;\r\n        font-weight: 500;\r\n        line-height: 1;\r\n        letter-spacing: -0.02em;\r\n        color: var(--wp-light-grey) !important; \r\n        background: transparent !important;\r\n        border: none !important;\r\n        outline: none !important;\r\n        box-shadow: none !important;\r\n        cursor: pointer;\r\n        padding: 0;\r\n        margin: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        transition: color 0.4s ease;\r\n        z-index: 10;\r\n    }\r\n\r\n    .wp-toggle-btn:hover,\r\n    .wp-toggle-btn:focus,\r\n    .wp-header.filter-active .wp-toggle-btn {\r\n        color: var(--wp-text) !important; \r\n    }\r\n\r\n    .wp-toggle-icon {\r\n        font-size: 40px;\r\n        line-height: 1;\r\n        transition: transform 0.6s var(--wp-ease);\r\n        display: inline-block;\r\n        padding-bottom: 10px;\r\n    }\r\n    \r\n    .wp-header.filter-active .wp-toggle-icon {\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    \/* Filter Menu \u6837\u5f0f (\u4fdd\u7559 CSS \u4ee5\u5907\u540e\u7528) *\/\r\n    .wp-filter-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        display: none; \r\n        flex-direction: column;\r\n        gap: 0px;\r\n    }\r\n    \r\n    .wp-header.filter-active .wp-filter-list {\r\n        display: flex; \r\n    }\r\n\r\n    .wp-filter-mask {\r\n        overflow: hidden;\r\n        height: 70px;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .wp-filter-btn {\r\n        font-family: var(--wp-font);\r\n        font-size: 50px; \r\n        font-weight: 500;\r\n        color: var(--wp-light-grey) !important;\r\n        background: transparent !important;\r\n        border: none !important;\r\n        outline: none !important;\r\n        box-shadow: none !important;\r\n        text-decoration: none !important;\r\n        padding: 0;\r\n        cursor: pointer;\r\n        text-align: left;\r\n        line-height: 1;\r\n        letter-spacing: -0.02em;\r\n        transition: color 0.4s ease;\r\n        transform: translateY(110%);\r\n        opacity: 0;\r\n        animation: slideUpSlow 1.0s var(--wp-ease) forwards;\r\n    }\r\n\r\n    .wp-header.filter-active .wp-filter-btn {\r\n        pointer-events: auto;\r\n    }\r\n\r\n    .wp-filter-btn:hover,\r\n    .wp-filter-btn:focus,\r\n    .wp-filter-btn.active {\r\n        color: var(--wp-text) !important; \r\n    }\r\n    \r\n    .wp-filter-btn sup {\r\n        font-size: 18px;\r\n        margin-left: 8px;\r\n        color: var(--wp-grey) !important; \r\n    }\r\n\r\n    @keyframes slideUpSlow {\r\n        0% { transform: translateY(110%); opacity: 0; }\r\n        100% { transform: translateY(0); opacity: 1; }\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       Grid Layout\r\n       ========================================= *\/\r\n    .wp-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 40px 20px;\r\n        width: 100%;\r\n        padding: 0 40px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .wp-card {\r\n        display: block;\r\n        text-decoration: none;\r\n        position: relative;\r\n        cursor: pointer;\r\n        animation: fadeCard 0.8s ease forwards;\r\n    }\r\n\r\n    .wp-card.hidden { display: none; }\r\n\r\n    @keyframes fadeCard {\r\n        from { opacity: 0; transform: translateY(30px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .wp-img-box {\r\n        width: 100%;\r\n        aspect-ratio: 1 \/ 1;\r\n        overflow: hidden;\r\n        background-color: #f4f4f4;\r\n        margin-bottom: 4px;\r\n        position: relative;\r\n    }\r\n\r\n    .wp-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 1.2s var(--wp-ease);\r\n        display: block;\r\n    }\r\n\r\n    .wp-card:hover .wp-img { transform: scale(1.05); }\r\n\r\n    .wp-meta {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr 1fr;\r\n        align-items: start;\r\n        border-top: 1px solid transparent;\r\n        padding-top: 5px;\r\n    }\r\n\r\n    .wp-text {\r\n        font-size: 15px;\r\n        color: var(--wp-text);\r\n        font-weight: 500;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.05em;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .wp-cat { color: var(--wp-grey); text-align: center; }\r\n\r\n    .wp-action-wrap {\r\n        text-align: right;\r\n        position: relative;\r\n        height: 18px;\r\n        overflow: hidden;\r\n    }\r\n    .wp-roll-inner {\r\n        position: relative;\r\n        transition: transform 0.6s var(--wp-ease);\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    .wp-state {\r\n        height: 18px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-end;\r\n    }\r\n    .wp-year { color: var(--wp-grey); }\r\n    .wp-open { color: var(--wp-text); font-weight: 600; gap: 8px; }\r\n    .wp-icon-arrow { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2; }\r\n    \r\n    .wp-card:hover .wp-roll-inner { transform: translateY(-18px); }\r\n\r\n    \/* Mobile *\/\r\n    @media (max-width: 1024px) {\r\n        .wp-header { padding: 0 20px; margin-bottom: 40px; align-items: center; }\r\n        .wp-main-title { font-size: 36px; }\r\n        .wp-toggle-btn { font-size: 36px; }\r\n        .wp-toggle-icon { font-size: 24px; padding-bottom: 5px; }\r\n        .wp-filter-mask { height: 50px; }\r\n        .wp-filter-btn { font-size: 32px; }\r\n        .wp-grid { grid-template-columns: 1fr; gap: 60px; padding: 0 20px; }\r\n        .wp-meta { display: flex; justify-content: space-between; }\r\n        .wp-cat { display: none; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"winsway-projects-section\">\r\n    \r\n    <!-- Header -->\r\n    <div class=\"wp-header\" id=\"wpHeader\">\r\n        \r\n        <div class=\"wp-header-left\">\r\n            <h1 class=\"wp-main-title\">All Work <sup>( 5 )<\/sup><\/h1>\r\n            \r\n            <!-- \u6682\u65f6\u9690\u85cf Filter Menu -->\r\n            <!-- \r\n            <div class=\"wp-filter-list\">\r\n                <div class=\"wp-filter-mask\">\r\n                    <button class=\"wp-filter-btn active\" data-filter=\"all\" style=\"animation-delay: 0.1s;\">\r\n                        All Projects <sup>(27)<\/sup>\r\n                    <\/button>\r\n                <\/div>\r\n                <div class=\"wp-filter-mask\">\r\n                    <button class=\"wp-filter-btn\" data-filter=\"residential\" style=\"animation-delay: 0.2s;\">\r\n                        Residential <sup>(12)<\/sup>\r\n                    <\/button>\r\n                <\/div>\r\n                <div class=\"wp-filter-mask\">\r\n                    <button class=\"wp-filter-btn\" data-filter=\"commercial\" style=\"animation-delay: 0.3s;\">\r\n                        Commercial <sup>(08)<\/sup>\r\n                    <\/button>\r\n                <\/div>\r\n                <div class=\"wp-filter-mask\">\r\n                    <button class=\"wp-filter-btn\" data-filter=\"development\" style=\"animation-delay: 0.4s;\">\r\n                        Development <sup>(07)<\/sup>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n            -->\r\n        <\/div>\r\n\r\n        <!-- \u6682\u65f6\u9690\u85cf Filters \u6309\u94ae -->\r\n        <!-- \r\n        <button class=\"wp-toggle-btn\" id=\"wpFilterToggle\">\r\n            Filters <span class=\"wp-toggle-icon\">+<\/span>\r\n        <\/button>\r\n        -->\r\n    <\/div>\r\n\r\n    <!-- Grid -->\r\n    <div class=\"wp-grid\" id=\"wpGrid\">\r\n        \r\n        <a href=\"https:\/\/winswaymanagement.com\/index.php\/charles-st-mirrickville-nsw-11-2023-f-2\/\" class=\"wp-card\" data-cat=\"residential\">\r\n            <div class=\"wp-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/charles-st-mirrickville-nsw-11.2023-F.webp?q=80&w=2653&auto=format&fit=crop\" class=\"wp-img\">\r\n            <\/div>\r\n            <div class=\"wp-meta\">\r\n                <div class=\"wp-text\">charles st mirrickville  <\/div>\r\n                <div class=\"wp-text wp-cat\">NSW<\/div>\r\n                <div class=\"wp-action-wrap\">\r\n                    <div class=\"wp-roll-inner\">\r\n                        <div class=\"wp-state wp-year\">11.2023<\/div>\r\n                        <div class=\"wp-state wp-open\">Open project <svg class=\"wp-icon-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"square\"\/><\/svg><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/winswaymanagement.com\/index.php\/moore-st-leichhardt\" class=\"wp-card\" data-cat=\"commercial\">\r\n            <div class=\"wp-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/moore-st-leichhardt-nsw-03.2025f.webp?q=80&w=2574&auto=format&fit=crop\" class=\"wp-img\">\r\n            <\/div>\r\n            <div class=\"wp-meta\">\r\n                <div class=\"wp-text\">moore st leichhardt<\/div>\r\n                <div class=\"wp-text wp-cat\">NSW<\/div>\r\n                <div class=\"wp-action-wrap\">\r\n                    <div class=\"wp-roll-inner\">\r\n                        <div class=\"wp-state wp-year\">03.2025<\/div>\r\n                        <div class=\"wp-state wp-open\">Open project <svg class=\"wp-icon-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"square\"\/><\/svg><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/winswaymanagement.com\/index.php\/menin-rd-matraville\/\" class=\"wp-card\" data-cat=\"development\">\r\n            <div class=\"wp-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/menin-rd-matraville-WORKF-1.webp?q=80&w=2700&auto=format&fit=crop\" class=\"wp-img\">\r\n            <\/div>\r\n            <div class=\"wp-meta\">\r\n                <div class=\"wp-text\">menin rd matraville<\/div>\r\n                <div class=\"wp-text wp-cat\">NSW<\/div>\r\n                <div class=\"wp-action-wrap\">\r\n                    <div class=\"wp-roll-inner\">\r\n                        <div class=\"wp-state wp-year\">01.2026<\/div>\r\n                        <div class=\"wp-state wp-open\">Open project <svg class=\"wp-icon-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"square\"\/><\/svg><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/winswaymanagement.com\/index.php\/warburton-rd\/\" class=\"wp-card\" data-cat=\"commercial\">\r\n            <div class=\"wp-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/warburton-rd-Chifley-workf-1.webp?q=80&w=2670&auto=format&fit=crop\" class=\"wp-img\">\r\n            <\/div>\r\n            <div class=\"wp-meta\">\r\n                <div class=\"wp-text\">warburton rd<\/div>\r\n                <div class=\"wp-text wp-cat\">Chifley<\/div>\r\n                <div class=\"wp-action-wrap\">\r\n                    <div class=\"wp-roll-inner\">\r\n                        <div class=\"wp-state wp-year\">01.2027<\/div>\r\n                        <div class=\"wp-state wp-open\">Open project <svg class=\"wp-icon-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"square\"\/><\/svg><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/winswaymanagement.com\/index.php\/grose-st-little\/\" class=\"wp-card\" data-cat=\"residential\">\r\n            <div class=\"wp-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/grose-st-little-bay-workf-1-scaled.webp?q=80&w=2670&auto=format&fit=crop\" class=\"wp-img\">\r\n            <\/div>\r\n            <div class=\"wp-meta\">\r\n                <div class=\"wp-text\">grose st little<\/div>\r\n                <div class=\"wp-text wp-cat\">bay<\/div>\r\n                <div class=\"wp-action-wrap\">\r\n                    <div class=\"wp-roll-inner\">\r\n                        <div class=\"wp-state wp-year\">07.2026<\/div>\r\n                        <div class=\"wp-state wp-open\">Open project <svg class=\"wp-icon-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"square\"\/><\/svg><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n       \r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const header = document.getElementById('wpHeader');\r\n        const toggleBtn = document.getElementById('wpFilterToggle');\r\n        const filterBtns = document.querySelectorAll('.wp-filter-btn');\r\n        const projectCards = document.querySelectorAll('.wp-card');\r\n\r\n        \/\/ 1. Toggle Filter Menu (Check if button exists)\r\n        if (toggleBtn) {\r\n            toggleBtn.addEventListener('click', function() {\r\n                header.classList.toggle('filter-active');\r\n            });\r\n        }\r\n\r\n        \/\/ 2. Filtering Logic (Check if buttons exist)\r\n        if (filterBtns.length > 0) {\r\n            filterBtns.forEach(btn => {\r\n                btn.addEventListener('click', function() {\r\n                    \/\/ Remove active class from all buttons\r\n                    filterBtns.forEach(b => b.classList.remove('active'));\r\n                    \/\/ Add active to clicked\r\n                    this.classList.add('active');\r\n\r\n                    const filterValue = this.getAttribute('data-filter');\r\n\r\n                    \/\/ Filter Grid\r\n                    projectCards.forEach(card => {\r\n                        const cardCat = card.getAttribute('data-cat');\r\n                        \r\n                        \/\/ Reset animation\r\n                        card.style.animation = 'none';\r\n                        card.offsetHeight; \/* trigger reflow *\/\r\n                        card.style.animation = null; \r\n\r\n                        if (filterValue === 'all' || filterValue === cardCat) {\r\n                            card.classList.remove('hidden');\r\n                            card.style.animation = 'fadeCard 0.8s ease forwards';\r\n                        } else {\r\n                            card.classList.add('hidden');\r\n                        }\r\n                    });\r\n                });\r\n            });\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>All Work ( 5 ) charles st mirrickville NSW 11.2023 Open [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1115","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/1115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/comments?post=1115"}],"version-history":[{"count":58,"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/1115\/revisions"}],"predecessor-version":[{"id":1603,"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/1115\/revisions\/1603"}],"wp:attachment":[{"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/media?parent=1115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}