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