{"id":532,"date":"2026-06-14T07:26:33","date_gmt":"2026-06-14T07:26:33","guid":{"rendered":"https:\/\/www.crossways.au\/?page_id=532"},"modified":"2026-06-20T11:30:33","modified_gmt":"2026-06-20T06:00:33","slug":"the-journey-page-v2","status":"publish","type":"page","link":"https:\/\/www.crossways.au\/?page_id=532","title":{"rendered":"The Journey Page V2"},"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 Brand Story Hero Section<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --cp: #4f868e;\r\n --cpd: #2d5960;\r\n --ca: #c7d8d9;\r\n --cc: #f7f3ee;\r\n --cw: #ffffff;\r\n --col: #a8a86a; \/* olive\/gold for accent heading line *\/\r\n --fs: 'Cormorant Garamond', serif;\r\n --fn: 'Montserrat', sans-serif;\r\n }\r\n\r\n *, *::before, *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html, body {\r\n width: 100%;\r\n height: 80vh%;\r\n background-color: var(--cc);\r\n font-family: var(--fn);\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* \u2500\u2500 WordPress full-bleed escape \u2500\u2500 *\/\r\n .entry-content .cw-hero-wrap,\r\n .wp-block-group .cw-hero-wrap,\r\n .wp-block-cover .cw-hero-wrap,\r\n .site-content .cw-hero-wrap,\r\n .page-content .cw-hero-wrap,\r\n .elementor .cw-hero-wrap,\r\n .et_pb_section .cw-hero-wrap {\r\n max-width: 100vw !important;\r\n width: 100vw !important;\r\n margin-left: calc(-50vw + 50%) !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .cw-hero-wrap {\r\n position: relative;\r\n width: 100vw;\r\n max-width: 80vw;\r\n margin-left: calc(-50vw + 50%);\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 Hero container \u2500\u2500 *\/\r\n .hero {\r\n position: relative;\r\n width: 100%;\r\n height: 100vh;\r\n min-height: 700px;\r\n background-color: var(--cc);\r\n }\r\n\r\n \/* \u2500\u2500 LAYER 1: Image \u2014 right side, 60% wide \u2500\u2500 *\/\r\n .img-wrap {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 50%;\r\n height: 100%;\r\n z-index: 1;\r\n }\r\n\r\n .img-wrap figure,\r\n .img-wrap p {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n display: block !important;\r\n }\r\n\r\n .portrait,\r\n .img-wrap img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n max-width: none !important;\r\n max-height: none !important;\r\n object-fit: cover !important;\r\n object-position: center 20% !important;\r\n display: block !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border: none !important;\r\n border-radius: 0 !important;\r\n box-shadow: none !important;\r\n float: none !important;\r\n vertical-align: top !important;\r\n }\r\n\r\n\r\n \/* \u2500\u2500 LAYER 3: Teal SVG panel \u2500\u2500 *\/\r\n .panel-svg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 3;\r\n pointer-events: none;\r\n }\r\n\r\n \/* \u2500\u2500 LAYER 4: Text content \u2500\u2500 *\/\r\n .panel-content {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 48%;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 0 8% 0 7%;\r\n z-index: 4;\r\n }\r\n\r\n \/* Tag: OUR JOURNEY *\/\r\n .cw-tag {\r\n display: block;\r\n font-family: var(--fn);\r\n font-size: 0.68rem;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 0.3em;\r\n color: var(--ca);\r\n margin-bottom: 1.2rem !important;\r\n }\r\n\r\n \/* Main heading \u2014 two-tone:\r\n First part white, second part olive *\/\r\n .cw-h1 {\r\n font-family:'Montserrat', sans-serif;!important;\r\n font-size: clamp(2.6rem, 4vw, 5rem) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.05 !important;\r\n color: var(--cw) !important;\r\n text-transform: none !important;\r\n letter-spacing: -0.01em !important;\r\n margin-bottom: 1.6rem !important;\r\n padding: 0 !important;\r\n border: none !important;\r\n }\r\n\r\n \/* Olive\/gold coloured span inside h1 *\/\r\n .cw-h1 .accent {\r\n color: #9caf88!important;\r\n display: block;\r\n }\r\n\r\n \/* Divider line *\/\r\n .cw-rule {\r\n width: 60px;\r\n height: 1px;\r\n background-color: rgba(255, 255, 255, 0.45);\r\n margin-bottom: 1.4rem !important;\r\n border: none !important;\r\n display: block;\r\n }\r\n\r\n \/* Attribution *\/\r\n .cw-attribution {\r\n font-family: var(--fs) !important;\r\n font-size: clamp(0.88rem, 1.1vw, 1.05rem) !important;\r\n font-weight: 400 !important;\r\n font-style: normal !important;\r\n color: var(--cw) !important;\r\n margin-bottom: 1.3rem !important;\r\n padding: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* Body paragraph *\/\r\n .cw-body {\r\n font-family: var(--fn) !important;\r\n font-size: clamp(0.75rem, 0.95vw, 0.88rem) !important;\r\n font-weight: 600 !important;\r\n line-height: 2 !important;\r\n color: rgba(255, 255, 255, 0.78) !important;\r\n margin-bottom: 2rem !important;\r\n padding: 0 !important;\r\n }\r\n\r\n \r\n\r\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n @media (max-width: 1024px) {\r\n .hero {\r\n display: flex;\r\n flex-direction: column;\r\n height: auto;\r\n min-height: unset;\r\n }\r\n\r\n .panel-svg,\r\n .watermark {\r\n display: none;\r\n }\r\n\r\n .panel-content {\r\n position: relative;\r\n width: 100%;\r\n height: auto;\r\n padding: 5rem 8% 4rem;\r\n background: linear-gradient(135deg, var(--cp) 0%, var(--cpd) 100%);\r\n }\r\n\r\n .img-wrap {\r\n position: relative;\r\n top: auto;\r\n right: auto;\r\n width: 100%;\r\n height: 65vw;\r\n min-height: 280px;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .img-wrap {\r\n height: 88vw;\r\n }\r\n .cw-h1 {\r\n font-size: clamp(2.2rem, 10vw, 3.5rem) !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!--\r\n HOW TO USE IN WORDPRESS\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n Gutenberg \u2192 Add \"Custom HTML\" block \u2192 paste everything inside <body>\r\n Classic \u2192 Switch to \"Text\" tab \u2192 paste everything inside <body>\r\n Elementor \u2192 HTML widget \u2192 set section to \"Full Width\"\r\n Divi \u2192 Code module \u2192 set section width to 100%\r\n -->\r\n\r\n <div class=\"cw-hero-wrap\">\r\n <main class=\"hero\">\r\n\r\n <!-- LAYER 1: Image \u2014 right side, 60% wide -->\r\n <div class=\"img-wrap\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/prabhupada-804x1024-1-e1781759884853.jpg\"\r\n alt=\"Elegant portrait with warm natural lighting\"\r\n class=\"portrait\">\r\n <\/div>\r\n\r\n <!-- LAYER 2: Lotus watermark over image area -->\r\n <div class=\"watermark\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 100 100\" fill=\"none\"\r\n stroke=\"#2d5960\" stroke-width=\"0.75\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M50,90 C50,90 25,65 25,45 C25,25 40,20 50,5\r\n C60,20 75,25 75,45 C75,65 50,90 50,90 Z\"\/>\r\n <path d=\"M50,90 C50,90 10,70 10,50 C10,35 25,30 35,20\r\n C40,35 48,55 50,90 Z\"\/>\r\n <path d=\"M50,90 C50,90 90,70 90,50 C90,35 75,30 65,20\r\n C60,35 52,55 50,90 Z\"\/>\r\n <path d=\"M50,90 C55,70 70,60 80,40\"\/>\r\n <path d=\"M50,90 C45,70 30,60 20,40\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <!-- LAYER 3: Teal SVG panel \u2014 fill + bezier curve are one single path -->\r\n <svg class=\"panel-svg\"\r\n viewBox=\"0 0 1000 1000\"\r\n preserveAspectRatio=\"none\"\r\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n aria-hidden=\"true\">\r\n <defs>\r\n <linearGradient id=\"cw-pg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n <stop offset=\"0%\" stop-color=\"#4f868e\"\/>\r\n <stop offset=\"100%\" stop-color=\"#2d5960\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <path d=\"M0,0\r\n L600,0\r\n C560,80 500,180 510,340\r\n C520,500 580,520 560,680\r\n C545,820 510,880 600,1000\r\n L0,1000\r\n Z\"\r\n fill=\"url(#cw-pg)\"\/>\r\n <\/svg>\r\n\r\n <!-- LAYER 4: Text content matching the screenshot -->\r\n <div class=\"panel-content\">\r\n\r\n <!-- Tag -->\r\n <span class=\"cw-tag\">Our Journey<\/span>\r\n\r\n <!-- Two-tone heading -->\r\n <h1 class=\"cw-h1\">\r\n Let the whole<br>world come\u2026\r\n <span class=\"accent\">we can feed<br>them.<\/span>\r\n <\/h1>\r\n\r\n <!-- Divider rule -->\r\n <span class=\"cw-rule\" aria-hidden=\"true\"><\/span>\r\n\r\n <!-- Attribution -->\r\n <p class=\"cw-attribution\">\r\n \u2014 A.C. Bhaktivedanta Swami Srila Prabhupada\r\n <\/p>\r\n\r\n <!-- Body paragraph -->\r\n <p class=\"cw-body\">\r\n For decades, Crossways has welcomed guests from all walks of life,\r\n serving nourishing plant-based meals inspired by compassion,\r\n hospitality and community. What began as a simple vision continues\r\n today through every meal prepared and every guest welcomed\r\n through our doors.\r\n <\/p>\r\n\r\n \r\n \r\n\r\n <\/div>\r\n\r\n <\/main>\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-82150cb e-con-full e-flex e-con e-child\" data-id=\"82150cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41f9980 elementor-widget elementor-widget-html\" data-id=\"41f9980\" 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 Our Journey<\/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 <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n *, *::before, *::after { box-sizing: border-box; }\r\n\r\n \/* \u2500\u2500 SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .cw-story-section {\r\n padding:30px 0;\r\n background: #ffffff;\r\n }\r\n\r\n \/* \u2500\u2500 HEADING \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .cw-story-heading {\r\n text-align: center;\r\n font-family:\r\n max-width: 850px;\r\n margin: 0 auto 70px;\r\n }\r\n .cw-story-heading span {\r\n display: block;\r\n color: #9caf88;\r\n letter-spacing: 4px;\r\n font-size: 13px;\r\n font-family:'Montserrat', sans-serif;\r\n text-transform: uppercase;\r\n }\r\n .cw-story-heading h2 {\r\n color: #34657f;\r\n font-size: 68px;\r\n line-height: 1;\r\n margin: 18px 0 20px;\r\n font-family:'Montserrat', sans-serif;\r\n }\r\n .cw-story-heading p {\r\n color: #666;\r\n line-height: 1.8;\r\n font-size: 17px;\r\n font-family: Montserrat, sans-serif;\r\n }\r\n\r\n \/* \u2500\u2500 TIMELINE WRAPPER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .cw-story-timeline {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n \/* CENTER LINE *\/\r\n .cw-story-timeline::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n width: 4px;\r\n height: 100%;\r\n background: #c3bfae;\r\n transform: translateX(-50%);\r\n border-radius: 4px;\r\n }\r\n\r\n \/* \u2500\u2500 PROGRESS BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .cw-story-progress {\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n width: 4px;\r\n height: 0;\r\n background: linear-gradient(180deg, #b7d29f 0%, #9caf88 50%, #6f8d62 100%);\r\n transform: translateX(-50%);\r\n border-radius: 4px;\r\n z-index: 2;\r\n transition: height 0.1s linear;\r\n }\r\n \/* Glowing tip *\/\r\n .cw-story-progress::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: #9caf88;\r\n box-shadow: 0 0 12px 4px rgba(156, 175, 136, .5);\r\n }\r\n\r\n \/* \u2500\u2500 ITEMS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .cw-story-item {\r\n position: relative;\r\n display: flex;\r\n justify-content: flex-start;\r\n \/* gap between card and center line *\/\r\n padding-right: calc(50% + 28px);\r\n margin: 60px 0;\r\n \/* scroll reveal *\/\r\n opacity: 0;\r\n transform: translateY(32px);\r\n transition: opacity 0.65s ease, transform 0.65s ease;\r\n }\r\n .cw-story-item.reverse {\r\n justify-content: flex-end;\r\n padding-left: calc(50% + 28px);\r\n padding-right: 0;\r\n }\r\n .cw-story-item.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* \u2500\u2500 DOT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .cw-story-dot {\r\n position: absolute;\r\n top: 28px; \/* aligns with card top area *\/\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: #c3bfae;\r\n border: 4px solid #ffffff;\r\n z-index: 5;\r\n transition: background 0.4s ease, box-shadow 0.4s ease;\r\n }\r\n .cw-story-item.active .cw-story-dot {\r\n background: #9caf88;\r\n box-shadow: 0 0 0 4px rgba(156, 175, 136, .25);\r\n animation: cwDotPulse 2.4s ease infinite;\r\n }\r\n @keyframes cwDotPulse {\r\n 0%, 100% { box-shadow: 0 0 0 4px rgba(156, 175, 136, .25); }\r\n 50% { box-shadow: 0 0 0 8px rgba(156, 175, 136, .15); }\r\n }\r\n\r\n \/* \u2500\u2500 CARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .cw-story-card {\r\n width: 440px;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n position: relative;\r\n box-shadow: 0 16px 48px rgba(0, 0, 0, .10);\r\n transition: transform 0.4s cubic-bezier(.23,1,.32,1),\r\n box-shadow 0.4s cubic-bezier(.23,1,.32,1);\r\n }\r\n .cw-story-item .cw-story-card { margin-right: 12px; }\r\n .cw-story-item.reverse .cw-story-card { margin-left: 12px; }\r\n\r\n .cw-story-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 28px 64px rgba(52, 101, 127, .18);\r\n will-change: transform;\r\n }\r\n\r\n \/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .cw-story-image {\r\n width: 100%;\r\n height: 340px;\r\n overflow: hidden;\r\n }\r\n .cw-story-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.75s ease;\r\n }\r\n .cw-story-card:hover .cw-story-image img {\r\n transform: scale(1.08);\r\n }\r\n\r\n \/* \u2500\u2500 CONTENT OVERLAY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .cw-story-content {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n padding: 80px 28px 28px; \/* tall top-padding keeps gradient from covering image too soon *\/\r\n background: linear-gradient(\r\n to top,\r\n rgba(0, 0, 0, .88) 0%,\r\n rgba(0, 0, 0, .55) 45%,\r\n transparent 100%\r\n );\r\n }\r\n .cw-story-content span {\r\n display: block;\r\n color: #d7e5c8;\r\n font-size: 12px;\r\n letter-spacing: 3px;\r\n font-weight: 600;\r\n font-family: Montserrat, sans-serif;\r\n text-transform: uppercase;\r\n }\r\n .cw-story-content h3 {\r\n color: #ffffff;\r\n font-size: 36px;\r\n margin: 8px 0 0;\r\n font-family: 'Montserrat', sans-serif;\r\n line-height: 1.1;\r\n }\r\n \/* Body text \u2014 visible on hover, hidden-but-accessible otherwise *\/\r\n .cw-story-content p {\r\n color: rgba(255, 255, 255, .9);\r\n font-size: 13.5px;\r\n line-height: 1.6;\r\n font-family: Montserrat, sans-serif;\r\n margin-top: 0;\r\n max-height: 0;\r\n overflow: hidden;\r\n opacity: 0;\r\n transition: max-height 0.45s ease, opacity 0.45s ease, margin-top 0.35s ease;\r\n }\r\n .cw-story-card:hover .cw-story-content p {\r\n max-height: 140px;\r\n opacity: 1;\r\n margin-top: 10px;\r\n }\r\n\r\n \/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n @media (max-width: 991px) {\r\n .cw-story-heading h2 { font-size: 46px; }\r\n\r\n .cw-story-timeline::before { left: 18px; width: 3px; }\r\n .cw-story-progress { left: 18px; width: 3px; }\r\n .cw-story-dot { left: 18px; top: 20px; }\r\n\r\n .cw-story-item,\r\n .cw-story-item.reverse {\r\n padding-left: 52px;\r\n padding-right: 0;\r\n justify-content: flex-start;\r\n }\r\n\r\n .cw-story-card { width: 100%; }\r\n .cw-story-item .cw-story-card,\r\n .cw-story-item.reverse .cw-story-card { margin: 0; }\r\n\r\n \/* On touch devices, always show the body text *\/\r\n .cw-story-content p {\r\n max-height: 160px;\r\n opacity: 1;\r\n margin-top: 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .cw-story-section { padding: 80px 5%; }\r\n .cw-story-heading h2 { font-size: 36px; }\r\n .cw-story-content { padding: 60px 20px 22px; }\r\n .cw-story-content h3 { font-size: 28px; }\r\n .cw-story-image { height: 280px; }\r\n .cw-story-item { margin: 44px 0; }\r\n }\r\n\r\n \/* Respect reduced-motion *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n .cw-story-card:hover { transform: none; }\r\n .cw-story-item { opacity: 1; transform: none; transition: none; }\r\n .cw-story-item.active .cw-story-dot { animation: none; }\r\n .cw-story-image img { transition: none; }\r\n .cw-story-content p { transition: none; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section id=\"journey\" class=\"cw-story-section\">\r\n\r\n <div class=\"cw-story-heading\">\r\n \r\n <h2>Our Journey<\/h2>\r\n <p>\r\n From humble beginnings to becoming a beloved Melbourne institution,\r\n our story has always been about nourishing people through food,\r\n kindness, and connection.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"cw-story-timeline\">\r\n\r\n <div class=\"cw-story-progress\"><\/div>\r\n\r\n <!-- 1972 -->\r\n <div class=\"cw-story-item\">\r\n <div class=\"cw-story-dot\"><\/div>\r\n <div class=\"cw-story-card\">\r\n <div class=\"cw-story-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balabah.com\/wp-content\/uploads\/2026\/01\/1.jpg\"\r\n alt=\"Crossways founding \u2014 Swanston Street, 1982\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cw-story-content\">\r\n <span>1972<\/span>\r\n <h3>Humble Beginnings<\/h3>\r\n <p>\r\n On a busy corner of Swanston Street, CROSSWAYS began with a simple practice: distributing prasadam to anyone who came by. What started as small, regular offerings of blessed food quickly became a dependable source of nourishment for passersby and a quiet act of service to the city.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 1980s \u2013 1995 -->\r\n <div class=\"cw-story-item reverse\">\r\n <div class=\"cw-story-dot\"><\/div>\r\n <div class=\"cw-story-card\">\r\n <div class=\"cw-story-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balabah.com\/wp-content\/uploads\/2026\/01\/1.jpg\"\r\n alt=\"Early Crossways community, 1984\u20131989\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cw-story-content\">\r\n <span>1980s \u2013 1995<\/span>\r\n <h3>A Growing Table<\/h3>\r\n <p>\r\n Word spread and more people joined us\u2014students, office workers, travellers, and neighbours. Our prasadam distribution grew into a steady ritual and a meeting point where affordable, vegetarian meals and sincere hospitality brought diverse people together.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 1996 \u2013 2010 -->\r\n <div class=\"cw-story-item\">\r\n <div class=\"cw-story-dot\"><\/div>\r\n <div class=\"cw-story-card\">\r\n <div class=\"cw-story-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/crossways-image-2.jpg\"\r\n alt=\"Crossways as a Melbourne gathering place, 1990\u20132005\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cw-story-content\">\r\n <span>1996 \u2013 2010<\/span>\r\n <h3>Deepening Purpose<\/h3>\r\n <p>\r\n As interest in mindful, plant-based eating rose, CROSSWAYS kept serving meals made with care and gratitude. We expanded distribution while staying true to\u2014service, simplicity, and the spiritual roots of prasadam\u2014welcoming a new generation that valued conscious living.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 2011 \u2013 2020 -->\r\n <div class=\"cw-story-item reverse\">\r\n <div class=\"cw-story-dot\"><\/div>\r\n <div class=\"cw-story-card\">\r\n <div class=\"cw-story-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/DSC02067-scaled.jpg\"\r\n alt=\"Crossways plant-based food movement, 2005\u20132020\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cw-story-content\">\r\n <span>2011 \u2013 2020<\/span>\r\n <h3>Community and Compassion<\/h3>\r\n <p>\r\n Community and Compassion\r\nOur efforts broadened to support local events and outreach programs, strengthening ties with nearby organisations and volunteers. The prasadam table became both nourishment and a symbol of community care in changing times\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Today -->\r\n <div class=\"cw-story-item\">\r\n <div class=\"cw-story-dot\"><\/div>\r\n <div class=\"cw-story-card\">\r\n <div class=\"cw-story-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/crossways-iamge-4.jpg\"\r\n alt=\"Crossways today \u2014 over 40 years of service\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cw-story-content\">\r\n <span>Today<\/span>\r\n <h3>Over Five Decades of Service<\/h3>\r\n <p>\r\n More than 50 years after those first offerings in 1972, our purpose remains the same. We continue to prepare and distribute prasadam with love, creating a welcoming space where good food, community, and conscious living come together every day.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n \"use strict\";\r\n\r\n const items = document.querySelectorAll(\".cw-story-item\");\r\n const progress = document.querySelector(\".cw-story-progress\");\r\n const timeline = document.querySelector(\".cw-story-timeline\");\r\n\r\n if (!timeline || !progress) return;\r\n\r\n let rafPending = false;\r\n let tlVisible = false;\r\n\r\n \/* \u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n const itemObs = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.classList.add(\"active\");\r\n itemObs.unobserve(e.target); \/* stop observing once revealed *\/\r\n }\r\n });\r\n },\r\n { threshold: 0.3 }\r\n );\r\n items.forEach(item => itemObs.observe(item));\r\n\r\n \/* \u2500\u2500 PROGRESS BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n function calcProgress() {\r\n const rect = timeline.getBoundingClientRect();\r\n const vh = window.innerHeight;\r\n \/* progress goes from 0 (top of timeline at bottom of viewport)\r\n to 1 (bottom of timeline at top of viewport) *\/\r\n const raw = (vh - rect.top) \/ (vh + rect.height);\r\n return Math.max(0, Math.min(raw, 1));\r\n }\r\n\r\n function renderProgress() {\r\n const pct = calcProgress();\r\n progress.style.height = (pct * timeline.offsetHeight) + \"px\";\r\n rafPending = false;\r\n }\r\n\r\n function onScroll() {\r\n if (!tlVisible || rafPending) return;\r\n rafPending = true;\r\n requestAnimationFrame(renderProgress);\r\n }\r\n\r\n const tlObs = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach(e => {\r\n if (e.target === timeline) {\r\n tlVisible = e.isIntersecting;\r\n if (tlVisible) onScroll();\r\n }\r\n });\r\n },\r\n { threshold: 0 }\r\n );\r\n tlObs.observe(timeline);\r\n\r\n window.addEventListener(\"scroll\", onScroll, { passive: true });\r\n renderProgress(); \/* initial paint *\/\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-a374af5 e-con-full e-flex e-con e-child\" data-id=\"a374af5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b34813 elementor-widget elementor-widget-html\" data-id=\"6b34813\" 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=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \r\n \/* =====================================================\r\nSECTION : OUR TEAM\r\nCSS\r\n====================================================== *\/\r\n\r\n.cw-team-section{\r\n\r\n padding:1px 8%;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n #ffffff,\r\n #f7f6f2\r\n );\r\n}\r\n\r\n.cw-team-heading{\r\n\r\n max-width:850px;\r\n text-align:center;\r\n margin:auto auto 100px;\r\n}\r\n\r\n.cw-team-heading span{\r\n\r\n color:#9caf88;\r\n\r\n letter-spacing:4px;\r\n font-size:14px;\r\n}\r\n\r\n.cw-team-heading h2{\r\n\r\n font-size:68px;\r\n\r\n line-height:1;\r\n\r\n margin:20px 0;\r\n\r\n color:#34657f;\r\n\r\n font-family:'Montserrat', sans-serif;\r\n}\r\n\r\n.cw-team-heading p{\r\n\r\n color:#666;\r\n\r\n line-height:1.9;\r\n\r\n max-width:700px;\r\n\r\n margin:auto;\r\n}\r\n\r\n\/* MEMBER *\/\r\n\r\n.cw-team-member{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:80px;\r\n\r\n margin-bottom:120px;\r\n}\r\n\r\n.cw-team-member.reverse{\r\n\r\n flex-direction:row-reverse;\r\n}\r\n\r\n\/* IMAGE *\/\r\n\r\n.cw-team-image{\r\n\r\n width:360px;\r\n height:360px;\r\n\r\n border-radius:50%;\r\n\r\n overflow:hidden;\r\n\r\n position:relative;\r\n\r\n flex-shrink:0;\r\n\r\n border:8px solid #9caf88;\r\n\r\n transition:.5s ease;\r\n}\r\n\r\n.cw-team-image img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n object-fit:cover;\r\n\r\n transition:1s ease;\r\n}\r\n\r\n\/* OVERLAY *\/\r\n\r\n.cw-team-overlay{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background:\r\n rgba(52,101,127,.8);\r\n\r\n display:flex;\r\n\r\n justify-content:center;\r\n align-items:center;\r\n\r\n color:#ffffff;\r\n\r\n opacity:0;\r\n\r\n transition:.4s ease;\r\n}\r\n\r\n.cw-team-image:hover .cw-team-overlay{\r\n\r\n opacity:1;\r\n}\r\n\r\n.cw-team-image:hover img{\r\n\r\n transform:scale(1.12);\r\n}\r\n\r\n\/* FLOAT *\/\r\n\r\n.cw-team-image:hover{\r\n\r\n animation:cwTeamFloat 2s ease infinite;\r\n}\r\n\r\n@keyframes cwTeamFloat{\r\n\r\n 0%{\r\n transform:translateY(0);\r\n }\r\n\r\n 50%{\r\n transform:translateY(-12px);\r\n }\r\n\r\n 100%{\r\n transform:translateY(0);\r\n }\r\n\r\n}\r\n\r\n\/* CONTENT *\/\r\n\r\n.cw-team-content{\r\n\r\n max-width:500px;\r\n}\r\n\r\n.cw-team-content span{\r\n\r\n color:#9caf88;\r\n\r\n letter-spacing:3px;\r\n}\r\n\r\n.cw-team-content h3{\r\n\r\n font-size:52px;\r\n\r\n color:#34657f;\r\n\r\n margin:15px 0;\r\n\r\n font-family:'Montserrat', sans-serif;\r\n}\r\n\r\n.cw-team-content p{\r\n\r\n line-height:1.9;\r\n\r\n color:#666;\r\n}\r\n\r\n\/* SCROLL REVEAL *\/\r\n\r\n.cw-team-member{\r\n\r\n opacity:0;\r\n\r\n transform:translateY(80px);\r\n\r\n transition:1s ease;\r\n}\r\n\r\n.cw-team-member.active{\r\n\r\n opacity:1;\r\n\r\n transform:translateY(0);\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:991px){\r\n\r\n .cw-team-member,\r\n .cw-team-member.reverse{\r\n\r\n flex-direction:column;\r\n }\r\n\r\n .cw-team-heading h2{\r\n\r\n font-size:48px;\r\n }\r\n\r\n .cw-team-image{\r\n\r\n width:280px;\r\n height:280px;\r\n }\r\n\r\n .cw-team-content{\r\n\r\n text-align:center;\r\n }\r\n\r\n .cw-team-content h3{\r\n\r\n font-size:42px;\r\n }\r\n\r\n}\r\n\r\n@media(max-width:576px){\r\n\r\n .cw-team-heading h2{\r\n\r\n font-size:38px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- =====================================================\r\nSECTION : OUR TEAM\r\nHTML\r\n===================================================== -->\r\n\r\n<section class=\"cw-team-section\">\r\n\r\n <div class=\"cw-team-heading\">\r\n\r\n\r\n <h2>\r\n Our People\r\n <\/h2>\r\n\r\n <p>\r\n Every meal served at Crossways is supported by a\r\n dedicated team united by hospitality, service,\r\n and a passion for nourishing the community.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <!-- TEAM MEMBER 1 -->\r\n\r\n <div class=\"cw-team-member\">\r\n\r\n <div class=\"cw-team-image\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-18-111134.png\" alt=\"\">\r\n\r\n <div class=\"cw-team-overlay\">\r\n\r\n <span>Serving Since 2012<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cw-team-content\">\r\n\r\n <span>HEAD CHEF<\/span>\r\n\r\n <h3>Michael Harrison<\/h3>\r\n\r\n <p>\r\n Michael leads our kitchen with creativity,\r\n care and a deep appreciation for wholesome\r\n plant-based cooking.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- TEAM MEMBER 2 -->\r\n\r\n <div class=\"cw-team-member reverse\">\r\n\r\n <div class=\"cw-team-image\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-18-111134.png\" alt=\"\">\r\n <div class=\"cw-team-overlay\">\r\n\r\n <span>Serving Since 2015<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cw-team-content\">\r\n\r\n <span>COMMUNITY LEAD<\/span>\r\n\r\n <h3>Sophia Bennett<\/h3>\r\n\r\n <p>\r\n Sophia ensures every guest feels welcomed\r\n and valued, helping create the warmth\r\n Crossways is known for.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- TEAM MEMBER 3 -->\r\n\r\n <div class=\"cw-team-member\">\r\n\r\n <div class=\"cw-team-image\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-18-111134.png\" alt=\"\">\r\n\r\n <div class=\"cw-team-overlay\">\r\n\r\n <span>Serving Since 2010<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cw-team-content\">\r\n\r\n <span>OPERATIONS<\/span>\r\n\r\n <h3>Daniel Parker<\/h3>\r\n\r\n <p>\r\n Daniel oversees day-to-day operations,\r\n ensuring every service reflects the values\r\n that have guided Crossways for decades.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n<script>\r\n \/* =====================================================\r\nSECTION : OUR TEAM\r\nJS\r\n====================================================== *\/\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n const teamMembers =\r\n document.querySelectorAll(\".cw-team-member\");\r\n\r\n const observer =\r\n new IntersectionObserver(\r\n\r\n entries => {\r\n\r\n entries.forEach(entry => {\r\n\r\n if(entry.isIntersecting){\r\n\r\n entry.target.classList.add(\"active\");\r\n\r\n }\r\n\r\n });\r\n\r\n },\r\n\r\n {\r\n threshold:0.25\r\n }\r\n\r\n );\r\n\r\n teamMembers.forEach(member => {\r\n\r\n observer.observe(member);\r\n\r\n });\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9267e57 e-con-full e-flex e-con e-child\" data-id=\"9267e57\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf89162 elementor-widget elementor-widget-html\" data-id=\"bf89162\" 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=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n .cw-gallery-section{\r\n\r\n padding:30px 8%;\r\n=\r\n background:#d9d6cc;\r\n}\r\n\r\n.cw-gallery-heading{\r\n\r\n text-align:center;\r\n\r\n max-width:950px;\r\n\r\n margin:auto auto 90px;\r\n}\r\n\r\n.cw-gallery-heading span{\r\n\r\n color:#9caf88;\r\n\r\n letter-spacing:4px;\r\n\r\n font-size:14px;\r\n}\r\n\r\n.cw-gallery-heading h2{\r\n\r\n font-size:68px;\r\n\r\n color:#34657f;\r\n\r\n margin:20px 0;\r\n\r\n line-height:1;\r\n\r\n font-family:'Montserrat', sans-serif;\r\n}\r\n\r\n.cw-gallery-heading p{\r\n\r\n color:#666;\r\n\r\n line-height:1.8;\r\n\r\n max-width:650px;\r\n\r\n margin:auto;\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.cw-gallery-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n\r\n grid-auto-rows:260px;\r\n\r\n gap:25px;\r\n}\r\n\r\n\/* ITEM *\/\r\n\r\n.cw-gallery-item{\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:30px;\r\n\r\n cursor:pointer;\r\n\r\n opacity:0;\r\n\r\n transform:translateY(80px);\r\n\r\n transition:\r\n opacity 1s ease,\r\n transform 1s ease;\r\n}\r\n\r\n.cw-gallery-item.active{\r\n\r\n opacity:1;\r\n\r\n transform:translateY(0);\r\n}\r\n\r\n\/* DIFFERENT SIZES *\/\r\n\r\n.cw-gallery-item.tall{\r\n\r\n grid-row:span 2;\r\n}\r\n\r\n.cw-gallery-item.short{\r\n\r\n grid-row:span 1;\r\n}\r\n\r\n.cw-gallery-item.wide{\r\n\r\n grid-column:span 2;\r\n}\r\n\r\n\/* IMAGE *\/\r\n\r\n.cw-gallery-item img{\r\n\r\n width:100%;\r\n\r\n height:100%;\r\n\r\n object-fit:cover;\r\n\r\n transition:1.5s ease;\r\n}\r\n\r\n\/* OVERLAY *\/\r\n\r\n.cw-gallery-overlay{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n justify-content:flex-end;\r\n\r\n padding:30px;\r\n\r\n background:\r\n linear-gradient(\r\n to top,\r\n rgba(52,101,127,.92),\r\n rgba(52,101,127,.2),\r\n transparent\r\n );\r\n\r\n opacity:0;\r\n\r\n transition:.5s ease;\r\n}\r\n\r\n.cw-gallery-overlay h3{\r\n\r\n color:#ffffff;\r\n\r\n font-size:34px;\r\n\r\n margin-bottom:8px;\r\n\r\n transform:translateY(20px);\r\n\r\n transition:.4s ease;\r\n\r\n font-family:\"Cormorant Garamond\",serif;\r\n}\r\n\r\n.cw-gallery-overlay p{\r\n\r\n color:#d9d6cc;\r\n\r\n transform:translateY(20px);\r\n\r\n transition:.5s ease;\r\n}\r\n\r\n\/* HOVER *\/\r\n\r\n.cw-gallery-item:hover img{\r\n\r\n transform:scale(1.12);\r\n}\r\n\r\n.cw-gallery-item:hover .cw-gallery-overlay{\r\n\r\n opacity:1;\r\n}\r\n\r\n.cw-gallery-item:hover .cw-gallery-overlay h3,\r\n\r\n.cw-gallery-item:hover .cw-gallery-overlay p{\r\n\r\n transform:translateY(0);\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:991px){\r\n\r\n .cw-gallery-grid{\r\n\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n .cw-gallery-heading h2{\r\n\r\n font-size:48px;\r\n }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n .cw-gallery-grid{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .cw-gallery-item.wide{\r\n\r\n grid-column:span 1;\r\n }\r\n\r\n .cw-gallery-item.tall{\r\n\r\n grid-row:span 1;\r\n }\r\n\r\n}\r\n\r\n@media(max-width:576px){\r\n\r\n .cw-gallery-heading h2{\r\n\r\n font-size:38px;\r\n }\r\n\r\n} \r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"cw-gallery-section\">\r\n\r\n <div class=\"cw-gallery-heading\">\r\n\r\n\r\n <h2>\r\n Moments At Crossways\r\n <\/h2>\r\n\r\n <p>\r\n From community gatherings to everyday lunches,\r\n every table tells a story of connection,\r\n kindness and nourishment.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"cw-gallery-grid\">\r\n\r\n <!-- IMAGE 1 -->\r\n\r\n <div class=\"cw-gallery-item tall\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/unnamed-5.webp\">\r\n <div class=\"cw-gallery-overlay\">\r\n\r\n <h3>Community Gatherings<\/h3>\r\n\r\n <p>\r\n Bringing people together through food.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- IMAGE 2 -->\r\n\r\n <div class=\"cw-gallery-item\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-19-at-2.56.19-PM.jpeg\">\r\n\r\n <div class=\"cw-gallery-overlay\">\r\n\r\n <h3>Freshly Prepared<\/h3>\r\n\r\n <p>\r\n Cooked with care every morning.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- IMAGE 3 -->\r\n\r\n <div class=\"cw-gallery-item short\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-17-at-2.48.22-PM-e1781755622687.jpeg\">\r\n\r\n <div class=\"cw-gallery-overlay\">\r\n\r\n <h3>Plant-Based Goodness<\/h3>\r\n\r\n <p>\r\n Nourishing food made accessible.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- IMAGE 4 -->\r\n\r\n <div class=\"cw-gallery-item\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-17-at-2.46.15-PM.jpeg\">\r\n\r\n <div class=\"cw-gallery-overlay\">\r\n\r\n <h3>Daily Service<\/h3>\r\n\r\n <p>\r\n Welcoming guests every day.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <!-- IMAGE 5 -->\r\n\r\n <div class=\"cw-gallery-item\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-19-at-1.21.39-PM.jpeg\">\r\n\r\n <div class=\"cw-gallery-overlay\">\r\n\r\n <h3>Crossways Moments<\/h3>\r\n\r\n <p>\r\n Sharing meals and creating memories.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- IMAGE 6 -->\r\n\r\n <div class=\"cw-gallery-item wide\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-19-at-1.21.45-PM-e1781861670121.jpeg\">\r\n\r\n <div class=\"cw-gallery-overlay\">\r\n\r\n <h3>The Crossways Family<\/h3>\r\n\r\n <p>\r\n People are always at the heart of what we do.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- IMAGE 6 -->\r\n\r\n <div class=\"cw-gallery-item\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/www.crossways.au\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-17-at-2.45.35-PM.jpeg\">\r\n\r\n <div class=\"cw-gallery-overlay\">\r\n\r\n <h3>Serving Melbourne<\/h3>\r\n\r\n <p>\r\n More than four decades of hospitality.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n \r\n\r\n<\/section>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n const galleryItems =\r\n document.querySelectorAll(\".cw-gallery-item\");\r\n\r\n const observer =\r\n new IntersectionObserver(\r\n\r\n entries => {\r\n\r\n entries.forEach(entry => {\r\n\r\n if(entry.isIntersecting){\r\n\r\n entry.target.classList.add(\"active\");\r\n\r\n }\r\n\r\n });\r\n\r\n },\r\n\r\n {\r\n threshold:0.2\r\n }\r\n\r\n );\r\n\r\n galleryItems.forEach(item => {\r\n\r\n observer.observe(item);\r\n\r\n });\r\n\r\n});\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n \t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42ab5a9 e-con-full e-flex e-con e-child\" data-id=\"42ab5a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1fd47e elementor-widget elementor-widget-html\" data-id=\"e1fd47e\" 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=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <style>\r\n \/* =====================================================\r\nSECTION : JOIN THE CROSSWAYS FAMILY\r\nCSS\r\n====================================================== *\/\r\n\r\n.cw-family-section{\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n padding:140px 8%;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #34657f,\r\n #4f868e\r\n );\r\n}\r\n\r\n\/* DECORATIVE SHAPES *\/\r\n\r\n.cw-family-bg-circle{\r\n\r\n position:absolute;\r\n\r\n border-radius:50%;\r\n\r\n pointer-events:none;\r\n}\r\n\r\n.circle-1{\r\n\r\n width:500px;\r\n height:500px;\r\n\r\n top:-250px;\r\n left:-250px;\r\n\r\n background:\r\n rgba(255,255,255,.05);\r\n}\r\n\r\n.circle-2{\r\n\r\n width:400px;\r\n height:400px;\r\n\r\n bottom:-200px;\r\n right:-150px;\r\n\r\n background:\r\n rgba(255,255,255,.04);\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n.cw-family-container{\r\n\r\n max-width:1300px;\r\n\r\n margin:auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:80px;\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\/* LEFT *\/\r\n\r\n.cw-family-left{\r\n\r\n flex:1;\r\n}\r\n\r\n.cw-family-left span{\r\n\r\n color:#9caf88;\r\n\r\n letter-spacing:4px;\r\n\r\n font-size:14px;\r\n}\r\n\r\n.cw-family-left h2{\r\n\r\n font-size:78px;\r\n\r\n line-height:.95;\r\n\r\n color:#ffffff;\r\n\r\n margin:25px 0;\r\n\r\n font-family:'Montserrat', sans-serif;\r\n}\r\n\r\n.cw-family-left p{\r\n\r\n color:#d9d6cc;\r\n\r\n line-height:1.9;\r\n\r\n max-width:600px;\r\n\r\n font-size:17px;\r\n}\r\n\r\n\/* RIGHT *\/\r\n\r\n.cw-family-right{\r\n\r\n width:500px;\r\n}\r\n\r\n\/* CARD *\/\r\n\r\n.cw-family-card{\r\n\r\n background:#ffffff;\r\n\r\n border-radius:30px;\r\n\r\n padding:50px;\r\n\r\n box-shadow:\r\n 0 30px 80px rgba(0,0,0,.15);\r\n\r\n transition:.4s ease;\r\n}\r\n\r\n.cw-family-card:hover{\r\n\r\n transform:translateY(-8px);\r\n}\r\n\r\n.cw-family-card h3{\r\n\r\n font-size:42px;\r\n\r\n color:#34657f;\r\n\r\n margin-bottom:15px;\r\n\r\n font-family:\"Cormorant Garamond\",serif;\r\n}\r\n\r\n.cw-family-card p{\r\n\r\n color:#666;\r\n\r\n line-height:1.8;\r\n\r\n margin-bottom:30px;\r\n}\r\n\r\n\/* FORM *\/\r\n\r\n.cw-family-form{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:15px;\r\n}\r\n\r\n.cw-family-form input{\r\n\r\n width:100%;\r\n\r\n height:58px;\r\n\r\n border:none;\r\n\r\n background:#f5f5f5;\r\n\r\n border-radius:50px;\r\n\r\n padding:0 25px;\r\n\r\n font-size:15px;\r\n\r\n outline:none;\r\n}\r\n\r\n.cw-family-form button{\r\n\r\n height:58px;\r\n\r\n border:none;\r\n\r\n cursor:pointer;\r\n\r\n border-radius:50px;\r\n\r\n background:#34657f;\r\n\r\n color:#ffffff;\r\n\r\n font-size:14px;\r\n\r\n letter-spacing:1px;\r\n\r\n transition:.4s ease;\r\n}\r\n\r\n.cw-family-form button:hover{\r\n\r\n background:#9caf88;\r\n\r\n transform:translateY(-3px);\r\n}\r\n\r\n\/* REVEAL *\/\r\n\r\n.cw-family-left,\r\n.cw-family-card{\r\n\r\n opacity:0;\r\n\r\n transform:translateY(60px);\r\n\r\n transition:1s ease;\r\n}\r\n\r\n.cw-family-left.active,\r\n.cw-family-card.active{\r\n\r\n opacity:1;\r\n\r\n transform:translateY(0);\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n .cw-family-container{\r\n\r\n flex-direction:column;\r\n\r\n text-align:center;\r\n }\r\n\r\n .cw-family-right{\r\n\r\n width:100%;\r\n max-width:550px;\r\n }\r\n\r\n .cw-family-left p{\r\n\r\n margin:auto;\r\n }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n .cw-family-left h2{\r\n\r\n font-size:52px;\r\n }\r\n\r\n .cw-family-card{\r\n\r\n padding:35px;\r\n }\r\n\r\n}\r\n\r\n@media(max-width:576px){\r\n\r\n .cw-family-left h2{\r\n\r\n font-size:40px;\r\n }\r\n\r\n .cw-family-card h3{\r\n\r\n font-size:32px;\r\n }\r\n\r\n}\r\n <\/style>\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n const familyElements =\r\n document.querySelectorAll(\r\n \".cw-family-left, .cw-family-card\"\r\n );\r\n\r\n const observer =\r\n new IntersectionObserver(\r\n\r\n entries => {\r\n\r\n entries.forEach(entry => {\r\n\r\n if(entry.isIntersecting){\r\n\r\n entry.target.classList.add(\"active\");\r\n\r\n }\r\n\r\n });\r\n\r\n },\r\n\r\n {\r\n threshold:0.2\r\n }\r\n\r\n );\r\n\r\n familyElements.forEach(element => {\r\n\r\n observer.observe(element);\r\n\r\n });\r\n\r\n});\r\n<\/script>\r\n <section class=\"cw-family-section\">\r\n\r\n <div class=\"cw-family-bg-circle circle-1\"><\/div>\r\n <div class=\"cw-family-bg-circle circle-2\"><\/div>\r\n\r\n <div class=\"cw-family-container\">\r\n\r\n <div class=\"cw-family-left\">\r\n\r\n <span>\r\n BECOME PART OF OUR STORY\r\n <\/span>\r\n\r\n <h2>\r\n More Than A Restaurant.\r\n <br>\r\n A Community.\r\n <\/h2>\r\n\r\n <p>\r\n For over four decades, Crossways has brought\r\n people together through nourishing meals,\r\n genuine hospitality and meaningful connection.\r\n Join us as we continue this journey.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"cw-family-right\">\r\n\r\n <div class=\"cw-family-card\">\r\n\r\n <h3>\r\n Stay Connected\r\n <\/h3>\r\n\r\n <p>\r\n Receive updates about seasonal specials,\r\n community events and new offerings.\r\n <\/p>\r\n\r\n <form class=\"cw-family-form\">\r\n\r\n <input\r\n type=\"email\"\r\n placeholder=\"Enter your email address\">\r\n\r\n <button type=\"submit\">\r\n\r\n Join The Family\r\n\r\n <\/button>\r\n\r\n <\/form>\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\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n const familyElements =\r\n document.querySelectorAll(\r\n \".cw-family-left, .cw-family-card\"\r\n );\r\n\r\n const observer =\r\n new IntersectionObserver(\r\n\r\n entries => {\r\n\r\n entries.forEach(entry => {\r\n\r\n if(entry.isIntersecting){\r\n\r\n entry.target.classList.add(\"active\");\r\n\r\n }\r\n\r\n });\r\n\r\n },\r\n\r\n {\r\n threshold:0.2\r\n }\r\n\r\n );\r\n\r\n familyElements.forEach(element => {\r\n\r\n observer.observe(element);\r\n\r\n });\r\n\r\n});\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\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>Brand Story Hero Section Our Journey Let the wholeworld come\u2026 we can feedthem. \u2014 A.C. Bhaktivedanta Swami Srila Prabhupada For […]<\/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-532","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.crossways.au\/index.php?rest_route=\/wp\/v2\/pages\/532","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=532"}],"version-history":[{"count":10,"href":"https:\/\/www.crossways.au\/index.php?rest_route=\/wp\/v2\/pages\/532\/revisions"}],"predecessor-version":[{"id":1786,"href":"https:\/\/www.crossways.au\/index.php?rest_route=\/wp\/v2\/pages\/532\/revisions\/1786"}],"wp:attachment":[{"href":"https:\/\/www.crossways.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}