{"id":404,"date":"2026-06-12T04:10:12","date_gmt":"2026-06-12T04:10:12","guid":{"rendered":"https:\/\/www.crossways.au\/?page_id=404"},"modified":"2026-06-20T13:25:11","modified_gmt":"2026-06-20T07:55:11","slug":"the-food-page-version-2","status":"publish","type":"page","link":"https:\/\/www.crossways.au\/?page_id=404","title":{"rendered":"THE FOOD PAGE VERSION 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"404\" class=\"elementor elementor-404\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb1cc9a e-con-full e-flex e-con e-parent\" data-id=\"bb1cc9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ef437a elementor-widget elementor-widget-html\" data-id=\"5ef437a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Crossways \u2014 Fresh Vegan Food, Made Daily, Served With Care<\/title>\r\n    <meta name=\"description\" content=\"Crossways is a much-loved vegan restaurant in the heart of Melbourne, serving fresh, affordable plant-based food prepared daily with care in the ISKCON hospitality tradition.\" \/>\r\n    <meta property=\"og:title\" content=\"Crossways \u2014 Fresh Vegan Food, Made Daily\" \/>\r\n    <meta property=\"og:description\" content=\"Fresh, affordable vegan food served with care in Melbourne.\" \/>\r\n    <meta property=\"og:image\" content=\"\/images\/hero-thali.jpg\" \/>\r\n    <meta property=\"og:type\" content=\"website\" \/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        * {\r\n            padding: 0;\r\n            margin: 0;\r\n            gap: 0;\r\n        }\r\n        .cw-page-hero{\r\n            position:relative;\r\n            min-height:100vh;\r\n            display:flex;\r\n            align-items:flex-end;\r\n            overflow:hidden;\r\n            padding:8rem 0 3.5rem;\r\n            font-family:'Montserrat',sans-serif;\r\n        }\r\n\r\n        .cw-page-hero-bg{\r\n            position:absolute;\r\n            inset:-10% 0;\r\n            z-index:1;\r\n        }\r\n\r\n        .cw-page-hero-bg img{\r\n            width:100%;\r\n            height:100%;\r\n            object-fit:cover;\r\n        }\r\n\r\n        \r\n        }\r\n\r\n        @keyframes cw-overlay-breathe{\r\n            0%,100%{ opacity:1; }\r\n            50%{ opacity:.88; }\r\n        }\r\n\r\n        .cw-hero-container{\r\n            width:100%;\r\n            max-width:1240px;\r\n            margin:auto;\r\n            padding:0 clamp(1.25rem,4vw,3rem);\r\n            position:relative;\r\n            z-index:3;\r\n        }\r\n\r\n        .cw-eyebrow{\r\n            display:inline-flex;\r\n            align-items:center;\r\n             transform: translateX(-200px);\r\n            gap:.65rem;\r\n            font-size:.72rem;\r\n            font-weight:800;\r\n            letter-spacing:.32em;\r\n            text-transform:uppercase;\r\n            color:#c7d9b8;\r\n        }\r\n\r\n        .cw-letter{\r\n            display:inline-block;\r\n            opacity:0;\r\n            transform:translateY(8px);\r\n            animation:cw-letter-in .4s ease forwards;\r\n        }\r\n\r\n        @keyframes cw-letter-in{\r\n            to{ opacity:1; transform:translateY(0); }\r\n        }\r\n\r\n        .cw-eyebrow::before{\r\n            content:\"\";\r\n            width:34px;\r\n            height:2px;\r\n            background:#9caf88;\r\n            transform:scaleX(0);\r\n            transform-origin:left;\r\n            animation:cw-line-wipe .5s ease-out .45s forwards;\r\n        }\r\n\r\n        @keyframes cw-line-wipe{\r\n            to{ transform:scaleX(1); }\r\n        }\r\n\r\n        .cw-page-hero h1{\r\n            margin:1rem 0 .6rem;\r\n            color:#fff;\r\n            font-weight:800;\r\n            transform: translateX(-200px);\r\n            line-height:1.05;\r\n            letter-spacing:-.02em;\r\n            font-size:clamp(48px,6vw,92px);\r\n            clip-path:inset(0 100% 0 0);\r\n            animation:cw-curtain .9s cubic-bezier(.65,0,.35,1) .5s forwards;\r\n        }\r\n\r\n        @keyframes cw-curtain{\r\n            to{ clip-path:inset(0 0% 0 0); }\r\n        }\r\n\r\n        .cw-page-hero p{\r\n            max-width:62ch;\r\n             transform: translateX(-200px);\r\n            color:#fff;\r\n            font-size:19px;\r\n            line-height:1.7;\r\n            opacity:0;\r\n            animation:cw-fade-in .7s ease 1s forwards;\r\n        }\r\n\r\n        @keyframes cw-fade-in{\r\n            to{ opacity:1; }\r\n        }\r\n\r\n        .highlight{\r\n            color:#9caf88;\r\n            font-weight:800;\r\n            background-image:linear-gradient(to right,#9caf88,#9caf88);\r\n            background-repeat:no-repeat;\r\n            background-position:0 100%;\r\n            background-size:0% 2px;\r\n            animation:cw-underline-draw .5s ease forwards;\r\n        }\r\n\r\n        @keyframes cw-underline-draw{\r\n            to{ background-size:100% 2px; }\r\n        }\r\n\r\n        .cw-page-hero p .highlight:nth-of-type(1){ animation-delay:1.15s; }\r\n        .cw-page-hero p .highlight:nth-of-type(2){ animation-delay:1.35s; }\r\n        .cw-page-hero p .highlight:nth-of-type(3){ animation-delay:1.55s; }\r\n        .cw-page-hero p .highlight:nth-of-type(4){ animation-delay:1.75s; }\r\n\r\n        @media(max-width:768px){\r\n\r\n        .cw-page-hero{\r\n            min-height:50vh;\r\n            padding:7rem 0 2.5rem;\r\n        }\r\n\r\n        .cw-page-hero p{\r\n            font-size:1rem;\r\n        }\r\n\r\n        }\r\n\r\n        \/* ===== Dish showcase animation ===== *\/\r\n        .cw-dish-showcase{\r\n            position:absolute;\r\n            top:50%;\r\n            right:0;\r\n            --cw-base-transform: translate(50%,-50%);\r\n            transform:var(--cw-base-transform);\r\n            width:clamp(1020px,30vw,3060px);\r\n            height:clamp(1020px,30vw,3060px);\r\n            z-index:3;\r\n            pointer-events:none;\r\n            clip-path:circle(0% at 50% 50%);\r\n            animation:cw-iris-open 1s cubic-bezier(.65,0,.35,1) .3s forwards;\r\n        }\r\n\r\n        @keyframes cw-iris-open{\r\n            to{ clip-path:circle(50% at 50% 50%); }\r\n        }\r\n\r\n        .cw-dish-showcase::before{\r\n            content:\"\";\r\n            position:absolute;\r\n            inset:-14px;\r\n            border-radius:50%;\r\n            background:conic-gradient(from 0deg,transparent 0deg 300deg,rgba(156,175,136,.95) 330deg,transparent 360deg);\r\n            -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));\r\n            mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));\r\n            opacity:0;\r\n            animation:cw-glow-spin 7s linear 1.3s infinite, cw-glow-in .4s ease 1.3s forwards;\r\n        }\r\n\r\n        @keyframes cw-glow-spin{\r\n            to{ transform:rotate(-360deg); }\r\n        }\r\n\r\n        @keyframes cw-glow-in{\r\n            to{ opacity:.9; }\r\n        }\r\n\r\n        .cw-dish-drift{\r\n            width:100%;\r\n            height:100%;\r\n            transition:transform .4s cubic-bezier(.22,1,.36,1);\r\n        }\r\n\r\n        .cw-dish-circle{\r\n            position:relative;\r\n            width:100%;\r\n            height:100%;\r\n            border-radius:50%;\r\n            overflow:hidden;\r\n            background:#1f3a47;\r\n            box-shadow:0 20px 50px rgba(0,0,0,.35);\r\n            animation:cw-plate-sway 8s ease-in-out 1.3s infinite;\r\n        }\r\n\r\n        @keyframes cw-plate-sway{\r\n            0%,100%{ transform:rotate(-3deg); }\r\n            50%{ transform:rotate(3deg); }\r\n        }\r\n\r\n        .cw-dish-img{\r\n            position:absolute;\r\n            inset:0;\r\n            width:100%;\r\n            height:100%;\r\n            object-fit:cover;\r\n            opacity:0;\r\n            z-index:0;\r\n            will-change:transform,opacity;\r\n        }\r\n\r\n        .cw-dish-img.is-active{\r\n            opacity:1;\r\n            z-index:2;\r\n        }\r\n\r\n        @media(max-width:768px){\r\n            .cw-dish-showcase{\r\n                --cw-base-transform: translate(50%,0);\r\n                width:150px;\r\n                height:150px;\r\n                top:9rem;\r\n            }\r\n        }\r\n\r\n        @media(prefers-reduced-motion:reduce){\r\n            .cw-letter{\r\n                animation:none !important;\r\n                opacity:1 !important;\r\n                transform:none !important;\r\n            }\r\n            .cw-eyebrow::before{\r\n                animation:none !important;\r\n                transform:scaleX(1) !important;\r\n            }\r\n            .cw-page-hero h1{\r\n                animation:none !important;\r\n                clip-path:none !important;\r\n            }\r\n            .cw-page-hero p{\r\n                animation:none !important;\r\n                opacity:1 !important;\r\n            }\r\n            .highlight{\r\n                animation:none !important;\r\n                background-size:100% 2px !important;\r\n            }\r\n            .cw-page-hero::after{\r\n                animation:none !important;\r\n            }\r\n            .cw-dish-showcase{\r\n                animation:none !important;\r\n                clip-path:circle(50% at 50% 50%) !important;\r\n            }\r\n            .cw-dish-showcase::before{\r\n                animation:none !important;\r\n                opacity:.9 !important;\r\n            }\r\n            .cw-dish-circle{\r\n                animation:none !important;\r\n                transform:none !important;\r\n            }\r\n            .cw-dish-drift{\r\n                transition:none !important;\r\n            }\r\n        }\r\n        \/* ===== End dish showcase animation ===== *\/\r\n\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n    <section class=\"cw-page-hero\">\r\n        <div class=\"cw-page-hero-bg\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-01_21_38-PM.png\" alt=\"Crossways Vegan Food\">\r\n        <\/div>\r\n\r\n        <div class=\"cw-dish-showcase\" aria-hidden=\"true\">\r\n            <div class=\"cw-dish-drift\">\r\n                <div class=\"cw-dish-circle\">\r\n                    <img decoding=\"async\" class=\"cw-dish-img is-active\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02113-scaled-e1781929383721.jpg\" alt=\"\">\r\n                    <img decoding=\"async\" class=\"cw-dish-img\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02138-scaled-e1781929489895.jpg\" alt=\"\">\r\n                    <img decoding=\"async\" class=\"cw-dish-img\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02099-scaled-e1781929575810.jpg\" alt=\"\">\r\n                    <img decoding=\"async\" class=\"cw-dish-img\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02113-scaled-e1781929383721.jpg\" alt=\"\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cw-hero-container\">\r\n            <span class=\"cw-eyebrow\">The Menu<\/span>\r\n\r\n            <h1>\r\n                Fresh Food, Made Daily<br>\r\n\r\n            <\/h1>\r\n\r\n            <p>\r\n                 Every morning, our dedicated <span class=\"highlight\"> team at Hare Krishna Temple<\/span> prepares wholesome meals from scratch using<span class=\"highlight\"> fresh ingredients<\/span>,<span class=\"highlight\"> authentic flavours <\/span>, and decades of culinary care <span class=\"highlight\"> Nothing is reheated, <\/span> everything is crafted fresh.\r\n\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n    \/\/ Splits the eyebrow text into individually-animated letters (typewriter cascade).\r\n    document.addEventListener(\"DOMContentLoaded\", function(){\r\n        const eyebrow = document.querySelector(\".cw-eyebrow\");\r\n        if(!eyebrow) return;\r\n        const text = eyebrow.textContent;\r\n        eyebrow.textContent = \"\";\r\n        text.split(\"\").forEach(function(ch, i){\r\n            const span = document.createElement(\"span\");\r\n            span.className = \"cw-letter\";\r\n            span.textContent = ch === \" \" ? \"\\u00A0\" : ch;\r\n            span.style.animationDelay = (i * 0.035) + \"s\";\r\n            eyebrow.appendChild(span);\r\n        });\r\n    });\r\n    <\/script>\r\n\r\n    <script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\",()=>{\r\n\r\nconst hero=document.querySelector(\".cw-page-hero-bg img\");\r\n\r\nif(!hero) return;\r\n\r\nlet ticking=false;\r\n\r\nfunction parallax(){\r\n\r\nconst rect=hero.getBoundingClientRect();\r\nconst vh=window.innerHeight;\r\n\r\nconst offset=(rect.top + rect.height\/2 - vh\/2) * 0.10;\r\n\r\nhero.style.transform=`translate3d(0,${-offset}px,0)`;\r\n\r\nticking=false;\r\n\r\n}\r\n\r\nwindow.addEventListener(\"scroll\",()=>{\r\n\r\nif(!ticking){\r\n\r\nrequestAnimationFrame(parallax);\r\nticking=true;\r\n\r\n}\r\n\r\n},{passive:true});\r\n\r\nparallax();\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n    <script>\r\n    (function(){\r\n        \/\/ Anti-clockwise spin reveal: the outgoing dish spins further\r\n        \/\/ anti-clockwise as it shrinks and fades, while the incoming dish spins\r\n        \/\/ anti-clockwise into place as it grows and appears. Same rotational\r\n        \/\/ direction throughout, so the cycle reads as one continuous turn.\r\n        const dishes = document.querySelectorAll('.cw-dish-img');\r\n        if(dishes.length < 2) return;\r\n\r\n        const DURATION = 900;\r\n        const SPIN_DEG = 55; \/\/ degrees of travel per transition\r\n        let activeIndex = 0;\r\n\r\n        function easeInOutCubic(t){\r\n            return t < 0.5 ? 4*t*t*t : 1 - Math.pow(-2*t+2,3)\/2;\r\n        }\r\n\r\n        function spin(outImg, inImg){\r\n            const start = performance.now();\r\n            inImg.style.zIndex = 2;\r\n\r\n            function step(now){\r\n                const t = Math.min((now - start) \/ DURATION, 1);\r\n                const e = easeInOutCubic(t);\r\n\r\n                const outAngle = -e * SPIN_DEG;\r\n                const outScale = 1 - e * 0.1;\r\n                outImg.style.transform = 'rotate(' + outAngle + 'deg) scale(' + outScale + ')';\r\n                outImg.style.opacity = String(1 - e);\r\n\r\n                const inAngle = SPIN_DEG - e * SPIN_DEG;\r\n                const inScale = 0.9 + e * 0.1;\r\n                inImg.style.transform = 'rotate(' + inAngle + 'deg) scale(' + inScale + ')';\r\n                inImg.style.opacity = String(e);\r\n\r\n                if(t < 1){\r\n                    requestAnimationFrame(step);\r\n                } else {\r\n                    outImg.style.zIndex = 0;\r\n                    outImg.style.transform = 'rotate(' + SPIN_DEG + 'deg) scale(0.9)';\r\n                    outImg.style.opacity = '0';\r\n                }\r\n            }\r\n            requestAnimationFrame(step);\r\n        }\r\n\r\n        function cycle(){\r\n            const current = dishes[activeIndex];\r\n            const nextIndex = (activeIndex + 1) % dishes.length;\r\n            const next = dishes[nextIndex];\r\n\r\n            spin(current, next);\r\n            activeIndex = nextIndex;\r\n        }\r\n\r\n        \/\/ initial state: first dish flat and visible, the rest staged\r\n        \/\/ clockwise-of-center and hidden, ready to spin anti-clockwise into view\r\n        dishes.forEach(function(img, i){\r\n            img.style.zIndex = i === 0 ? 2 : 0;\r\n            img.style.opacity = i === 0 ? 1 : 0;\r\n            img.style.transform = i === 0 ? 'rotate(0deg) scale(1)' : 'rotate(' + SPIN_DEG + 'deg) scale(0.9)';\r\n        });\r\n\r\n        setInterval(cycle, 3000);\r\n    })();\r\n    <\/script>\r\n\r\n    <script>\r\n    (function(){\r\n        \/\/ Gentle mouse-driven drift: the dish gently floats toward the cursor.\r\n        const hero = document.querySelector('.cw-page-hero');\r\n        const drift = document.querySelector('.cw-dish-drift');\r\n        if(!hero || !drift) return;\r\n        if(!window.matchMedia('(pointer: fine)').matches) return;\r\n\r\n        const MAX_DRIFT = 18; \/\/ px\r\n\r\n        hero.addEventListener('mousemove', function(e){\r\n            const rect = hero.getBoundingClientRect();\r\n            const px = (e.clientX - rect.left) \/ rect.width;\r\n            const py = (e.clientY - rect.top) \/ rect.height;\r\n            const dx = (px - 0.5) * MAX_DRIFT * 2;\r\n            const dy = (py - 0.5) * MAX_DRIFT * 2;\r\n            drift.style.transform = 'translate(' + dx + 'px, ' + dy + 'px)';\r\n        });\r\n\r\n        hero.addEventListener('mouseleave', function(){\r\n            drift.style.transform = 'translate(0px, 0px)';\r\n        });\r\n    })();\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1659565 e-con-full e-flex e-con e-child\" data-id=\"1659565\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ece647d elementor-widget elementor-widget-html\" data-id=\"ece647d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Crossways \u2014 Fresh Vegan Food, Made Daily, Served With Care<\/title>\r\n    <meta name=\"description\" content=\"Crossways is a much-loved vegan restaurant in the heart of Melbourne, serving fresh, affordable plant-based food prepared daily with care in the ISKCON hospitality tradition.\" \/>\r\n    <meta property=\"og:title\" content=\"Crossways \u2014 Fresh Vegan Food, Made Daily\" \/>\r\n    <meta property=\"og:description\" content=\"Fresh, affordable vegan food served with care in Melbourne.\" \/>\r\n    <meta property=\"og:image\" content=\"\/images\/hero-thali.jpg\" \/>\r\n    <meta property=\"og:type\" content=\"website\" \/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        * {\r\n            padding: 0;\r\n            margin: 0;\r\n            gap: 0;\r\n        }\r\n        .cw-featured-dish{\r\n            padding:clamp(4.5rem,9vw,9rem) 0;\r\n            font-family:'Montserrat',sans-serif;\r\n        }\r\n\r\n        .cw-container{\r\n            width:100%;\r\n            max-width:1240px;\r\n            margin:auto;\r\n            padding:0 clamp(1.25rem,4vw,3rem);\r\n        }\r\n\r\n        .cw-split{\r\n            display:grid;\r\n            grid-template-columns:1fr 1fr;\r\n            gap:clamp(2rem,6vw,5rem);\r\n            align-items:center;\r\n        }\r\n\r\n        .cw-split-visual{\r\n            position:relative;\r\n        }\r\n\r\n        .cw-mask{\r\n            overflow:hidden;\r\n            border-radius:22px;\r\n            aspect-ratio:4\/5;\r\n            box-shadow:\r\n            0 30px 70px -25px rgba(29,44,51,.55);\r\n        }\r\n\r\n        .cw-mask img{\r\n            width:100%;\r\n            height:100%;\r\n            object-fit:cover;\r\n            transition:1.4s cubic-bezier(.16,1,.3,1);\r\n        }\r\n\r\n        .cw-split-visual:hover .cw-mask img{\r\n            transform:scale(1.08);\r\n        }\r\n\r\n        .cw-float-card{\r\n            position:absolute;\r\n            right:-24px;\r\n            bottom:-24px;\r\n            background:#fff;\r\n            padding:1.4rem 1.6rem;\r\n            border-radius:18px;\r\n            text-align:center;\r\n            box-shadow:\r\n            0 30px 70px -25px rgba(29,44,51,.55);\r\n        }\r\n\r\n        .cw-big{\r\n            font-size:2.2rem;\r\n            line-height:1;\r\n            font-weight:800;\r\n            color:#4f868e;\r\n        }\r\n\r\n        .cw-float-card span{\r\n            font-size:.7rem;\r\n            text-transform:uppercase;\r\n            letter-spacing:.15em;\r\n            color:#6a7980;\r\n        }\r\n\r\n        .cw-content h2{\r\n            margin:1rem 0 1rem;\r\n            color:#284e62;\r\n            font-size:clamp(2rem,4.4vw,3rem);\r\n            line-height:1.05;\r\n            font-weight:800;\r\n            letter-spacing:-.02em;\r\n        }\r\n\r\n        .cw-content p{\r\n            color:#4a5d65;\r\n            line-height:1.8;\r\n            margin-bottom:1.8rem;\r\n        }\r\n\r\n        .cw-eyebrow{\r\n            display:inline-flex;\r\n            align-items:center;\r\n            gap:.65rem;\r\n            font-size:.72rem;\r\n            font-weight:700;\r\n            letter-spacing:.32em;\r\n            text-transform:uppercase;\r\n            color:#4f868e;\r\n        }\r\n\r\n        .cw-eyebrow:before{\r\n            content:\"\";\r\n            width:34px;\r\n            height:2px;\r\n            background:#9caf88;\r\n        }\r\n\r\n        .cw-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:.6rem;\r\n    padding:.95rem 1.9rem;\r\n    border-radius:999px;\r\n    background:#4f868e; \/* Teal *\/\r\n    color:#ffffff;     \/* White text *\/\r\n    font-size:.85rem;\r\n    font-weight:700;\r\n    letter-spacing:.04em;\r\n    text-decoration:none;\r\n    transition:.4s cubic-bezier(.16,1,.3,1);\r\n    }\r\n\r\n   .cw-btn:hover{\r\n    transform:translateY(-3px);\r\n    background:#9caf88; \/* Olive *\/\r\n    color:#ffffff;      \/* Keep text white *\/\r\n}\r\n        .cw-btn,\r\n        .cw-btn:hover,\r\n        .cw-btn:focus,\r\n         .cw-btn:active{\r\n         text-decoration:none !important;\r\n        }\r\n\r\n\r\n        .cw-btn span{\r\n            transition:.4s;\r\n        }\r\n\r\n        .cw-btn:hover span{\r\n            transform:translateX(5px);\r\n        }\r\n\r\n        @media(max-width:980px){\r\n\r\n        .cw-split{\r\n            grid-template-columns:1fr;\r\n            gap:2.5rem;\r\n        }\r\n\r\n        }\r\n\r\n        @media(max-width:560px){\r\n\r\n        .cw-float-card{\r\n            right:0;\r\n            bottom:-1rem;\r\n        }\r\n\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n\r\n    <body>\r\n            <section class=\"cw-featured-dish\">\r\n\r\n                <div class=\"cw-container\">\r\n\r\n                    <div class=\"cw-split\">\r\n\r\n                        <div class=\"cw-split-visual\">\r\n\r\n                            <div class=\"cw-mask\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02118-scaled.jpg\" alt=\"Featured Dish\">\r\n                            <\/div>\r\n\r\n                            <div class=\"cw-float-card\">\r\n                                <div class=\"cw-big\">Today<\/div>\r\n                                <span>Featured Dish<\/span>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"cw-content\">\r\n\r\n                            <span class=\"cw-eyebrow\">\r\n                                Featured Dish\r\n                            <\/span>\r\n\r\n                            <h2>\r\n                                Chana Masala\r\n                            <\/h2>\r\n\r\n                            <p>\r\n                                Plump chickpeas slow-simmered in a rich tomato and coconut gravy,\r\n                                layered with roasted spices and finished with fresh coriander.\r\n                                Served with steamed basmati rice and warm flatbread \u2014\r\n                                comfort in a bowl.\r\n                            <\/p>\r\n\r\n                            \r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n        <script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\",()=>{\r\n\r\nconst image=document.querySelector(\".cw-mask img\");\r\n\r\nif(!image) return;\r\n\r\nconst observer=new IntersectionObserver(entries=>{\r\n\r\nentries.forEach(entry=>{\r\n\r\nif(entry.isIntersecting){\r\n\r\nentry.target.animate([\r\n{\r\nopacity:0,\r\ntransform:\"translateY(40px)\"\r\n},\r\n{\r\nopacity:1,\r\ntransform:\"translateY(0)\"\r\n}\r\n],{\r\nduration:900,\r\neasing:\"cubic-bezier(.16,1,.3,1)\",\r\nfill:\"forwards\"\r\n});\r\n\r\nobserver.unobserve(entry.target);\r\n\r\n}\r\n\r\n});\r\n\r\n},{\r\nthreshold:.16\r\n});\r\n\r\nobserver.observe(image);\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n    <\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57578e1 e-con-full e-flex e-con e-child\" data-id=\"57578e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f473b67 elementor-widget elementor-widget-html\" data-id=\"f473b67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Crossways Weekly Menu<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\n\r\nbody{\r\n  font-family:Montserrat,sans-serif;\r\n  background:#ece9e1;\r\n}\r\n\r\n.cw-food-explorer{padding:1px 0 ;}\r\n\r\n.cw-menu-container{\r\n  max-width:1400px;\r\n  margin:auto;\r\n  padding:0 25px;\r\n}\r\n\r\n.cw-head{\r\n  text-align:center;\r\n  margin-bottom:50px;\r\n}\r\n\r\n.cw-eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:.65rem;\r\n}\r\n\r\n.cw-eyebrow:before,\r\n.cw-eyebrow:after{\r\n    content:\"\";\r\n    width:34px;\r\n    height:2px;\r\n    background:#9caf88;\r\n}\r\n.cw-head h2{\r\n  font-size:clamp(2rem,5vw,4rem);\r\n  color:#284e62;\r\n  margin:15px 0;\r\n}\r\n\r\n.cw-head p{color:#5f6b6f;}\r\n\r\n.cw-filter{\r\n  display:flex;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  margin-bottom:60px;\r\n}\r\n\r\n.cw-filter button{\r\n  padding:12px 25px;\r\n  border:none;\r\n  border-radius:999px;\r\n  background:#d8d5cd;\r\n  cursor:pointer;\r\n  color:#4f868e;\r\n  font-family:Montserrat,sans-serif;\r\n  font-weight:600;\r\n  font-size:.9rem;\r\n  transition:.3s;\r\n}\r\n\r\n.cw-filter button:hover{background:#9caf88;}\r\n\r\n.cw-filter button.active{\r\n  background:#4f868e;\r\n  color:#fff;\r\n}\r\n\r\n.cw-hidden{display:none!important;}\r\n\r\n\/* \u2500\u2500 ALL VIEW GRID \u2500\u2500 *\/\r\n.all-days-view{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:28px;\r\n  margin-bottom:80px;\r\n}\r\n\r\n\/* EACH DAY CARD *\/\r\n.all-day-box{\r\n  position:relative;\r\n  height:380px;\r\n  border-radius:26px;\r\n  overflow:hidden;\r\n  box-shadow:0 20px 55px rgba(0,0,0,.22);\r\n  cursor:pointer;\r\n}\r\n\r\n\/* SLIDE TRACK \u2014 holds 2 slides side by side *\/\r\n.slide-track{\r\n  display:flex;\r\n  width:200%;\r\n  height:100%;\r\n  transition:transform .9s cubic-bezier(.77,0,.18,1);\r\n}\r\n\r\n\/* EACH SLIDE *\/\r\n.slide{\r\n  position:relative;\r\n  width:50%;\r\n  height:100%;\r\n  flex-shrink:0;\r\n  overflow:hidden;\r\n}\r\n\r\n.slide img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transform:scale(1.08);\r\n  transition:transform 6s ease;\r\n}\r\n\r\n\/* subtle Ken-Burns zoom while slide is active *\/\r\n.slide.is-active img{\r\n  transform:scale(1);\r\n}\r\n\r\n\/* GRADIENT *\/\r\n.slide-gradient{\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(\r\n    to top,\r\n    rgba(0,0,0,.95) 0%,\r\n    rgba(0,0,0,.55) 55%,\r\n    rgba(0,0,0,.15) 100%\r\n  );\r\n}\r\n\r\n\/* CONTENT INSIDE EACH SLIDE *\/\r\n.slide-content{\r\n  position:absolute;\r\n  bottom:0;left:0;right:0;\r\n  padding:28px;\r\n}\r\n\r\n.day-label{\r\n  font-size:.68rem;\r\n  letter-spacing:3.5px;\r\n  font-weight:700;\r\n  color:#fff;\r\n  text-transform:uppercase;\r\n  margin-bottom:7px;\r\n  text-shadow:0 2px 8px rgba(0,0,0,.8);\r\n}\r\n\r\n.meal-badge{\r\n  display:inline-block;\r\n  font-size:.65rem;\r\n  letter-spacing:3px;\r\n  font-weight:700;\r\n  color:#fff;\r\n  text-transform:uppercase;\r\n  padding:5px 16px;\r\n  border-radius:999px;\r\n  margin-bottom:12px;\r\n}\r\n\r\n.lunch-bg{\r\n    background:#9caf88;\r\n}\r\n\r\n.dinner-bg{\r\n    background:#9caf88;\r\n}\r\n\r\n.meal-title{\r\n  font-size:1.55rem;\r\n  font-weight:800;\r\n  color:#fff;\r\n  line-height:1.2;\r\n  margin-bottom:8px;\r\n}\r\n\r\n\/* DESCRIPTION \u2014 hidden, appears on hover *\/\r\n.meal-desc{\r\n  color:rgba(255,255,255,.82);\r\n  font-size:.82rem;\r\n  line-height:1.7;\r\n  max-height:0;\r\n  overflow:hidden;\r\n  opacity:0;\r\n  transition:max-height .5s ease, opacity .5s ease;\r\n}\r\n\r\n.all-day-box:hover .meal-desc{\r\n  max-height:90px;\r\n  opacity:1;\r\n}\r\n\r\n\/* DOTS \u2014 centered at the bottom, same fade\/scale animation as before *\/\r\n.slide-dots{\r\n  position:absolute;\r\n  bottom:18px;\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  z-index:10;\r\n  display:flex;\r\n  gap:7px;\r\n}\r\n\r\n.dot{\r\n  width:7px;height:7px;\r\n  border-radius:50%;\r\n  background:rgba(255,255,255,.3);\r\n  transition:background .4s, transform .4s;\r\n}\r\n\r\n.dot.on{\r\n  background:#fff;\r\n  transform:scale(1.35);\r\n}\r\n\r\n\/* \u2500\u2500 INDIVIDUAL DAY CARDS \u2500\u2500 *\/\r\n.day-card{margin-bottom:80px;}\r\n\r\n.meal-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:30px;\r\n}\r\n\r\n.meal-card{\r\n  position:relative;\r\n  height:550px;\r\n  border-radius:28px;\r\n  overflow:hidden;\r\n  cursor:pointer;\r\n  box-shadow:0 15px 40px rgba(0,0,0,.15);\r\n}\r\n\r\n.meal-card img{\r\n  width:100%;height:100%;\r\n  object-fit:cover;\r\n  transition:transform 1s;\r\n}\r\n\r\n.meal-card:hover img{transform:scale(1.07);}\r\n\r\n.overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  padding:35px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:flex-end;\r\n  background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.28),transparent);\r\n}\r\n\r\n.meal-type{\r\n  color:#fff;\r\n  font-size:.78rem;\r\n  letter-spacing:3px;\r\n  font-weight:700;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.overlay h3{\r\n  color:#fff;\r\n  font-size:2rem;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.description{\r\n  color:#fff;\r\n  line-height:1.7;\r\n  max-height:0;\r\n  overflow:hidden;\r\n  transition:.4s;\r\n}\r\n\r\n.meal-card:hover .description{max-height:150px;}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media(max-width:992px){\r\n  .all-days-view{grid-template-columns:repeat(2,1fr);}\r\n  .meal-grid{grid-template-columns:1fr;}\r\n  .meal-card{height:420px;}\r\n}\r\n\r\n@media(max-width:768px){\r\n  .all-days-view{grid-template-columns:1fr;}\r\n  .all-day-box{height:300px;}\r\n  .meal-card{height:340px;}\r\n  .overlay{padding:24px;}\r\n  .overlay h3{font-size:1.4rem;}\r\n  .cw-food-explorer{padding:50px 0;}\r\n}\r\n.description p{\r\n    margin:3px 0;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"cw-food-explorer\">\r\n<div class=\"cw-menu-container\">\r\n\r\n  <div class=\"cw-head\">\r\n    <span class=\"cw-eyebrow\">Our Weekly Menu<\/span>\r\n    <h2>Fresh Vegan Meals Every Day<\/h2>\r\n    <p>Browse lunch and dinner selections for the week.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"cw-filter\">\r\n    <button class=\"active\" data-filter=\"all\">All<\/button>\r\n    <button data-filter=\"Monday\">Monday<\/button>\r\n    <button data-filter=\"Tuesday\">Tuesday<\/button>\r\n    <button data-filter=\"Wednesday\">Wednesday<\/button>\r\n    <button data-filter=\"Thursday\">Thursday<\/button>\r\n    <button data-filter=\"Friday\">Friday<\/button>\r\n    <button data-filter=\"Saturday\">Saturday<\/button>\r\n  <\/div>\r\n\r\n  <div class=\"cw-menu-grid\">\r\n\r\n    <!-- \u2550\u2550 ALL VIEW \u2550\u2550 -->\r\n    <div class=\"all-days-view\" id=\"allView\">\r\n\r\n      <!-- MONDAY -->\r\n      <div class=\"all-day-box\"\r\n        data-day=\"Monday\"\r\n        data-lunch-img=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02144-scaled.jpg\"\r\n        data-lunch-title=\"Satay Vegetables & Rice\"\r\n        data-lunch-desc=\"Satay Vegetables \u00b7 Rice \u00b7 Raisin Halva\"\r\n        data-dinner-img=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02099-scaled.jpg\"\r\n        data-dinner-title=\"Chickpea Curry & Rice\"\r\n        data-dinner-desc=\"Chickpea Curry \u00b7 Rice \u00b7 Apple Crumble\">\r\n      <\/div>\r\n\r\n      <!-- TUESDAY -->\r\n      <div class=\"all-day-box\"\r\n        data-day=\"Tuesday\"\r\n        data-lunch-img=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02069-scaled.jpg\"\r\n        data-lunch-title=\"Red Kidney Bean & Rice\"\r\n        data-lunch-desc=\"Red Kidney Beans \u00b7 Rice \u00b7 Peach Halva\"\r\n        data-dinner-img=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02183-scaled.jpg\"\r\n        data-dinner-title=\"Satay Vegetables & Rice\"\r\n        data-dinner-desc=\"Satay Vegetables \u00b7 Rice \u00b7 Carob Slice\">\r\n      <\/div>\r\n\r\n      <!-- WEDNESDAY -->\r\n      <div class=\"all-day-box\"\r\n        data-day=\"Wednesday\"\r\n        data-lunch-img=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/unnamed-1-1.webp\"\r\n        data-lunch-title=\"Spinach Curry & Rice\"\r\n        data-lunch-desc=\"Fresh Spinach Curry \u00b7 Rice \u00b7 Raisin Halva\"\r\n        data-dinner-img=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/unnamed-2.webp\"\r\n        data-dinner-title=\"Mixed Vegetables & Rice\"\r\n        data-dinner-desc=\"Seasonal Vegetables \u00b7 Rice \u00b7 Sago Pudding\">\r\n      <\/div>\r\n\r\n      <!-- THURSDAY -->\r\n      <div class=\"all-day-box\"\r\n        data-day=\"Thursday\"\r\n        data-lunch-img=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/unnamed-3.webp\"\r\n        data-lunch-title=\"Malaysian Tofu & Rice\"\r\n        data-lunch-desc=\"Malaysian Tofu \u00b7 Rice \u00b7 Sticky Date Pudding\"\r\n        data-dinner-img=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02099-scaled.jpg\"\r\n        data-dinner-title=\"Chickpea Curry & Rice\"\r\n        data-dinner-desc=\"Chickpea Curry \u00b7 Rice \u00b7 Apple Crumble\">\r\n      <\/div>\r\n\r\n      <!-- FRIDAY -->\r\n      <div class=\"all-day-box\"\r\n        data-day=\"Friday\"\r\n        data-lunch-img=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-19-at-10.19.19-AM.jpeg\"\r\n        data-lunch-title=\"Thai Green Curry & Rice\"\r\n        data-lunch-desc=\"Aromatic Thai Curry \u00b7 Rice \u00b7 Pineapple Halva\"\r\n        data-dinner-img=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02099-scaled.jpg\"\r\n        data-dinner-title=\"Chickpea Curry & Rice\"\r\n        data-dinner-desc=\"Rich Chickpea Curry \u00b7 Rice \u00b7 Almond Toffee\">\r\n      <\/div>\r\n\r\n      <!-- SATURDAY -->\r\n      <div class=\"all-day-box\"\r\n        data-day=\"Saturday\"\r\n        data-lunch-img=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02274-scaled.jpg\"\r\n        data-lunch-title=\"Red Kidney Bean & Rice\"\r\n        data-lunch-desc=\"Red Kidney Beans \u00b7 Rice \u00b7 Date Halva\"\r\n        data-dinner-img=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/unnamed-4.webp\"\r\n        data-dinner-title=\"South Indian Special\"\r\n        data-dinner-desc=\"South Indian Meal \u00b7 Rice \u00b7 Traditional Halva\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550 MONDAY \u2550\u2550 -->\r\n    <div class=\"day-card cw-hidden\" data-cat=\"Monday\">\r\n      <div class=\"meal-grid\">\r\n        <div class=\"meal-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02144-scaled.jpg\">\r\n          <div class=\"overlay\">\r\n            <span class=\"meal-type\">LUNCH<\/span>\r\n            <h3>Satay Vegetables & Rice<\/h3>\r\n            <div class=\"description\"><p>Satay Vegetables<\/p><p>Rice<\/p><p>Raisin Halva<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"meal-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02099-scaled.jpg\">\r\n          <div class=\"overlay\">\r\n            <span class=\"meal-type\">DINNER<\/span>\r\n            <h3>Chickpea Curry & Rice<\/h3>\r\n            <div class=\"description\"><p>Chickpea Curry<\/p><p>Rice<\/p><p>Apple Crumble<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550 TUESDAY \u2550\u2550 -->\r\n    <div class=\"day-card cw-hidden\" data-cat=\"Tuesday\">\r\n      <div class=\"meal-grid\">\r\n        <div class=\"meal-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02183-scaled.jpg\">\r\n          <div class=\"overlay\">\r\n            <span class=\"meal-type\">LUNCH<\/span>\r\n            <h3>Red Kidney Bean & Rice<\/h3>\r\n            <div class=\"description\"><p>Red Kidney Beans<\/p><p>Brown Rice<\/p><p>Peach Halva<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"meal-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/unnamed-4.webp\">\r\n          <div class=\"overlay\">\r\n            <span class=\"meal-type\">DINNER<\/span>\r\n            <h3>Satay Vegetables & Rice<\/h3>\r\n            <div class=\"description\"><p>Satay Vegetables<\/p><p>Rice<\/p><p>Carob Slice<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550 WEDNESDAY \u2550\u2550 -->\r\n    <div class=\"day-card cw-hidden\" data-cat=\"Wednesday\">\r\n      <div class=\"meal-grid\">\r\n        <div class=\"meal-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-17-at-2.43.51-PM-e1781691109930.jpeg\">\r\n          <div class=\"overlay\">\r\n            <span class=\"meal-type\">LUNCH<\/span>\r\n            <h3>Spinach Curry & Rice<\/h3>\r\n            <div class=\"description\"><p>Fresh Spinach Curry<\/p><p> Rice<\/p><p>Raisin Halva<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"meal-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02071-scaled.jpg\">\r\n          <div class=\"overlay\">\r\n            <span class=\"meal-type\">DINNER<\/span>\r\n            <h3>Mixed Vegetables & Rice<\/h3>\r\n            <div class=\"description\"><p>Mixed Vegetables<\/p><p>Rice<\/p><p>Sago Pudding<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550 THURSDAY \u2550\u2550 -->\r\n    <div class=\"day-card cw-hidden\" data-cat=\"Thursday\">\r\n      <div class=\"meal-grid\">\r\n        <div class=\"meal-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02261-scaled.jpg\">\r\n          <div class=\"overlay\">\r\n            <span class=\"meal-type\">LUNCH<\/span>\r\n            <h3>Malaysian Tofu & Rice<\/h3>\r\n            <div class=\"description\"><p>Malaysian Tofu<\/p><p>Rice<\/p><p>Sticky Date Pudding<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"meal-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/unnamed-7.webp\">\r\n          <div class=\"overlay\">\r\n            <span class=\"meal-type\">DINNER<\/span>\r\n            <h3>Chickpea Curry & Rice<\/h3>\r\n            <div class=\"description\"><p>Chickpea Curry<\/p><p>Rice<\/p><p>Apple Crumble<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550 FRIDAY \u2550\u2550 -->\r\n    <div class=\"day-card cw-hidden\" data-cat=\"Friday\">\r\n      <div class=\"meal-grid\">\r\n        <div class=\"meal-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-19-at-10.19.19-AM.jpeg\">\r\n          <div class=\"overlay\">\r\n            <span class=\"meal-type\">LUNCH<\/span>\r\n            <h3>Thai Green Curry & Rice<\/h3>\r\n            <div class=\"description\"><p>Aromatic Thai Curry<\/p><p>Rice<\/p><p>Pineapple Halva<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"meal-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02099-scaled.jpg\">\r\n          <div class=\"overlay\">\r\n            <span class=\"meal-type\">DINNER<\/span>\r\n            <h3>Chickpea Curry & Rice<\/h3>\r\n            <div class=\"description\"><p>Chickpea Curry<\/p><p>Rice<\/p><p>Almond Toffee<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550 SATURDAY \u2550\u2550 -->\r\n    <div class=\"day-card cw-hidden\" data-cat=\"Saturday\">\r\n      <div class=\"meal-grid\">\r\n        <div class=\"meal-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_ojs911ojs911ojs9-scaled.png\">\r\n          <div class=\"overlay\">\r\n            <span class=\"meal-type\">LUNCH<\/span>\r\n            <h3>Red Kidney Bean & Rice<\/h3>\r\n            <div class=\"description\"><p>Red Kidney Beans<\/p><p>Rice<\/p><p>Date Halva<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"meal-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02183-scaled.jpg\">\r\n          <div class=\"overlay\">\r\n            <span class=\"meal-type\">DINNER<\/span>\r\n            <h3>South Indian Special<\/h3>\r\n            <div class=\"description\"><p>South Indian Meal<\/p><p>Rice<\/p><p>Traditional Halva<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst DURATION = 3000;\r\n\r\n\/* every box's controller goes in here so one global tick can drive them all in sync *\/\r\nconst boxStates = [];\r\n\r\ndocument.querySelectorAll(\".all-day-box\").forEach((box) => {\r\n\r\n  const d = box.dataset;\r\n  const meals = [\r\n    { type:\"LUNCH\",  badge:\"lunch-bg\",  title:d.lunchTitle,  desc:d.lunchDesc,  img:d.lunchImg  },\r\n    { type:\"DINNER\", badge:\"dinner-bg\", title:d.dinnerTitle, desc:d.dinnerDesc, img:d.dinnerImg }\r\n  ];\r\n\r\n  \/* BUILD HTML *\/\r\n  box.innerHTML = `\r\n    <div class=\"slide-track\">\r\n      <div class=\"slide is-active\">\r\n        <img decoding=\"async\" src=\"${meals[0].img}\" alt=\"${d.day} Lunch\">\r\n        <div class=\"slide-gradient\"><\/div>\r\n        <div class=\"slide-content\">\r\n          <div class=\"day-label\">${d.day}<\/div>\r\n          <div class=\"meal-badge ${meals[0].badge}\">${meals[0].type}<\/div>\r\n          <div class=\"meal-title\">${meals[0].title}<\/div>\r\n          <div class=\"meal-desc\">${meals[0].desc}<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"slide\">\r\n        <img decoding=\"async\" src=\"${meals[1].img}\" alt=\"${d.day} Dinner\">\r\n        <div class=\"slide-gradient\"><\/div>\r\n        <div class=\"slide-content\">\r\n          <div class=\"day-label\">${d.day}<\/div>\r\n          <div class=\"meal-badge ${meals[1].badge}\">${meals[1].type}<\/div>\r\n          <div class=\"meal-title\">${meals[1].title}<\/div>\r\n          <div class=\"meal-desc\">${meals[1].desc}<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"slide-dots\">\r\n      <div class=\"dot on\"><\/div>\r\n      <div class=\"dot\"><\/div>\r\n    <\/div>\r\n  `;\r\n\r\n  const track  = box.querySelector(\".slide-track\");\r\n  const slides = box.querySelectorAll(\".slide\");\r\n  const dots   = box.querySelectorAll(\".dot\");\r\n  let current  = 0;\r\n\r\n  function goTo(idx) {\r\n    slides[current].classList.remove(\"is-active\");\r\n    dots[current].classList.remove(\"on\");\r\n    current = idx % meals.length;\r\n    slides[current].classList.add(\"is-active\");\r\n    dots[current].classList.add(\"on\");\r\n    track.style.transform = `translateX(-${current * 50}%)`;\r\n  }\r\n\r\n  \/* each box only tracks whether IT is paused (hovered); the actual\r\n     \"go to next slide\" call now comes from one shared interval below,\r\n     so every box flips at the exact same moment *\/\r\n  const state = {\r\n    paused: false,\r\n    next() { goTo(current + 1); }\r\n  };\r\n\r\n  box.addEventListener(\"mouseenter\", () => { state.paused = true; });\r\n  box.addEventListener(\"mouseleave\", () => { state.paused = false; });\r\n\r\n  boxStates.push(state);\r\n});\r\n\r\n\/* ONE shared timer drives every box together \u2014 no stagger, all in sync.\r\n   A box only skips its turn while it's being hovered. *\/\r\nsetInterval(() => {\r\n  boxStates.forEach((state) => {\r\n    if (!state.paused) state.next();\r\n  });\r\n}, DURATION);\r\n\r\n\/* FILTER *\/\r\nconst buttons = document.querySelectorAll(\".cw-filter button\");\r\nconst cards   = document.querySelectorAll(\".day-card\");\r\nconst allView = document.getElementById(\"allView\");\r\n\r\nbuttons.forEach(btn => {\r\n  btn.addEventListener(\"click\", () => {\r\n    buttons.forEach(b => b.classList.remove(\"active\"));\r\n    btn.classList.add(\"active\");\r\n    const f = btn.dataset.filter;\r\n    if (f === \"all\") {\r\n      allView.style.display = \"grid\";\r\n      cards.forEach(c => c.classList.add(\"cw-hidden\"));\r\n    } else {\r\n      allView.style.display = \"none\";\r\n      cards.forEach(c =>\r\n        c.dataset.cat === f\r\n          ? c.classList.remove(\"cw-hidden\")\r\n          : c.classList.add(\"cw-hidden\")\r\n      );\r\n    }\r\n  });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-098c395 e-con-full e-flex e-con e-child\" data-id=\"098c395\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f251b92 e-con-full e-flex e-con e-child\" data-id=\"f251b92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc7c590 elementor-widget elementor-widget-html\" data-id=\"dc7c590\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Loved By Our Community<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n    body { font-family: 'Inter', sans-serif; background: #ffffff; overflow-x: hidden; }\r\n\r\n    .section-wrap {\r\n      background: #ffffff;\r\n      padding: 1rem 2rem 2rem;\r\n      max-width: 1600px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .section-title {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 3rem;\r\n      font-weight: 700;\r\n      color: #284e62;\r\n      text-align: center;\r\n      margin: 0 0 0.8rem;\r\n    }\r\n\r\n    .section-sub {\r\n      text-align: center;\r\n      color: #6b7280;\r\n      font-size: 1.2rem;\r\n      margin: 0 0 3.5rem;\r\n    }\r\n\r\n    .slider-outer {\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .cards-track {\r\n      display: flex;\r\n      gap: 24px;\r\n      animation: slideLoop 35s linear infinite;\r\n      width: max-content;\r\n    }\r\n\r\n    .cards-track:hover {\r\n      animation-play-state: paused;\r\n    }\r\n\r\n    @keyframes slideLoop {\r\n      0%   { transform: translateX(0); }\r\n      100% { transform: translateX(-50%); }\r\n    }\r\n\r\n    .slider-outer::before,\r\n    .slider-outer::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; bottom: 0;\r\n      width: 120px;\r\n      z-index: 2;\r\n      pointer-events: none;\r\n    }\r\n    .slider-outer::before { left: 0;  background: linear-gradient(to right, #fff, transparent); }\r\n    .slider-outer::after  { right: 0; background: linear-gradient(to left,  #fff, transparent); }\r\n\r\n    .card {\r\n      background: #ffffff;\r\n      border: 1.5px solid #e5e7eb;\r\n      border-radius: 20px;\r\n      padding: 2rem 2rem 2.2rem;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px;\r\n      width: 360px;\r\n      flex-shrink: 0;\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n      cursor: default;\r\n    }\r\n\r\n    .card:hover {\r\n      transform: translateY(-10px);\r\n      box-shadow: 0 20px 40px rgba(0,0,0,0.12);\r\n    }\r\n\r\n    .card-header {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 16px;\r\n    }\r\n\r\n    .avatar {\r\n      width: 70px;\r\n      height: 70px;\r\n      border-radius: 14px;\r\n      object-fit: cover;\r\n      flex-shrink: 0;\r\n    }\r\n    .community-word{\r\n  color:#9caf88; \/* Olive *\/\r\n}\r\n\r\n    .name   { font-weight: 600; font-size: 1.1rem; color: #111827; line-height: 1.4; }\r\n    .loyal  { font-size: 0.9rem; color: #6b7280; margin-top: 3px; }\r\n    .stars  { color: #f59e0b; font-size: 1.4rem; letter-spacing: 3px; }\r\n    .quote  { font-size: 1rem; color: #374151; line-height: 1.7; }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"section-wrap\">\r\n  <h2 class=\"section-title\">Loved By Our <span class=\"community-word\">Community<\/span>\r\n<\/h2>\r\n  <p class=\"section-sub\">Real stories from people who walked in for a meal \u2014 and stayed for how it made them feel.<\/p>\r\n\r\n  <div class=\"slider-outer\">\r\n    <div class=\"cards-track\">\r\n\r\n      <!-- Original 6 -->\r\n      <div class=\"card\">\r\n        <div class=\"card-header\">\r\n          <img decoding=\"async\" class=\"avatar\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=160&h=160&fit=crop&crop=face\" alt=\"Sarah Mitchell\">\r\n          <div><div class=\"name\">Sarah Mitchell<\/div><div class=\"loyal\">5 years loyal<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"quote\">\"CROSSWAYS has been my weekly ritual. The food is made with love and consciousness.\"<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"card-header\">\r\n          <img decoding=\"async\" class=\"avatar\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=160&h=160&fit=crop&crop=face\" alt=\"David Chen\">\r\n          <div><div class=\"name\">David Chen<\/div><div class=\"loyal\">10 years loyal<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"quote\">\"Best vegan Indian food in Melbourne! The spiritual energy here is palpable.\"<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"card-header\">\r\n          <img decoding=\"async\" class=\"avatar\" src=\"https:\/\/images.unsplash.com\/photo-1522529599102-193c0d76b5b6?w=160&h=160&fit=crop&crop=face\" alt=\"Priya & Raj\">\r\n          <div><div class=\"name\">Priya &amp; Raj<\/div><div class=\"loyal\">15 years loyal<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"quote\">\"We've been coming since our first date. Now we bring our kids. CROSSWAYS is family.\"<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"card-header\">\r\n          <img decoding=\"async\" class=\"avatar\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=160&h=160&fit=crop&crop=face\" alt=\"Emma Wilson\">\r\n          <div><div class=\"name\">Emma Wilson<\/div><div class=\"loyal\">3 years loyal<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"quote\">\"A hidden gem! The authentic flavors remind me of home. Can't recommend enough.\"<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"card-header\">\r\n          <img decoding=\"async\" class=\"avatar\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=160&h=160&fit=crop&crop=face\" alt=\"James Park\">\r\n          <div><div class=\"name\">James Park<\/div><div class=\"loyal\">7 years loyal<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"quote\">\"The community vibe is unmatched. Every visit feels like coming home to good friends.\"<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"card-header\">\r\n          <img decoding=\"async\" class=\"avatar\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=160&h=160&fit=crop&crop=face\" alt=\"Maya Rodriguez\">\r\n          <div><div class=\"name\">Maya Rodriguez<\/div><div class=\"loyal\">2 years loyal<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"quote\">\"Incredible value and taste! This is my go-to spot for healthy, delicious meals.\"<\/p>\r\n      <\/div>\r\n\r\n      <!-- Duplicates for seamless loop -->\r\n      <div class=\"card\">\r\n        <div class=\"card-header\">\r\n          <img decoding=\"async\" class=\"avatar\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=160&h=160&fit=crop&crop=face\" alt=\"Sarah Mitchell\">\r\n          <div><div class=\"name\">Sarah Mitchell<\/div><div class=\"loyal\">5 years loyal<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"quote\">\"CROSSWAYS has been my weekly ritual. The food is made with love and consciousness.\"<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"card-header\">\r\n          <img decoding=\"async\" class=\"avatar\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=160&h=160&fit=crop&crop=face\" alt=\"David Chen\">\r\n          <div><div class=\"name\">David Chen<\/div><div class=\"loyal\">10 years loyal<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"quote\">\"Best vegan Indian food in Melbourne! The spiritual energy here is palpable.\"<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"card-header\">\r\n          <img decoding=\"async\" class=\"avatar\" src=\"https:\/\/images.unsplash.com\/photo-1522529599102-193c0d76b5b6?w=160&h=160&fit=crop&crop=face\" alt=\"Priya & Raj\">\r\n          <div><div class=\"name\">Priya &amp; Raj<\/div><div class=\"loyal\">15 years loyal<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"quote\">\"We've been coming since our first date. Now we bring our kids. CROSSWAYS is family.\"<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"card-header\">\r\n          <img decoding=\"async\" class=\"avatar\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=160&h=160&fit=crop&crop=face\" alt=\"Emma Wilson\">\r\n          <div><div class=\"name\">Emma Wilson<\/div><div class=\"loyal\">3 years loyal<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"quote\">\"A hidden gem! The authentic flavors remind me of home. Can't recommend enough.\"<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"card-header\">\r\n          <img decoding=\"async\" class=\"avatar\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=160&h=160&fit=crop&crop=face\" alt=\"James Park\">\r\n          <div><div class=\"name\">James Park<\/div><div class=\"loyal\">7 years loyal<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"quote\">\"The community vibe is unmatched. Every visit feels like coming home to good friends.\"<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"card-header\">\r\n          <img decoding=\"async\" class=\"avatar\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=160&h=160&fit=crop&crop=face\" alt=\"Maya Rodriguez\">\r\n          <div><div class=\"name\">Maya Rodriguez<\/div><div class=\"loyal\">2 years loyal<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"quote\">\"Incredible value and taste! This is my go-to spot for healthy, delicious meals.\"<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8d9a6e e-con-full e-flex e-con e-child\" data-id=\"a8d9a6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfa9ac5 elementor-widget elementor-widget-html\" data-id=\"dfa9ac5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Crossways \u2014 Fresh Vegan Food, Made Daily, Served With Care<\/title>\r\n    <meta name=\"description\" content=\"Crossways is a much-loved vegan restaurant in the heart of Melbourne, serving fresh, affordable plant-based food prepared daily with care in the ISKCON hospitality tradition.\" \/>\r\n    <meta property=\"og:title\" content=\"Crossways \u2014 Fresh Vegan Food, Made Daily\" \/>\r\n    <meta property=\"og:description\" content=\"Fresh, affordable vegan food served with care in Melbourne.\" \/>\r\n    <meta property=\"og:image\" content=\"\/images\/hero-thali.jpg\" \/>\r\n    <meta property=\"og:type\" content=\"website\" \/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        .cw-cta-section{\r\n            padding:30px 0;\r\n            font-family:'Montserrat',sans-serif;\r\n        }\r\n\r\n        .cw-cta-container{\r\n            max-width:700px;\r\n            margin:auto;\r\n            padding:0 40px;\r\n        }\r\n\r\n        .cw-cta-content{\r\n            position:relative;\r\n            overflow:hidden;\r\n            border-radius:32px;\r\n            padding:\r\n            clamp(2rem,4vw,2rem)\r\n            clamp(2rem,6vw,2rem);\r\n            background:\r\n            linear-gradient(\r\n            135deg,\r\n            #4f868e 0%,\r\n            #264454 100%);\r\n            text-align:center;\r\n            box-shadow:\r\n            0 30px 70px -25px rgba(29,44,51,.55);\r\n\r\n        }\r\n\r\n        .cw-cta-content::before{\r\n            content:\"\";\r\n            position:absolute;\r\n            width:380px;\r\n            height:380px;\r\n            border-radius:50%;\r\n            background:\r\n            rgba(255,255,255,.08);\r\n            top:-140px;\r\n            right:-120px;\r\n\r\n        }\r\n\r\n        .cw-cta-content::after{\r\n            content:\"\";\r\n            position:absolute;\r\n            width:280px;\r\n            height:280px;\r\n            border-radius:50%;\r\n            background:\r\n            rgba(255,255,255,.06);\r\n            bottom:-120px;\r\n            left:-100px;\r\n\r\n        }\r\n\r\n        .cw-cta-eyebrow{\r\n        position:relative;\r\n        z-index:2;\r\n        display:inline-flex;\r\n        align-items:center;\r\n         gap:.65rem;\r\n         color:#d9d6cc;\r\n         font-size:.72rem;\r\n         font-weight:700;\r\n         letter-spacing:.32em;\r\n         text-transform:uppercase;\r\n        }\r\n\r\n         .cw-cta-eyebrow::before,\r\n          .cw-cta-eyebrow::after{\r\n         content:\"\";\r\n        width:34px;\r\n        height:2px;\r\n        background:#9caf88;\r\n        }\r\n\r\n        .cw-cta-content h2{\r\n            position:relative;\r\n            z-index:2;\r\n            margin:1rem auto;\r\n            max-width:12ch;\r\n            color:#fff;\r\n            font-size:clamp(2.3rem,5vw,4.2rem);\r\n            line-height:1.05;\r\n            font-weight:800;\r\n            letter-spacing:-.02em;\r\n\r\n        }\r\n\r\n        .cw-cta-content p{\r\n            position:relative;\r\n            z-index:2;\r\n            max-width:42ch;\r\n            margin:auto;\r\n            color:#d9d6cc;\r\n            line-height:1.8;\r\n            font-size:1.05rem;\r\n        }\r\n\r\n        .cw-cta-buttons{\r\n            position:relative;\r\n            z-index:2;\r\n            display:flex;\r\n            justify-content:center;\r\n            gap:16px;\r\n            margin-top:2rem;\r\n            flex-wrap:wrap;\r\n        }\r\n\r\n        .cw-btn-primary{\r\n            display:inline-flex;\r\n            align-items:center;\r\n            gap:.6rem;\r\n            padding:1rem 2rem;\r\n            border-radius:999px;\r\n            background:#ffffff;\r\n            color:#34657f;\r\n            text-decoration:none;\r\n            font-weight:700;\r\n            font-size:.85rem;\r\n            transition:\r\n            .4s cubic-bezier(.16,1,.3,1);\r\n\r\n        }\r\n\r\n        .cw-btn-primary:hover{\r\n            color:#ffffff;\r\n             background:#9caf88;\r\n            transform:translateY(-4px);\r\n        }\r\n\r\n        .cw-btn-primary span{\r\n            transition:.4s;\r\n        }\r\n\r\n        .cw-btn-primary:hover span{\r\n            transform:translateX(5px);\r\n        }\r\n\r\n        .cw-btn-secondary{\r\n            display:inline-flex;\r\n            align-items:center;\r\n            justify-content:center;\r\n            padding:1rem 2rem;\r\n            border-radius:999px;\r\n            border:1px solid rgba(255,255,255,.3);\r\n            color:#34657f;\r\n            background:#ffffff;\r\n            text-decoration:none;\r\n            font-weight:700;\r\n            font-size:.85rem;\r\n            transition:\r\n            .4s cubic-bezier(.16,1,.3,1);\r\n\r\n        }\r\n        .cw-btn-primary,\r\n        .cw-btn-primary:hover,\r\n        .cw-btn-secondary,\r\n        .cw-btn-secondary:hover{\r\n         text-decoration: none !important;\r\n}\r\n        .cw-btn-secondary:hover{\r\n            color:#ffffff;\r\n\r\n            background:#9caf88;\r\n            transform:translateY(-4px);\r\n\r\n        }\r\n\r\n        @media(max-width:768px){\r\n\r\n        .cw-cta-section{\r\n            padding:80px 0;\r\n        }\r\n\r\n        .cw-cta-container{\r\n            padding:0 20px;\r\n        }\r\n\r\n        .cw-cta-content h2{\r\n            max-width:100%;\r\n        }\r\n\r\n        .cw-cta-content p{\r\n            font-size:1rem;\r\n        }\r\n\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n    <section class=\"cw-cta-section\">\r\n\r\n        <div class=\"cw-cta-container\">\r\n\r\n            <div class=\"cw-cta-content\">\r\n\r\n                <span class=\"cw-cta-eyebrow\">\r\n                Ready For Lunch?\r\n                <\/span>\r\n\r\n                <h2>\r\n                Order your favourites today\r\n                <\/h2>\r\n\r\n                \r\n\r\n                <div class=\"cw-cta-buttons\">\r\n\r\n                    <a href=\"#\" class=\"cw-btn-primary\">\r\n                    Reserve a Table\r\n                    <span>\u2192<\/span>\r\n                    <\/a>\r\n\r\n                    <a href=\"#\" class=\"cw-btn-secondary\">\r\n                    Catering & Events\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n    <script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\",()=>{\r\n\r\nconst cta=document.querySelector(\".cw-cta-content\");\r\n\r\nif(!cta) return;\r\n\r\nconst observer=new IntersectionObserver((entries)=>{\r\n\r\nentries.forEach(entry=>{\r\n\r\nif(entry.isIntersecting){\r\n\r\nentry.target.animate([\r\n\r\n{\r\nopacity:0,\r\ntransform:\"translateY(40px)\"\r\n},\r\n\r\n{\r\nopacity:1,\r\ntransform:\"translateY(0)\"\r\n}\r\n\r\n],{\r\n\r\nduration:1000,\r\n\r\neasing:\"cubic-bezier(.16,1,.3,1)\",\r\n\r\nfill:\"forwards\"\r\n\r\n});\r\n\r\nobserver.unobserve(entry.target);\r\n\r\n}\r\n\r\n});\r\n\r\n},{\r\nthreshold:.15\r\n});\r\n\r\nobserver.observe(cta);\r\n\r\n});\r\n\r\n<\/script>\r\n\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\t\t<\/div>\n\t\t\t\t<\/div>\n\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>Crossways \u2014 Fresh Vegan Food, Made Daily, Served With Care The Menu Fresh Food, Made Daily Every morning, our dedicated [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-404","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.crossways.au\/index.php?rest_route=\/wp\/v2\/pages\/404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crossways.au\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.crossways.au\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.crossways.au\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crossways.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=404"}],"version-history":[{"count":10,"href":"https:\/\/www.crossways.au\/index.php?rest_route=\/wp\/v2\/pages\/404\/revisions"}],"predecessor-version":[{"id":1830,"href":"https:\/\/www.crossways.au\/index.php?rest_route=\/wp\/v2\/pages\/404\/revisions\/1830"}],"wp:attachment":[{"href":"https:\/\/www.crossways.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}