{"id":9076,"date":"2026-03-03T03:23:47","date_gmt":"2026-03-03T03:23:47","guid":{"rendered":"https:\/\/www.bespokecareers.com\/?page_id=9076"},"modified":"2026-07-23T09:21:56","modified_gmt":"2026-07-23T09:21:56","slug":"auckland","status":"publish","type":"page","link":"https:\/\/www.bespokecareers.com\/salary-guide\/auckland\/","title":{"rendered":"Auckland Salary Guide"},"content":{"rendered":"\n\n<section>\n                        <h1>Architecture and interior design salaries\n                <img decoding=\"async\" src=\"https:\/\/cdn-01.cms-eu-v2i.applyflow.com\/bespoke\/wp-content\/themes\/af-custom-child\/assets\/header-basic-underline.svg\"\/>\n             in Auckland &#8211; 2026<\/h1>\n                                                    <p>Based on data from 3,000+ active job vacancies, 1,890 survey respondents and insights from 65 recruitment experts.<\/p>\n                                                    <a href=\"\/salary-guide\">\n                                Download now                            <\/a>\n                                                                            <a href=\"#salaries\">\n                                View all salaries                            <\/a>\n                    <img decoding=\"async\" src=\"https:\/\/cdn-01.cms-eu-v2i.applyflow.com\/bespoke\/wp-content\/uploads\/2026\/01\/Auckland.jpg\" alt=\"Architecture and interior design salaries in Auckland - 2026\"\/>\n<\/section>\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>Architecture &#038; 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 &amp; 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&hellip;\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&hellip;<\/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&hellip;<\/option><\/select>\n          <label>Job Title<\/label>\n            <input type=\"text\" id=\"jobSearch\" placeholder=\"Search or select a job title&hellip;\" autocomplete=\"off\" disabled \/>\n            <button id=\"searchClear\" title=\"Clear\">&times;<\/button>\n          <label id=\"salaryLabel\">Your Annual Base Salary (excl. bonus)<\/label>\n            &mdash;\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 &mdash; check your inbox.\n      <button id=\"calcBtn\" onclick=\"calculate()\">Calculate My Position &rarr;<\/button>\n          &mdash;\n          &mdash;\n        &mdash;\n        Salary Range\n        Market Low&mdash;\n        Market Avg&mdash;\n        Market High&mdash;\n          Your Salary\n          &mdash;\n        Bespoke Careers Insight\n        &mdash;\n          &#128172;\n            Advice from our team\n        &#x1F4CB;\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&ndash;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 &mdash; check your inbox.\n      <button onclick=\"tryAgain()\">&larr; 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 &rarr;<\/button>\n        Please enter your name and email to continue.\n        Thanks! We&#8217;ll be in touch shortly.\n        One of our consultants will reach out to discuss your hiring needs.\n<\/body>\n<\/html>\n\t<!-- ============================================================\n     BESPOKE CAREERS | AUCKLAND SALARY GUIDE 2026 (CITY HUB)\n     Paste this whole file into ONE Beaver Builder HTML module.\n     Replaces: the old \"Auckland Salaries\" table module on\n     \/salary-guide\/auckland\/.\n     Keep: hero, salary calculator, contact form, city links footer.\n     NZ VARIANT - differs from the Australian modules:\n       * figures are NZD\n       * the toggle is 3% KiwiSaver, not 12% superannuation\n       * hourly view uses a 40-hour week\n       * the city comparison uses the four NZ cities only\n     NOTE: Add .bsal-cmp-row.is-akl { background: #97D422; } to\n     Additional CSS alongside the existing city rules.\n     ============================================================ -->\n  <!-- ================= QUICK ANSWER ================= -->\n  <section>\n      <h2>How much do architecture and design professionals earn in Auckland?<\/h2>\n      <p>Architecture and design salaries in Auckland range from <strong>$60,000<\/strong> for a graduate to <strong>$220,000<\/strong> for a director or principal in 2026. Registered architects at 6-10 years average <strong>$110,000<\/strong>, interior design associates average <strong>$120,000<\/strong>, and design leaders across all disciplines earn <strong>$130,000 to $220,000<\/strong>. All figures are NZD base salaries excluding KiwiSaver.<\/p>\n        $110kRegistered architect, 6-10 yrs\n        $120kInterior design associate\n        $220kTop director salary\n        25Auckland roles benchmarked\n      <p>Updated 1 July 2026. Based on 1,890 survey responses, 1,200+ placements and 3,000+ live vacancies.<\/p>\n  <\/section>\n  <!-- ================= SALARY EXPLORER ================= -->\n  <section id=\"salaries\">\n      <h2>Auckland salary tables 2026<\/h2>\n      <p>Base annual salaries in NZD, excluding KiwiSaver and bonuses. <a href=\"#bespoke-salary-calc\" data-bsal-scroll>Benchmark your own salary<\/a> with our calculator.<\/p>\n        <button type=\"button\" data-cat=\"arch\" role=\"tab\" aria-selected=\"true\">Architecture<\/button>\n        <button type=\"button\" data-cat=\"interior\" role=\"tab\" aria-selected=\"false\">Interior Design<\/button>\n        <button type=\"button\" data-cat=\"landscape\" role=\"tab\" aria-selected=\"false\">Urban Design &amp; Landscape<\/button>\n          <input type=\"text\" id=\"bsal-search\" placeholder=\"Search 25 roles, e.g. BIM Manager\" autocomplete=\"off\" aria-label=\"Search roles\"\/>\n          <button type=\"button\" aria-label=\"Clear search\">&times;<\/button>\n          <button type=\"button\" data-unit=\"yr\">Annual<\/button>\n          <button type=\"button\" data-unit=\"mo\">Monthly<\/button>\n          <button type=\"button\" data-unit=\"hr\">Hourly<\/button>\n        <label>\n          <input type=\"checkbox\" id=\"bsal-super-toggle\"\/>\n          Include 3% KiwiSaver\n        <\/label>\n      Showing annual base salaries, excluding KiwiSaver.\n      \n        <h3>Architecture salaries in Auckland<\/h3>\n          <table>\n            <thead><tr><th data-sort=\"role\">Role<\/th><th data-sort=\"low\">Low<\/th><th data-sort=\"avg\">Average<\/th><th data-sort=\"high\">High<\/th><th>Range<\/th><\/tr><\/thead>\n            <tbody>\n              <tr data-low=\"60000\" data-avg=\"75000\" data-high=\"85000\"><td>Grad of Architecture (2-6 yrs)<\/td><td data-label=\"Low\" data-v=\"60000\">$60,000<\/td><td data-label=\"Average\" data-v=\"75000\">$75,000<\/td><td data-label=\"High\" data-v=\"85000\">$85,000<\/td><\/tr>\n              <tr data-low=\"85000\" data-avg=\"95000\" data-high=\"110000\"><td>Grad of Architecture (6-10 yrs)<\/td><td data-label=\"Low\" data-v=\"85000\">$85,000<\/td><td data-label=\"Average\" data-v=\"95000\">$95,000<\/td><td data-label=\"High\" data-v=\"110000\">$110,000<\/td><\/tr>\n              <tr data-low=\"80000\" data-avg=\"90000\" data-high=\"100000\"><td>Registered Architect (3-6 yrs)<\/td><td data-label=\"Low\" data-v=\"80000\">$80,000<\/td><td data-label=\"Average\" data-v=\"90000\">$90,000<\/td><td data-label=\"High\" data-v=\"100000\">$100,000<\/td><\/tr>\n              <tr data-low=\"90000\" data-avg=\"110000\" data-high=\"130000\"><td>Registered Architect (6-10 yrs)<\/td><td data-label=\"Low\" data-v=\"90000\">$90,000<\/td><td data-label=\"Average\" data-v=\"110000\">$110,000<\/td><td data-label=\"High\" data-v=\"130000\">$130,000<\/td><\/tr>\n              <tr data-low=\"115000\" data-avg=\"130000\" data-high=\"140000\"><td>Senior Architect \/ Associate<\/td><td data-label=\"Low\" data-v=\"115000\">$115,000<\/td><td data-label=\"Average\" data-v=\"130000\">$130,000<\/td><td data-label=\"High\" data-v=\"140000\">$140,000<\/td><\/tr>\n              <tr data-low=\"140000\" data-avg=\"160000\" data-high=\"180000\"><td>Snr Associate \/ Project Director<\/td><td data-label=\"Low\" data-v=\"140000\">$140,000<\/td><td data-label=\"Average\" data-v=\"160000\">$160,000<\/td><td data-label=\"High\" data-v=\"180000\">$180,000<\/td><\/tr>\n              <tr data-low=\"160000\" data-avg=\"180000\" data-high=\"220000\"><td>Director \/ Principal<\/td><td data-label=\"Low\" data-v=\"160000\">$160,000<\/td><td data-label=\"Average\" data-v=\"180000\">$180,000<\/td><td data-label=\"High\" data-v=\"220000\">$220,000<\/td><\/tr>\n              <tr data-low=\"60000\" data-avg=\"75000\" data-high=\"85000\"><td>Technician (2-6 yrs)<\/td><td data-label=\"Low\" data-v=\"60000\">$60,000<\/td><td data-label=\"Average\" data-v=\"75000\">$75,000<\/td><td data-label=\"High\" data-v=\"85000\">$85,000<\/td><\/tr>\n              <tr data-low=\"80000\" data-avg=\"100000\" data-high=\"120000\"><td>Technician (6-10 yrs)<\/td><td data-label=\"Low\" data-v=\"80000\">$80,000<\/td><td data-label=\"Average\" data-v=\"100000\">$100,000<\/td><td data-label=\"High\" data-v=\"120000\">$120,000<\/td><\/tr>\n              <tr data-low=\"80000\" data-avg=\"100000\" data-high=\"120000\"><td>BIM Modeller \/ Coordinator<\/td><td data-label=\"Low\" data-v=\"80000\">$80,000<\/td><td data-label=\"Average\" data-v=\"100000\">$100,000<\/td><td data-label=\"High\" data-v=\"120000\">$120,000<\/td><\/tr>\n              <tr data-low=\"120000\" data-avg=\"135000\" data-high=\"150000\"><td>BIM Manager<\/td><td data-label=\"Low\" data-v=\"120000\">$120,000<\/td><td data-label=\"Average\" data-v=\"135000\">$135,000<\/td><td data-label=\"High\" data-v=\"150000\">$150,000<\/td><\/tr>\n              <tr data-low=\"60000\" data-avg=\"80000\" data-high=\"90000\"><td>Visualiser<\/td><td data-label=\"Low\" data-v=\"60000\">$60,000<\/td><td data-label=\"Average\" data-v=\"80000\">$80,000<\/td><td data-label=\"High\" data-v=\"90000\">$90,000<\/td><\/tr>\n              <tr data-low=\"90000\" data-avg=\"100000\" data-high=\"110000\"><td>Senior Visualiser<\/td><td data-label=\"Low\" data-v=\"90000\">$90,000<\/td><td data-label=\"Average\" data-v=\"100000\">$100,000<\/td><td data-label=\"High\" data-v=\"110000\">$110,000<\/td><\/tr>\n            <\/tbody>\n          <\/table>\n        <h3>Interior design salaries in Auckland<\/h3>\n          <table>\n            <thead><tr><th data-sort=\"role\">Role<\/th><th data-sort=\"low\">Low<\/th><th data-sort=\"avg\">Average<\/th><th data-sort=\"high\">High<\/th><th>Range<\/th><\/tr><\/thead>\n            <tbody>\n              <tr data-low=\"60000\" data-avg=\"80000\" data-high=\"90000\"><td>Interior Designer (2-6 yrs)<\/td><td data-label=\"Low\" data-v=\"60000\">$60,000<\/td><td data-label=\"Average\" data-v=\"80000\">$80,000<\/td><td data-label=\"High\" data-v=\"90000\">$90,000<\/td><\/tr>\n              <tr data-low=\"90000\" data-avg=\"110000\" data-high=\"120000\"><td>Snr Interior Designer \/ Project Lead (6-10 yrs)<\/td><td data-label=\"Low\" data-v=\"90000\">$90,000<\/td><td data-label=\"Average\" data-v=\"110000\">$110,000<\/td><td data-label=\"High\" data-v=\"120000\">$120,000<\/td><\/tr>\n              <tr data-low=\"110000\" data-avg=\"120000\" data-high=\"140000\"><td>Associate<\/td><td data-label=\"Low\" data-v=\"110000\">$110,000<\/td><td data-label=\"Average\" data-v=\"120000\">$120,000<\/td><td data-label=\"High\" data-v=\"140000\">$140,000<\/td><\/tr>\n              <tr data-low=\"130000\" data-avg=\"160000\" data-high=\"200000\"><td>Design Director<\/td><td data-label=\"Low\" data-v=\"130000\">$130,000<\/td><td data-label=\"Average\" data-v=\"160000\">$160,000<\/td><td data-label=\"High\" data-v=\"200000\">$200,000<\/td><\/tr>\n            <\/tbody>\n          <\/table>\n        <h3>Urban design and landscape salaries in Auckland<\/h3>\n          <table>\n            <thead><tr><th data-sort=\"role\">Role<\/th><th data-sort=\"low\">Low<\/th><th data-sort=\"avg\">Average<\/th><th data-sort=\"high\">High<\/th><th>Range<\/th><\/tr><\/thead>\n            <tbody>\n              <tr data-low=\"70000\" data-avg=\"85000\" data-high=\"100000\"><td>Urban Designer (2-6 yrs)<\/td><td data-label=\"Low\" data-v=\"70000\">$70,000<\/td><td data-label=\"Average\" data-v=\"85000\">$85,000<\/td><td data-label=\"High\" data-v=\"100000\">$100,000<\/td><\/tr>\n              <tr data-low=\"85000\" data-avg=\"110000\" data-high=\"120000\"><td>Urban Designer (6-10 yrs)<\/td><td data-label=\"Low\" data-v=\"85000\">$85,000<\/td><td data-label=\"Average\" data-v=\"110000\">$110,000<\/td><td data-label=\"High\" data-v=\"120000\">$120,000<\/td><\/tr>\n              <tr data-low=\"110000\" data-avg=\"120000\" data-high=\"140000\"><td>Assoc \/ Snr Urban Designer<\/td><td data-label=\"Low\" data-v=\"110000\">$110,000<\/td><td data-label=\"Average\" data-v=\"120000\">$120,000<\/td><td data-label=\"High\" data-v=\"140000\">$140,000<\/td><\/tr>\n              <tr data-low=\"130000\" data-avg=\"160000\" data-high=\"180000\"><td>Urban Design Director<\/td><td data-label=\"Low\" data-v=\"130000\">$130,000<\/td><td data-label=\"Average\" data-v=\"160000\">$160,000<\/td><td data-label=\"High\" data-v=\"180000\">$180,000<\/td><\/tr>\n              <tr data-low=\"70000\" data-avg=\"85000\" data-high=\"100000\"><td>Landscape Architect (2-6 yrs)<\/td><td data-label=\"Low\" data-v=\"70000\">$70,000<\/td><td data-label=\"Average\" data-v=\"85000\">$85,000<\/td><td data-label=\"High\" data-v=\"100000\">$100,000<\/td><\/tr>\n              <tr data-low=\"85000\" data-avg=\"100000\" data-high=\"120000\"><td>Landscape Architect (6-10 yrs)<\/td><td data-label=\"Low\" data-v=\"85000\">$85,000<\/td><td data-label=\"Average\" data-v=\"100000\">$100,000<\/td><td data-label=\"High\" data-v=\"120000\">$120,000<\/td><\/tr>\n              <tr data-low=\"110000\" data-avg=\"120000\" data-high=\"145000\"><td>Assoc \/ Snr Landscape Architect<\/td><td data-label=\"Low\" data-v=\"110000\">$110,000<\/td><td data-label=\"Average\" data-v=\"120000\">$120,000<\/td><td data-label=\"High\" data-v=\"145000\">$145,000<\/td><\/tr>\n              <tr data-low=\"140000\" data-avg=\"160000\" data-high=\"200000\"><td>Landscape Architect Director<\/td><td data-label=\"Low\" data-v=\"140000\">$140,000<\/td><td data-label=\"Average\" data-v=\"160000\">$160,000<\/td><td data-label=\"High\" data-v=\"200000\">$200,000<\/td><\/tr>\n            <\/tbody>\n          <\/table>\n    <p>Source: Bespoke Careers 2026 Salary Guide, updated 1 July 2026.<\/p>\n  <\/section>\n  <!-- ================= CITY COMPARISON ================= -->\n  <section id=\"compare\">\n      <h2>How Auckland compares<\/h2>\n      <p>Average base salary for the same level across New Zealand. Titles vary slightly between cities, so the closest equivalent is shown.<\/p>\n        <label for=\"bsal-cmp-disc\">Discipline<\/label>\n        <select id=\"bsal-cmp-disc\">\n          <option value=\"architecture\">Architecture<\/option>\n          <option value=\"interior\">Interior Design<\/option>\n        <\/select>\n        <label for=\"bsal-cmp-role\">Level<\/label>\n        <select id=\"bsal-cmp-role\"><\/select>\n      <p>Base annual salaries in NZD from the Bespoke Careers 2026 Salary Guide.<\/p>\n  <\/section>\n  <!-- ================= MARKET INSIGHTS ================= -->\n  <section>\n    <h2>What&rsquo;s shaping Auckland salaries in 2026<\/h2>\n      Highest paying NZ market\n      Leads at every level\n      Strong urban design rates\n      BIM the top technical specialism\n      Hybrid working now standard\n        <h3>Graduates<\/h3>\n        <p>Auckland graduates start at $60,000, the highest entry point in New Zealand, rising to $85,000 by the top of the 2-6 year band and $110,000 at 6-10 years.<\/p>\n        <h3>Mid-career<\/h3>\n        <p>Registered architects at 6-10 years average $110,000, ahead of Wellington at $106,000 and Christchurch at $102,000. Technicians and BIM Modellers at the same level average $100,000.<\/p>\n        <h3>Senior<\/h3>\n        <p>Senior architects and associates average $130,000, the highest in New Zealand. Senior interior designers average $110,000 and Assoc\/Snr Urban Designers $120,000.<\/p>\n        <h3>Leadership<\/h3>\n        <p>Directors and principals earn $160,000 to $220,000. Design Directors in interior design and Landscape Architect Directors both reach $200,000. Auckland leads every NZ market at leadership level.<\/p>\n  <\/section>\n  <!-- ================= DOWNLOAD CTA ================= -->\n  <section id=\"download\">\n        <h2>Get the full 2026 Salary Guide<\/h2>\n        <p>105 roles across 11 locations, hiring trends for every market, and practical advice for your next pay conversation. Built from 1,890 survey responses, 1,200+ placements and insight from 65 recruitment experts. Free to download.<\/p>\n          <a href=\"https:\/\/www.bespokecareers.com\/salary-guide\/\" data-bsg-open data-bsal-track=\"download_cta\">Download the Salary Guide<\/a>\n          <a href=\"https:\/\/www.bespokecareers.com\/contact\/\" data-bsal-track=\"contact_cta\">Talk to our New Zealand team<\/a>\n        <img decoding=\"async\" src=\"https:\/\/cdn-01.cms-eu-v2i.applyflow.com\/bespoke\/wp-content\/uploads\/2024\/10\/SALARY-GUIDE-2026.jpg\" alt=\"Bespoke Careers 2026 Salary Guide\" loading=\"lazy\"\/>\n  <\/section>\n  <!-- ================= FAQ ================= -->\n  <section id=\"faq\">\n    <h2>Frequently asked questions<\/h2>\n      <details>\n        <summary>How much do architects earn in Auckland?<\/summary>\n        <p>Registered architects with 6-10 years of experience in Auckland earn an average of $110,000 NZD, within a range of $90,000 to $130,000. Graduates start at $60,000 to $85,000, senior architects and associates earn $115,000 to $140,000, and directors and principals earn $160,000 to $220,000.<\/p>\n      <\/details>\n      <details>\n        <summary>How much do interior designers earn in Auckland?<\/summary>\n        <p>Interior designers with 2-6 years of experience in Auckland earn an average of $80,000 NZD. Senior interior designers and project leads earn $90,000 to $120,000, associates earn $110,000 to $140,000, and design directors earn $130,000 to $200,000.<\/p>\n      <\/details>\n      <details>\n        <summary>What are the highest-paying architecture and design jobs in Auckland?<\/summary>\n        <p>Directors and principals in architecture pay the most in Auckland at $160,000 to $220,000. Design Directors in interior design and Landscape Architect Directors both reach $200,000, and BIM Managers top the technical roles at $120,000 to $150,000.<\/p>\n      <\/details>\n      <details>\n        <summary>How do Auckland salaries compare to the rest of New Zealand?<\/summary>\n        <p>Auckland leads every level of every discipline we benchmark in New Zealand. Registered architects at 6-10 years average $110,000 against $106,000 in Wellington, $102,000 in Christchurch and $100,000 in Queenstown. The gap is consistent rather than dramatic, typically 4-10% over the other three markets.<\/p>\n      <\/details>\n      <details>\n        <summary>How is the salary data collected?<\/summary>\n        <p>Our salary data draws on input from over 1,890 survey respondents, 1,200 recent placements, 3,000 job listings and insight from 65 recruitment experts.<\/p>\n      <\/details>\n  <\/section>\n  <!-- ================= MORE GUIDES ================= -->\n  <section>\n    <h2>Explore more<\/h2>\n      <a href=\"\/salary-guide\/wellington\/\">All Wellington salaries<\/a>\n      <a href=\"\/salary-guide\/christchurch\/\">All Christchurch salaries<\/a>\n      <a href=\"\/salary-guide\/queenstown\/\">All Queenstown salaries<\/a>\n      <a href=\"\/salary-guide\/sydney\/\">All Sydney salaries<\/a>\n      <a href=\"\/salary-guide\/melbourne\/\">All Melbourne salaries<\/a>\n      <a href=\"\/salary-guide\/salary-calculator\/\">Salary calculator<\/a>\n  <\/section>\n<!-- ================= STRUCTURED DATA ================= -->\n<!-- Styles live globally in WordPress > Appearance > Customize > Additional CSS (salary-guide.css). Do not re-add a <style> block here. -->\n<!-- Bespoke Careers - contact form (embeddable section, no offices) -->\n<\/style><style>\n@font-face{font-family:'F37 Ginger';font-style:normal;font-weight:300;font-display:swap;\n  src:url('https:\/\/cdn-01.cms-eu-v2i.applyflow.com\/bespoke\/wp-content\/themes\/af-custom-child\/assets\/fonts\/f37ginger-light-webfont.ttf') format('truetype')}\n@font-face{font-family:'F37 Ginger';font-style:normal;font-weight:400;font-display:swap;\n  src:url('https:\/\/cdn-01.cms-eu-v2i.applyflow.com\/bespoke\/wp-content\/themes\/af-custom-child\/assets\/fonts\/f37ginger-regular-webfont.ttf') format('truetype')}\n@font-face{font-family:'F37 Ginger';font-style:normal;font-weight:700;font-display:swap;\n  src:url('https:\/\/cdn-01.cms-eu-v2i.applyflow.com\/bespoke\/wp-content\/themes\/af-custom-child\/assets\/fonts\/f37ginger-bold-webfont.ttf') format('truetype')}\n#bcf,#bof,#bofModal{\n  --lime:#97D422;\n  --orange:#FC5810;\n  --black:#0F0F0F;\n  --ink:#161616;\n  --white:#FFFFFF;\n  --muted:rgba(255,255,255,.45);\n  --line:rgba(255,255,255,.14);\n  --panel:44vw;\n  --ease:cubic-bezier(.16,1,.3,1);\n  --head:0px;\n  --bar:62px;\n}\n#bcf,#bcf *,#bcf *::before,#bcf *::after,\n#bof,#bof *,#bof *::before,#bof *::after,\n#bofModal,#bofModal *,#bofModal *::before,#bofModal *::after{box-sizing:border-box}\n#bcf h1,#bcf h2,#bcf p,#bcf ul,#bcf li,#bcf figure,#bcf blockquote,#bcf label,\n#bof h2,#bof h3,#bof p,#bof ul,#bof li,\n#bofModal h3,#bofModal p{margin:0;padding:0;list-style:none;border:0}\n#bcf button,#bcf input,#bcf textarea,#bof button,#bofModal button{\n  font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;\n  margin:0;border-radius:0;-webkit-appearance:none;appearance:none;box-shadow:none;\n}\n#bcf button,#bof button,#bofModal button{background:none;border:0;padding:0;cursor:pointer;text-transform:none;letter-spacing:normal;font-weight:400}\n#bcf a,#bof a,#bofModal a{text-decoration:none}\n#bcf [hidden],#bof [hidden]{display:none !important}\n#bcf,#bof{\n  width:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);\n  font-family:'F37 Ginger',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\n  background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;\n}\n#bcf{\n  position:relative;overflow:hidden;isolation:isolate;\n  height:calc(100vh - var(--head));\n  height:calc(100svh - var(--head));\n  min-height:620px;max-height:1100px;\n}\n#bcf .bcf-gal{position:absolute;top:0;left:0;bottom:0;width:var(--panel);overflow:hidden;background:#000;z-index:2}\n#bcf .bcf-gal > img{\n  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;\n  transition:opacity 1.1s var(--ease);will-change:opacity;\n}\n#bcf .bcf-gal > img.on{opacity:1}\n#bcf .bcf-veil{position:absolute;inset:0;background:var(--black);opacity:0;transition:opacity .9s var(--ease);pointer-events:none}\n#bcf .bcf-gal::after{\n  content:'';position:absolute;inset:0;pointer-events:none;\n  background:\n    linear-gradient(to bottom, rgba(15,15,15,.62) 0%, rgba(15,15,15,0) 20%),\n    linear-gradient(to right, rgba(15,15,15,.30) 0%, rgba(15,15,15,0) 34%, rgba(15,15,15,.92) 99%),\n    linear-gradient(to top, rgba(15,15,15,.88) 0%, rgba(15,15,15,0) 46%);\n}\n#bcf .bcf-cta{\n  display:inline-flex;align-items:center;gap:.55rem;\n  margin-top:clamp(1.1rem,2.4vh,1.9rem);\n  font-size:.86rem;color:rgba(255,255,255,.5);\n  transition:color .25s var(--ease);\n}\n#bcf .bcf-cta b{\n  font-weight:400;color:rgba(255,255,255,.9);\n  border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:1px;\n  transition:border-color .25s var(--ease);\n}\n#bcf .bcf-cta svg{color:var(--lime);transition:transform .3s var(--ease)}\n#bcf .bcf-cta:hover{color:rgba(255,255,255,.75)}\n#bcf .bcf-cta:hover b{border-bottom-color:var(--lime)}\n#bcf .bcf-cta:hover svg{transform:translateX(3px)}\n#bcf .bcf-quote{position:absolute;left:2.4rem;right:2.4rem;bottom:2.4rem;z-index:3;max-width:26rem;pointer-events:none}\n#bcf .bcf-quote-in{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .6s var(--ease)}\n#bcf .bcf-quote-in.on{opacity:1;transform:none}\n#bcf .bcf-quote .bcf-rule{width:22px;height:2px;background:var(--lime);margin-bottom:1rem}\n#bcf .bcf-quote blockquote{font-size:clamp(.95rem,1.05vw,1.1rem);font-weight:300;line-height:1.5;color:rgba(255,255,255,.94);text-wrap:balance}\n#bcf .bcf-who{display:flex;align-items:center;gap:.8rem;margin-top:1.1rem}\n#bcf .bcf-ava{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none;background:var(--ink);box-shadow:0 0 0 1px rgba(255,255,255,.22)}\n#bcf .bcf-quote cite{display:block;font-style:normal;font-size:.72rem;line-height:1.5;color:rgba(255,255,255,.5)}\n#bcf .bcf-quote cite b{display:block;font-weight:400;color:rgba(255,255,255,.86)}\n#bcf .bcf-dots{\n  position:absolute;top:0;right:0;bottom:0;left:var(--panel);z-index:0;pointer-events:none;\n  background-image:radial-gradient(rgba(255,255,255,.075) 1px, transparent 1px);\n  background-size:34px 34px;\n  -webkit-mask-image:radial-gradient(ellipse at 40% 40%, #000 10%, transparent 76%);\n  mask-image:radial-gradient(ellipse at 40% 40%, #000 10%, transparent 76%);\n}\n#bcf .bcf-glow{\n  position:absolute;z-index:0;pointer-events:none;\n  width:44vw;height:44vw;right:-14vw;bottom:-20vw;border-radius:50%;\n  background:radial-gradient(circle, rgba(151,212,34,.14) 0%, rgba(151,212,34,0) 62%);\n}\n#bcf .bcf-stage{\n  position:relative;z-index:5;margin-left:var(--panel);height:100%;\n  display:flex;overflow-y:auto;overscroll-behavior:contain;\n  padding:clamp(1.5rem,3.2vh,3rem) clamp(2.4rem,5vw,5rem) calc(var(--bar) + clamp(3.9rem,7vh,5.5rem));\n}\n#bcf .bcf-slider{position:relative;width:100%;max-width:560px;margin:auto}\n#bcf .bcf-slide{display:none}\n#bcf .bcf-slide.active{display:block}\n#bcf .bcf-reveal{opacity:0}\n#bcf .bcf-slide.active .bcf-reveal{animation:bcfIn .7s var(--ease) .08s both}\n#bcf .bcf-slide.active .bcf-reveal:nth-child(2){animation-delay:.16s}\n@keyframes bcfIn{from{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}\n#bcf h1{font-size:clamp(1.8rem,2.9vw,2.6rem);font-weight:700;line-height:1.12;letter-spacing:-.03em;color:var(--white);text-wrap:balance}\n#bcf h1 em{font-style:normal;color:var(--lime)}\n#bcf .bcf-sub{margin-top:1rem;color:var(--muted);font-size:.92rem;line-height:1.6;max-width:42ch;text-wrap:pretty}\n#bcf .bcf-head{margin-bottom:clamp(1.1rem,2.6vh,2.6rem)}\n#bcf .bcf-options{display:flex;flex-direction:column;border-top:1px solid var(--line)}\n#bcf .bcf-opt{position:relative;display:block;cursor:pointer;border-bottom:1px solid var(--line);margin:0}\n#bcf .bcf-opt input{position:absolute;opacity:0;width:0;height:0}\n#bcf .bcf-opt-inner{display:flex;align-items:center;gap:1.5rem;background:transparent;padding:clamp(1.1rem,2.4vh,1.7rem) .4rem;transition:padding .4s var(--ease)}\n#bcf .bcf-opt:hover .bcf-opt-inner{padding-left:1.1rem}\n#bcf .bcf-ico{width:28px;height:28px;flex:none;color:rgba(255,255,255,.38);transition:color .3s var(--ease),transform .35s var(--ease)}\n#bcf .bcf-ico svg{width:100%;height:100%;display:block}\n#bcf .bcf-opt:hover .bcf-ico{color:rgba(255,255,255,.75)}\n#bcf .bcf-opt input:checked ~ .bcf-opt-inner .bcf-ico{color:var(--lime);transform:scale(1.08)}\n#bcf .bcf-opt-label{font-size:1.12rem;transition:color .3s var(--ease)}\n#bcf .bcf-opt-note{display:block;font-size:.8rem;color:var(--muted);margin-top:.3rem}\n#bcf .bcf-opt input:checked ~ .bcf-opt-inner .bcf-opt-label{color:var(--lime)}\n#bcf .bcf-opt input:focus-visible ~ .bcf-opt-inner .bcf-ico{outline:2px solid rgba(151,212,34,.55);outline-offset:5px;border-radius:8px}\n#bcf .bcf-field{margin-bottom:clamp(.8rem,1.9vh,1.9rem)}\n#bcf .bcf-field:last-child{margin-bottom:0}\n#bcf .bcf-field label{display:block;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem;font-weight:400}\n#bcf .bcf-field input,#bcf .bcf-field textarea{\n  width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);\n  color:var(--lime);font-size:1.5rem;letter-spacing:-.01em;\n  padding:.35rem 0 .7rem;outline:none;transition:border-color .4s var(--ease);\n}\n#bcf .bcf-field textarea{resize:none;height:clamp(64px,10vh,132px);line-height:1.5;font-size:1.25rem}\n#bcf .bcf-field input::placeholder,#bcf .bcf-field textarea::placeholder{color:rgba(255,255,255,.22);font-size:1rem;letter-spacing:0}\n#bcf .bcf-field input:focus,#bcf .bcf-field textarea:focus{border-bottom-color:var(--lime)}\n#bcf .bcf-field input.err,#bcf .bcf-field textarea.err{border-bottom-color:var(--orange)}\n#bcf .bcf-field input:-webkit-autofill,\n#bcf .bcf-field input:-webkit-autofill:hover,\n#bcf .bcf-field input:-webkit-autofill:focus,\n#bcf .bcf-field textarea:-webkit-autofill{\n  -webkit-text-fill-color:var(--lime);\n  -webkit-box-shadow:0 0 0 1000px var(--black) inset;\n  box-shadow:0 0 0 1000px var(--black) inset;\n  caret-color:var(--lime);\n  transition:background-color 9999s ease-in-out 0s;\n}\n#bcf .bcf-field.lead input{font-size:clamp(1.45rem,3vh,1.9rem);padding-bottom:.85rem;border-bottom-color:rgba(255,255,255,.3)}\n#bcf .bcf-field.lead input::placeholder{font-size:1.15rem}\n#bcf .bcf-opt-tag{text-transform:none;letter-spacing:0;color:rgba(255,255,255,.28);margin-left:.5rem}\n#bcf .bcf-fix{margin-top:.7rem;font-size:.8rem;color:var(--muted)}\n#bcf .bcf-fix button{color:var(--lime);border-bottom:1px solid var(--lime);padding-bottom:1px}\n#bcf .bcf-alert{\n  margin-top:1.6rem;font-size:.85rem;line-height:1.5;color:var(--orange);\n  display:flex;gap:.6rem;align-items:flex-start;\n}\n#bcf .bcf-alert svg{flex:none;margin-top:.15rem}\n#bcf .bcf-alert a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}\n#bcf .bcf-chips{display:flex;flex-wrap:wrap;gap:.5rem}\n#bcf .bcf-chip{\n  background:transparent;border:1px solid var(--line);border-radius:999px;\n  color:var(--white);font-size:.86rem;padding:.6rem 1.15rem;cursor:pointer;outline:none;\n  transition:border-color .25s var(--ease),background .25s var(--ease),color .25s var(--ease);\n}\n#bcf .bcf-chip:hover{border-color:rgba(255,255,255,.55)}\n#bcf .bcf-chip:focus-visible{border-color:var(--lime);box-shadow:0 0 0 3px rgba(151,212,34,.2)}\n#bcf .bcf-chip.on{background:var(--lime);border-color:var(--lime);color:var(--black)}\n#bcf .bcf-chips.err .bcf-chip{border-color:var(--orange)}\n#bcf .bcf-chip-city{font-size:.82rem;padding:.52rem 1rem;color:rgba(255,255,255,.78)}\n#bcf .bcf-chip-city:hover{color:var(--white)}\n#bcf .bcf-chip-city.on{color:var(--black)}\n#bcf .bcf-cities{max-height:0;opacity:0;overflow:hidden;transition:max-height .45s var(--ease),opacity .35s var(--ease),margin-top .45s var(--ease)}\n#bcf .bcf-cities.open{max-height:230px;opacity:1;margin-top:.75rem}\n#bcf .bcf-drop{\n  border:1px dashed rgba(255,255,255,.24);background:rgba(255,255,255,.02);\n  padding:clamp(.85rem,1.9vh,1.5rem) 1.2rem;text-align:center;cursor:pointer;\n  transition:border-color .3s var(--ease),background .3s var(--ease);\n}\n#bcf .bcf-drop:hover,#bcf .bcf-drop.over{border-color:var(--lime);background:rgba(151,212,34,.06)}\n#bcf .bcf-drop.err{border-color:var(--orange)}\n#bcf .bcf-drop b{display:block;font-size:.9rem;font-weight:400;margin-bottom:.35rem}\n#bcf .bcf-drop b u{color:var(--lime);text-decoration:none;border-bottom:1px solid var(--lime);padding-bottom:1px}\n#bcf .bcf-drop small{font-size:.72rem;color:var(--muted)}\n#bcf .bcf-files{margin-top:.55rem;display:flex;flex-direction:column;gap:1px}\n#bcf .bcf-files li{display:flex;align-items:center;gap:.8rem;background:var(--ink);padding:.55rem .9rem;font-size:.8rem}\n#bcf .bcf-files .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n#bcf .bcf-files .sz{color:var(--muted);font-size:.72rem;flex:none}\n#bcf .bcf-files .rm{color:var(--muted);font-size:1rem;line-height:1;padding:0 .2rem;flex:none;transition:color .3s}\n#bcf .bcf-files .rm:hover{color:var(--orange)}\n#bcf .bcf-meter{margin-top:.7rem;display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:var(--muted)}\n#bcf .bcf-meter.over{color:var(--orange)}\n#bcf .bcf-more{\n  display:inline-flex;align-items:center;gap:.7rem;margin-top:.4rem;padding:.5rem 0;\n  font-size:.92rem;color:rgba(255,255,255,.62);transition:color .3s var(--ease);\n}\n#bcf .bcf-more:hover{color:var(--white)}\n#bcf .bcf-more em{font-style:normal;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.3)}\n#bcf .bcf-more-x{position:relative;width:17px;height:17px;flex:none;border:1px solid var(--line);border-radius:50%;transition:border-color .3s var(--ease),transform .4s var(--ease)}\n#bcf .bcf-more-x::before,#bcf .bcf-more-x::after{content:'';position:absolute;inset:50% 4px auto;height:1px;background:currentColor;transform:translateY(-50%);transition:opacity .3s var(--ease)}\n#bcf .bcf-more-x::after{transform:translateY(-50%) rotate(90deg)}\n#bcf .bcf-more:hover .bcf-more-x{border-color:var(--lime)}\n#bcf .bcf-more[aria-expanded=true] .bcf-more-x{transform:rotate(90deg);border-color:var(--lime)}\n#bcf .bcf-more[aria-expanded=true] .bcf-more-x::after{opacity:0}\n#bcf .bcf-morepanel{margin-top:clamp(.8rem,1.5vh,1.6rem);animation:bcfUnfold .5s var(--ease) both}\n#bcf .bcf-duo{display:block}\n@media(min-width:901px){\n  #bcf .bcf-duo.two{display:grid;grid-template-columns:1fr 1fr;gap:0 1.7rem;align-items:start}\n  #bcf .bcf-duo.two .bcf-field{margin-bottom:0}\n  #bcf .bcf-drop b{font-size:.86rem;margin-bottom:.2rem}\n  #bcf .bcf-drop small{font-size:.68rem}\n}\n#bcf .bcf-meter{display:none !important}\n@keyframes bcfUnfold{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}\n#bcf .bcf-team{\n  position:absolute;left:var(--panel);right:0;bottom:var(--bar);z-index:5;\n  display:flex;align-items:center;gap:.85rem;padding:.75rem clamp(2.4rem,5vw,5rem);\n  background:rgba(15,15,15,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);\n  border-top:1px solid var(--line);animation:bcfTeam .5s var(--ease) both;\n}\n@keyframes bcfTeam{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n#bcf .bcf-faces{display:flex;flex:none}\n#bcf .bcf-faces img{height:38px;width:38px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid var(--black);background:#222}\n#bcf .bcf-faces img.pair{width:74px;border-radius:20px}\n#bcf .bcf-faces img + img{margin-left:-12px}\n#bcf .bcf-teamtxt{font-size:.82rem;line-height:1.45;color:rgba(255,255,255,.66)}\n#bcf .bcf-teamtxt b{color:var(--white);font-weight:400}\n#bcf .bcf-controls{\n  position:absolute;bottom:0;right:0;left:var(--panel);z-index:6;\n  display:flex;align-items:stretch;justify-content:space-between;\n  border-top:1px solid var(--line);background:rgba(15,15,15,.86);\n  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);\n}\n#bcf .bcf-controls,#bcf .bcf-team{transition:opacity .25s var(--ease),visibility .25s}\n#bcf.bcf-off .bcf-controls,#bcf.bcf-off .bcf-team{opacity:0;visibility:hidden;pointer-events:none}\n#bcf .bcf-btn{\n  display:flex;align-items:center;gap:.9rem;\n  font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;\n  color:var(--white);padding:1.4rem 2.2rem;transition:background .4s var(--ease),opacity .3s;\n}\n#bcf .bcf-btn:hover{background:rgba(255,255,255,.05)}\n#bcf .bcf-btn.next{background:var(--lime);color:var(--black)}\n#bcf .bcf-btn.next:hover{background:#a7e82c}\n#bcf .bcf-btn.hide{opacity:0;pointer-events:none}\n#bcf .bcf-btn[disabled]{opacity:.55;pointer-events:none}\n#bcf .bcf-btn .arw{transition:transform .4s var(--ease)}\n#bcf .bcf-btn.next:hover .arw{transform:translateX(5px)}\n#bcf .bcf-btn.prev:hover .arw{transform:translateX(-5px)}\n#bcf .bcf-counter{display:flex;align-items:center;gap:.55rem;font-size:.78rem;letter-spacing:.1em;color:var(--muted);padding:0 2.2rem}\n#bcf .bcf-counter b{color:var(--lime);font-weight:500}\n#bcf .bcf-bar{position:absolute;top:-2px;left:0;height:2px;background:var(--lime);width:25%;transition:width .55s var(--ease)}\n#bcf .bcf-done{\n  position:absolute;inset:0;z-index:30;background:var(--black);\n  display:flex;align-items:center;justify-content:center;text-align:center;\n  padding:2.4rem;opacity:0;visibility:hidden;transition:opacity .7s var(--ease);\n}\n#bcf .bcf-done.on{opacity:1;visibility:visible}\n#bcf .bcf-doneimg{position:absolute;inset:0;overflow:hidden}\n#bcf .bcf-doneimg img{width:100%;height:100%;object-fit:cover;object-position:center 34%;opacity:.55;transform:scale(1.05);transition:transform 12s linear}\n#bcf .bcf-done.on .bcf-doneimg img{transform:scale(1.16)}\n#bcf .bcf-doneimg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center, rgba(15,15,15,.72) 0%, rgba(15,15,15,.9) 78%)}\n#bcf .bcf-donein{position:relative;z-index:2}\n#bcf .bcf-done h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:300;line-height:1.3;margin-bottom:1.2rem;color:var(--white)}\n#bcf .bcf-done p{color:rgba(255,255,255,.62);font-size:.95rem;line-height:1.7;max-width:44ch;margin:0 auto}\n#bcf .bcf-done a{color:var(--lime)}\n#bcf .bcf-tick{width:56px;height:56px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;margin:0 auto 2.2rem}\n@media(prefers-reduced-motion:reduce){\n  #bcf .bcf-slide.active .bcf-reveal,#bcf .bcf-morepanel,#bcf .bcf-team{animation:none;opacity:1}\n  #bcf .bcf-gal > img,#bcf .bcf-gal > img.on,#bcf .bcf-doneimg img{transition:opacity .3s;transform:none}\n  #bcf .bcf-done.on .bcf-doneimg img{transform:none}\n}\n@media(min-width:901px) and (max-height:750px){\n  #bcf h1{font-size:clamp(1.5rem,2.4vw,2rem)}\n  #bcf .bcf-sub{margin-top:.6rem;font-size:.86rem;line-height:1.45}\n  #bcf .bcf-field label{margin-bottom:.35rem}\n  #bcf .bcf-field input{font-size:1.3rem;padding:.25rem 0 .5rem}\n  #bcf .bcf-field.lead input{font-size:1.4rem;padding-bottom:.6rem}\n  #bcf .bcf-field textarea{height:clamp(56px,9vh,132px);font-size:1.1rem}\n  #bcf .bcf-more{margin-top:.15rem;padding:.3rem 0}\n  #bcf .bcf-files li{padding:.42rem .8rem}\n}\n@media(max-width:900px){\n  #bcf{--panel:0px;height:auto;max-height:none;min-height:0}\n  #bcf .bcf-gal{display:none}\n  #bcf .bcf-dots{left:0}\n  #bcf .bcf-stage{height:auto;min-height:calc(100svh - var(--head));padding:3.5rem 1.5rem calc(var(--bar) + 5rem)}\n  #bcf .bcf-head{margin-bottom:2rem}\n  #bcf .bcf-field{margin-bottom:1.7rem}\n  #bcf .bcf-field textarea{height:120px}\n  #bcf .bcf-slider{max-width:none}\n  #bcf .bcf-btn,#bcf .bcf-counter{padding-left:1.4rem;padding-right:1.4rem}\n  #bcf h1{font-size:1.6rem}\n  #bcf .bcf-head{margin-bottom:2rem}\n  #bcf .bcf-controls,#bcf .bcf-team{position:fixed}\n  #bcf .bcf-done{position:fixed}\n}\n@media(max-width:560px){\n  #bcf .bcf-field.lead input{font-size:1.5rem}\n  #bcf .bcf-field.lead input::placeholder{font-size:1rem}\n  #bcf .bcf-team{gap:.7rem;padding:.7rem 1.5rem}\n  #bcf .bcf-faces img{height:32px;width:32px}\n  #bcf .bcf-faces img.pair{width:62px;border-radius:16px}\n  #bcf .bcf-teamtxt{font-size:.76rem}\n}\n#bof{padding:clamp(4.5rem,8vw,7.5rem) clamp(1.5rem,5vw,5rem);border-top:1px solid var(--line)}\n#bof .bof-in{max-width:1240px;margin:0 auto}\n#bof .bof-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.6rem;margin-bottom:2.6rem}\n#bof h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--white);text-wrap:balance}\n#bof h2 em{font-style:normal;color:var(--lime)}\n#bof .bof-lede{margin-top:.9rem;color:var(--muted);font-size:.92rem;line-height:1.6;max-width:46ch}\n#bof .bof-filters{display:flex;flex-wrap:wrap;gap:.5rem}\n#bof .bof-f{\n  border:1px solid var(--line);border-radius:999px;color:var(--white);font-size:.82rem;\n  padding:.55rem 1.1rem;transition:border-color .25s var(--ease),background .25s var(--ease),color .25s var(--ease);\n}\n#bof .bof-f:hover{border-color:rgba(255,255,255,.55)}\n#bof .bof-f:focus-visible{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px rgba(151,212,34,.2)}\n#bof .bof-f.on{background:var(--lime);border-color:var(--lime);color:var(--black)}\n#bof .bof-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--line)}\n#bof .bof-card{\n  background:var(--black);padding:0;\n  display:flex;flex-direction:column;\n  transition:background .3s var(--ease);\n}\n#bof .bof-body{padding:1.15rem 1.6rem 1.5rem;display:flex;flex-direction:column;flex:1}\n#bof .bof-card:hover{background:#131313}\n#bof .bof-hero{position:relative;height:96px;overflow:hidden;flex:none}\n#bof .bof-hero img{\n  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;\n  opacity:.34;transition:opacity .45s var(--ease);\n}\n#bof .bof-card:hover .bof-hero img{opacity:.52}\n#bof .bof-hero::after{\n  content:'';position:absolute;inset:0;\n  background:linear-gradient(to top, var(--black) 3%, rgba(15,15,15,.62) 46%, rgba(15,15,15,.15) 100%);\n}\n#bof .bof-herotxt{position:absolute;left:1.6rem;right:1.5rem;bottom:.8rem;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}\n#bof .bof-hero .bof-clock{padding-bottom:.15rem}\n#bof .bof-city{font-size:1.3rem;font-weight:700;letter-spacing:-.02em;color:var(--white)}\n#bof .bof-clock{display:flex;align-items:center;gap:.45rem;font-size:.74rem;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}\n#bof .bof-led{width:13px;height:13px;flex:none;color:rgba(255,255,255,.32)}\n#bof .bof-clock.open .bof-led{color:var(--lime)}\n#bof .bof-clock.open{color:rgba(255,255,255,.72)}\n#bof .bof-country{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.42);margin-top:.2rem}\n#bof .bof-tel{\n  font-size:1.06rem;color:var(--lime);letter-spacing:-.01em;\n  display:inline-block;align-self:flex-start;\n  border-bottom:1px solid transparent;transition:border-color .25s var(--ease);\n}\n#bof .bof-tel:hover{border-bottom-color:var(--lime)}\n#bof .bof-mail{\n  font-size:.86rem;color:rgba(255,255,255,.82);margin-top:.5rem;word-break:break-word;\n  display:inline-block;align-self:flex-start;max-width:100%;\n  border-bottom:1px solid transparent;transition:border-color .25s var(--ease);\n}\n#bof .bof-mail:hover{border-bottom-color:rgba(255,255,255,.5)}\n#bof .bof-addr{font-size:.82rem;line-height:1.6;color:var(--muted);margin-top:.9rem}\n#bof .bof-map{\n  margin-top:auto;padding-top:1.1rem;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;\n  color:rgba(255,255,255,.5);display:inline-flex;align-items:center;gap:.5rem;transition:color .25s var(--ease);\n}\n#bof .bof-map:hover{color:var(--lime)}\n#bof .bof-map svg{transition:transform .3s var(--ease)}\n#bof .bof-map:hover svg{transform:translateX(3px)}\n#bof .bof-note{margin-top:2.4rem;font-size:.78rem;color:rgba(255,255,255,.32)}\n#bof .bof-card{cursor:pointer}\n#bof .bof-more{\n  margin-top:auto;padding-top:1.1rem;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;\n  color:rgba(255,255,255,.5);display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;\n  transition:color .25s var(--ease);\n}\n#bof .bof-card:hover .bof-more,#bof .bof-more:focus-visible{color:var(--lime);outline:none}\n#bof .bof-more svg{transition:transform .3s var(--ease)}\n#bof .bof-card:hover .bof-more svg{transform:translateX(3px)}\n#bofModal{\n  position:fixed;inset:0;z-index:2147483004;display:flex;align-items:center;justify-content:center;\n  padding:24px;opacity:0;transition:opacity .3s var(--ease);\n  font-family:'F37 Ginger',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\n}\n#bofModal[hidden]{display:none !important}\n#bofModal.on{opacity:1}\n#bofModal .bofm-back{position:absolute;inset:0;background:rgba(6,6,6,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}\n#bofModal .bofm-in{\n  position:relative;width:min(1320px,96vw);height:min(82vh,620px);overflow:hidden;\n  background:var(--black);border:1px solid rgba(255,255,255,.16);border-radius:20px;\n  box-shadow:0 40px 120px rgba(0,0,0,.65);\n  transform:translateY(14px) scale(.985);transition:transform .4s var(--ease);\n}\n#bofModal.on .bofm-in{transform:none}\n#bofModal .bofm-x{\n  position:absolute;top:14px;right:14px;z-index:3;width:38px;height:38px;border-radius:50%;\n  background:rgba(10,10,10,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);\n  color:#fff;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;\n  transition:background .2s var(--ease),color .2s var(--ease);\n}\n#bofModal .bofm-x:hover,#bofModal .bofm-x:focus-visible{background:var(--lime);color:var(--black);outline:none}\n#bofModal #bofmContent{height:100%}\n#bofModal .bofm-grid{display:grid;grid-template-columns:1.72fr 1fr;grid-template-rows:minmax(0,1fr);height:100%}\n#bofModal .bofm-photo{position:relative;background:var(--ink);border-right:1px solid var(--line);overflow:hidden;min-height:0}\n#bofModal .bofm-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block}\n#bofModal .bofm-side{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}\n#bofModal .bofm-head{\n  padding:1rem clamp(1.3rem,2.2vw,1.8rem) .85rem;border-bottom:1px solid var(--line);flex:none;\n  display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;\n}\n#bofModal .bofm-head:first-child{padding-right:3.6rem}\n#bofModal .bofm-city{font-size:clamp(1.5rem,2.6vw,1.95rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--white)}\n#bofModal .bofm-country{margin-top:.3rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.3)}\n#bofModal .bofm-map{position:relative;background:var(--ink);height:148px;flex:none}\n#bofModal .bofm-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}\n#bofModal .bofm-det{padding:.8rem clamp(1.3rem,2.2vw,1.8rem) 1rem;flex:1;min-height:0;overflow-y:auto}\n#bofModal .bofm-row{display:block;padding:.55rem 0;border-bottom:1px solid var(--line)}\n#bofModal .bofm-row:first-child{padding-top:0}\n#bofModal .bofm-row:last-child{border-bottom:0;padding-bottom:0}\n#bofModal .bofm-k{display:block;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.32);margin-bottom:.35rem;line-height:1.45}\n#bofModal .bofm-v{font-size:.9rem;line-height:1.55;color:rgba(255,255,255,.86)}\n#bofModal a.bofm-v{border-bottom:1px solid transparent;transition:border-color .25s var(--ease)}\n#bofModal a.bofm-v:hover{border-bottom-color:rgba(255,255,255,.5)}\n#bofModal .bofm-v.tel{font-size:1.08rem;color:var(--lime)}\n#bofModal a.bofm-v.tel:hover{border-bottom-color:var(--lime)}\n#bofModal .bofm-people{display:flex;flex-direction:column;gap:.55rem}\n#bofModal .bofm-person{display:flex;align-items:center;gap:.7rem}\n#bofModal .bofm-face{\n  width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:center 18%;\n  flex:none;background:var(--ink);box-shadow:0 0 0 1px rgba(255,255,255,.14);\n}\n#bofModal .bofm-pname{font-size:.88rem;line-height:1.3;color:var(--white)}\n#bofModal .bofm-prole{font-size:.72rem;line-height:1.35;color:var(--muted);margin-top:.1rem}\n#bofModal .bofm-base{color:rgba(255,255,255,.3)}\n#bofModal .bofm-hours{\n  display:flex;align-items:center;gap:.45rem;flex:none;white-space:nowrap;\n  font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:.35rem;\n}\n#bofModal .bofm-hours .bof-led{width:14px;height:14px;flex:none;color:rgba(255,255,255,.32)}\n#bofModal .bofm-hours.open{color:rgba(255,255,255,.72)}\n#bofModal .bofm-hours.open .bof-led{color:var(--lime)}\n#bofModal .bofm-acts{\n  display:flex;flex-wrap:wrap;gap:.5rem;flex:none;\n  padding:.85rem clamp(1.3rem,2.2vw,1.8rem) 1rem;\n  border-top:1px solid var(--line);background:var(--black);\n}\n#bofModal .bofm-btn{\n  display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.72rem 1.25rem;\n  font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;\n  transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease);\n}\n#bofModal .bofm-btn.solid{background:var(--lime);color:var(--black)}\n#bofModal .bofm-btn.solid:hover{background:#a7e82c}\n#bofModal .bofm-btn.ghost{border:1px solid var(--line);color:var(--white)}\n#bofModal .bofm-btn.ghost:hover{border-color:var(--lime);color:var(--lime)}\n#bofModal .bofm-in.no-map{height:min(74vh,486px)}\n#bofModal .no-map .bofm-det{display:flex;flex-direction:column;justify-content:center}\n#bofModal .no-map .bofm-people{gap:.8rem}\n@media(max-width:760px){\n  #bofModal{padding:0}\n  #bofModal .bofm-in,#bofModal .bofm-in.no-map{width:100vw;max-width:100vw;height:100dvh;border-radius:0;border:0;overflow-y:auto}\n  #bofModal .bofm-grid{grid-template-columns:1fr;height:auto}\n  #bofModal .bofm-photo{border-right:0;aspect-ratio:16\/10}\n  #bofModal .bofm-side{overflow:visible}\n  #bofModal .bofm-det{overflow:visible}\n  #bofModal .bofm-map{height:220px}\n}\nhtml.bof-lock,body.bof-lock{overflow:hidden !important}\n@media(max-width:560px){\n  #bof .bof-grid{grid-template-columns:1fr}\n  #bof .bof-body{padding:1.1rem 1.3rem 1.3rem}\n  #bof .bof-herotxt{left:1.3rem;right:1.3rem}\n}\n<\/style>\n<section id=\"bcf\" aria-label=\"Contact Bespoke Careers\">\n    <img data-img=\"bespoke-contact-step-1.jpg\" alt=\"Three Bespoke colleagues talking in the Sydney office\"\/>\n    <img data-img=\"bespoke-contact-step-2.jpg\" alt=\"A Bespoke Careers sign held up at an event\"\/>\n    <img data-img=\"bespoke-contact-step-3.jpg\" alt=\"Two Bespoke colleagues working together over a laptop\"\/>\n    <img data-img=\"bespoke-contact-step-4.jpg\" alt=\"A Bespoke speaker on stage at the AJ100 awards in London\"\/>\n    <figure>\n        <blockquote id=\"bcfQuoteText\"><\/blockquote>\n        <figcaption>\n          <img id=\"bcfQuoteAva\" alt=\"\" width=\"42\" height=\"42\"\/>\n          <cite id=\"bcfQuoteCite\"><\/cite>\n        <\/figcaption>\n    <\/figure>\n  <form id=\"bcfForm\" novalidate>\n      <section data-slide=\"0\" aria-label=\"Step 1 of 4\">\n          <h1>How can we <em>help?<\/em><\/h1>\n          <p>Tell us where you&#8217;re starting from and we&#8217;ll put you in front of the right person.<\/p>\n          <label>\n            <input type=\"radio\" name=\"enquiry\" value=\"Hiring\" required\/>\n                I&#8217;m an employer\n                Hiring now, or planning ahead for my studio or practice\n          <\/label>\n          <label>\n            <input type=\"radio\" name=\"enquiry\" value=\"Find me a job\" required\/>\n                Find me a job\n                I&#8217;m looking for my next role in architecture or design\n          <\/label>\n          <label>\n            <input type=\"radio\" name=\"enquiry\" value=\"General enquiry\" required\/>\n                Something else\n                General, press or partnership enquiries\n          <\/label>\n        <a href=\"#our-locations\">\n          Rather just call us? <b>See all 12 offices<\/b>\n        <\/a>\n      <\/section>\n      <section data-slide=\"1\" aria-label=\"Step 2 of 4\">\n          <h1>Tell us a little <em>about you.<\/em><\/h1>\n          Just the basics for now.\n            <label for=\"bcfName\">Full name<\/label>\n            <input type=\"text\" id=\"bcfName\" name=\"name\" placeholder=\"Enter your full name\"\n                   autocomplete=\"name\" maxlength=\"80\" required\/>\n            <label for=\"bcfOrg\">Company \/ practice<\/label>\n            <input type=\"text\" id=\"bcfOrg\" name=\"org\" placeholder=\"Where do you work?\"\n                   autocomplete=\"organization\" maxlength=\"120\" required\/>\n            <label id=\"bcfLocLabel\">Location<\/label>\n              <input type=\"text\" id=\"bcfOther\" placeholder=\"Which city?\" aria-label=\"Your location\" maxlength=\"60\"\/>\n            <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\"\/>\n      <\/section>\n      <section data-slide=\"2\" aria-label=\"Step 3 of 4\">\n          <h1 id=\"bcfH3\">What are you <em>looking for?<\/em><\/h1>\n          In your own words &#8211; we&#8217;ll pick it up from here.\n            <label for=\"bcfRole\" id=\"bcfRoleLabel\">Job title\n              if you have one<\/label>\n            <input type=\"text\" id=\"bcfRole\" name=\"role\" placeholder=\"e.g. Senior Interior Designer\" maxlength=\"140\"\/>\n          <button type=\"button\" id=\"bcfMoreBtn\" aria-expanded=\"false\" aria-controls=\"bcfMorePanel\">\n            Add a message or job description\n            <em>optional<\/em>\n          <\/button>\n              <label for=\"bcfMessage\" id=\"bcfMsgLabel\">Message<\/label>\n              <textarea id=\"bcfMessage\" name=\"message\" placeholder=\"Type your message\" maxlength=\"3000\"><\/textarea>\n              <label for=\"bcfLinkedin\">LinkedIn profile\n                optional<\/label>\n              <input type=\"url\" id=\"bcfLinkedin\" name=\"linkedin\" maxlength=\"200\" placeholder=\"linkedin.com\/in\/...\"\/>\n              <label id=\"bcfUpLabel\">Attachment<\/label>\n                <b><u>Choose a file<\/u> or drag it here<\/b>\n                <small id=\"bcfUpHint\">PDF, Word or an image. One file, up to 10MB.<\/small>\n              <input type=\"file\" id=\"bcfFile\" hidden\n                     accept=\".pdf,.doc,.docx,.jpg,.jpeg,.png,application\/pdf,application\/msword,application\/vnd.openxmlformats-officedocument.wordprocessingml.document,image\/jpeg,image\/png\"\/>\n              <ul id=\"bcfFiles\"><\/ul>\n      <\/section>\n      <section data-slide=\"3\" aria-label=\"Step 4 of 4\">\n          <h1 id=\"bcfH4\">Almost there. <em>How do we reach you?<\/em><\/h1>\n          We reply to every enquiry, usually within one working day.\n            <label for=\"bcfEmail\">Email address<\/label>\n            <input type=\"email\" id=\"bcfEmail\" name=\"email\" placeholder=\"Enter your email address\"\n                   autocomplete=\"email\" inputmode=\"email\" maxlength=\"120\" required\/>\n            \n            <label for=\"bcfPhone\">Phone (optional)<\/label>\n            <input type=\"tel\" id=\"bcfPhone\" name=\"phone\" placeholder=\"Include country code\"\n                   autocomplete=\"tel\" maxlength=\"40\"\/>\n            <label for=\"bcfSource\">How did you hear about Bespoke?<\/label>\n            <input type=\"text\" id=\"bcfSource\" name=\"source\" maxlength=\"200\" placeholder=\"We'd love to know\"\/>\n      <\/section>\n      \n      \n  <\/form>\n    \n    <button type=\"button\" id=\"bcfPrev\">\n      Back\n    <\/button>\n    <b id=\"bcfCur\">1<\/b> \/ 4\n    <button type=\"button\" id=\"bcfNext\">\n      Next\n    <\/button>\n    <img data-img=\"bespoke-contact-success.jpg\" alt=\"The Bespoke Careers team at the 2026 AGM\"\/>\n      <h2>Thanks &#8211; we&#8217;ve got it.<\/h2>\n      <p>In the meantime, have a look at the <a href=\"https:\/\/www.bespokecareers.com\/jobs\">latest roles<\/a>.<\/p>\n<\/section>\n\t<section aria-labelledby=\"bsf-title\">\n      <p>Salary Guide<\/p>\n      <h3 id=\"bsf-title\">Explore salaries in other markets<\/h3>\n      Compare salaries across 20 global locations.\n        <h4>\n          Australia\n          You are here\n        <\/h4>\n        <ul>\n          <li><a href=\"\/salary-guide\/sydney\/\" data-slug=\"sydney\">Sydney \u2192<\/a><\/li>\n          <li><a href=\"\/salary-guide\/melbourne\/\" data-slug=\"melbourne\">Melbourne \u2192<\/a><\/li>\n          <li><a href=\"\/salary-guide\/brisbane\/\" data-slug=\"brisbane\">Brisbane \u2192<\/a><\/li>\n          <li><a href=\"\/salary-guide\/adelaide\/\" data-slug=\"adelaide\">Adelaide \u2192<\/a><\/li>\n          <li><a href=\"\/salary-guide\/perth\/\" data-slug=\"perth\">Perth \u2192<\/a><\/li>\n        <\/ul>\n        <h4>\n          New Zealand\n          You are here\n        <\/h4>\n        <ul>\n          <li><a href=\"\/salary-guide\/auckland\/\" data-slug=\"auckland\">Auckland \u2192<\/a><\/li>\n          <li><a href=\"\/salary-guide\/wellington\/\" data-slug=\"wellington\">Wellington \u2192<\/a><\/li>\n          <li><a href=\"\/salary-guide\/christchurch\/\" data-slug=\"christchurch\">Christchurch \u2192<\/a><\/li>\n          <li><a href=\"\/salary-guide\/queenstown\/\" data-slug=\"queenstown\">Queenstown \u2192<\/a><\/li>\n        <\/ul>\n        <h4>\n          United Kingdom\n          You are here\n        <\/h4>\n        <ul>\n          <li><a href=\"\/salary-guide\/london\/\" data-slug=\"london\">London \u2192<\/a><\/li>\n          <li><a href=\"\/salary-guide\/manchester\/\" data-slug=\"manchester\">Manchester \u2192<\/a><\/li>\n        <\/ul>\n        <h4>\n          United States\n          You are here\n        <\/h4>\n        <ul>\n          <li><a href=\"\/salary-guide\/new-york\/\" data-slug=\"new-york\">New York \u2192<\/a><\/li>\n          <li><a href=\"\/salary-guide\/los-angeles\/\" data-slug=\"los-angeles\">Los Angeles \u2192<\/a><\/li>\n          <li><a href=\"\/salary-guide\/san-francisco\/\" data-slug=\"san-francisco\">San Francisco \u2192<\/a><\/li>\n          <li><a href=\"\/salary-guide\/austin\/\" data-slug=\"austin\">Austin \u2192<\/a><\/li>\n          <li><a href=\"\/salary-guide\/dallas\/\" data-slug=\"dallas\">Dallas \u2192<\/a><\/li>\n          <li><a href=\"\/salary-guide\/san-antonio\/\" data-slug=\"san-antonio\">San Antonio \u2192<\/a><\/li>\n          <li><a href=\"\/salary-guide\/houston\/\" data-slug=\"houston\">Houston \u2192<\/a><\/li>\n        <\/ul>\n        <h4>\n          Middle East\n          You are here\n        <\/h4>\n        <ul>\n          <li><a href=\"\/salary-guide\/dubai\/\" data-slug=\"dubai\">Dubai \u2192<\/a><\/li>\n          <li><a href=\"\/salary-guide\/riyadh\/\" data-slug=\"riyadh\">Riyadh \u2192<\/a><\/li>\n        <\/ul>\n<\/section>\n<style>\n.bsf { padding: 80px 24px; background: #fafafa; border-top: 1px solid #e5e5e5; font-family: inherit; }\n.bsf__inner { max-width: 1200px; margin: 0 auto; }\n.bsf__header { text-align: center; margin-bottom: 48px; }\n.bsf__eyebrow { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #888; margin: 0 0 12px; font-weight: 600; }\n.bsf__title { font-size: clamp(24px, 3vw, 32px); font-weight: 600; color: #111; margin: 0 0 12px; line-height: 1.2; }\n.bsf__context { font-size: 15px; color: #666; margin: 0; }\n.bsf__context strong { color: #111; }\n.bsf__regions { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 32px 40px; }\n.bsf__region-title { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: #111; margin: 0 0 16px; text-transform: uppercase; letter-spacing: 0.5px; }\n.bsf__badge { display: none; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; background: #111; color: #fff; padding: 4px 10px; border-radius: 100px; font-weight: 600; }\n.bsf__list { list-style: none; margin: 0; padding: 0; }\n.bsf__list li { margin-bottom: 10px; }\n.bsf__list a { display: inline-flex; align-items: center; gap: 6px; color: #555; text-decoration: none; font-size: 15px; transition: all 0.2s ease; }\n.bsf__list a:hover { color: #111; gap: 10px; }\n.bsf__arrow { opacity: 0; transition: opacity 0.2s ease; font-size: 13px; }\n.bsf__list a:hover .bsf__arrow { opacity: 1; }\n.bsf__region.is-active {\n  grid-column: 1 \/ -1;\n  background: #fff;\n  border: 1px solid #e5e5e5;\n  border-radius: 12px;\n  padding: 28px 32px;\n  box-shadow: 0 1px 3px rgba(0,0,0,.04);\n}\n.bsf__region.is-active .bsf__region-title { font-size: 18px; text-transform: none; letter-spacing: 0; }\n.bsf__region.is-active .bsf__region-title .bsf__badge { display: inline-block; }\n.bsf__region.is-active .bsf__list { display: flex; flex-wrap: wrap; gap: 10px; }\n.bsf__region.is-active .bsf__list li { margin: 0; }\n.bsf__region.is-active .bsf__list a {\n  padding: 10px 18px; border: 1px solid #e5e5e5; border-radius: 100px;\n  background: #fff; font-size: 14px;\n}\n.bsf__region.is-active .bsf__list a:hover { border-color: #111; transform: translateY(-1px); gap: 6px; }\n.bsf__region.is-active .bsf__list a .bsf__arrow { display: none; }\n.bsf__region.is-active .bsf__list a.is-current {\n  background: #111; color: #fff; border-color: #111; cursor: default; pointer-events: none;\n}\n@media (max-width: 768px) {\n  .bsf { padding: 56px 20px; }\n  .bsf__regions { grid-template-columns: repeat(2, 1fr); gap: 28px; }\n  .bsf__region.is-active { padding: 20px; }\n}\n@media (max-width: 480px) {\n  .bsf__regions { grid-template-columns: 1fr; }\n}\n<\/style>\n\t<!-- ============================================================\n     BESPOKE CAREERS | SALARY CALCULATOR COLLAPSE MODULE\n     Paste this whole file into ONE Beaver Builder HTML module on\n     any page that has the salary calculator (#bespoke-salary-calc).\n     Paste position does not matter: it finds the calculator,\n     collapses it behind a slim launcher bar in the same spot, and\n     expands it in place on click (or when any \"Benchmark your own\n     salary\" link pointing at #bespoke-salary-calc is clicked).\n     The calculator module itself is untouched.\n     ============================================================ -->\n      <h2>Benchmark your salary in 30 seconds<\/h2>\n      <p>See how your pay compares against the 2026 market for your exact role, and get your results by email.<\/p>\n    <button type=\"button\" id=\"bcalc-open\">\n      Open the salary calculator\n    <\/button>\n<style>\n#bcalc-launch, #bcalc-launch * { box-sizing: border-box; margin: 0; padding: 0; }\n#bcalc-launch { max-width: 1216px; margin: 0 auto; padding: 24px 0; }\n#bcalc-launch .bcalc-card { display: flex; align-items: center; justify-content: space-between; gap: 24px; background: #f7f7f5; border: 1px solid #e8e8e4; border-radius: 20px; padding: clamp(22px, 2.6vw, 32px) clamp(22px, 3vw, 40px); }\n#bcalc-launch h2 { font-size: clamp(19px, 2.2vw, 25px); font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; color: #0F0F0F; }\n#bcalc-launch p { font-size: 14.5px; color: #6b6b66; line-height: 1.55; margin-top: 7px; max-width: 56ch; }\n#bcalc-launch .bcalc-btn { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; background: #97D422; color: #0F0F0F; border: none; border-radius: 999px; padding: 15px 26px; font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1.2; cursor: pointer; transition: background .18s ease, transform .18s ease; }\n#bcalc-launch .bcalc-btn:hover { background: #aee849; transform: translateY(-1px); }\n#bcalc-launch .bcalc-btn svg { width: 17px; height: 17px; }\n@media (max-width: 720px) {\n  #bcalc-launch .bcalc-card { flex-direction: column; align-items: flex-start; gap: 16px; }\n  #bcalc-launch .bcalc-btn { width: 100%; justify-content: center; }\n}\n\/* Collapse \/ expand states applied to the calculator itself *\/\n.bcalc-collapsed { display: none !important; }\n@keyframes bcalc-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }\n.bcalc-open { animation: bcalc-in .45s cubic-bezier(.16, 1, .3, 1) both; }\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"<p>Architecture and interior design salaries in Auckland &#8211; 2026 Based on data from 3,000+ active job vacancies, 1,890 survey respondents and insights from 65 recruitment experts. Download now View all salaries Architecture &#038; Design Salary Calculator 2026 Architecture and DesignSalary Calculator 2026 Is your salary keeping pace with the market? Enter your role, location, and&hellip;<\/p>\n","protected":false},"author":5,"featured_media":8821,"parent":5508,"menu_order":76,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","footnotes":""},"class_list":["post-9076","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/9076","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=9076"}],"version-history":[{"count":18,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/9076\/revisions"}],"predecessor-version":[{"id":13743,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/9076\/revisions\/13743"}],"up":[{"embeddable":true,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/5508"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/media\/8821"}],"wp:attachment":[{"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/media?parent=9076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}