<section id="fp-head-office-page" class="fp-head-office-page" data-page="fashion-personnel-head-office">
  <style>
    .fp-head-office-page {
      --fp-ink: #000000;
      --fp-muted: #374047;
      --fp-soft: #eff2f4;
      --fp-card: #ffffff;
      --fp-accent: #b3b3b3;
      --fp-accent-dark: #374047;
      --fp-border: #dde1e4;
      --fp-green: #000000;
      --fp-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
      color: var(--fp-ink);
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.6;
      background: linear-gradient(180deg, #eff2f4 0%, #ffffff 42%, #eff2f4 100%);
      overflow: hidden;
    }
    .fp-head-office-page * {
      box-sizing: border-box;
    }
    .fp-head-office-page .fp-wrap {
      width: min(1120px, calc(100% - 32px));
      margin: 0 auto;
    }
    .fp-head-office-page .fp-hero {
      padding: 70px 0 46px;
    }
    .fp-head-office-page .fp-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 7px 12px;
      border: 1px solid var(--fp-border);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.78);
      color: var(--fp-accent-dark);
      font-size: 0.86rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      text-transform: uppercase;
    }
    .fp-head-office-page .fp-kicker::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: var(--fp-accent);
      display: inline-block;
    }
    .fp-head-office-page .fp-hero h1 {
      margin: 18px 0 18px;
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: clamp(2.3rem, 6vw, 5rem);
      line-height: 0.96;
      letter-spacing: -0.06em;
      max-width: 900px;
      color: var(--fp-ink);
    }
    .fp-head-office-page .fp-hero h1 span {
      color: var(--fp-accent-dark);
    }
    .fp-head-office-page .fp-lede {
      max-width: 900px;
      color: var(--fp-muted);
      font-size: clamp(1.04rem, 1.8vw, 1.25rem);
      margin: 0 0 28px;
    }
    .fp-head-office-page .fp-hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
      max-width: 900px;
      margin-bottom: 28px;
    }
    .fp-head-office-page .fp-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      border-radius: 999px;
      padding: 13px 20px;
      border: 1px solid transparent;
      text-decoration: none;
      font-weight: 800;
      transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
      cursor: pointer;
      font: inherit;
    }
    .fp-head-office-page .fp-btn-primary {
      background: var(--fp-ink);
      color: #ffffff;
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
    }
    .fp-head-office-page .fp-btn-secondary {
      background: #ffffff;
      color: var(--fp-ink);
      border-color: var(--fp-border);
    }
    .fp-head-office-page .fp-btn:hover,
    .fp-head-office-page .fp-btn:focus-visible {
      transform: translateY(-2px);
      box-shadow: var(--fp-shadow);
    }
    .fp-head-office-page .fp-stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      max-width: 900px;
    }
    .fp-head-office-page .fp-stat {
      border: 1px solid var(--fp-border);
      border-radius: 20px;
      padding: 16px;
      background: #ffffff;
    }
    .fp-head-office-page .fp-stat strong {
      display: block;
      font-size: 1.7rem;
      letter-spacing: -0.04em;
      color: var(--fp-accent-dark);
      line-height: 1;
    }
    .fp-head-office-page .fp-stat span {
      display: block;
      margin-top: 7px;
      color: var(--fp-muted);
      font-size: 0.94rem;
    }
    .fp-head-office-page .fp-section {
      padding: 42px 0;
    }
    .fp-head-office-page .fp-section-head {
      max-width: 780px;
      margin-bottom: 24px;
    }
    .fp-head-office-page .fp-section-head h2 {
      margin: 0 0 10px;
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: clamp(1.75rem, 3vw, 2.65rem);
      line-height: 1.05;
      letter-spacing: -0.04em;
      color: var(--fp-ink);
    }
    .fp-head-office-page .fp-section-head p {
      margin: 0;
      color: var(--fp-muted);
      font-size: 1.04rem;
    }
    .fp-head-office-page .fp-chip-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 11px;
    }
    .fp-head-office-page .fp-chip {
      display: inline-flex;
      padding: 10px 14px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid var(--fp-border);
      font-weight: 750;
      color: var(--fp-ink);
      text-decoration: none;
      cursor: pointer;
      transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
    }
    .fp-head-office-page .fp-chip:hover,
    .fp-head-office-page .fp-chip:focus-visible {
      border-color: var(--fp-accent-dark);
      box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06);
    }
    .fp-head-office-page .fp-card-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }
    .fp-head-office-page .fp-service-card {
      background: #ffffff;
      border: 1px solid var(--fp-border);
      border-radius: 24px;
      padding: 22px;
      box-shadow: 0 10px 28px rgba(0, 0, 0, 0.04);
      min-height: 190px;
    }
    .fp-head-office-page .fp-service-card .fp-number {
      width: 34px;
      height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: var(--fp-soft);
      color: var(--fp-accent-dark);
      font-weight: 900;
      margin-bottom: 14px;
    }
    .fp-head-office-page .fp-service-card h3 {
      margin: 0 0 8px;
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: 1.12rem;
      line-height: 1.2;
      color: var(--fp-ink);
    }
    .fp-head-office-page .fp-service-card p {
      margin: 0;
      color: var(--fp-muted);
    }
    .fp-head-office-page .fp-closing-line {
      max-width: 900px;
      margin: 0 auto 8px;
      text-align: center;
      color: var(--fp-ink);
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: clamp(1.15rem, 2.4vw, 1.5rem);
      font-weight: 800;
      letter-spacing: -0.02em;
    }
    .fp-head-office-page .fp-end-links {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 18px;
      margin: 18px 0 70px;
      padding-top: 20px;
    }
    .fp-head-office-page .fp-end-links a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      padding: 12px 18px;
      border: 1px solid var(--fp-border);
      background: #ffffff;
      color: var(--fp-accent-dark);
      text-decoration: none;
      font-weight: 800;
      transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
    }
    .fp-head-office-page .fp-end-links a:hover,
    .fp-head-office-page .fp-end-links a:focus-visible {
      transform: translateY(-2px);
      box-shadow: var(--fp-shadow);
      opacity: 0.9;
    }
    .fp-head-office-page .fp-reveal {
      opacity: 0;
      transform: translateY(16px);
      transition: opacity 480ms ease, transform 480ms ease;
    }
    .fp-head-office-page .fp-reveal.is-visible {
      opacity: 1;
      transform: translateY(0);
    }
    @media (max-width: 860px) {
      .fp-head-office-page .fp-card-grid {
        grid-template-columns: 1fr;
      }
      .fp-head-office-page .fp-stats {
        grid-template-columns: 1fr;
      }
      .fp-head-office-page .fp-hero {
        padding-top: 46px;
      }
      .fp-head-office-page .fp-hero-actions {
        align-items: stretch;
      }
      .fp-head-office-page .fp-btn {
        width: 100%;
      }
    }
  </style>

  <div class="fp-wrap">
    <header class="fp-hero fp-reveal is-visible">
      <p class="fp-kicker">Fashion Personnel Head Office Recruitment</p>
      <h1>Head Office <span>Fashion Recruitment</span></h1>
      <p class="fp-lede">The people behind the business. Great businesses need great teams behind the scenes &mdash; we recruit the administration, office support and technology talent that keeps businesses running smoothly, from team assistants and administrators through to Office Managers and IT leadership. For dedicated people and finance teams see our HR &amp; Finance division; for board and executive appointments see C-Suite.</p>
      <div class="fp-hero-actions">
        <a class="fp-btn fp-btn-primary" href="mailto:hello@fashionpersonnel.co.uk?subject=Head%20Office%20Recruitment%20Enquiry">Brief our team on a requirement</a>
        <a class="fp-btn fp-btn-secondary" href="tel:+442074360220">Call 020 7436 0220</a>
      </div>
      <div class="fp-stats" aria-label="Head office recruitment highlights">
        <div class="fp-stat">
          <strong>8</strong>
          <span>Areas recruited across</span>
        </div>
        <div class="fp-stat">
          <strong>Assistant &rarr; Director</strong>
          <span>Roles at every level of seniority</span>
        </div>
      </div>
    </header>

    <section class="fp-section fp-reveal is-visible" aria-labelledby="head-office-chip-heading">
      <div class="fp-section-head">
        <h2 id="head-office-chip-heading">We recruit across</h2>
        <p>Roles range from team assistants and administrators through to PAs, EAs, Office Managers and IT leadership.</p>
      </div>
      <div class="fp-chip-grid" aria-label="We recruit across">
        <a class="fp-chip" href="/jobs?search=Administration">Administration</a>
        <a class="fp-chip" href="/jobs?search=Office%20Support">Office Support</a>
        <a class="fp-chip" href="/jobs?search=Executive%20Assistant">Executive Assistant</a>
        <a class="fp-chip" href="/jobs?search=Personal%20Assistant">Personal Assistant</a>
        <a class="fp-chip" href="/jobs?search=Office%20Manager">Office Manager</a>
        <a class="fp-chip" href="/jobs?search=Business%20Support">Business Support</a>
        <a class="fp-chip" href="/jobs?search=Operations%20Support">Operations Support</a>
        <a class="fp-chip" href="/jobs?search=IT%20%26%20Systems">IT &amp; Systems</a>
      </div>
    </section>

    <section class="fp-section fp-reveal is-visible" aria-labelledby="head-office-card-heading">
      <div class="fp-section-head">
        <h2 id="head-office-card-heading">Why clients work with us</h2>
        <p>Connecting businesses with the talent that keeps an office organised, supported and running.</p>
      </div>
      <div class="fp-card-grid">
        <article class="fp-service-card">
          <span class="fp-number">1</span>
          <h3>The people behind the business</h3>
          <p>Great businesses need great teams behind the scenes. We recruit the administration, office support and technology talent that keeps businesses running.</p>
        </article>
        <article class="fp-service-card">
          <span class="fp-number">2</span>
          <h3>Talent at every level</h3>
          <p>From team assistants and administrators to Office Managers and IT leadership, we connect businesses with skilled professionals across the functions that keep an office organised and supported.</p>
        </article>
        <article class="fp-service-card">
          <span class="fp-number">3</span>
          <h3>Direct search &amp; headhunting</h3>
          <p>Through our network, direct search and targeted headhunting, we connect you with people who have the right skills, experience and fit for your business.</p>
        </article>
      </div>
    </section>

    <p class="fp-closing-line fp-reveal is-visible">The people who keep your business running behind the scenes.</p>
    <div class="fp-end-links">
      <a href="/jobs">View Head Office Roles</a>
      <a href="/fashion-personnel-hr-finance-division">HR &amp; Finance Division</a>
      <a href="/fashion-personnel-c-suite-division">C-Suite Division</a>
      <a href="/fashion-personnel-recruitment-divisions">Explore our other divisions</a>
    </div>
  </div>
</section>

Head Office Fashion Recruitment

We recruit across

Why clients work with us

The people behind the business

Talent at every level

Direct search & headhunting