{"id":1421,"date":"2026-01-31T15:35:00","date_gmt":"2026-01-31T07:35:00","guid":{"rendered":"https:\/\/winswaymanagement.com\/?page_id=1421"},"modified":"2026-01-31T15:35:38","modified_gmt":"2026-01-31T07:35:38","slug":"moore-st-leichhardt","status":"publish","type":"page","link":"https:\/\/winswaymanagement.com\/index.php\/moore-st-leichhardt\/","title":{"rendered":"moore st leichhardt"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Winsway | Moore St Leichhardt<\/title>\r\n <style>\r\n \/* \u5f15\u5165\u89c4\u8303\u5b57\u4f53 *\/\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 \r\n \/* \u5b57\u4f53\u7cfb\u7edf *\/\r\n --font-heading: 'Arial', sans-serif;\r\n --font-body: 'Inter', sans-serif;\r\n \r\n \/* \u52a8\u753b\u66f2\u7ebf *\/\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 (\u89c6\u5dee\u80cc\u666f) --- *\/\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 (\u8986\u76d6\u5c42) --- *\/\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 border-right: none; \r\n }\r\n\r\n \/* \u7ebf\u6761 1\uff1a\u5782\u76f4\u5206\u5272\u7ebf\u52a8\u753b *\/\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 {\r\n to { height: 100%; }\r\n }\r\n\r\n \/* \u6807\u9898\u7ec4\uff1aMoore St Leichhardt *\/\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 \/* \u7ebf\u6761 2\uff1a\u6c34\u5e73\u5206\u5272\u7ebf\u52a8\u753b *\/\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 {\r\n to { width: 100%; }\r\n }\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 \/* --- Right Gallery --- *\/\r\n .col-gallery {\r\n padding: 60px; \r\n background-color: var(--ws-bg);\r\n }\r\n\r\n .gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px; \r\n }\r\n\r\n .gallery-item {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 4 \/ 3; \r\n overflow: hidden;\r\n background-color: #F8F8F8;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.8s ease, transform 0.8s ease, box-shadow 0.4s ease;\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: flex-start;\r\n }\r\n\r\n .gallery-item.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .gallery-item img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover; \r\n transition: all 0.5s var(--ease-smooth); \r\n transform-origin: top center;\r\n }\r\n\r\n .gallery-item:hover {\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.06);\r\n z-index: 10;\r\n }\r\n\r\n .gallery-item:hover img {\r\n width: 90%;\r\n height: 75%; \r\n margin-top: 5%; \r\n }\r\n\r\n \/* \u5e95\u90e8\u6587\u6848\uff1a\u52a0\u7c97\u52a0\u5927 *\/\r\n .item-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 25%; \r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n opacity: 0;\r\n transform: translateY(5px);\r\n transition: all 0.4s ease 0.1s; \r\n }\r\n\r\n .gallery-item:hover .item-caption {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .cap-title {\r\n font-family: var(--font-heading);\r\n font-weight: 800;\r\n font-size: 14px; \r\n color: var(--ws-text-strong);\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .cap-sub {\r\n font-family: var(--font-body);\r\n font-weight: 400;\r\n font-size: 12px;\r\n color: var(--ws-text-meta);\r\n letter-spacing: 0.02em;\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n .gallery-grid { grid-template-columns: repeat(2, 1fr); }\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 .col-gallery { padding: 20px; }\r\n .gallery-grid { grid-template-columns: 1fr; gap: 20px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Fixed Hero Background -->\r\n <div class=\"hero-section\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/rsw_1280h_855-1-1.webp\" alt=\"Moore St Cover\" class=\"hero-img\">\r\n <\/div>\r\n\r\n <!-- Main Content -->\r\n <div class=\"main-wrapper\">\r\n <aside class=\"col-sticky\">\r\n <h1 class=\"project-title\">Moore St<br>Leichhardt<\/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\">Leichhardt, 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\">03.2025<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/aside>\r\n\r\n <main class=\"col-gallery\">\r\n <div class=\"gallery-grid\">\r\n \r\n <!-- Item 1 -->\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/rsw_1280h_855-1-1.webp\">\r\n <div class=\"item-caption\">\r\n <span class=\"cap-title\">Moore St Leichhardt<\/span>\r\n <span class=\"cap-sub\">03.2025<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 2 -->\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/rsw_1280h_855-2-1.webp\">\r\n <div class=\"item-caption\">\r\n <span class=\"cap-title\">Moore St Leichhardt<\/span>\r\n <span class=\"cap-sub\">03.2025<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 3 -->\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/rsw_1280h_855-3-1.webp\">\r\n <div class=\"item-caption\">\r\n <span class=\"cap-title\">Moore St Leichhardt<\/span>\r\n <span class=\"cap-sub\">03.2025<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 4 -->\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/rsw_1280h_855-4-1.webp\">\r\n <div class=\"item-caption\">\r\n <span class=\"cap-title\">Moore St Leichhardt<\/span>\r\n <span class=\"cap-sub\">03.2025<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 5 -->\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/rsw_1280h_855-5-1.webp\">\r\n <div class=\"item-caption\">\r\n <span class=\"cap-title\">Moore St Leichhardt<\/span>\r\n <span class=\"cap-sub\">03.2025<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 6 -->\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/rsw_1280h_855-6-1.webp\">\r\n <div class=\"item-caption\">\r\n <span class=\"cap-title\">Moore St Leichhardt<\/span>\r\n <span class=\"cap-sub\">03.2025<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 7 -->\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/rsw_1280h_855-9.webp\">\r\n <div class=\"item-caption\">\r\n <span class=\"cap-title\">Moore St Leichhardt<\/span>\r\n <span class=\"cap-sub\">03.2025<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 8 -->\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/rsw_1280h_1920-1.webp\">\r\n <div class=\"item-caption\">\r\n <span class=\"cap-title\">Moore St Leichhardt<\/span>\r\n <span class=\"cap-sub\">03.2025<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 9 -->\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/rsw_1280h_1920.webp\">\r\n <div class=\"item-caption\">\r\n <span class=\"cap-title\">Moore St Leichhardt<\/span>\r\n <span class=\"cap-sub\">03.2025<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 10 -->\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/rsw_1280h_854-1-1.webp\">\r\n <div class=\"item-caption\">\r\n <span class=\"cap-title\">Moore St Leichhardt<\/span>\r\n <span class=\"cap-sub\">03.2025<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 11 -->\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/rsw_1280h_854-2-1.webp\">\r\n <div class=\"item-caption\">\r\n <span class=\"cap-title\">Moore St Leichhardt<\/span>\r\n <span class=\"cap-sub\">03.2025<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 12 -->\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/rsw_1280h_854-3-1.webp\">\r\n <div class=\"item-caption\">\r\n <span class=\"cap-title\">Moore St Leichhardt<\/span>\r\n <span class=\"cap-sub\">03.2025<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 13 -->\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/rsw_1280h_854-4.webp\">\r\n <div class=\"item-caption\">\r\n <span class=\"cap-title\">Moore St Leichhardt<\/span>\r\n <span class=\"cap-sub\">03.2025<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 14 -->\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/winswaymanagement.com\/wp-content\/uploads\/2026\/01\/rsw_1280h_854-5.webp\">\r\n <div class=\"item-caption\">\r\n <span class=\"cap-title\">Moore St Leichhardt<\/span>\r\n <span class=\"cap-sub\">03.2025<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/main>\r\n <\/div>\r\n\r\n <script>\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.05 });\r\n\r\n document.querySelectorAll('.gallery-item').forEach(item => {\r\n observer.observe(item);\r\n });\r\n <\/script>\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 | Moore St Leichhardt Moore StLeichhardt Locati […]<\/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-1421","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/1421","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=1421"}],"version-history":[{"count":4,"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/1421\/revisions"}],"predecessor-version":[{"id":1439,"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/pages\/1421\/revisions\/1439"}],"wp:attachment":[{"href":"https:\/\/winswaymanagement.com\/index.php\/wp-json\/wp\/v2\/media?parent=1421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}