<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"></path>
                </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"></rect>
                  <path d="M3 7l9 6 9-6"></path>
                </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