{"id":10108,"date":"2026-03-23T07:33:26","date_gmt":"2026-03-23T07:33:26","guid":{"rendered":"https:\/\/www.bespokecareers.com\/?page_id=10108"},"modified":"2026-03-23T18:18:32","modified_gmt":"2026-03-23T18:18:32","slug":"melbourne","status":"publish","type":"page","link":"https:\/\/www.bespokecareers.com\/whats-on\/melbourne\/","title":{"rendered":"Architecture and Design Events in Melbourne"},"content":{"rendered":"\n\n\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n<link rel=\"preconnect\" href=\"https:\/\/cdn-01.cms-eu-v2i.applyflow.com\"\/>\n<link rel=\"dns-prefetch\" href=\"https:\/\/cdn-01.cms-eu-v2i.applyflow.com\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\"\/>\n <style>\n #bespoke-events *, #bespoke-events *::before, #bespoke-events *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root {\n --green: #97d422;\n --green-dark: #6ea815;\n --green-glow: rgba(151,212,34,0.18);\n --dark: #0f0f0f;\n --dark2: #181818;\n --dark3: #222;\n --border-dark: #2a2a2a;\n --gray: #777;\n --gray-light: #aaa;\n --white: #fff;\n --body-bg: #f5f5f3;\n --card-bg: #fff;\n --text: #111;\n --text-mid: #444;\n --text-light: #777;\n --pill-border: #e0e0e0;\n --radius: 18px;\n --radius-sm: 12px;\n --shadow: 0 2px 18px rgba(0,0,0,0.07);\n --shadow-md: 0 6px 32px rgba(0,0,0,0.12);\n --shadow-lg: 0 16px 56px rgba(0,0,0,0.18);\n --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n --ease: cubic-bezier(0.4, 0, 0.2, 1);\n }\n \/* HERO *\/\n #bespoke-events .hero {\n background: var(--dark);\n padding: 0;\n position: relative;\n overflow: hidden;\n }\n #bespoke-events .hero-bg {\n position: absolute;\n inset: 0;\n background-image: url('https:\/\/cdn-01.cms-eu-v2i.applyflow.com\/bespoke\/wp-content\/uploads\/2024\/12\/New-York-Architecture-and-Design-Events.jpg');\n background-size: cover;\n background-position: center 40%;\n opacity: 0.35;\n }\n \/* dark gradient over the image so text stays readable *\/\n #bespoke-events .hero-bg::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(\n to bottom,\n rgba(10,10,10,0.55) 0%,\n rgba(10,10,10,0.3) 50%,\n rgba(10,10,10,0.75) 100%\n );\n }\n #bespoke-events .hero-orb {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n }\n #bespoke-events .hero-orb-1 {\n width: 500px; height: 500px;\n top: -200px; right: -80px;\n background: radial-gradient(circle, rgba(151,212,34,0.10) 0%, transparent 70%);\n }\n #bespoke-events .hero-orb-2 {\n width: 300px; height: 300px;\n bottom: -120px; left: -40px;\n background: radial-gradient(circle, rgba(151,212,34,0.06) 0%, transparent 70%);\n }\n #bespoke-events .hero-inner {\n position: relative;\n z-index: 1;\n max-width: 1200px;\n margin: 0 auto;\n padding: 52px 24px 44px;\n }\n #bespoke-events .hero-title {\n font-size: clamp(38px, 9vw, 64px);\n font-weight: 900;\n color: #fff;\n line-height: 1.0;\n letter-spacing: -2px;\n margin-bottom: 10px;\n }\n #bespoke-events .hero-title em { color: var(--green); font-style: normal; }\n #bespoke-events .hero-sub {\n font-size: 15px;\n color: rgba(255,255,255,0.45);\n font-weight: 400;\n line-height: 1.65;\n max-width: 420px;\n margin-bottom: 32px;\n }\n \/* SEARCH *\/\n #bespoke-events .search-wrap {\n position: relative;\n max-width: 540px;\n }\n #bespoke-events .search-ico {\n position: absolute;\n left: 18px; top: 50%;\n transform: translateY(-50%);\n color: rgba(255,255,255,0.35);\n pointer-events: none;\n }\n #bespoke-events .search-input {\n width: 100%;\n background: rgba(255,255,255,0.07);\n border: 1.5px solid rgba(255,255,255,0.1);\n border-radius: 50px;\n padding: 15px 52px 15px 50px;\n font-size: 14px;\n color: #fff;\n font-family: var(--font);\n outline: none;\n transition: border-color .2s, background .2s;\n backdrop-filter: blur(10px);\n }\n #bespoke-events .search-input::placeholder { color: rgba(255,255,255,0.3); }\n #bespoke-events .search-input:focus {\n border-color: var(--green);\n background: rgba(151,212,34,0.05);\n }\n #bespoke-events .search-kbd {\n position: absolute;\n right: 16px; top: 50%;\n transform: translateY(-50%);\n background: rgba(255,255,255,0.08);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 6px;\n padding: 2px 8px;\n font-size: 11px;\n color: rgba(255,255,255,0.3);\n font-family: var(--font);\n }\n \/* FILTER BAR *\/\n #bespoke-events .filter-bar {\n background: #fff;\n box-shadow: 0 1px 0 #e8e8e8, 0 4px 20px rgba(0,0,0,0.05);\n }\n #bespoke-events .filter-inner {\n max-width: 1200px; margin: 0 auto;\n padding: 0 24px;\n }\n \/* Row 1: Location + Month *\/\n #bespoke-events .filter-row-top {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 16px 0 20px;\n flex-wrap: nowrap;\n }\n #bespoke-events .filter-label {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: var(--text-light);\n white-space: nowrap;\n flex-shrink: 0;\n }\n #bespoke-events .filter-group {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n }\n #bespoke-events .filter-select-btn {\n display: flex;\n align-items: center;\n gap: 6px;\n background: var(--body-bg);\n border: 1.5px solid var(--pill-border);\n border-radius: 50px;\n padding: 8px 14px;\n font-size: 13px;\n font-weight: 500;\n color: var(--text);\n cursor: pointer;\n font-family: var(--font);\n outline: none;\n appearance: none;\n -webkit-appearance: none;\n transition: border-color .15s, background .15s;\n max-width: 200px;\n }\n #bespoke-events .filter-select-btn:hover,\n #bespoke-events .filter-select-btn:focus { border-color: var(--green); }\n #bespoke-events .filter-select-btn.has-value {\n border-color: var(--green);\n background: rgba(151,212,34,0.08);\n color: var(--green-dark);\n font-weight: 600;\n }\n #bespoke-events .select-wrap {\n position: relative;\n display: flex;\n align-items: center;\n }\n #bespoke-events .select-wrap select {\n appearance: none;\n -webkit-appearance: none;\n background: var(--body-bg);\n border: 1.5px solid var(--pill-border);\n border-radius: 50px;\n padding: 8px 34px 8px 14px;\n font-size: 13px;\n font-weight: 500;\n color: var(--text);\n cursor: pointer;\n font-family: var(--font);\n outline: none;\n transition: border-color .15s, background .15s;\n }\n #bespoke-events .select-wrap select:hover,\n #bespoke-events .select-wrap select:focus { border-color: var(--green); }\n #bespoke-events .select-wrap select.has-value {\n border-color: var(--green);\n background: rgba(151,212,34,0.08);\n color: var(--green-dark);\n font-weight: 600;\n }\n #bespoke-events .select-arrow {\n position: absolute;\n right: 12px;\n pointer-events: none;\n color: var(--gray);\n font-size: 10px;\n }\n #bespoke-events .filter-divider {\n height: 20px; width: 1px;\n background: #eee;\n flex-shrink: 0;\n }\n #bespoke-events .filter-clear-btn {\n font-size: 12px;\n font-weight: 600;\n color: var(--gray);\n background: none;\n border: none;\n cursor: pointer;\n padding: 4px 8px;\n font-family: var(--font);\n transition: color .15s;\n white-space: nowrap;\n display: none;\n }\n #bespoke-events .filter-clear-btn:hover { color: var(--text); }\n #bespoke-events .filter-clear-btn.visible { display: block; }\n \/* Row 2: Event Type pills *\/\n #bespoke-events .filter-row-types {\n display: flex;\n gap: 6px;\n overflow-x: auto;\n scrollbar-width: none;\n padding: 10px 0 14px;\n -webkit-overflow-scrolling: touch;\n }\n #bespoke-events .filter-row-types::-webkit-scrollbar { display: none; }\n #bespoke-events .type-pill {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n gap: 5px;\n padding: 7px 16px;\n border-radius: 50px;\n border: 1.5px solid var(--pill-border);\n background: transparent;\n font-size: 12.5px;\n font-weight: 500;\n color: var(--text-mid);\n cursor: pointer;\n font-family: var(--font);\n transition: border-color .15s, background .15s, color .15s, transform .1s;\n white-space: nowrap;\n }\n #bespoke-events .type-pill:hover {\n border-color: var(--green);\n color: var(--green-dark);\n transform: translateY(-1px);\n }\n #bespoke-events .type-pill.active {\n background: var(--green);\n border-color: var(--green);\n color: #fff;\n font-weight: 700;\n }\n #bespoke-events .type-pill .pill-ico { font-size: 13px; line-height: 1; }\n #bespoke-events .type-pill .pill-n {\n font-size: 10.5px;\n background: rgba(0,0,0,0.1);\n border-radius: 20px;\n padding: 1px 6px;\n font-weight: 700;\n }\n #bespoke-events .type-pill.active .pill-n { background: rgba(0,0,0,0.15); }\n \/* MAIN *\/\n #bespoke-events .main {\n max-width: 1200px;\n margin: 0 auto;\n padding: 28px 24px 80px;\n }\n #bespoke-events .section-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 20px;\n gap: 12px;\n }\n #bespoke-events .section-title {\n font-size: 17px;\n font-weight: 700;\n color: var(--text);\n letter-spacing: -0.3px;\n }\n #bespoke-events .result-count {\n font-size: 13px;\n color: var(--text-light);\n font-weight: 500;\n white-space: nowrap;\n }\n \/* ERROR BANNER *\/\n #bespoke-events .error-banner {\n background: #fffbeb;\n border: 1px solid #fde68a;\n border-radius: var(--radius-sm);\n padding: 12px 16px;\n margin-bottom: 24px;\n font-size: 13px;\n color: #92400e;\n display: none;\n line-height: 1.5;\n }\n #bespoke-events .error-banner.info {\n background: rgba(151,212,34,0.08);\n border-color: rgba(151,212,34,0.35);\n color: #3d5a0a;\n }\n \/* FEATURED *\/\n #bespoke-events .featured {\n border-radius: var(--radius);\n overflow: hidden;\n background: var(--dark);\n margin-bottom: 28px;\n display: grid;\n grid-template-columns: 1fr;\n cursor: pointer;\n transition: transform .2s var(--ease), box-shadow .2s var(--ease);\n box-shadow: var(--shadow-md);\n }\n @media (min-width: 640px) {\n #bespoke-events .featured { grid-template-columns: 1.1fr 0.9fr; min-height: 360px; }\n }\n #bespoke-events .featured:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }\n #bespoke-events .featured-img {\n width: 100%; height: 220px;\n object-fit: cover; display: block;\n }\n @media (min-width: 640px) { #bespoke-events .featured-img { height: 100%; min-height: 360px; } }\n #bespoke-events .featured-img-ph {\n width: 100%; height: 220px;\n background: linear-gradient(135deg, #1a1a1a, #2a2a2a);\n display: flex; align-items: center; justify-content: center;\n font-size: 64px;\n }\n @media (min-width: 640px) { #bespoke-events .featured-img-ph { height: 100%; min-height: 360px; } }\n #bespoke-events .featured-body {\n padding: 28px 28px 26px;\n display: flex; flex-direction: column; justify-content: space-between;\n }\n #bespoke-events .featured-tag {\n display: inline-flex; align-items: center; gap: 5px;\n background: rgba(151,212,34,0.14);\n border: 1px solid rgba(151,212,34,0.28);\n color: var(--green);\n font-size: 10px; font-weight: 800;\n letter-spacing: 1.5px; text-transform: uppercase;\n padding: 5px 11px; border-radius: 50px;\n margin-bottom: 14px; width: fit-content;\n }\n #bespoke-events .featured-cat {\n font-size: 10.5px; font-weight: 700;\n letter-spacing: 1.5px; text-transform: uppercase;\n color: var(--green); margin-bottom: 7px;\n }\n #bespoke-events .featured-title {\n font-size: clamp(19px, 3.5vw, 26px);\n font-weight: 800; color: #fff;\n line-height: 1.2; letter-spacing: -0.4px;\n margin-bottom: 10px;\n }\n #bespoke-events .featured-desc {\n font-size: 13.5px; color: rgba(255,255,255,0.48);\n line-height: 1.7; margin-bottom: 20px; flex-grow: 1;\n }\n #bespoke-events .featured-metas { display: flex; flex-direction: column; gap: 7px; margin-bottom: 22px; }\n #bespoke-events .featured-meta-row {\n display: flex; align-items: center; gap: 7px;\n font-size: 12.5px; color: rgba(255,255,255,0.55);\n }\n #bespoke-events .featured-meta-row svg { color: var(--green); flex-shrink: 0; }\n #bespoke-events .btn-primary {\n display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n background: var(--green); color: var(--dark);\n font-family: var(--font); font-size: 13.5px; font-weight: 800;\n padding: 13px 22px; border-radius: 50px; border: none;\n cursor: pointer; text-decoration: none;\n transition: background .15s, transform .15s;\n width: 100%;\n }\n #bespoke-events .btn-primary:hover { background: #a8e02e; transform: scale(1.02); }\n \/* EVENTS GRID *\/\n #bespoke-events .events-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n }\n @media (min-width: 640px) { #bespoke-events .events-grid { grid-template-columns: repeat(2, 1fr); } }\n @media (min-width: 900px) { #bespoke-events .events-grid { grid-template-columns: repeat(3, 1fr); } }\n \/* EVENT CARD *\/\n #bespoke-events .event-card {\n background: var(--card-bg);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n cursor: pointer;\n transition: transform .2s var(--ease), box-shadow .2s var(--ease);\n display: flex; flex-direction: column;\n border: 1px solid rgba(0,0,0,0.045);\n position: relative;\n }\n #bespoke-events .event-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-md);\n }\n #bespoke-events .card-img-wrap {\n position: relative;\n overflow: hidden;\n aspect-ratio: 16\/10;\n background: #ddd;\n border-radius: var(--radius) var(--radius) 0 0;\n }\n #bespoke-events .card-img {\n width: 100%; height: 100%;\n object-fit: cover; display: block;\n transition: transform .4s var(--ease);\n }\n #bespoke-events .event-card:hover .card-img { transform: scale(1.07); }\n #bespoke-events .card-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(to bottom, transparent 45%, rgba(0,0,0,0.52) 100%);\n pointer-events: none;\n }\n #bespoke-events .card-img-ph {\n width: 100%; height: 100%;\n background: linear-gradient(135deg, #1c1c1c, #2e2e2e);\n display: flex; align-items: center; justify-content: center;\n font-size: 36px; opacity: .35;\n }\n #bespoke-events .card-city {\n position: absolute; top: 11px; left: 11px;\n background: rgba(255,255,255,0.92);\n backdrop-filter: blur(6px);\n color: var(--text);\n font-size: 11px; font-weight: 700;\n padding: 4px 11px; border-radius: 50px;\n z-index: 2;\n }\n #bespoke-events .card-date-badge {\n position: absolute; bottom: 11px; right: 11px;\n background: rgba(0,0,0,0.72);\n backdrop-filter: blur(10px);\n border-radius: 10px;\n padding: 6px 9px;\n text-align: center;\n min-width: 40px;\n }\n #bespoke-events .badge-day { font-size: 17px; font-weight: 900; color: #fff; line-height: 1; }\n #bespoke-events .badge-mon { font-size: 9px; font-weight: 700; color: var(--green); text-transform: uppercase; letter-spacing: .5px; margin-top: 2px; }\n #bespoke-events .card-body {\n padding: 14px 16px 12px;\n flex-grow: 1; display: flex; flex-direction: column; gap: 8px;\n }\n #bespoke-events .card-title {\n font-size: 14.5px; font-weight: 700; color: var(--text);\n line-height: 1.3; letter-spacing: -0.2px;\n display: -webkit-box;\n -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\n }\n #bespoke-events .card-metas { display: flex; flex-direction: column; gap: 4px; }\n #bespoke-events .card-meta-row {\n display: flex; align-items: center; gap: 5px;\n font-size: 11.5px; color: var(--text-light);\n }\n #bespoke-events .card-meta-row svg { color: #bbb; flex-shrink: 0; }\n #bespoke-events .card-footer {\n padding: 0 16px 14px;\n display: flex; align-items: center; justify-content: space-between;\n }\n #bespoke-events .card-type {\n font-size: 10.5px; font-weight: 700;\n color: var(--green-dark);\n background: rgba(151,212,34,0.1);\n border-radius: 50px; padding: 3px 10px;\n }\n #bespoke-events .card-arrow {\n width: 30px; height: 30px; border-radius: 50%;\n background: var(--green);\n display: flex; align-items: center; justify-content: center;\n transition: background .15s, transform .15s;\n flex-shrink: 0;\n }\n #bespoke-events .event-card:hover .card-arrow { background: var(--dark); transform: translateX(2px); }\n \/* CARD ACTIONS (calendar + share) *\/\n #bespoke-events .card-actions {\n display: flex; align-items: center; gap: 4px;\n }\n #bespoke-events .card-action-btn {\n display: flex; align-items: center; justify-content: center;\n width: 30px; height: 30px; border-radius: 50%;\n background: var(--body-bg); border: 1px solid var(--pill-border);\n cursor: pointer; transition: background .15s, border-color .15s;\n color: var(--text-light); flex-shrink: 0;\n }\n #bespoke-events .card-action-btn:hover { background: rgba(151,212,34,0.1); border-color: var(--green); color: var(--green-dark); }\n \/* SHARE DROPDOWN *\/\n #bespoke-events .share-wrap { position: relative; }\n #bespoke-events .share-dropdown {\n display: none; position: absolute; bottom: 38px; left: 0; z-index: 100;\n background: #fff; border: 1px solid var(--pill-border); border-radius: 10px;\n box-shadow: var(--shadow-lg); padding: 6px 0; min-width: 170px;\n }\n #bespoke-events .share-dropdown.open { display: block; }\n #bespoke-events .share-dropdown a {\n display: flex; align-items: center; gap: 8px; padding: 8px 14px;\n font-size: 12.5px; font-weight: 500; color: var(--text); text-decoration: none;\n transition: background .1s;\n }\n #bespoke-events .share-dropdown a:hover { background: var(--body-bg); }\n \/* CITY LINKS (internal linking for SEO) *\/\n #bespoke-events .city-links {\n margin-top: 56px; padding: 36px 0;\n border-top: 1px solid #e8e8e8;\n }\n #bespoke-events .city-links-title {\n font-size: 16px; font-weight: 700; color: var(--text);\n margin-bottom: 20px; font-family: var(--font);\n }\n #bespoke-events .city-links-grid {\n display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n gap: 24px;\n }\n #bespoke-events .city-links-group h4 {\n font-size: 11px; font-weight: 700; text-transform: uppercase;\n letter-spacing: 1px; color: var(--text-light); margin-bottom: 8px;\n font-family: var(--font);\n }\n #bespoke-events .city-links-group a {\n display: block; font-size: 13.5px; color: var(--text-mid);\n text-decoration: none; padding: 3px 0; font-family: var(--font);\n transition: color .15s;\n }\n #bespoke-events .city-links-group a:hover { color: var(--green-dark); }\n #bespoke-events .city-links-all {\n margin-top: 20px; text-align: center;\n }\n #bespoke-events .city-links-all a {\n font-size: 13px; font-weight: 600; color: var(--green-dark);\n text-decoration: none; font-family: var(--font);\n }\n #bespoke-events .city-links-all a:hover { text-decoration: underline; }\n \/* SKELETONS *\/\n #bespoke-events .skeleton-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n }\n @media (min-width: 640px) { #bespoke-events .skeleton-grid { grid-template-columns: repeat(2, 1fr); } }\n @media (min-width: 900px) { #bespoke-events .skeleton-grid { grid-template-columns: repeat(3, 1fr); } }\n #bespoke-events .skeleton-card { background: #fff; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }\n #bespoke-events .sk { background: linear-gradient(90deg, #f0f0f0 25%, #e4e4e4 50%, #f0f0f0 75%); background-size: 200% 100%; animation: sk 1.6s infinite; border-radius: 6px; }\n @keyframes sk { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }\n #bespoke-events .sk-img { height: 180px; border-radius: 0; }\n #bespoke-events .sk-p { padding: 16px; display: flex; flex-direction: column; gap: 8px; }\n #bespoke-events .sk-ln { height: 13px; }\n #bespoke-events .sk-ln.w60 { width: 60%; }\n #bespoke-events .sk-ln.w40 { width: 40%; }\n \/* EMPTY STATE *\/\n #bespoke-events .empty { text-align: center; padding: 80px 20px; }\n #bespoke-events .empty-ico { font-size: 52px; opacity: .35; margin-bottom: 16px; }\n #bespoke-events .empty-h { font-size: 18px; font-weight: 700; color: var(--text); margin-bottom: 6px; }\n #bespoke-events .empty-p { font-size: 13.5px; color: var(--text-light); line-height: 1.6; }\n \/* LOAD MORE *\/\n #bespoke-events .load-more-wrap { text-align: center; margin-top: 40px; }\n #bespoke-events .btn-load-more {\n display: inline-flex; align-items: center; gap: 8px;\n background: transparent;\n border: 2px solid var(--green);\n color: var(--green-dark);\n font-family: var(--font); font-size: 14px; font-weight: 700;\n padding: 13px 30px; border-radius: 50px;\n cursor: pointer; transition: background .15s, color .15s, transform .15s;\n }\n #bespoke-events .btn-load-more:hover { background: var(--green); color: var(--dark); transform: scale(1.02); }\n \/* FOOTER *\/\n #bespoke-events .footer {\n text-align: center; padding: 32px 20px;\n font-size: 12px; color: #bbb;\n border-top: 1px solid #e8e8e8;\n }\n #bespoke-events .footer a { color: var(--green); text-decoration: none; }\n \/* ANIMATIONS *\/\n #bespoke-events .fade-up { animation: fadeUp .35s var(--ease) both; }\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(14px); }\n to { opacity: 1; transform: translateY(0); }\n }\n #bespoke-events .fade-up:nth-child(1) { animation-delay: 0ms; }\n #bespoke-events .fade-up:nth-child(2) { animation-delay: 55ms; }\n #bespoke-events .fade-up:nth-child(3) { animation-delay: 110ms; }\n #bespoke-events .fade-up:nth-child(4) { animation-delay: 165ms; }\n #bespoke-events .fade-up:nth-child(5) { animation-delay: 220ms; }\n #bespoke-events .fade-up:nth-child(6) { animation-delay: 275ms; }\n @media (max-width: 480px) {\n #bespoke-events .hero-inner, #bespoke-events .main { padding-left: 16px; padding-right: 16px; }\n #bespoke-events .filter-inner { padding-left: 16px; padding-right: 16px; }\n #bespoke-events .stats-inner { padding-left: 16px; padding-right: 16px; }\n #bespoke-events .hero-title { letter-spacing: -1.5px; }\n #bespoke-events .filter-row-top { gap: 7px; }\n }\n @supports (padding: max(0px)) {\n #bespoke-events .hero-inner { padding-left: max(24px, env(safe-area-inset-left)); padding-right: max(24px, env(safe-area-inset-right)); }\n }\n <\/style>\n<!-- HERO -->\n<header>\n  <h1 id=\"heroTitle\">Architecture<br \/>&amp; Design <em>Events<\/em><\/h1>\n Discover events, exhibitions and networking opportunities for design professionals worldwide.\n <input type=\"search\" id=\"searchInput\" placeholder=\"Search events, cities, venues&#8230;\" autocomplete=\"off\"\/>\n<\/header>\n<!-- FILTER BAR -->\n <!-- Row 1: Location + Month + Clear -->\n <select id=\"locationFilter\" onchange=\"applyFilters()\">\n <option value=\"\">All Locations<\/option>\n <\/select>\n <select id=\"monthFilter\" onchange=\"applyFilters()\">\n <option value=\"\">Any Month<\/option>\n <\/select>\n <button id=\"clearBtn\" onclick=\"clearAllFilters()\">Clear filters<\/button>\n<!-- MAIN -->\n<main>\n Showing demo events. Set <code>CONFIG.SITE_URL<\/code> in the script to pull live events from your WordPress site.\n <h2 id=\"sectionTitle\">Upcoming Events<\/h2>\n No events found\n <p>Try adjusting your filters or search terms.<\/p>\n <button onclick=\"clearAllFilters()\">Clear all filters<\/button>\n <button onclick=\"loadMore()\">\n Load more events\n <\/button>\n <nav aria-label=\"Browse events by city\">\n <h3>Browse Architecture &#038; Design Events by City<\/h3>\n <h4>Australia &#038; NZ<\/h4>\n <a href=\"\/whats-on\/sydney\/\">Sydney<\/a>\n <a href=\"\/whats-on\/melbourne\/\">Melbourne<\/a>\n <a href=\"\/whats-on\/brisbane\/\">Brisbane<\/a>\n <a href=\"\/whats-on\/perth\/\">Perth<\/a>\n <a href=\"\/whats-on\/adelaide\/\">Adelaide<\/a>\n <a href=\"\/whats-on\/auckland\/\">Auckland<\/a>\n <h4>United Kingdom<\/h4>\n <a href=\"\/whats-on\/london\/\">London<\/a>\n <a href=\"\/whats-on\/manchester\/\">Manchester<\/a>\n <a href=\"\/whats-on\/edinburgh\/\">Edinburgh<\/a>\n <a href=\"\/whats-on\/birmingham\/\">Birmingham<\/a>\n <h4>United States<\/h4>\n <a href=\"\/whats-on\/new-york\/\">New York<\/a>\n <a href=\"\/whats-on\/los-angeles\/\">Los Angeles<\/a>\n <a href=\"\/whats-on\/chicago\/\">Chicago<\/a>\n <a href=\"\/whats-on\/san-francisco\/\">San Francisco<\/a>\n <a href=\"\/whats-on\/miami\/\">Miami<\/a>\n <a href=\"\/whats-on\/austin\/\">Austin<\/a>\n <h4>Europe &#038; Middle East<\/h4>\n <a href=\"\/whats-on\/milan\/\">Milan<\/a>\n <a href=\"\/whats-on\/paris\/\">Paris<\/a>\n <a href=\"\/whats-on\/barcelona\/\">Barcelona<\/a>\n <a href=\"\/whats-on\/dubai\/\">Dubai<\/a>\n <a href=\"\/whats-on\/doha\/\">Doha<\/a>\n <a href=\"\/whats-on\/\">View all events<\/a>\n <\/nav>\n<\/main>\n\n","protected":false},"excerpt":{"rendered":"<p>Architecture&amp; Design Events Discover events, exhibitions and networking opportunities for design professionals worldwide. All Locations Any Month Clear filters Showing demo events. Set CONFIG.SITE_URL in the script to pull live events from your WordPress site. Upcoming Events No events found Try adjusting your filters or search terms. Clear all filters Load more events Browse Architecture&hellip;<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":6073,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","footnotes":""},"class_list":["post-10108","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/10108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/comments?post=10108"}],"version-history":[{"count":2,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/10108\/revisions"}],"predecessor-version":[{"id":10489,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/10108\/revisions\/10489"}],"up":[{"embeddable":true,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/6073"}],"wp:attachment":[{"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/media?parent=10108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}