Architecture & Design Salary Calculator 2026<\/title>\n <style>\n #bespoke-salary-calc *, #bespoke-salary-calc *::before, #bespoke-salary-calc *::after {\n box-sizing: border-box; margin: 0; padding: 0;\n }\n #bespoke-salary-calc {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #111; padding: 48px 0; overflow-x: hidden;\n }\n #bespoke-salary-calc .calc-card {\n max-width: 1216px; margin: 0 auto; background: #fff;\n border-radius: 24px; box-shadow: 0 4px 40px rgba(0,0,0,0.08);\n overflow: hidden; border: 1px solid #e8e8e4;\n }\n @media (max-width: 560px) { #bespoke-salary-calc .calc-card { border-radius: 16px; } }\n #bespoke-salary-calc .split-wrap { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; }\n #bespoke-salary-calc .hero-col, #bespoke-salary-calc .form-col { min-width: 0; }\n @media (max-width: 820px) {\n #bespoke-salary-calc .split-wrap { grid-template-columns: 1fr; }\n #bespoke-salary-calc { padding-left: 16px; padding-right: 16px; }\n }\n #bespoke-salary-calc .hero-col {\n padding: 52px 44px; display: flex; flex-direction: column; gap: 28px;\n background: #f7f7f5; border-right: 1px solid #e8e8e4; overflow: hidden;\n }\n @media (max-width: 820px) {\n #bespoke-salary-calc .hero-col { padding: 28px 24px; border-right: none; border-bottom: 1px solid #e8e8e4; }\n #bespoke-salary-calc .hero-body, #bespoke-salary-calc .discipline-pills, #bespoke-salary-calc .hero-stats { display: none !important; }\n }\n #bespoke-salary-calc .hero-col h1 {\n font-size: clamp(22px, 2.8vw, 40px); font-weight: 700;\n letter-spacing: -0.03em; color: #111; line-height: 1.2;\n }\n #bespoke-salary-calc .hero-col h1 span { color: #97d422; }\n #bespoke-salary-calc .hero-sub { font-size: 15px; font-weight: 600; color: #111; line-height: 1.4; }\n #bespoke-salary-calc .hero-body { font-size: 13px; color: #888; line-height: 1.7; }\n #bespoke-salary-calc .discipline-pills { display: flex; flex-direction: column; gap: 10px; }\n #bespoke-salary-calc .discipline-pills-label {\n font-size: 10px; font-weight: 700; letter-spacing: 0.08em;\n text-transform: uppercase; color: #bbb;\n }\n #bespoke-salary-calc .discipline-pill-list { display: flex; flex-wrap: wrap; gap: 7px; }\n #bespoke-salary-calc .discipline-pill {\n display: inline-block; padding: 5px 12px; border-radius: 100px;\n font-size: 12px; font-weight: 600; color: #2a4a00;\n background: #eef7d0; border: 1px solid #c8e87a;\n }\n #bespoke-salary-calc .hero-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n #bespoke-salary-calc .hero-stat { display: flex; flex-direction: column; gap: 3px; }\n #bespoke-salary-calc .hero-stat-num {\n font-size: 26px; font-weight: 800; color: #97d422;\n letter-spacing: -0.03em; line-height: 1;\n }\n #bespoke-salary-calc .hero-stat span:last-child { font-size: 11px; color: #999; line-height: 1.4; }\n #bespoke-salary-calc .form-col {\n padding: 56px 44px; background: #fff;\n display: flex; flex-direction: column; justify-content: center;\n }\n @media (max-width: 820px) { #bespoke-salary-calc .form-col { padding: 24px 24px 36px; } }\n #bespoke-salary-calc .card-title {\n font-size: 10px; font-weight: 700; letter-spacing: 0.14em;\n text-transform: uppercase; color: #ccc; margin-bottom: 22px;\n }\n #bespoke-salary-calc .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n @media (max-width: 560px) { #bespoke-salary-calc .form-grid { grid-template-columns: 1fr; } }\n #bespoke-salary-calc .field { display: flex; flex-direction: column; gap: 7px; }\n #bespoke-salary-calc .field.full { grid-column: 1 \/ -1; }\n #bespoke-salary-calc label {\n font-size: 11px; font-weight: 700; color: #aaa;\n letter-spacing: 0.06em; text-transform: uppercase;\n }\n #bespoke-salary-calc .field-optional {\n font-size: 10px; font-weight: 400; color: #bbb;\n letter-spacing: 0.02em; text-transform: none; margin-left: 3px;\n }\n #bespoke-salary-calc select,\n #bespoke-salary-calc input[type=\"text\"],\n #bespoke-salary-calc input[type=\"number\"],\n #bespoke-salary-calc input[type=\"email\"],\n #bespoke-salary-calc input[type=\"tel\"] {\n background: #fafaf8; border: 1.5px solid #e8e8e4; border-radius: 10px;\n color: #111; font-size: 14px; padding: 13px 14px; width: 100%;\n outline: none; transition: border-color 0.2s, box-shadow 0.2s;\n appearance: none; -webkit-appearance: none; font-family: inherit;\n }\n #bespoke-salary-calc select:focus, #bespoke-salary-calc input:focus {\n border-color: #97d422; box-shadow: 0 0 0 3px #97d42218; background: #fff;\n }\n #bespoke-salary-calc select {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23bbb' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat; background-position: right 14px center;\n background-color: #fafaf8; padding-right: 40px; cursor: pointer;\n }\n #bespoke-salary-calc .search-wrap { position: relative; }\n #bespoke-salary-calc .search-clear {\n position: absolute; right: 12px; top: 50%; transform: translateY(-50%);\n background: none; border: none; color: #ccc; cursor: pointer;\n font-size: 18px; line-height: 1; padding: 0; display: none;\n }\n #bespoke-salary-calc .search-clear.visible { display: block; }\n #bespoke-salary-calc .dropdown-list {\n position: absolute; top: calc(100% + 6px); left: 0; right: 0;\n background: #fff; border: 1.5px solid #e8e8e4; border-radius: 12px;\n max-height: 240px; overflow-y: auto; z-index: 100; display: none;\n box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n }\n #bespoke-salary-calc .dropdown-list.open { display: block; }\n #bespoke-salary-calc .dropdown-item {\n padding: 10px 14px; font-size: 13px; cursor: pointer;\n color: #555; border-bottom: 1px solid #f4f4f2; transition: background 0.1s;\n }\n #bespoke-salary-calc .dropdown-item:last-child { border-bottom: none; }\n #bespoke-salary-calc .dropdown-item:hover, #bespoke-salary-calc .dropdown-item.selected { background: #f7f7f5; color: #111; }\n #bespoke-salary-calc .dropdown-item .cat { font-size: 11px; color: #ccc; margin-left: 6px; }\n #bespoke-salary-calc .salary-row { display: flex; align-items: center; gap: 10px; }\n #bespoke-salary-calc .currency-badge {\n background: #fafaf8; border: 1.5px solid #e8e8e4; border-radius: 10px;\n padding: 13px 12px; font-size: 13px; color: #aaa;\n white-space: nowrap; min-width: 52px; text-align: center;\n }\n #bespoke-salary-calc .btn-calculate {\n width: 100%; background: #97d422; color: #111; border: none;\n border-radius: 12px; font-size: 15px; font-weight: 700; padding: 16px;\n cursor: pointer; letter-spacing: 0.01em;\n transition: background 0.2s, transform 0.1s; margin-top: 10px; font-family: inherit;\n }\n #bespoke-salary-calc .btn-calculate:hover { background: #aee849; }\n #bespoke-salary-calc .btn-calculate:active { transform: scale(0.99); }\n @media (max-width: 820px) {\n #bespoke-salary-calc .btn-calculate { position: sticky; bottom: 12px; z-index: 5; box-shadow: 0 4px 20px rgba(0,0,0,0.13); }\n }\n #bespoke-salary-calc .results-wrap {\n display: none; border-top: 1px solid #e8e8e4;\n padding: 40px 44px 48px; background: #fafaf8;\n }\n #bespoke-salary-calc .results-wrap.visible { display: block; }\n @media (max-width: 820px) { #bespoke-salary-calc .results-wrap { padding: 32px 24px 40px; } }\n #bespoke-salary-calc .result-card { display: none; margin-bottom: 24px; }\n #bespoke-salary-calc .result-card.visible { display: block; }\n #bespoke-salary-calc .result-header {\n display: flex; align-items: flex-start; justify-content: space-between;\n margin-bottom: 28px; gap: 16px; flex-wrap: wrap;\n }\n #bespoke-salary-calc .result-role {\n font-size: 20px; font-weight: 700; color: #111; letter-spacing: -0.02em;\n }\n #bespoke-salary-calc .result-location { font-size: 13px; color: #bbb; margin-top: 4px; }\n #bespoke-salary-calc .verdict-pill {\n padding: 7px 18px; border-radius: 100px; font-size: 11px;\n font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;\n white-space: nowrap; flex-shrink: 0;\n }\n #bespoke-salary-calc .verdict-below { background: #fff0f0; color: #cc3333; border: 1px solid #ffd0d0; }\n #bespoke-salary-calc .verdict-low { background: #fffbea; color: #b07a00; border: 1px solid #ffe99a; }\n #bespoke-salary-calc .verdict-market { background: #f2fde0; color: #4a7a00; border: 1px solid #c8ed80; }\n #bespoke-salary-calc .verdict-above { background: #e8faf6; color: #007a60; border: 1px solid #a0e8d8; }\n #bespoke-salary-calc .verdict-top { background: #f3eeff; color: #5e3ab8; border: 1px solid #cdb8f0; }\n #bespoke-salary-calc .verdict-overview{ background: #f0f4ff; color: #3355aa; border: 1px solid #b8c8f0; }\n #bespoke-salary-calc .mode-toggle-wrap { display: flex; flex-direction: column; gap: 6px; }\n #bespoke-salary-calc .mode-toggle-label {\n font-size: 11px; font-weight: 700; letter-spacing: 0.06em;\n text-transform: uppercase; color: #999;\n }\n #bespoke-salary-calc .mode-toggle { display: flex; background: #f0f0ee; border-radius: 8px; padding: 3px; gap: 2px; }\n #bespoke-salary-calc .mode-btn {\n flex: 1; padding: 8px 10px; border: none; border-radius: 6px;\n background: transparent; font-size: 12px; font-weight: 500;\n color: #888; cursor: pointer;\n transition: background 0.18s, color 0.18s, box-shadow 0.18s;\n text-align: center; line-height: 1.3; white-space: nowrap; font-family: inherit;\n }\n #bespoke-salary-calc .mode-btn:hover { color: #333; }\n #bespoke-salary-calc .mode-btn.active {\n background: #fff; color: #111; font-weight: 600;\n box-shadow: 0 1px 4px rgba(0,0,0,0.1);\n }\n #bespoke-salary-calc #salaryFieldWrap { transition: opacity 0.25s, max-height 0.3s; max-height: 120px; overflow: hidden; }\n #bespoke-salary-calc #salaryFieldWrap.hidden { opacity: 0; max-height: 0; pointer-events: none; margin: 0; }\n #bespoke-salary-calc .range-section { margin-bottom: 28px; }\n #bespoke-salary-calc .range-label {\n font-size: 10px; font-weight: 700; letter-spacing: 0.12em;\n text-transform: uppercase; color: #ccc; margin-bottom: 14px;\n }\n #bespoke-salary-calc .range-bar-wrap {\n position: relative; height: 6px; background: #eeeeeb;\n border-radius: 100px; margin-top: 38px; margin-bottom: 12px;\n }\n #bespoke-salary-calc .range-mine-label {\n position: absolute; bottom: calc(100% + 10px); left: 50%;\n transform: translateX(-50%); font-size: 11px; font-weight: 700;\n color: #111; white-space: nowrap; pointer-events: none;\n }\n #bespoke-salary-calc .range-fill {\n position: absolute; left: 0; top: 0; bottom: 0;\n background: linear-gradient(90deg, #d8f0a0, #97d422); border-radius: 100px;\n transition: width 0.65s cubic-bezier(.4,0,.2,1);\n }\n #bespoke-salary-calc .range-marker {\n position: absolute; top: 50%; transform: translate(-50%, -50%);\n width: 20px; height: 20px; background: #fff; border-radius: 50%;\n box-shadow: 0 0 0 2.5px #97d422, 0 2px 8px rgba(0,0,0,0.12);\n }\n #bespoke-salary-calc .range-marker.v-red { box-shadow: 0 0 0 2.5px #e05050, 0 2px 8px rgba(0,0,0,0.12); }\n #bespoke-salary-calc .range-marker.v-amber { box-shadow: 0 0 0 2.5px #d99000, 0 2px 8px rgba(0,0,0,0.12); }\n #bespoke-salary-calc .range-ticks { position: relative; height: 36px; }\n #bespoke-salary-calc .range-tick { font-size: 11px; color: #bbb; }\n #bespoke-salary-calc .range-tick.mine { color: #111; font-weight: 700; }\n #bespoke-salary-calc .stats-grid {\n display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px; margin-bottom: 20px;\n }\n #bespoke-salary-calc .stat-box {\n background: #fff; border: 1.5px solid #e8e8e4; border-radius: 14px;\n padding: clamp(10px, 2.5vw, 18px) clamp(6px, 1.8vw, 16px);\n text-align: center; min-width: 0;\n }\n #bespoke-salary-calc .stat-box.mine { border-color: #97d422; background: #f6fde8; }\n #bespoke-salary-calc .stat-box.mine.v-red { border-color: #e05050; background: #fff4f4; }\n #bespoke-salary-calc .stat-box.mine.v-red .stat-value { color: #c02020; }\n #bespoke-salary-calc .stat-box.mine.v-amber { border-color: #d99000; background: #fffbee; }\n #bespoke-salary-calc .stat-box.mine.v-amber .stat-value { color: #9a6400; }\n #bespoke-salary-calc .stat-label {\n font-size: clamp(8px, 1.8vw, 10px); font-weight: 700; letter-spacing: 0.06em;\n text-transform: uppercase; color: #ccc; margin-bottom: 6px;\n }\n #bespoke-salary-calc .stat-value {\n font-size: clamp(13px, 3.8vw, 22px); font-weight: 300;\n color: #666; letter-spacing: -0.02em;\n }\n #bespoke-salary-calc .stat-box.mine .stat-value { color: #4a7a00; font-weight: 700; }\n #bespoke-salary-calc .insight-box {\n background: #fff; border: 1.5px solid #e8e8e4;\n border-left: 3px solid #97d422; border-radius: 14px; padding: 20px 22px;\n }\n #bespoke-salary-calc .insight-title {\n font-size: 10px; font-weight: 700; letter-spacing: 0.12em;\n text-transform: uppercase; color: #97d422; margin-bottom: 10px;\n }\n #bespoke-salary-calc .insight-text { font-size: 14px; color: #777; line-height: 1.7; }\n #bespoke-salary-calc .insight-text strong { color: #111; font-weight: 600; }\n #bespoke-salary-calc .error-msg {\n background: #fff0f0; border: 1px solid #ffd0d0; border-radius: 8px;\n padding: 12px 16px; font-size: 13px; color: #cc3333; margin-top: 14px; display: none;\n }\n #bespoke-salary-calc .error-msg.visible { display: block; }\n #bespoke-salary-calc .cta-strip {\n display: none; flex-direction: column; align-items: center; gap: 12px;\n margin: 32px 0 24px; text-align: center;\n }\n #bespoke-salary-calc .cta-strip.visible { display: flex; }\n #bespoke-salary-calc .cta-strip-label { font-size: 15px; font-weight: 600; color: #111; margin-bottom: 4px; }\n #bespoke-salary-calc .cta-buttons { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }\n #bespoke-salary-calc .cta-btn {\n display: inline-block; padding: 13px 24px; border-radius: 8px;\n font-size: 14px; font-weight: 600; text-decoration: none;\n transition: opacity 0.2s, transform 0.15s; white-space: nowrap;\n }\n #bespoke-salary-calc .cta-btn:hover { opacity: 0.88; transform: translateY(-1px); }\n #bespoke-salary-calc .cta-btn-primary { background: #97d422; color: #1a2606; }\n #bespoke-salary-calc .cta-btn-secondary { background: #fff; color: #111; border: 1.5px solid #d8d8d4; }\n #bespoke-salary-calc .source-note {\n text-align: center; font-size: 12px; color: #ccc;\n margin-top: 28px; line-height: 1.7;\n }\n #bespoke-salary-calc .source-note strong { color: #aaa; font-weight: 500; }\n #bespoke-salary-calc ::-webkit-scrollbar { width: 5px; }\n #bespoke-salary-calc ::-webkit-scrollbar-track { background: #f4f4f2; }\n #bespoke-salary-calc ::-webkit-scrollbar-thumb { background: #ddd; border-radius: 3px; }\n @keyframes bsc-markerIn {\n from { opacity: 0; transform: translate(-50%, calc(-50% - 7px)); }\n to { opacity: 1; transform: translate(-50%, -50%); }\n }\n #bespoke-salary-calc .range-marker.animate {\n animation: bsc-markerIn 0.35s 0.6s ease both;\n }\n #bespoke-salary-calc .city-compare { margin-top: 20px; padding-top: 18px; border-top: 1px solid #f0f0ee; }\n #bespoke-salary-calc .city-compare-title {\n font-size: 11px; font-weight: 600; letter-spacing: .07em;\n text-transform: uppercase; color: #999; margin-bottom: 12px;\n }\n #bespoke-salary-calc .city-compare-scroll {\n display: flex; gap: 10px; overflow-x: auto;\n padding-bottom: 6px; scrollbar-width: none;\n }\n #bespoke-salary-calc .city-compare-scroll::-webkit-scrollbar { display: none; }\n #bespoke-salary-calc .city-chip {\n flex: 0 0 auto; background: #f7f7f5; border-radius: 8px;\n padding: 9px 14px; text-align: center; min-width: 96px;\n }\n #bespoke-salary-calc .city-chip-name { font-size: 11px; color: #888; margin-bottom: 3px; }\n #bespoke-salary-calc .city-chip-avg { font-size: 15px; font-weight: 700; color: #222; }\n #bespoke-salary-calc .city-chip-sub { font-size: 10px; color: #aaa; margin-top: 2px; }\n #bespoke-salary-calc .me-disclaimer {\n background: #f7f4ff; border: 1px solid #d8ccf5; border-radius: 12px;\n padding: 16px 18px; display: flex; gap: 12px; align-items: flex-start; margin-top: 4px;\n }\n #bespoke-salary-calc .me-disclaimer-icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; }\n #bespoke-salary-calc .me-disclaimer-body > strong {\n font-size: 13px; font-weight: 700; color: #3a2278;\n display: block; margin-bottom: 8px;\n }\n #bespoke-salary-calc .me-disclaimer-body p strong { display: inline; font-size: inherit; color: #3a2278; }\n #bespoke-salary-calc .me-disclaimer-body p {\n font-size: 12.5px; color: #555; line-height: 1.6; margin: 0 0 8px;\n }\n #bespoke-salary-calc .me-disclaimer-body p:last-child { margin-bottom: 0; }\n #bespoke-salary-calc .needle-tip {\n margin-top: 12px; padding-top: 12px; border-top: 1px solid #eee;\n display: flex; gap: 8px; align-items: flex-start;\n }\n #bespoke-salary-calc .needle-tip-icon { font-size: 14px; flex-shrink: 0; margin-top: 1px; }\n #bespoke-salary-calc .needle-tip-text { font-size: 13px; color: #555; line-height: 1.6; }\n #bespoke-salary-calc .needle-tip-label {\n font-size: 10px; font-weight: 700; letter-spacing: 0.1em;\n text-transform: uppercase; color: #bbb; display: block; margin-bottom: 3px;\n }\n #bespoke-salary-calc .email-optin-wrap { margin-top: 6px; }\n #bespoke-salary-calc .email-optin-check {\n display: flex; align-items: center; gap: 9px; cursor: pointer;\n font-size: 13.5px; font-weight: 600; color: #444; user-select: none;\n }\n #bespoke-salary-calc .email-optin-check--subtle {\n margin-top: 16px; margin-bottom: 12px; font-size: 11px;\n font-weight: 400; color: #aaa; gap: 6px;\n text-transform: none; letter-spacing: 0;\n }\n #bespoke-salary-calc .email-optin-check--subtle:hover { color: #888; }\n #bespoke-salary-calc .email-optin-check input[type=\"checkbox\"] {\n width: 17px; height: 17px; accent-color: #97d422; cursor: pointer; flex-shrink: 0;\n }\n #bespoke-salary-calc .email-optin-check--subtle input[type=\"checkbox\"] {\n width: 13px; height: 13px; accent-color: #aaa;\n }\n #bespoke-salary-calc .email-optin-fields {\n margin-top: 10px; display: flex; flex-direction: row; gap: 8px;\n }\n #bespoke-salary-calc .email-optin-fields .field { flex: 1; min-width: 0; }\n @media (max-width: 600px) { #bespoke-salary-calc .email-optin-fields { flex-direction: column; } }\n #bespoke-salary-calc .email-optin-input {\n width: 100%; border: 1.5px solid #ddd; border-radius: 8px;\n padding: 10px 13px; font-size: 13.5px; color: #333;\n font-family: inherit; outline: none; transition: border-color 0.15s;\n background: #fff; box-sizing: border-box;\n }\n #bespoke-salary-calc .email-optin-input:focus { border-color: #97d422; }\n #bespoke-salary-calc .email-optin-input.input-error { border-color: #e05a5a; background: #fff8f8; }\n #bespoke-salary-calc .email-optin-input.input-error:focus { border-color: #e05a5a; }\n #bespoke-salary-calc .email-optin-sent {\n display: flex; align-items: center; gap: 7px;\n font-size: 13px; color: #555; margin-top: 10px;\n }\n #bespoke-salary-calc .email-results-wrap {\n margin-top: 16px; background: #f8f9fb; border: 1px solid #eee;\n border-radius: 10px; padding: 14px 16px;\n }\n #bespoke-salary-calc .email-results-label {\n font-size: 12px; font-weight: 700; color: #555;\n letter-spacing: 0.04em; margin-bottom: 9px; text-transform: uppercase;\n }\n #bespoke-salary-calc .email-results-row { display: flex; gap: 8px; }\n #bespoke-salary-calc .email-results-input {\n flex: 1; border: 1.5px solid #ddd; border-radius: 7px;\n padding: 9px 12px; font-size: 13.5px; color: #333;\n font-family: inherit; outline: none; transition: border-color 0.15s; background: #fff;\n }\n #bespoke-salary-calc .email-results-input:focus { border-color: #97d422; }\n #bespoke-salary-calc .email-results-btn {\n background: #97d422; color: #fff; border: none; border-radius: 7px;\n padding: 9px 18px; font-size: 13.5px; font-weight: 700;\n cursor: pointer; font-family: inherit; transition: background 0.15s; white-space: nowrap;\n }\n #bespoke-salary-calc .email-results-btn:hover { background: #85bc1c; }\n #bespoke-salary-calc .email-results-error { font-size: 12px; color: #e03; margin-top: 6px; }\n #bespoke-salary-calc .email-results-success {\n display: flex; align-items: center; gap: 8px;\n font-size: 13.5px; color: #4a7a0a; font-weight: 600; padding: 4px 0;\n }\n #bespoke-salary-calc .try-again-wrap { text-align: center; margin-top: 18px; padding-bottom: 4px; }\n #bespoke-salary-calc .try-again-btn {\n font-size: 13px; color: #97d422; cursor: pointer;\n background: none; border: none; padding: 0; font-family: inherit;\n text-decoration: underline; text-underline-offset: 3px;\n text-decoration-color: transparent; transition: text-decoration-color 0.2s;\n }\n #bespoke-salary-calc .try-again-btn:hover { text-decoration-color: #97d422; }\n #bespoke-salary-calc .lead-form-wrap {\n display: none; margin: 32px 0 24px;\n background: #fff; border: 1.5px solid #e8e8e4;\n border-radius: 18px; padding: 32px 36px;\n }\n #bespoke-salary-calc .lead-form-wrap.visible { display: block; }\n #bespoke-salary-calc .lead-form-title {\n font-size: 17px; font-weight: 700; color: #111;\n letter-spacing: -0.02em; margin-bottom: 6px;\n }\n #bespoke-salary-calc .lead-form-sub { font-size: 13px; color: #999; margin-bottom: 22px; }\n #bespoke-salary-calc .lead-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 14px; }\n @media (max-width: 560px) {\n #bespoke-salary-calc .lead-form-grid { grid-template-columns: 1fr; }\n #bespoke-salary-calc .lead-form-wrap { padding: 24px 20px; }\n }\n #bespoke-salary-calc .lead-submit-btn {\n width: 100%; background: #97d422; color: #111;\n border: none; border-radius: 12px; font-size: 15px;\n font-weight: 700; padding: 15px; cursor: pointer;\n transition: background 0.2s; font-family: inherit; margin-top: 4px;\n }\n #bespoke-salary-calc .lead-submit-btn:hover { background: #aee849; }\n #bespoke-salary-calc .lead-success { display: none; text-align: center; padding: 24px 0 8px; }\n #bespoke-salary-calc .lead-success.visible { display: block; }\n #bespoke-salary-calc .lead-success-icon { margin-bottom: 14px; display: flex; justify-content: center; }\n #bespoke-salary-calc .lead-success-icon svg { display: block; }\n #bespoke-salary-calc .lead-success-title { font-size: 17px; font-weight: 700; color: #111; margin-bottom: 6px; }\n #bespoke-salary-calc .lead-success-body { font-size: 14px; color: #999; }\n #bespoke-salary-calc .lead-error { font-size: 12px; color: #cc3333; margin-top: 8px; display: none; }\n #bespoke-salary-calc .lead-error.visible { display: block; }\n <\/style>\n<\/head>\n<body>\n <h1>Architecture and Design<br \/>Salary Calculator 2026<\/h1>\n <p>Is your salary keeping pace with the market?<\/p>\n <p>Enter your role, location, and salary to benchmark yourself against the 2026 Architecture & Design market.<\/p>\n Locations covered\n \ud83c\uddec\ud83c\udde7 United Kingdom\n \ud83c\udde6\ud83c\uddfa Australia\n \ud83c\uddfa\ud83c\uddf8 United States\n \ud83c\uddf3\ud83c\uddff New Zealand\n \ud83c\udde6\ud83c\uddea\ud83c\uddf8\ud83c\udde6 Middle East\n 100+roles covered\n 20global cities\n 1,890survey responses\n 3,000+active vacancies\n 1,200+successful placements\n 65recruitment experts\n I want to…\n <button type=\"button\" id=\"modeBenchmark\" onclick=\"setMode('benchmark')\">Benchmark my salary<\/button>\n <button type=\"button\" id=\"modeExplore\" onclick=\"setMode('explore')\">Explore market rates<\/button>\n <label>Location<\/label>\n <select id=\"locationSelect\">\n <option value=\"\">Select a city…<\/option>\n <optgroup label=\"United Kingdom\">\n <option value=\"london\">London<\/option>\n <option value=\"manchester\">Manchester<\/option>\n <\/optgroup>\n <optgroup label=\"Australia\">\n <option value=\"sydney\">Sydney<\/option>\n <option value=\"melbourne\">Melbourne<\/option>\n <option value=\"brisbane\">Brisbane<\/option>\n <option value=\"adelaide\">Adelaide<\/option>\n <option value=\"perth\">Perth<\/option>\n <\/optgroup>\n <optgroup label=\"United States\">\n <option value=\"newyork\">New York<\/option>\n <option value=\"losangeles\">Los Angeles<\/option>\n <option value=\"sanfrancisco\">San Francisco<\/option>\n <option value=\"dallas\">Dallas<\/option>\n <option value=\"austin\">Austin<\/option>\n <option value=\"houston\">Houston<\/option>\n <option value=\"sanantonio\">San Antonio<\/option>\n <\/optgroup>\n <optgroup label=\"New Zealand\">\n <option value=\"newzealand\">Auckland<\/option>\n <option value=\"wellington\">Wellington<\/option>\n <option value=\"christchurch\">Christchurch<\/option>\n <option value=\"queenstown\">Queenstown<\/option>\n <\/optgroup>\n <optgroup label=\"Middle East\">\n <option value=\"dubai\">Dubai<\/option>\n <option value=\"riyadh\">Riyadh<\/option>\n <\/optgroup>\n <\/select>\n <label>Category (optional filter)<\/label>\n <select id=\"categorySelect\" disabled><option value=\"\">Select location first…<\/option><\/select>\n <label>Job Title<\/label>\n <input type=\"text\" id=\"jobSearch\" placeholder=\"Search or select a job title…\" autocomplete=\"off\" disabled \/>\n <button id=\"searchClear\" title=\"Clear\">×<\/button>\n <label id=\"salaryLabel\">Your Annual Base Salary (excl. bonus)<\/label>\n —\n <input type=\"text\" inputmode=\"numeric\" id=\"salaryInput\" placeholder=\"e.g. 85000\" disabled \/>\n Please select a location, job title, and enter your salary.\n <label for=\"emailOptinName\">First Name<\/label>\n <input type=\"text\" id=\"emailOptinName\" placeholder=\"Your name\" autocomplete=\"name\" oninput=\"this.classList.remove('input-error')\" \/>\n <label for=\"emailOptinEmail\">Email<\/label>\n <input type=\"email\" id=\"emailOptinEmail\" placeholder=\"your@email.com\" autocomplete=\"email\" oninput=\"this.classList.remove('input-error')\" \/>\n <label>\n <input type=\"checkbox\" id=\"emailOptinCheck\" onchange=\"toggleEmailOptin()\" checked \/>\n Email me my results\n <\/label>\n Sent — check your inbox.\n <button id=\"calcBtn\" onclick=\"calculate()\">Calculate My Position →<\/button>\n —\n —\n —\n Salary Range\n Market Low—\n Market Avg—\n Market High—\n Your Salary\n —\n Bespoke Careers Insight\n —\n 💬\n Advice from our team\n 📋\n <strong>How we benchmark Middle East salaries<\/strong>\n <p>Dubai and Riyadh are unique markets where total compensation is typically structured across multiple components: base salary, housing allowance (usually 25–40% of total package), transport allowance, annual return flights home, and health insurance. In the UAE and Saudi Arabia there is no personal income tax, which meaningfully increases take-home pay compared to equivalent roles in the UK, Australia or the US.<\/p>\n <p>The figures shown have been calculated by Bespoke Careers to reflect <strong>total core package value<\/strong>, incorporating these primary components. They are presented as monthly figures in line with how compensation is typically quoted in these markets. Individual packages will vary depending on firm size, seniority, nationality, and whether benefits are provided as cash allowances or in-kind. Always clarify the full package structure (what is included and what is not) before comparing offers across markets.<\/p>\n How this role pays in other cities (guidance only)\n Want to go deeper?\n <a href=\"https:\/\/www.bespokecareers.com\/salary-guide\" id=\"ctaPrimary\" target=\"_blank\" rel=\"noopener\">Download the Full Salary Guide<\/a>\n <a href=\"https:\/\/www.bespokecareers.com\/contact\" id=\"ctaSecondary\" target=\"_blank\" rel=\"noopener\">Talk to Our Team<\/a>\n <a href=\"https:\/\/www.bespokecareers.com\/contractors\/\" id=\"ctaContractors\" target=\"_blank\" rel=\"noopener\">Explore Contract Roles<\/a>\n Email me my results\n <input type=\"text\" id=\"emailResultsName\" placeholder=\"Your name\" autocomplete=\"name\" \/>\n <input type=\"email\" id=\"emailResultsInput\" placeholder=\"your@email.com\" autocomplete=\"email\" \/>\n <button onclick=\"submitEmailResults()\">Send<\/button>\n Please enter your name and a valid email address.\n Sent — check your inbox.\n <button onclick=\"tryAgain()\">← Try another role<\/button>\n Would you like to discuss your hiring strategy with one of our team?\n Leave your details and a consultant will be in touch.\n <label>Name<\/label><input type=\"text\" id=\"leadName\" placeholder=\"Your name\" autocomplete=\"name\" \/>\n <label>Company<\/label><input type=\"text\" id=\"leadCompany\" placeholder=\"Company name\" autocomplete=\"organization\" \/>\n <label>Email<\/label><input type=\"email\" id=\"leadEmail\" placeholder=\"you@company.com\" autocomplete=\"email\" \/>\n <label>Phone<\/label><input type=\"tel\" id=\"leadPhone\" placeholder=\"+1 555 000 0000\" autocomplete=\"tel\" \/>\n <button onclick=\"submitLead()\">Get in Touch →<\/button>\n Please enter your name and email to continue.\n Thanks! We’ll be in touch shortly.\n One of our consultants will reach out to discuss your hiring needs.\n<\/body>\n<\/html>\n\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\"\/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n<title>Jobs Board Footer<\/title>\n<style>\n .jobs-footer-links, .jobs-footer-links * { font-family: inherit; }\n .jobs-footer-links a { color: #333; text-decoration: none; }\n .jobs-footer-links a:hover { color: #97D422; }\n .also-searched-wrap { max-width:1191px; margin:0 auto; padding:40px 20px 0; }\n .also-searched-wrap h2 { font-size:1.25rem; color:#000; margin-bottom:14px; }\n .also-searched-pills { display:flex; flex-wrap:wrap; gap:10px; }\n .also-searched-pills a {\n display:inline-flex; align-items:center; gap:6px;\n padding:10px 18px; border:1px solid #ddd; border-radius:999px;\n color:#333; text-decoration:none; font-size:0.9rem; font-family:inherit;\n background:#fff; transition: border-color 0.2s, color 0.2s;\n }\n .also-searched-pills a:hover { border-color:#97D422; color:#97D422; }\n .also-searched-pills a svg { width:16px; height:16px; opacity:0.4; flex-shrink:0; }\n<\/style>\n<\/head>\n<body>\n <h2>People also searched:<\/h2>\n <h2>Browse Jobs by Location<\/h2>\n \n <a href=\"\/jobs\/in-london-uk-gb\/\">London<\/a> |\n <a href=\"\/jobs\/in-sydney-nsw\/\">Sydney<\/a> |\n <a href=\"\/jobs\/in-melbourne-vic\/\">Melbourne<\/a> |\n <a href=\"\/jobs\/in-brisbane-qld\/\">Brisbane<\/a> |\n <a href=\"\/jobs\/in-adelaide\/\">Adelaide<\/a> |\n <a href=\"\/jobs\/in-perth-wa\/\">Perth<\/a> |\n <a href=\"\/jobs\/in-new-york\/\">New York<\/a> |\n <a href=\"\/jobs\/in-los-angeles\/\">Los Angeles<\/a> |\n <a href=\"\/jobs\/in-austin\/\">Austin<\/a> |\n <a href=\"\/jobs\/in-dallas-104690\/\">Dallas<\/a> |\n <a href=\"\/jobs\/in-washington-dc\/\">Washington DC<\/a> |\n <a href=\"\/jobs\/in-manchester\/\">Manchester<\/a> |\n <a href=\"\/jobs\/in-auckland\/\">Auckland<\/a>\n \n <h2>Browse Jobs by Category<\/h2>\n \n <a href=\"\/jobs\/cla_architecture-6528545\/\">Architecture<\/a> |\n <a href=\"\/jobs\/cla_interior-design-6545805\/\">Interior Design<\/a> |\n <a href=\"\/jobs\/cla_landscape-and-urban-design\/\">Landscape & Urban Design<\/a> |\n <a href=\"\/jobs\/cla_business-support-6545815\/\">Business Support<\/a> |\n <a href=\"\/jobs\/cla_architectural-and-interior-products\/\">Architectural & Interior Products<\/a> |\n <a href=\"\/jobs\/cla_strategic-appointments\/\">Strategic Appointments<\/a> |\n <a href=\"\/jobs\/ac1_contract\/\">Contract<\/a>\n \n <h2>Popular Searches<\/h2>\n \n <a href=\"\/jobs\/in-london-uk-gb\/cla_architecture-6528545\/\">Architecture Jobs in London<\/a> |\n <a href=\"\/jobs\/in-sydney-nsw\/cla_architecture-6528545\/\">Architecture Jobs in Sydney<\/a> |\n <a href=\"\/jobs\/in-new-york\/cla_architecture-6528545\/\">Architecture Jobs in New York<\/a> |\n <a href=\"\/jobs\/in-melbourne-vic\/cla_architecture-6528545\/\">Architecture Jobs in Melbourne<\/a> |\n <a href=\"\/jobs\/in-austin\/cla_architecture-6528545\/\">Architecture Jobs in Austin<\/a> |\n <a href=\"\/jobs\/in-london-uk-gb\/cla_interior-design-6545805\/\">Interior Design Jobs in London<\/a> |\n <a href=\"\/jobs\/in-sydney-nsw\/cla_interior-design-6545805\/\">Interior Design Jobs in Sydney<\/a> |\n <a href=\"\/jobs\/in-new-york\/cla_interior-design-6545805\/\">Interior Design Jobs in New York<\/a> |\n <a href=\"\/jobs\/in-melbourne-vic\/cla_interior-design-6545805\/\">Interior Design Jobs in Melbourne<\/a> |\n <a href=\"\/jobs\/in-sydney-nsw\/cla_landscape-and-urban-design\/\">Landscape Jobs in Sydney<\/a> |\n <a href=\"\/jobs\/in-melbourne-vic\/cla_landscape-and-urban-design\/\">Landscape Jobs in Melbourne<\/a> |\n <a href=\"\/jobs\/in-los-angeles\/cla_architecture-6528545\/\">Architecture Jobs in Los Angeles<\/a> |\n <a href=\"\/jobs\/in-los-angeles\/cla_interior-design-6545805\/\">Interior Design Jobs in Los Angeles<\/a> |\n <a href=\"\/jobs\/in-dallas-104690\/cla_architecture-6528545\/\">Architecture Jobs in Dallas<\/a> |\n <a href=\"\/jobs\/in-dallas-104690\/cla_interior-design-6545805\/\">Interior Design Jobs in Dallas<\/a> |\n <a href=\"\/jobs\/in-london-uk-gb\/ac1_contract\/\">Contract Jobs in London<\/a> |\n <a href=\"\/jobs\/in-sydney-nsw\/ac1_contract\/\">Contract Jobs in Sydney<\/a> |\n <a href=\"\/jobs\/in-melbourne-vic\/ac1_contract\/\">Contract Jobs in Melbourne<\/a>\n \n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Architecture & Design Salary Calculator 2026 Architecture and DesignSalary Calculator 2026 Is your salary keeping pace with the market? Enter your role, location, and salary to benchmark yourself against the 2026 Architecture & Design market. Locations covered \ud83c\uddec\ud83c\udde7 United Kingdom \ud83c\udde6\ud83c\uddfa Australia \ud83c\uddfa\ud83c\uddf8 United States \ud83c\uddf3\ud83c\uddff New Zealand \ud83c\udde6\ud83c\uddea\ud83c\uddf8\ud83c\udde6 Middle East 100+roles covered 20global cities…<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":5508,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","footnotes":""},"class_list":["post-9167","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/9167","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=9167"}],"version-history":[{"count":30,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/9167\/revisions"}],"predecessor-version":[{"id":11807,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/9167\/revisions\/11807"}],"up":[{"embeddable":true,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/5508"}],"wp:attachment":[{"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/media?parent=9167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":9167,"date":"2026-03-10T20:14:28","date_gmt":"2026-03-10T20:14:28","guid":{"rendered":"https:\/\/www.bespokecareers.com\/?page_id=9167"},"modified":"2026-05-11T21:09:49","modified_gmt":"2026-05-11T21:09:49","slug":"salary-calculator","status":"publish","type":"page","link":"https:\/\/www.bespokecareers.com\/salary-guide\/salary-calculator\/","title":{"rendered":"Salary Calculator"},"content":{"rendered":"\n\n\t\n\n\n \n \n Architecture & Design Salary Calculator 2026<\/title>\n <style>\n #bespoke-salary-calc *, #bespoke-salary-calc *::before, #bespoke-salary-calc *::after {\n box-sizing: border-box; margin: 0; padding: 0;\n }\n #bespoke-salary-calc {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #111; padding: 48px 0; overflow-x: hidden;\n }\n #bespoke-salary-calc .calc-card {\n max-width: 1216px; margin: 0 auto; background: #fff;\n border-radius: 24px; box-shadow: 0 4px 40px rgba(0,0,0,0.08);\n overflow: hidden; border: 1px solid #e8e8e4;\n }\n @media (max-width: 560px) { #bespoke-salary-calc .calc-card { border-radius: 16px; } }\n #bespoke-salary-calc .split-wrap { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; }\n #bespoke-salary-calc .hero-col, #bespoke-salary-calc .form-col { min-width: 0; }\n @media (max-width: 820px) {\n #bespoke-salary-calc .split-wrap { grid-template-columns: 1fr; }\n #bespoke-salary-calc { padding-left: 16px; padding-right: 16px; }\n }\n #bespoke-salary-calc .hero-col {\n padding: 52px 44px; display: flex; flex-direction: column; gap: 28px;\n background: #f7f7f5; border-right: 1px solid #e8e8e4; overflow: hidden;\n }\n @media (max-width: 820px) {\n #bespoke-salary-calc .hero-col { padding: 28px 24px; border-right: none; border-bottom: 1px solid #e8e8e4; }\n #bespoke-salary-calc .hero-body, #bespoke-salary-calc .discipline-pills, #bespoke-salary-calc .hero-stats { display: none !important; }\n }\n #bespoke-salary-calc .hero-col h1 {\n font-size: clamp(22px, 2.8vw, 40px); font-weight: 700;\n letter-spacing: -0.03em; color: #111; line-height: 1.2;\n }\n #bespoke-salary-calc .hero-col h1 span { color: #97d422; }\n #bespoke-salary-calc .hero-sub { font-size: 15px; font-weight: 600; color: #111; line-height: 1.4; }\n #bespoke-salary-calc .hero-body { font-size: 13px; color: #888; line-height: 1.7; }\n #bespoke-salary-calc .discipline-pills { display: flex; flex-direction: column; gap: 10px; }\n #bespoke-salary-calc .discipline-pills-label {\n font-size: 10px; font-weight: 700; letter-spacing: 0.08em;\n text-transform: uppercase; color: #bbb;\n }\n #bespoke-salary-calc .discipline-pill-list { display: flex; flex-wrap: wrap; gap: 7px; }\n #bespoke-salary-calc .discipline-pill {\n display: inline-block; padding: 5px 12px; border-radius: 100px;\n font-size: 12px; font-weight: 600; color: #2a4a00;\n background: #eef7d0; border: 1px solid #c8e87a;\n }\n #bespoke-salary-calc .hero-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n #bespoke-salary-calc .hero-stat { display: flex; flex-direction: column; gap: 3px; }\n #bespoke-salary-calc .hero-stat-num {\n font-size: 26px; font-weight: 800; color: #97d422;\n letter-spacing: -0.03em; line-height: 1;\n }\n #bespoke-salary-calc .hero-stat span:last-child { font-size: 11px; color: #999; line-height: 1.4; }\n #bespoke-salary-calc .form-col {\n padding: 56px 44px; background: #fff;\n display: flex; flex-direction: column; justify-content: center;\n }\n @media (max-width: 820px) { #bespoke-salary-calc .form-col { padding: 24px 24px 36px; } }\n #bespoke-salary-calc .card-title {\n font-size: 10px; font-weight: 700; letter-spacing: 0.14em;\n text-transform: uppercase; color: #ccc; margin-bottom: 22px;\n }\n #bespoke-salary-calc .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n @media (max-width: 560px) { #bespoke-salary-calc .form-grid { grid-template-columns: 1fr; } }\n #bespoke-salary-calc .field { display: flex; flex-direction: column; gap: 7px; }\n #bespoke-salary-calc .field.full { grid-column: 1 \/ -1; }\n #bespoke-salary-calc label {\n font-size: 11px; font-weight: 700; color: #aaa;\n letter-spacing: 0.06em; text-transform: uppercase;\n }\n #bespoke-salary-calc .field-optional {\n font-size: 10px; font-weight: 400; color: #bbb;\n letter-spacing: 0.02em; text-transform: none; margin-left: 3px;\n }\n #bespoke-salary-calc select,\n #bespoke-salary-calc input[type=\"text\"],\n #bespoke-salary-calc input[type=\"number\"],\n #bespoke-salary-calc input[type=\"email\"],\n #bespoke-salary-calc input[type=\"tel\"] {\n background: #fafaf8; border: 1.5px solid #e8e8e4; border-radius: 10px;\n color: #111; font-size: 14px; padding: 13px 14px; width: 100%;\n outline: none; transition: border-color 0.2s, box-shadow 0.2s;\n appearance: none; -webkit-appearance: none; font-family: inherit;\n }\n #bespoke-salary-calc select:focus, #bespoke-salary-calc input:focus {\n border-color: #97d422; box-shadow: 0 0 0 3px #97d42218; background: #fff;\n }\n #bespoke-salary-calc select {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23bbb' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat; background-position: right 14px center;\n background-color: #fafaf8; padding-right: 40px; cursor: pointer;\n }\n #bespoke-salary-calc .search-wrap { position: relative; }\n #bespoke-salary-calc .search-clear {\n position: absolute; right: 12px; top: 50%; transform: translateY(-50%);\n background: none; border: none; color: #ccc; cursor: pointer;\n font-size: 18px; line-height: 1; padding: 0; display: none;\n }\n #bespoke-salary-calc .search-clear.visible { display: block; }\n #bespoke-salary-calc .dropdown-list {\n position: absolute; top: calc(100% + 6px); left: 0; right: 0;\n background: #fff; border: 1.5px solid #e8e8e4; border-radius: 12px;\n max-height: 240px; overflow-y: auto; z-index: 100; display: none;\n box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n }\n #bespoke-salary-calc .dropdown-list.open { display: block; }\n #bespoke-salary-calc .dropdown-item {\n padding: 10px 14px; font-size: 13px; cursor: pointer;\n color: #555; border-bottom: 1px solid #f4f4f2; transition: background 0.1s;\n }\n #bespoke-salary-calc .dropdown-item:last-child { border-bottom: none; }\n #bespoke-salary-calc .dropdown-item:hover, #bespoke-salary-calc .dropdown-item.selected { background: #f7f7f5; color: #111; }\n #bespoke-salary-calc .dropdown-item .cat { font-size: 11px; color: #ccc; margin-left: 6px; }\n #bespoke-salary-calc .salary-row { display: flex; align-items: center; gap: 10px; }\n #bespoke-salary-calc .currency-badge {\n background: #fafaf8; border: 1.5px solid #e8e8e4; border-radius: 10px;\n padding: 13px 12px; font-size: 13px; color: #aaa;\n white-space: nowrap; min-width: 52px; text-align: center;\n }\n #bespoke-salary-calc .btn-calculate {\n width: 100%; background: #97d422; color: #111; border: none;\n border-radius: 12px; font-size: 15px; font-weight: 700; padding: 16px;\n cursor: pointer; letter-spacing: 0.01em;\n transition: background 0.2s, transform 0.1s; margin-top: 10px; font-family: inherit;\n }\n #bespoke-salary-calc .btn-calculate:hover { background: #aee849; }\n #bespoke-salary-calc .btn-calculate:active { transform: scale(0.99); }\n @media (max-width: 820px) {\n #bespoke-salary-calc .btn-calculate { position: sticky; bottom: 12px; z-index: 5; box-shadow: 0 4px 20px rgba(0,0,0,0.13); }\n }\n #bespoke-salary-calc .results-wrap {\n display: none; border-top: 1px solid #e8e8e4;\n padding: 40px 44px 48px; background: #fafaf8;\n }\n #bespoke-salary-calc .results-wrap.visible { display: block; }\n @media (max-width: 820px) { #bespoke-salary-calc .results-wrap { padding: 32px 24px 40px; } }\n #bespoke-salary-calc .result-card { display: none; margin-bottom: 24px; }\n #bespoke-salary-calc .result-card.visible { display: block; }\n #bespoke-salary-calc .result-header {\n display: flex; align-items: flex-start; justify-content: space-between;\n margin-bottom: 28px; gap: 16px; flex-wrap: wrap;\n }\n #bespoke-salary-calc .result-role {\n font-size: 20px; font-weight: 700; color: #111; letter-spacing: -0.02em;\n }\n #bespoke-salary-calc .result-location { font-size: 13px; color: #bbb; margin-top: 4px; }\n #bespoke-salary-calc .verdict-pill {\n padding: 7px 18px; border-radius: 100px; font-size: 11px;\n font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;\n white-space: nowrap; flex-shrink: 0;\n }\n #bespoke-salary-calc .verdict-below { background: #fff0f0; color: #cc3333; border: 1px solid #ffd0d0; }\n #bespoke-salary-calc .verdict-low { background: #fffbea; color: #b07a00; border: 1px solid #ffe99a; }\n #bespoke-salary-calc .verdict-market { background: #f2fde0; color: #4a7a00; border: 1px solid #c8ed80; }\n #bespoke-salary-calc .verdict-above { background: #e8faf6; color: #007a60; border: 1px solid #a0e8d8; }\n #bespoke-salary-calc .verdict-top { background: #f3eeff; color: #5e3ab8; border: 1px solid #cdb8f0; }\n #bespoke-salary-calc .verdict-overview{ background: #f0f4ff; color: #3355aa; border: 1px solid #b8c8f0; }\n #bespoke-salary-calc .mode-toggle-wrap { display: flex; flex-direction: column; gap: 6px; }\n #bespoke-salary-calc .mode-toggle-label {\n font-size: 11px; font-weight: 700; letter-spacing: 0.06em;\n text-transform: uppercase; color: #999;\n }\n #bespoke-salary-calc .mode-toggle { display: flex; background: #f0f0ee; border-radius: 8px; padding: 3px; gap: 2px; }\n #bespoke-salary-calc .mode-btn {\n flex: 1; padding: 8px 10px; border: none; border-radius: 6px;\n background: transparent; font-size: 12px; font-weight: 500;\n color: #888; cursor: pointer;\n transition: background 0.18s, color 0.18s, box-shadow 0.18s;\n text-align: center; line-height: 1.3; white-space: nowrap; font-family: inherit;\n }\n #bespoke-salary-calc .mode-btn:hover { color: #333; }\n #bespoke-salary-calc .mode-btn.active {\n background: #fff; color: #111; font-weight: 600;\n box-shadow: 0 1px 4px rgba(0,0,0,0.1);\n }\n #bespoke-salary-calc #salaryFieldWrap { transition: opacity 0.25s, max-height 0.3s; max-height: 120px; overflow: hidden; }\n #bespoke-salary-calc #salaryFieldWrap.hidden { opacity: 0; max-height: 0; pointer-events: none; margin: 0; }\n #bespoke-salary-calc .range-section { margin-bottom: 28px; }\n #bespoke-salary-calc .range-label {\n font-size: 10px; font-weight: 700; letter-spacing: 0.12em;\n text-transform: uppercase; color: #ccc; margin-bottom: 14px;\n }\n #bespoke-salary-calc .range-bar-wrap {\n position: relative; height: 6px; background: #eeeeeb;\n border-radius: 100px; margin-top: 38px; margin-bottom: 12px;\n }\n #bespoke-salary-calc .range-mine-label {\n position: absolute; bottom: calc(100% + 10px); left: 50%;\n transform: translateX(-50%); font-size: 11px; font-weight: 700;\n color: #111; white-space: nowrap; pointer-events: none;\n }\n #bespoke-salary-calc .range-fill {\n position: absolute; left: 0; top: 0; bottom: 0;\n background: linear-gradient(90deg, #d8f0a0, #97d422); border-radius: 100px;\n transition: width 0.65s cubic-bezier(.4,0,.2,1);\n }\n #bespoke-salary-calc .range-marker {\n position: absolute; top: 50%; transform: translate(-50%, -50%);\n width: 20px; height: 20px; background: #fff; border-radius: 50%;\n box-shadow: 0 0 0 2.5px #97d422, 0 2px 8px rgba(0,0,0,0.12);\n }\n #bespoke-salary-calc .range-marker.v-red { box-shadow: 0 0 0 2.5px #e05050, 0 2px 8px rgba(0,0,0,0.12); }\n #bespoke-salary-calc .range-marker.v-amber { box-shadow: 0 0 0 2.5px #d99000, 0 2px 8px rgba(0,0,0,0.12); }\n #bespoke-salary-calc .range-ticks { position: relative; height: 36px; }\n #bespoke-salary-calc .range-tick { font-size: 11px; color: #bbb; }\n #bespoke-salary-calc .range-tick.mine { color: #111; font-weight: 700; }\n #bespoke-salary-calc .stats-grid {\n display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px; margin-bottom: 20px;\n }\n #bespoke-salary-calc .stat-box {\n background: #fff; border: 1.5px solid #e8e8e4; border-radius: 14px;\n padding: clamp(10px, 2.5vw, 18px) clamp(6px, 1.8vw, 16px);\n text-align: center; min-width: 0;\n }\n #bespoke-salary-calc .stat-box.mine { border-color: #97d422; background: #f6fde8; }\n #bespoke-salary-calc .stat-box.mine.v-red { border-color: #e05050; background: #fff4f4; }\n #bespoke-salary-calc .stat-box.mine.v-red .stat-value { color: #c02020; }\n #bespoke-salary-calc .stat-box.mine.v-amber { border-color: #d99000; background: #fffbee; }\n #bespoke-salary-calc .stat-box.mine.v-amber .stat-value { color: #9a6400; }\n #bespoke-salary-calc .stat-label {\n font-size: clamp(8px, 1.8vw, 10px); font-weight: 700; letter-spacing: 0.06em;\n text-transform: uppercase; color: #ccc; margin-bottom: 6px;\n }\n #bespoke-salary-calc .stat-value {\n font-size: clamp(13px, 3.8vw, 22px); font-weight: 300;\n color: #666; letter-spacing: -0.02em;\n }\n #bespoke-salary-calc .stat-box.mine .stat-value { color: #4a7a00; font-weight: 700; }\n #bespoke-salary-calc .insight-box {\n background: #fff; border: 1.5px solid #e8e8e4;\n border-left: 3px solid #97d422; border-radius: 14px; padding: 20px 22px;\n }\n #bespoke-salary-calc .insight-title {\n font-size: 10px; font-weight: 700; letter-spacing: 0.12em;\n text-transform: uppercase; color: #97d422; margin-bottom: 10px;\n }\n #bespoke-salary-calc .insight-text { font-size: 14px; color: #777; line-height: 1.7; }\n #bespoke-salary-calc .insight-text strong { color: #111; font-weight: 600; }\n #bespoke-salary-calc .error-msg {\n background: #fff0f0; border: 1px solid #ffd0d0; border-radius: 8px;\n padding: 12px 16px; font-size: 13px; color: #cc3333; margin-top: 14px; display: none;\n }\n #bespoke-salary-calc .error-msg.visible { display: block; }\n #bespoke-salary-calc .cta-strip {\n display: none; flex-direction: column; align-items: center; gap: 12px;\n margin: 32px 0 24px; text-align: center;\n }\n #bespoke-salary-calc .cta-strip.visible { display: flex; }\n #bespoke-salary-calc .cta-strip-label { font-size: 15px; font-weight: 600; color: #111; margin-bottom: 4px; }\n #bespoke-salary-calc .cta-buttons { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }\n #bespoke-salary-calc .cta-btn {\n display: inline-block; padding: 13px 24px; border-radius: 8px;\n font-size: 14px; font-weight: 600; text-decoration: none;\n transition: opacity 0.2s, transform 0.15s; white-space: nowrap;\n }\n #bespoke-salary-calc .cta-btn:hover { opacity: 0.88; transform: translateY(-1px); }\n #bespoke-salary-calc .cta-btn-primary { background: #97d422; color: #1a2606; }\n #bespoke-salary-calc .cta-btn-secondary { background: #fff; color: #111; border: 1.5px solid #d8d8d4; }\n #bespoke-salary-calc .source-note {\n text-align: center; font-size: 12px; color: #ccc;\n margin-top: 28px; line-height: 1.7;\n }\n #bespoke-salary-calc .source-note strong { color: #aaa; font-weight: 500; }\n #bespoke-salary-calc ::-webkit-scrollbar { width: 5px; }\n #bespoke-salary-calc ::-webkit-scrollbar-track { background: #f4f4f2; }\n #bespoke-salary-calc ::-webkit-scrollbar-thumb { background: #ddd; border-radius: 3px; }\n @keyframes bsc-markerIn {\n from { opacity: 0; transform: translate(-50%, calc(-50% - 7px)); }\n to { opacity: 1; transform: translate(-50%, -50%); }\n }\n #bespoke-salary-calc .range-marker.animate {\n animation: bsc-markerIn 0.35s 0.6s ease both;\n }\n #bespoke-salary-calc .city-compare { margin-top: 20px; padding-top: 18px; border-top: 1px solid #f0f0ee; }\n #bespoke-salary-calc .city-compare-title {\n font-size: 11px; font-weight: 600; letter-spacing: .07em;\n text-transform: uppercase; color: #999; margin-bottom: 12px;\n }\n #bespoke-salary-calc .city-compare-scroll {\n display: flex; gap: 10px; overflow-x: auto;\n padding-bottom: 6px; scrollbar-width: none;\n }\n #bespoke-salary-calc .city-compare-scroll::-webkit-scrollbar { display: none; }\n #bespoke-salary-calc .city-chip {\n flex: 0 0 auto; background: #f7f7f5; border-radius: 8px;\n padding: 9px 14px; text-align: center; min-width: 96px;\n }\n #bespoke-salary-calc .city-chip-name { font-size: 11px; color: #888; margin-bottom: 3px; }\n #bespoke-salary-calc .city-chip-avg { font-size: 15px; font-weight: 700; color: #222; }\n #bespoke-salary-calc .city-chip-sub { font-size: 10px; color: #aaa; margin-top: 2px; }\n #bespoke-salary-calc .me-disclaimer {\n background: #f7f4ff; border: 1px solid #d8ccf5; border-radius: 12px;\n padding: 16px 18px; display: flex; gap: 12px; align-items: flex-start; margin-top: 4px;\n }\n #bespoke-salary-calc .me-disclaimer-icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; }\n #bespoke-salary-calc .me-disclaimer-body > strong {\n font-size: 13px; font-weight: 700; color: #3a2278;\n display: block; margin-bottom: 8px;\n }\n #bespoke-salary-calc .me-disclaimer-body p strong { display: inline; font-size: inherit; color: #3a2278; }\n #bespoke-salary-calc .me-disclaimer-body p {\n font-size: 12.5px; color: #555; line-height: 1.6; margin: 0 0 8px;\n }\n #bespoke-salary-calc .me-disclaimer-body p:last-child { margin-bottom: 0; }\n #bespoke-salary-calc .needle-tip {\n margin-top: 12px; padding-top: 12px; border-top: 1px solid #eee;\n display: flex; gap: 8px; align-items: flex-start;\n }\n #bespoke-salary-calc .needle-tip-icon { font-size: 14px; flex-shrink: 0; margin-top: 1px; }\n #bespoke-salary-calc .needle-tip-text { font-size: 13px; color: #555; line-height: 1.6; }\n #bespoke-salary-calc .needle-tip-label {\n font-size: 10px; font-weight: 700; letter-spacing: 0.1em;\n text-transform: uppercase; color: #bbb; display: block; margin-bottom: 3px;\n }\n #bespoke-salary-calc .email-optin-wrap { margin-top: 6px; }\n #bespoke-salary-calc .email-optin-check {\n display: flex; align-items: center; gap: 9px; cursor: pointer;\n font-size: 13.5px; font-weight: 600; color: #444; user-select: none;\n }\n #bespoke-salary-calc .email-optin-check--subtle {\n margin-top: 16px; margin-bottom: 12px; font-size: 11px;\n font-weight: 400; color: #aaa; gap: 6px;\n text-transform: none; letter-spacing: 0;\n }\n #bespoke-salary-calc .email-optin-check--subtle:hover { color: #888; }\n #bespoke-salary-calc .email-optin-check input[type=\"checkbox\"] {\n width: 17px; height: 17px; accent-color: #97d422; cursor: pointer; flex-shrink: 0;\n }\n #bespoke-salary-calc .email-optin-check--subtle input[type=\"checkbox\"] {\n width: 13px; height: 13px; accent-color: #aaa;\n }\n #bespoke-salary-calc .email-optin-fields {\n margin-top: 10px; display: flex; flex-direction: row; gap: 8px;\n }\n #bespoke-salary-calc .email-optin-fields .field { flex: 1; min-width: 0; }\n @media (max-width: 600px) { #bespoke-salary-calc .email-optin-fields { flex-direction: column; } }\n #bespoke-salary-calc .email-optin-input {\n width: 100%; border: 1.5px solid #ddd; border-radius: 8px;\n padding: 10px 13px; font-size: 13.5px; color: #333;\n font-family: inherit; outline: none; transition: border-color 0.15s;\n background: #fff; box-sizing: border-box;\n }\n #bespoke-salary-calc .email-optin-input:focus { border-color: #97d422; }\n #bespoke-salary-calc .email-optin-input.input-error { border-color: #e05a5a; background: #fff8f8; }\n #bespoke-salary-calc .email-optin-input.input-error:focus { border-color: #e05a5a; }\n #bespoke-salary-calc .email-optin-sent {\n display: flex; align-items: center; gap: 7px;\n font-size: 13px; color: #555; margin-top: 10px;\n }\n #bespoke-salary-calc .email-results-wrap {\n margin-top: 16px; background: #f8f9fb; border: 1px solid #eee;\n border-radius: 10px; padding: 14px 16px;\n }\n #bespoke-salary-calc .email-results-label {\n font-size: 12px; font-weight: 700; color: #555;\n letter-spacing: 0.04em; margin-bottom: 9px; text-transform: uppercase;\n }\n #bespoke-salary-calc .email-results-row { display: flex; gap: 8px; }\n #bespoke-salary-calc .email-results-input {\n flex: 1; border: 1.5px solid #ddd; border-radius: 7px;\n padding: 9px 12px; font-size: 13.5px; color: #333;\n font-family: inherit; outline: none; transition: border-color 0.15s; background: #fff;\n }\n #bespoke-salary-calc .email-results-input:focus { border-color: #97d422; }\n #bespoke-salary-calc .email-results-btn {\n background: #97d422; color: #fff; border: none; border-radius: 7px;\n padding: 9px 18px; font-size: 13.5px; font-weight: 700;\n cursor: pointer; font-family: inherit; transition: background 0.15s; white-space: nowrap;\n }\n #bespoke-salary-calc .email-results-btn:hover { background: #85bc1c; }\n #bespoke-salary-calc .email-results-error { font-size: 12px; color: #e03; margin-top: 6px; }\n #bespoke-salary-calc .email-results-success {\n display: flex; align-items: center; gap: 8px;\n font-size: 13.5px; color: #4a7a0a; font-weight: 600; padding: 4px 0;\n }\n #bespoke-salary-calc .try-again-wrap { text-align: center; margin-top: 18px; padding-bottom: 4px; }\n #bespoke-salary-calc .try-again-btn {\n font-size: 13px; color: #97d422; cursor: pointer;\n background: none; border: none; padding: 0; font-family: inherit;\n text-decoration: underline; text-underline-offset: 3px;\n text-decoration-color: transparent; transition: text-decoration-color 0.2s;\n }\n #bespoke-salary-calc .try-again-btn:hover { text-decoration-color: #97d422; }\n #bespoke-salary-calc .lead-form-wrap {\n display: none; margin: 32px 0 24px;\n background: #fff; border: 1.5px solid #e8e8e4;\n border-radius: 18px; padding: 32px 36px;\n }\n #bespoke-salary-calc .lead-form-wrap.visible { display: block; }\n #bespoke-salary-calc .lead-form-title {\n font-size: 17px; font-weight: 700; color: #111;\n letter-spacing: -0.02em; margin-bottom: 6px;\n }\n #bespoke-salary-calc .lead-form-sub { font-size: 13px; color: #999; margin-bottom: 22px; }\n #bespoke-salary-calc .lead-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 14px; }\n @media (max-width: 560px) {\n #bespoke-salary-calc .lead-form-grid { grid-template-columns: 1fr; }\n #bespoke-salary-calc .lead-form-wrap { padding: 24px 20px; }\n }\n #bespoke-salary-calc .lead-submit-btn {\n width: 100%; background: #97d422; color: #111;\n border: none; border-radius: 12px; font-size: 15px;\n font-weight: 700; padding: 15px; cursor: pointer;\n transition: background 0.2s; font-family: inherit; margin-top: 4px;\n }\n #bespoke-salary-calc .lead-submit-btn:hover { background: #aee849; }\n #bespoke-salary-calc .lead-success { display: none; text-align: center; padding: 24px 0 8px; }\n #bespoke-salary-calc .lead-success.visible { display: block; }\n #bespoke-salary-calc .lead-success-icon { margin-bottom: 14px; display: flex; justify-content: center; }\n #bespoke-salary-calc .lead-success-icon svg { display: block; }\n #bespoke-salary-calc .lead-success-title { font-size: 17px; font-weight: 700; color: #111; margin-bottom: 6px; }\n #bespoke-salary-calc .lead-success-body { font-size: 14px; color: #999; }\n #bespoke-salary-calc .lead-error { font-size: 12px; color: #cc3333; margin-top: 8px; display: none; }\n #bespoke-salary-calc .lead-error.visible { display: block; }\n <\/style>\n<\/head>\n<body>\n <h1>Architecture and Design<br \/>Salary Calculator 2026<\/h1>\n <p>Is your salary keeping pace with the market?<\/p>\n <p>Enter your role, location, and salary to benchmark yourself against the 2026 Architecture & Design market.<\/p>\n Locations covered\n \ud83c\uddec\ud83c\udde7 United Kingdom\n \ud83c\udde6\ud83c\uddfa Australia\n \ud83c\uddfa\ud83c\uddf8 United States\n \ud83c\uddf3\ud83c\uddff New Zealand\n \ud83c\udde6\ud83c\uddea\ud83c\uddf8\ud83c\udde6 Middle East\n 100+roles covered\n 20global cities\n 1,890survey responses\n 3,000+active vacancies\n 1,200+successful placements\n 65recruitment experts\n I want to…\n <button type=\"button\" id=\"modeBenchmark\" onclick=\"setMode('benchmark')\">Benchmark my salary<\/button>\n <button type=\"button\" id=\"modeExplore\" onclick=\"setMode('explore')\">Explore market rates<\/button>\n <label>Location<\/label>\n <select id=\"locationSelect\">\n <option value=\"\">Select a city…<\/option>\n <optgroup label=\"United Kingdom\">\n <option value=\"london\">London<\/option>\n <option value=\"manchester\">Manchester<\/option>\n <\/optgroup>\n <optgroup label=\"Australia\">\n <option value=\"sydney\">Sydney<\/option>\n <option value=\"melbourne\">Melbourne<\/option>\n <option value=\"brisbane\">Brisbane<\/option>\n <option value=\"adelaide\">Adelaide<\/option>\n <option value=\"perth\">Perth<\/option>\n <\/optgroup>\n <optgroup label=\"United States\">\n <option value=\"newyork\">New York<\/option>\n <option value=\"losangeles\">Los Angeles<\/option>\n <option value=\"sanfrancisco\">San Francisco<\/option>\n <option value=\"dallas\">Dallas<\/option>\n <option value=\"austin\">Austin<\/option>\n <option value=\"houston\">Houston<\/option>\n <option value=\"sanantonio\">San Antonio<\/option>\n <\/optgroup>\n <optgroup label=\"New Zealand\">\n <option value=\"newzealand\">Auckland<\/option>\n <option value=\"wellington\">Wellington<\/option>\n <option value=\"christchurch\">Christchurch<\/option>\n <option value=\"queenstown\">Queenstown<\/option>\n <\/optgroup>\n <optgroup label=\"Middle East\">\n <option value=\"dubai\">Dubai<\/option>\n <option value=\"riyadh\">Riyadh<\/option>\n <\/optgroup>\n <\/select>\n <label>Category (optional filter)<\/label>\n <select id=\"categorySelect\" disabled><option value=\"\">Select location first…<\/option><\/select>\n <label>Job Title<\/label>\n <input type=\"text\" id=\"jobSearch\" placeholder=\"Search or select a job title…\" autocomplete=\"off\" disabled \/>\n <button id=\"searchClear\" title=\"Clear\">×<\/button>\n <label id=\"salaryLabel\">Your Annual Base Salary (excl. bonus)<\/label>\n —\n <input type=\"text\" inputmode=\"numeric\" id=\"salaryInput\" placeholder=\"e.g. 85000\" disabled \/>\n Please select a location, job title, and enter your salary.\n <label for=\"emailOptinName\">First Name<\/label>\n <input type=\"text\" id=\"emailOptinName\" placeholder=\"Your name\" autocomplete=\"name\" oninput=\"this.classList.remove('input-error')\" \/>\n <label for=\"emailOptinEmail\">Email<\/label>\n <input type=\"email\" id=\"emailOptinEmail\" placeholder=\"your@email.com\" autocomplete=\"email\" oninput=\"this.classList.remove('input-error')\" \/>\n <label>\n <input type=\"checkbox\" id=\"emailOptinCheck\" onchange=\"toggleEmailOptin()\" checked \/>\n Email me my results\n <\/label>\n Sent — check your inbox.\n <button id=\"calcBtn\" onclick=\"calculate()\">Calculate My Position →<\/button>\n —\n —\n —\n Salary Range\n Market Low—\n Market Avg—\n Market High—\n Your Salary\n —\n Bespoke Careers Insight\n —\n 💬\n Advice from our team\n 📋\n <strong>How we benchmark Middle East salaries<\/strong>\n <p>Dubai and Riyadh are unique markets where total compensation is typically structured across multiple components: base salary, housing allowance (usually 25–40% of total package), transport allowance, annual return flights home, and health insurance. In the UAE and Saudi Arabia there is no personal income tax, which meaningfully increases take-home pay compared to equivalent roles in the UK, Australia or the US.<\/p>\n <p>The figures shown have been calculated by Bespoke Careers to reflect <strong>total core package value<\/strong>, incorporating these primary components. They are presented as monthly figures in line with how compensation is typically quoted in these markets. Individual packages will vary depending on firm size, seniority, nationality, and whether benefits are provided as cash allowances or in-kind. Always clarify the full package structure (what is included and what is not) before comparing offers across markets.<\/p>\n How this role pays in other cities (guidance only)\n Want to go deeper?\n <a href=\"https:\/\/www.bespokecareers.com\/salary-guide\" id=\"ctaPrimary\" target=\"_blank\" rel=\"noopener\">Download the Full Salary Guide<\/a>\n <a href=\"https:\/\/www.bespokecareers.com\/contact\" id=\"ctaSecondary\" target=\"_blank\" rel=\"noopener\">Talk to Our Team<\/a>\n <a href=\"https:\/\/www.bespokecareers.com\/contractors\/\" id=\"ctaContractors\" target=\"_blank\" rel=\"noopener\">Explore Contract Roles<\/a>\n Email me my results\n <input type=\"text\" id=\"emailResultsName\" placeholder=\"Your name\" autocomplete=\"name\" \/>\n <input type=\"email\" id=\"emailResultsInput\" placeholder=\"your@email.com\" autocomplete=\"email\" \/>\n <button onclick=\"submitEmailResults()\">Send<\/button>\n Please enter your name and a valid email address.\n Sent — check your inbox.\n <button onclick=\"tryAgain()\">← Try another role<\/button>\n Would you like to discuss your hiring strategy with one of our team?\n Leave your details and a consultant will be in touch.\n <label>Name<\/label><input type=\"text\" id=\"leadName\" placeholder=\"Your name\" autocomplete=\"name\" \/>\n <label>Company<\/label><input type=\"text\" id=\"leadCompany\" placeholder=\"Company name\" autocomplete=\"organization\" \/>\n <label>Email<\/label><input type=\"email\" id=\"leadEmail\" placeholder=\"you@company.com\" autocomplete=\"email\" \/>\n <label>Phone<\/label><input type=\"tel\" id=\"leadPhone\" placeholder=\"+1 555 000 0000\" autocomplete=\"tel\" \/>\n <button onclick=\"submitLead()\">Get in Touch →<\/button>\n Please enter your name and email to continue.\n Thanks! We’ll be in touch shortly.\n One of our consultants will reach out to discuss your hiring needs.\n<\/body>\n<\/html>\n\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\"\/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n<title>Jobs Board Footer<\/title>\n<style>\n .jobs-footer-links, .jobs-footer-links * { font-family: inherit; }\n .jobs-footer-links a { color: #333; text-decoration: none; }\n .jobs-footer-links a:hover { color: #97D422; }\n .also-searched-wrap { max-width:1191px; margin:0 auto; padding:40px 20px 0; }\n .also-searched-wrap h2 { font-size:1.25rem; color:#000; margin-bottom:14px; }\n .also-searched-pills { display:flex; flex-wrap:wrap; gap:10px; }\n .also-searched-pills a {\n display:inline-flex; align-items:center; gap:6px;\n padding:10px 18px; border:1px solid #ddd; border-radius:999px;\n color:#333; text-decoration:none; font-size:0.9rem; font-family:inherit;\n background:#fff; transition: border-color 0.2s, color 0.2s;\n }\n .also-searched-pills a:hover { border-color:#97D422; color:#97D422; }\n .also-searched-pills a svg { width:16px; height:16px; opacity:0.4; flex-shrink:0; }\n<\/style>\n<\/head>\n<body>\n <h2>People also searched:<\/h2>\n <h2>Browse Jobs by Location<\/h2>\n \n <a href=\"\/jobs\/in-london-uk-gb\/\">London<\/a> |\n <a href=\"\/jobs\/in-sydney-nsw\/\">Sydney<\/a> |\n <a href=\"\/jobs\/in-melbourne-vic\/\">Melbourne<\/a> |\n <a href=\"\/jobs\/in-brisbane-qld\/\">Brisbane<\/a> |\n <a href=\"\/jobs\/in-adelaide\/\">Adelaide<\/a> |\n <a href=\"\/jobs\/in-perth-wa\/\">Perth<\/a> |\n <a href=\"\/jobs\/in-new-york\/\">New York<\/a> |\n <a href=\"\/jobs\/in-los-angeles\/\">Los Angeles<\/a> |\n <a href=\"\/jobs\/in-austin\/\">Austin<\/a> |\n <a href=\"\/jobs\/in-dallas-104690\/\">Dallas<\/a> |\n <a href=\"\/jobs\/in-washington-dc\/\">Washington DC<\/a> |\n <a href=\"\/jobs\/in-manchester\/\">Manchester<\/a> |\n <a href=\"\/jobs\/in-auckland\/\">Auckland<\/a>\n \n <h2>Browse Jobs by Category<\/h2>\n \n <a href=\"\/jobs\/cla_architecture-6528545\/\">Architecture<\/a> |\n <a href=\"\/jobs\/cla_interior-design-6545805\/\">Interior Design<\/a> |\n <a href=\"\/jobs\/cla_landscape-and-urban-design\/\">Landscape & Urban Design<\/a> |\n <a href=\"\/jobs\/cla_business-support-6545815\/\">Business Support<\/a> |\n <a href=\"\/jobs\/cla_architectural-and-interior-products\/\">Architectural & Interior Products<\/a> |\n <a href=\"\/jobs\/cla_strategic-appointments\/\">Strategic Appointments<\/a> |\n <a href=\"\/jobs\/ac1_contract\/\">Contract<\/a>\n \n <h2>Popular Searches<\/h2>\n \n <a href=\"\/jobs\/in-london-uk-gb\/cla_architecture-6528545\/\">Architecture Jobs in London<\/a> |\n <a href=\"\/jobs\/in-sydney-nsw\/cla_architecture-6528545\/\">Architecture Jobs in Sydney<\/a> |\n <a href=\"\/jobs\/in-new-york\/cla_architecture-6528545\/\">Architecture Jobs in New York<\/a> |\n <a href=\"\/jobs\/in-melbourne-vic\/cla_architecture-6528545\/\">Architecture Jobs in Melbourne<\/a> |\n <a href=\"\/jobs\/in-austin\/cla_architecture-6528545\/\">Architecture Jobs in Austin<\/a> |\n <a href=\"\/jobs\/in-london-uk-gb\/cla_interior-design-6545805\/\">Interior Design Jobs in London<\/a> |\n <a href=\"\/jobs\/in-sydney-nsw\/cla_interior-design-6545805\/\">Interior Design Jobs in Sydney<\/a> |\n <a href=\"\/jobs\/in-new-york\/cla_interior-design-6545805\/\">Interior Design Jobs in New York<\/a> |\n <a href=\"\/jobs\/in-melbourne-vic\/cla_interior-design-6545805\/\">Interior Design Jobs in Melbourne<\/a> |\n <a href=\"\/jobs\/in-sydney-nsw\/cla_landscape-and-urban-design\/\">Landscape Jobs in Sydney<\/a> |\n <a href=\"\/jobs\/in-melbourne-vic\/cla_landscape-and-urban-design\/\">Landscape Jobs in Melbourne<\/a> |\n <a href=\"\/jobs\/in-los-angeles\/cla_architecture-6528545\/\">Architecture Jobs in Los Angeles<\/a> |\n <a href=\"\/jobs\/in-los-angeles\/cla_interior-design-6545805\/\">Interior Design Jobs in Los Angeles<\/a> |\n <a href=\"\/jobs\/in-dallas-104690\/cla_architecture-6528545\/\">Architecture Jobs in Dallas<\/a> |\n <a href=\"\/jobs\/in-dallas-104690\/cla_interior-design-6545805\/\">Interior Design Jobs in Dallas<\/a> |\n <a href=\"\/jobs\/in-london-uk-gb\/ac1_contract\/\">Contract Jobs in London<\/a> |\n <a href=\"\/jobs\/in-sydney-nsw\/ac1_contract\/\">Contract Jobs in Sydney<\/a> |\n <a href=\"\/jobs\/in-melbourne-vic\/ac1_contract\/\">Contract Jobs in Melbourne<\/a>\n \n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Architecture & Design Salary Calculator 2026 Architecture and DesignSalary Calculator 2026 Is your salary keeping pace with the market? Enter your role, location, and salary to benchmark yourself against the 2026 Architecture & Design market. Locations covered \ud83c\uddec\ud83c\udde7 United Kingdom \ud83c\udde6\ud83c\uddfa Australia \ud83c\uddfa\ud83c\uddf8 United States \ud83c\uddf3\ud83c\uddff New Zealand \ud83c\udde6\ud83c\uddea\ud83c\uddf8\ud83c\udde6 Middle East 100+roles covered 20global cities…<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":5508,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","footnotes":""},"class_list":["post-9167","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/9167","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=9167"}],"version-history":[{"count":30,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/9167\/revisions"}],"predecessor-version":[{"id":11807,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/9167\/revisions\/11807"}],"up":[{"embeddable":true,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/5508"}],"wp:attachment":[{"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/media?parent=9167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}