Winsway | Menin Rd Matraville<\/title>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n :root {\r\n --ws-bg: #FFFFFF;\r\n --ws-text-strong: #202020;\r\n --ws-text-body: #505050;\r\n --ws-text-meta: #A0A0A0;\r\n --ws-line: #E2E2E2;\r\n --font-heading: 'Arial', sans-serif;\r\n --font-body: 'Inter', sans-serif;\r\n --ease-smooth: cubic-bezier(0.33, 1, 0.68, 1);\r\n --ease-draw: cubic-bezier(0.7, 0, 0.3, 1);\r\n }\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background-color: var(--ws-bg);\r\n -webkit-font-smoothing: antialiased;\r\n color: var(--ws-text-body);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* --- 1. Fixed Hero Section --- *\/\r\n .hero-section {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 85vh; \r\n z-index: 0;\r\n overflow: hidden;\r\n }\r\n .hero-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n \/* --- 2. Main Layout --- *\/\r\n .main-wrapper {\r\n position: relative;\r\n z-index: 2;\r\n background-color: var(--ws-bg);\r\n margin-top: 85vh; \r\n display: grid;\r\n grid-template-columns: 350px 1fr;\r\n min-height: 100vh;\r\n border-bottom: 1px solid var(--ws-line);\r\n box-shadow: 0 -20px 50px rgba(0,0,0,0.05);\r\n }\r\n\r\n \/* --- Left Sticky --- *\/\r\n .col-sticky {\r\n position: sticky;\r\n top: 0;\r\n height: 100vh;\r\n padding: 60px 45px; \r\n display: flex;\r\n flex-direction: column;\r\n gap: 40px;\r\n box-sizing: border-box;\r\n background: var(--ws-bg);\r\n z-index: 100;\r\n }\r\n\r\n .col-sticky::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 1px;\r\n height: 0%;\r\n background-color: var(--ws-line);\r\n animation: drawDown 1.5s var(--ease-draw) 0.5s forwards;\r\n }\r\n\r\n @keyframes drawDown { to { height: 100%; } }\r\n\r\n h1.project-title {\r\n font-family: var(--font-heading);\r\n font-weight: 700;\r\n font-size: 24px; \r\n line-height: 1.1;\r\n color: var(--ws-text-strong);\r\n margin: 0;\r\n letter-spacing: 0.04em; \r\n text-transform: uppercase;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.8s forwards;\r\n }\r\n\r\n .meta-container {\r\n position: relative;\r\n padding-top: 25px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 1s forwards;\r\n }\r\n\r\n .meta-container::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 1px;\r\n width: 0%;\r\n background-color: var(--ws-text-strong);\r\n animation: drawRight 1.2s var(--ease-draw) 1.2s forwards;\r\n }\r\n\r\n @keyframes drawRight { to { width: 100%; } }\r\n\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .meta-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .meta-label {\r\n font-family: var(--font-body);\r\n font-size: 10px;\r\n color: var(--ws-text-meta);\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n font-weight: 600;\r\n }\r\n\r\n .meta-value {\r\n font-family: var(--font-body);\r\n font-size: 13px; \r\n color: var(--ws-text-strong);\r\n font-weight: 400;\r\n }\r\n\r\n \/* --- 3. Placeholder Logic (\u91cd\u65b0\u8bbe\u8ba1\u7684\u7a7a\u767d\u533a\u57df) --- *\/\r\n .col-gallery {\r\n padding: 0;\r\n background-color: var(--ws-bg);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 80vh;\r\n position: relative;\r\n }\r\n\r\n \/* \u589e\u52a0\u4e00\u4e2a\u6781\u5176\u5fae\u5999\u7684\u80cc\u666f\u7f51\u683c\uff0c\u6697\u793a\u201c\u6b63\u5728\u6784\u5efa\u201d *\/\r\n .col-gallery::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n background-image: radial-gradient(var(--ws-line) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n opacity: 0.3;\r\n z-index: 1;\r\n }\r\n\r\n .status-dossier {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 500px;\r\n padding: 60px;\r\n text-align: left;\r\n }\r\n\r\n \/* \u72b6\u6001\u6807\u8bc6\uff1aArial Bold 24px *\/\r\n .status-title {\r\n font-family: var(--font-heading);\r\n font-weight: 700;\r\n font-size: 24px;\r\n color: var(--ws-text-strong);\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n margin-bottom: 20px;\r\n display: block;\r\n }\r\n\r\n \/* \u89e3\u91ca\u6587\u6848\uff1aInter Light 13px *\/\r\n .status-desc {\r\n font-family: var(--font-body);\r\n font-size: 13px;\r\n font-weight: 300;\r\n line-height: 1.6;\r\n color: var(--ws-text-body);\r\n letter-spacing: 0.01em;\r\n margin-bottom: 40px;\r\n }\r\n\r\n \/* \u52a8\u6001\u8fdb\u5ea6\u7ebf\u6761\u52a8\u753b *\/\r\n .progress-container {\r\n width: 100%;\r\n height: 1px;\r\n background-color: var(--ws-line);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .progress-bar {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 30%;\r\n background-color: var(--ws-text-strong);\r\n animation: pulseSlide 3s var(--ease-smooth) infinite;\r\n }\r\n\r\n @keyframes pulseSlide {\r\n 0% { transform: translateX(-100%); }\r\n 100% { transform: translateX(400%); }\r\n }\r\n\r\n .status-tag {\r\n font-family: var(--font-body);\r\n font-size: 9px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.15em;\r\n color: var(--ws-text-meta);\r\n margin-top: 15px;\r\n display: block;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .main-wrapper { grid-template-columns: 1fr; margin-top: 0; }\r\n .hero-section { position: relative; height: 50vh; }\r\n .col-sticky { position: relative; height: auto; border-right: none; padding: 40px; }\r\n .col-sticky::after { display: none; }\r\n .status-dossier { padding: 80px 40px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"hero-section\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/menin-rd-matraville-home.webp\" alt=\"Menin Rd Cover\" class=\"hero-img\">\r\n <\/div>\r\n\r\n <div class=\"main-wrapper\">\r\n <aside class=\"col-sticky\">\r\n <h1 class=\"project-title\">menin rd matraville<\/h1>\r\n <div class=\"meta-container\">\r\n <div class=\"meta-block\">\r\n <span class=\"meta-label\">Location<\/span>\r\n <span class=\"meta-value\">NSW, Sydney<\/span>\r\n <\/div>\r\n <div class=\"meta-block\">\r\n <span class=\"meta-label\">Year<\/span>\r\n <span class=\"meta-value\">01.2026<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/aside>\r\n\r\n \r\n <main class=\"col-gallery\">\r\n <div class=\"status-dossier\">\r\n <span class=\"status-title\">Project Under Development<\/span>\r\n <p class=\"status-desc\">\r\n The Menin Rd project is currently in the active construction phase. \r\n Official architectural photography will be published following the final site handover. \r\n We are dedicated to delivering excellence in every detail of this residence.\r\n <\/p>\r\n <div class=\"progress-container\">\r\n <div class=\"progress-bar\"><\/div>\r\n <\/div>\r\n <span class=\"status-tag\">Current Phase: On Site Construction<\/span>\r\n <\/div>\r\n <\/main>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\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>Winsway | Menin Rd Matraville menin rd matraville Locat […]<\/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-1444","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/1444","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=1444"}],"version-history":[{"count":10,"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/1444\/revisions"}],"predecessor-version":[{"id":1486,"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/1444\/revisions\/1486"}],"wp:attachment":[{"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/media?parent=1444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Winsway | Menin Rd Matraville<\/title>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n :root {\r\n --ws-bg: #FFFFFF;\r\n --ws-text-strong: #202020;\r\n --ws-text-body: #505050;\r\n --ws-text-meta: #A0A0A0;\r\n --ws-line: #E2E2E2;\r\n --font-heading: 'Arial', sans-serif;\r\n --font-body: 'Inter', sans-serif;\r\n --ease-smooth: cubic-bezier(0.33, 1, 0.68, 1);\r\n --ease-draw: cubic-bezier(0.7, 0, 0.3, 1);\r\n }\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background-color: var(--ws-bg);\r\n -webkit-font-smoothing: antialiased;\r\n color: var(--ws-text-body);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* --- 1. Fixed Hero Section --- *\/\r\n .hero-section {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 85vh; \r\n z-index: 0;\r\n overflow: hidden;\r\n }\r\n .hero-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n \/* --- 2. Main Layout --- *\/\r\n .main-wrapper {\r\n position: relative;\r\n z-index: 2;\r\n background-color: var(--ws-bg);\r\n margin-top: 85vh; \r\n display: grid;\r\n grid-template-columns: 350px 1fr;\r\n min-height: 100vh;\r\n border-bottom: 1px solid var(--ws-line);\r\n box-shadow: 0 -20px 50px rgba(0,0,0,0.05);\r\n }\r\n\r\n \/* --- Left Sticky --- *\/\r\n .col-sticky {\r\n position: sticky;\r\n top: 0;\r\n height: 100vh;\r\n padding: 60px 45px; \r\n display: flex;\r\n flex-direction: column;\r\n gap: 40px;\r\n box-sizing: border-box;\r\n background: var(--ws-bg);\r\n z-index: 100;\r\n }\r\n\r\n .col-sticky::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 1px;\r\n height: 0%;\r\n background-color: var(--ws-line);\r\n animation: drawDown 1.5s var(--ease-draw) 0.5s forwards;\r\n }\r\n\r\n @keyframes drawDown { to { height: 100%; } }\r\n\r\n h1.project-title {\r\n font-family: var(--font-heading);\r\n font-weight: 700;\r\n font-size: 24px; \r\n line-height: 1.1;\r\n color: var(--ws-text-strong);\r\n margin: 0;\r\n letter-spacing: 0.04em; \r\n text-transform: uppercase;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.8s forwards;\r\n }\r\n\r\n .meta-container {\r\n position: relative;\r\n padding-top: 25px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 1s forwards;\r\n }\r\n\r\n .meta-container::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 1px;\r\n width: 0%;\r\n background-color: var(--ws-text-strong);\r\n animation: drawRight 1.2s var(--ease-draw) 1.2s forwards;\r\n }\r\n\r\n @keyframes drawRight { to { width: 100%; } }\r\n\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .meta-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .meta-label {\r\n font-family: var(--font-body);\r\n font-size: 10px;\r\n color: var(--ws-text-meta);\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n font-weight: 600;\r\n }\r\n\r\n .meta-value {\r\n font-family: var(--font-body);\r\n font-size: 13px; \r\n color: var(--ws-text-strong);\r\n font-weight: 400;\r\n }\r\n\r\n \/* --- 3. Placeholder Logic (\u91cd\u65b0\u8bbe\u8ba1\u7684\u7a7a\u767d\u533a\u57df) --- *\/\r\n .col-gallery {\r\n padding: 0;\r\n background-color: var(--ws-bg);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 80vh;\r\n position: relative;\r\n }\r\n\r\n \/* \u589e\u52a0\u4e00\u4e2a\u6781\u5176\u5fae\u5999\u7684\u80cc\u666f\u7f51\u683c\uff0c\u6697\u793a\u201c\u6b63\u5728\u6784\u5efa\u201d *\/\r\n .col-gallery::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n background-image: radial-gradient(var(--ws-line) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n opacity: 0.3;\r\n z-index: 1;\r\n }\r\n\r\n .status-dossier {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 500px;\r\n padding: 60px;\r\n text-align: left;\r\n }\r\n\r\n \/* \u72b6\u6001\u6807\u8bc6\uff1aArial Bold 24px *\/\r\n .status-title {\r\n font-family: var(--font-heading);\r\n font-weight: 700;\r\n font-size: 24px;\r\n color: var(--ws-text-strong);\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n margin-bottom: 20px;\r\n display: block;\r\n }\r\n\r\n \/* \u89e3\u91ca\u6587\u6848\uff1aInter Light 13px *\/\r\n .status-desc {\r\n font-family: var(--font-body);\r\n font-size: 13px;\r\n font-weight: 300;\r\n line-height: 1.6;\r\n color: var(--ws-text-body);\r\n letter-spacing: 0.01em;\r\n margin-bottom: 40px;\r\n }\r\n\r\n \/* \u52a8\u6001\u8fdb\u5ea6\u7ebf\u6761\u52a8\u753b *\/\r\n .progress-container {\r\n width: 100%;\r\n height: 1px;\r\n background-color: var(--ws-line);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .progress-bar {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 30%;\r\n background-color: var(--ws-text-strong);\r\n animation: pulseSlide 3s var(--ease-smooth) infinite;\r\n }\r\n\r\n @keyframes pulseSlide {\r\n 0% { transform: translateX(-100%); }\r\n 100% { transform: translateX(400%); }\r\n }\r\n\r\n .status-tag {\r\n font-family: var(--font-body);\r\n font-size: 9px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.15em;\r\n color: var(--ws-text-meta);\r\n margin-top: 15px;\r\n display: block;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .main-wrapper { grid-template-columns: 1fr; margin-top: 0; }\r\n .hero-section { position: relative; height: 50vh; }\r\n .col-sticky { position: relative; height: auto; border-right: none; padding: 40px; }\r\n .col-sticky::after { display: none; }\r\n .status-dossier { padding: 80px 40px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"hero-section\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/menin-rd-matraville-home.webp\" alt=\"Menin Rd Cover\" class=\"hero-img\">\r\n <\/div>\r\n\r\n <div class=\"main-wrapper\">\r\n <aside class=\"col-sticky\">\r\n <h1 class=\"project-title\">menin rd matraville<\/h1>\r\n <div class=\"meta-container\">\r\n <div class=\"meta-block\">\r\n <span class=\"meta-label\">Location<\/span>\r\n <span class=\"meta-value\">NSW, Sydney<\/span>\r\n <\/div>\r\n <div class=\"meta-block\">\r\n <span class=\"meta-label\">Year<\/span>\r\n <span class=\"meta-value\">01.2026<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/aside>\r\n\r\n \r\n <main class=\"col-gallery\">\r\n <div class=\"status-dossier\">\r\n <span class=\"status-title\">Project Under Development<\/span>\r\n <p class=\"status-desc\">\r\n The Menin Rd project is currently in the active construction phase. \r\n Official architectural photography will be published following the final site handover. \r\n We are dedicated to delivering excellence in every detail of this residence.\r\n <\/p>\r\n <div class=\"progress-container\">\r\n <div class=\"progress-bar\"><\/div>\r\n <\/div>\r\n <span class=\"status-tag\">Current Phase: On Site Construction<\/span>\r\n <\/div>\r\n <\/main>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\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>Winsway | Menin Rd Matraville menin rd matraville Locat […]<\/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-1444","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/1444","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=1444"}],"version-history":[{"count":10,"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/1444\/revisions"}],"predecessor-version":[{"id":1486,"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/1444\/revisions\/1486"}],"wp:attachment":[{"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/media?parent=1444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}