<div class="frp-contact">
  <style>
    .frp-contact {
      box-sizing: border-box;
      width: 100%;
      max-width: 1150px;
      margin: 0 auto;
      padding: 0 16px 56px;
      font-family: Arial, Helvetica, sans-serif;
      color: #374047;
    }

    .frp-contact *,
    .frp-contact *::before,
    .frp-contact *::after {
      box-sizing: border-box;
    }

    .frp-contact-card {
      position: relative;
      z-index: 2;
      overflow: hidden;
      margin: -110px auto 40px;
      padding: 56px;
      background: #ffffff;
      border: 1px solid #dde1e4;
      border-radius: 32px;
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    }

    .frp-contact-card::after {
      position: absolute;
      top: -75px;
      right: -75px;
      width: 220px;
      height: 220px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.04);
      content: "";
      pointer-events: none;
    }

    .frp-contact-content {
      position: relative;
      z-index: 1;
    }

    .frp-contact-eyebrow {
      display: inline-block;
      margin: 0 0 22px;
      padding: 10px 18px;
      color: #000000;
      border: 1px solid #dde1e4;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.08em;
      line-height: 1;
      text-transform: uppercase;
    }

    .frp-contact h2,
    .frp-contact h3 {
      font-family: "Roboto", Arial, Helvetica, sans-serif;
    }

    .frp-contact-intro h2 {
      max-width: 820px;
      margin: 0 0 18px;
      color: #000000;
      font-size: clamp(34px, 4.5vw, 52px);
      font-weight: 900;
      line-height: 1.06;
      letter-spacing: -0.025em;
    }

    .frp-contact-intro h2 span {
      display: block;
      color: #374047;
    }

    .frp-contact-lead {
      max-width: 790px;
      margin: 0;
      color: #374047;
      font-size: 21px;
      line-height: 1.55;
    }

    .frp-contact-grid {
      display: grid;
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
      gap: 18px;
      margin-top: 38px;
    }

    .frp-contact-details,
    .frp-contact-actions {
      min-width: 0;
      padding: 30px;
      border-radius: 22px;
    }

    .frp-contact-details {
      background: #eff2f4;
    }

    .frp-contact-actions {
      background: #000000;
    }

    .frp-contact-details h3,
    .frp-contact-actions h3 {
      margin: 0 0 18px;
      font-size: 24px;
      font-weight: 900;
      line-height: 1.2;
    }

    .frp-contact-details h3 {
      color: #000000;
    }

    .frp-contact-actions h3 {
      color: #ffffff;
    }

    .frp-contact-methods {
      display: grid;
      gap: 12px;
    }

    .frp-contact-method {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr);
      gap: 13px;
      align-items: center;
      padding: 13px 14px;
      background: #ffffff;
      border-radius: 14px;
    }

    .frp-contact-icon {
      display: flex;
      width: 42px;
      height: 42px;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      background: #000000;
      border-radius: 50%;
    }

    .frp-contact-icon svg {
      width: 19px;
      height: 19px;
    }

    .frp-contact-method-text span {
      display: block;
      margin-bottom: 3px;
      color: #5a5f63;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .frp-contact-method-text a {
      color: #000000;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.45;
      overflow-wrap: anywhere;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .frp-contact .frp-contact-actions p {
    margin: 0 0 22px;
    color: #EAECEE;
    font-size: 16px;
    line-height: 1.65;

    }

    .frp-contact-action-group + .frp-contact-action-group {
      margin-top: 24px;
      padding-top: 24px;
      border-top: 1px solid #5a5f63;
    }

    .frp-contact-action-label {
      display: block;
      margin-bottom: 8px;
      color: #ffffff;
      font-size: 18px;
      font-weight: 800;
    }

    .frp-contact-button-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .frp-contact-button {
      display: inline-flex;
      min-height: 48px;
      align-items: center;
      justify-content: center;
      padding: 14px 26px;
      border-radius: 999px;
      font-size: 15px;
      font-weight: 700;
      line-height: 1.25;
      text-align: center;
      text-decoration: none;
    }

    .frp-contact-button-light {
      color: #000000;
      background: #ffffff;
    }

    .frp-contact-button-outline {
      color: #ffffff;
      background: transparent;
      border: 1px solid #5a5f63;
    }

    .frp-contact-button-light:hover {
      background: #eaecee;
    }

    .frp-contact-button-outline:hover {
      border-color: #ffffff;
    }

    .frp-contact-office {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
      overflow: hidden;
      margin: 0 auto;
      background: #ffffff;
      border: 1px solid #dde1e4;
      border-radius: 24px;
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    }

    .frp-contact-office-image {
      position: relative;
      min-height: 390px;
      overflow: hidden;
      background: #eff2f4;
    }

    .frp-contact-office-image img {
      width: 100%;
      height: 100%;
      min-height: 390px;
      object-fit: cover;
      display: block;
    }

    .frp-contact-office-body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 40px;
    }

    .frp-contact-office-body h2 {
      margin: 0 0 17px;
      color: #000000;
      font-size: clamp(30px, 3.5vw, 42px);
      font-weight: 900;
      line-height: 1.1;
      letter-spacing: -0.02em;
    }

    .frp-contact-address {
      margin: 0 0 24px;
      color: #374047;
      font-size: 17px;
      font-style: normal;
      line-height: 1.7;
    }

    .frp-contact-office .frp-contact-button {
      align-self: flex-start;
      color: #ffffff;
      background: #000000;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    }

    .frp-contact-office .frp-contact-button:hover {
      background: #374047;
    }

    .frp-contact a:focus-visible {
      outline: 3px solid #000000;
      outline-offset: 3px;
    }

    .frp-contact-actions a:focus-visible {
      outline-color: #ffffff;
    }

    @media (max-width: 640px) {
      .frp-contact {
        padding: 0 14px 40px;
      }

      .frp-contact-card {
        margin: -60px auto 32px;
        padding: 38px 24px 26px;
        border-radius: 26px;
      }

      .frp-contact-lead {
        font-size: 18px;
      }

      .frp-contact-grid,
      .frp-contact-office {
        grid-template-columns: 1fr;
      }

      .frp-contact-details,
      .frp-contact-actions,
      .frp-contact-office-body {
        padding: 24px;
      }

      .frp-contact-button {
        width: 100%;
      }

      .frp-contact-office-image,
      .frp-contact-office-image img {
        min-height: 240px;
      }
    }
  </style>

  <section class="frp-contact-card" aria-labelledby="frp-contact-heading">
    <div class="frp-contact-content">
      <div class="frp-contact-intro">
        <span class="frp-contact-eyebrow">Contact FRP</span>
        <h2 id="frp-contact-heading">
          Speak to our team.
          <span>We are here to help.</span>
        </h2>
        <p class="frp-contact-lead">
          Contact Fashion &amp; Retail Personnel about your job search, recruitment requirements or a general enquiry.
        </p>
      </div>

      <div class="frp-contact-grid">
        <div class="frp-contact-details">
          <h3>Get in touch</h3>

          <div class="frp-contact-methods">
            <div class="frp-contact-method">
              <span class="frp-contact-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.4c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.4 0 .8-.2 1z" />
                </svg>
              </span>
              <div class="frp-contact-method-text">
                <span>Telephone</span>
                <a href="tel:+442074360220">020 7436 0220</a>
              </div>
            </div>

            <div class="frp-contact-method">
              <span class="frp-contact-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <rect x="3" y="5" width="18" height="14" rx="2" />
                  <path d="M3 7l9 6 9-6" />
                </svg>
              </span>
              <div class="frp-contact-method-text">
                <span>Email</span>
                <a href="mailto:hello@fashionpersonnel.co.uk?subject=Hello from the Fashion Personnel website">hello@fashionpersonnel.co.uk</a>
              </div>
            </div>
          </div>
        </div>

        <div class="frp-contact-actions">
          <h3>How can we help?</h3>

          <div class="frp-contact-action-group">
            <span class="frp-contact-action-label">Looking for a job?</span>
            <p>Explore current fashion and retail opportunities.</p>
            <div class="frp-contact-button-row">
              <a class="frp-contact-button frp-contact-button-light" href="/jobs">Browse current jobs</a>
            </div>
          </div>

          <div class="frp-contact-action-group">
            <span class="frp-contact-action-label">Looking to hire?</span>
            <p>Find out how FRP can support your recruitment requirements.</p>
            <div class="frp-contact-button-row">
              <a class="frp-contact-button frp-contact-button-light" href="/looking-hire">How we can help</a>
              <a class="frp-contact-button frp-contact-button-outline" href="mailto:hello@fashionpersonnel.co.uk?subject=Recruitment%20enquiry">Email our team</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="frp-contact-office" aria-labelledby="frp-office-heading">
    <div class="frp-contact-office-image">
      <img src="https://backend.retailappointment.co.uk/sites/default/files/media/2026-09/frp-contact-banner.jpeg" alt="Fashion and retail image for the FRP Soho office contact page" loading="lazy">
    </div>

    <div class="frp-contact-office-body">
      <span class="frp-contact-eyebrow">Our office</span>
      <h2 id="frp-office-heading">Visit us in Soho</h2>
      <address class="frp-contact-address">
        <strong>Fashion &amp; Retail Personnel</strong><br>
        151 Wardour Street<br>
        Soho<br>
        London<br>
        W1F 8WE
      </address>
      <a class="frp-contact-button" href="https://www.google.com/maps/search/?api=1&amp;query=151%20Wardour%20Street%2C%20London%20W1F%208WE" target="_blank" rel="noopener noreferrer">Get directions</a>
    </div>
  </section>
</div>

Speak to our team. We are here to help.

Get in touch

How can we help?

Visit us in Soho

Speak to our team. We are here to help.

Get in touch

How can we help?

Visit us in Soho