<div class="frp-insights">
  <style>
    .frp-insights, .frp-insights *, .frp-insights *::before, .frp-insights *::after { box-sizing: border-box; }
    .frp-insights {
      font-family: Arial, Helvetica, sans-serif;
      color: #374047;
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 16px;
    }

    /* Hero / Intro Card — blend card, overlaps up into the native hero image above this block */
    .frp-insights-hero {
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      max-width: 1150px;
      margin: -110px auto 40px;
      padding: 70px 70px 60px;
      border-radius: 32px;
      background: #ffffff;
      box-shadow: 0 15px 40px rgba(0,0,0,.08);
      border: 1px solid #dde1e4;
      position: relative;
      overflow: hidden;
    }
    @media (max-width: 640px) {
      .frp-insights-hero { padding: 40px 26px 34px; margin-top: -60px; }
    }
    .frp-insights-hero-circle {
      position: absolute;
      top: -80px;
      right: -80px;
      width: 240px;
      height: 240px;
      border-radius: 50%;
      background: rgba(0,0,0,.04);
    }
    .frp-insights-eyebrow {
      display: inline-block;
      font-weight: 800;
      letter-spacing: .08em;
      margin-bottom: 22px;
      font-size: 12px;
      text-transform: uppercase;
      color: #000000;
    }
    .frp-insights-hero h1 {
      font-size: clamp(32px, 4.4vw, 52px);
      line-height: 1.06;
      max-width: 860px;
      margin: 0 0 20px;
      color: #000000;
      font-weight: 800;
    }
    .frp-insights-hero-lead {
      font-size: 21px;
      line-height: 1.55;
      max-width: 780px;
      margin: 0 0 26px;
      color: #374047;
    }
    .frp-insights-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
    .frp-insights-hero-cta {
      display: inline-block;
      background: #000000;
      color: #ffffff;
      padding: 14px 26px;
      border-radius: 999px;
      text-decoration: none;
      font-weight: 700;
      font-size: 15px;
      box-shadow: 0 8px 20px rgba(0,0,0,.12);
    }
    .frp-insights-hero-cta--secondary { background: #eaecee; color: #000000; box-shadow: none; }

    /* Body wrapper */
    .frp-insights-body { max-width: 1100px; margin: 0 auto; padding: 0 40px; }
    @media (max-width: 640px) { .frp-insights-body { padding: 0 8px; } }

    /* Intro — unboxed */
    .frp-insights-intro { margin: 0 0 26px; }
    .frp-insights-intro p {
      font-size: 17px;
      line-height: 1.7;
      margin: 0;
      color: #374047;
      max-width: none;
    }

    /* Card grid — the whole card links to that person's Career Insight page */
    .frp-insights-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 16px;
      margin-bottom: 26px;
    }
    .frp-insights-card {
      display: flex;
      flex-direction: column;
      background: #ffffff;
      border: 1px solid #dde1e4;
      border-radius: 18px;
      padding: 24px 24px 22px;
      text-decoration: none;
      color: inherit;
      transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
    }
    .frp-insights-card:hover, .frp-insights-card:focus-visible {
      border-color: #000000;
      box-shadow: 0 12px 28px rgba(0,0,0,.10);
      transform: translateY(-4px);
    }
    .frp-insights-card-field {
      align-self: flex-start;
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-weight: 800;
      font-size: 11px;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: #000000;
      border: 1px solid #dde1e4;
      background: #eff2f4;
      border-radius: 999px;
      padding: 6px 12px;
      margin-bottom: 14px;
    }
    .frp-insights-card-name {
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-weight: 800;
      font-size: 20px;
      color: #000000;
      margin: 0 0 3px;
      line-height: 1.2;
    }
    .frp-insights-card-role { font-size: 14px; color: #374047; margin-bottom: 14px; display: block; }
    .frp-insights-card-teaser {
      font-size: 15px;
      line-height: 1.6;
      color: #374047;
      font-style: italic;
      margin: 0 0 18px;
    }
    .frp-insights-card-go {
      margin-top: auto;
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-weight: 800;
      font-size: 13px;
      letter-spacing: .02em;
      color: #000000;
    }
    .frp-insights-card-go::after {
      content: "\2192";
      display: inline-block;
      margin-left: 6px;
      transition: transform 150ms ease;
    }
    .frp-insights-card:hover .frp-insights-card-go::after,
    .frp-insights-card:focus-visible .frp-insights-card-go::after { transform: translateX(4px); }

    /* Closing — solid black card */
    .frp-insights-closing {
      background: #000000;
      border-radius: 24px;
      padding: 48px;
      margin: 26px 0 40px;
      text-align: center;
    }
    @media (max-width: 640px) { .frp-insights-closing { padding: 34px 24px; } }
    .frp-insights-closing-statement {
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-weight: 800;
      font-size: 26px;
      color: #ffffff;
      margin: 0 0 14px;
    }
    .frp-insights-closing p {
      font-size: 16px;
      line-height: 1.6;
      color: #cfd2d4;
      margin: 0 auto 28px;
      max-width: 620px;
    }
    .frp-insights-closing-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
    .frp-insights-cta {
      display: inline-block;
      background: #ffffff;
      color: #000000;
      padding: 14px 26px;
      border-radius: 999px;
      text-decoration: none;
      font-weight: 700;
      font-size: 15px;
    }
    .frp-insights-cta--outline { background: transparent; color: #ffffff; border: 1px solid #5a5f63; }

  </style>

  <div class="frp-insights-hero">
    <div class="frp-insights-hero-circle"></div>
    <span class="frp-insights-eyebrow">Career Insights</span>
    <h1>Spotlight Sessions: A Day in the Life Of&hellip;</h1>
    <p class="frp-insights-hero-lead">Having recruited in this industry for the last 30 years, we speak to talented people every day. This is a series of spotlights on different careers in fashion and retail &mdash; and there is no better way to learn than from the experts themselves.</p>
    <div class="frp-insights-hero-actions">
      <a href="/jobs" class="frp-insights-hero-cta">Browse Fashion &amp; Retail Jobs</a>
      <a href="/jobseekers/register" class="frp-insights-hero-cta frp-insights-hero-cta--secondary">Register Your CV</a>
    </div>
  </div>

  <div class="frp-insights-body">

    <div class="frp-insights-intro">
      <p>Each spotlight is an interview with an expert in their field, sharing an insight into what a day in their life is really like, their career highlights, and their top tips for anyone wanting to follow in their footsteps. Whatever your level, there is always an opportunity to learn from others &mdash; enjoy.</p>
    </div>

    <div class="frp-insights-grid">
      <a class="frp-insights-card" href="/career-insight-nadia-lewis">
        <span class="frp-insights-card-field">Buying</span>
        <span class="frp-insights-card-name">Nadia Lewis</span>
        <span class="frp-insights-card-role">Buying Manager</span>
        <p class="frp-insights-card-teaser">&ldquo;Buyers are literally real-life time travellers.&rdquo;</p>
        <span class="frp-insights-card-go">Read the interview</span>
      </a>
      <a class="frp-insights-card" href="/career-insight-leanne-murphy">
        <span class="frp-insights-card-field">HR</span>
        <span class="frp-insights-card-name">Leanne Murphy</span>
        <span class="frp-insights-card-role">Head of People</span>
        <p class="frp-insights-card-teaser">&ldquo;A typical week is anything but typical.&rdquo;</p>
        <span class="frp-insights-card-go">Read the interview</span>
      </a>
      <a class="frp-insights-card" href="/career-insight-garry-elliott">
        <span class="frp-insights-card-field">Account Management</span>
        <span class="frp-insights-card-name">Garry Elliott</span>
        <span class="frp-insights-card-role">Commercial Director</span>
        <p class="frp-insights-card-teaser">&ldquo;I always had a desire to be the best supplier rather than the largest.&rdquo;</p>
        <span class="frp-insights-card-go">Read the interview</span>
      </a>
      <a class="frp-insights-card" href="/career-insight-rachel-frogson">
        <span class="frp-insights-card-field">Manufacturing</span>
        <span class="frp-insights-card-name">Rachel Frogson</span>
        <span class="frp-insights-card-role">CEO &amp; Technical Director</span>
        <p class="frp-insights-card-teaser">&ldquo;Being able to mix business with travel really is the icing on the cake.&rdquo;</p>
        <span class="frp-insights-card-go">Read the interview</span>
      </a>
      <a class="frp-insights-card" href="/career-insight-eve-dauncey">
        <span class="frp-insights-card-field">Creative Production</span>
        <span class="frp-insights-card-name">Eve Dauncey</span>
        <span class="frp-insights-card-role">Head of Production and Casting</span>
        <p class="frp-insights-card-teaser">&ldquo;The joy of creative production is that no two days are the same.&rdquo;</p>
        <span class="frp-insights-card-go">Read the interview</span>
      </a>
      <a class="frp-insights-card" href="/career-insight-michelle-foxall">
        <span class="frp-insights-card-field">Supply Side Sales</span>
        <span class="frp-insights-card-name">Michelle Foxall</span>
        <span class="frp-insights-card-role">Sales Director</span>
        <p class="frp-insights-card-teaser">&ldquo;Take the time to talk to people &mdash; you never know where it might take you!&rdquo;</p>
        <span class="frp-insights-card-go">Read the interview</span>
      </a>
      <a class="frp-insights-card" href="/career-insight-gabrielle-fallows">
        <span class="frp-insights-card-field">Ecommerce</span>
        <span class="frp-insights-card-name">Gabrielle Fallows</span>
        <span class="frp-insights-card-role">Ecommerce Manager</span>
        <p class="frp-insights-card-teaser">&ldquo;Monday is always data day.&rdquo;</p>
        <span class="frp-insights-card-go">Read the interview</span>
      </a>
      <a class="frp-insights-card" href="/career-insight-rob-linger">
        <span class="frp-insights-card-field">Merchandising</span>
        <span class="frp-insights-card-name">Rob Linger</span>
        <span class="frp-insights-card-role">Senior Merchandiser</span>
        <p class="frp-insights-card-teaser">&ldquo;One thing you can guarantee is that each week will throw up a new challenge.&rdquo;</p>
        <span class="frp-insights-card-go">Read the interview</span>
      </a>
      <a class="frp-insights-card" href="/career-insight-erin-barry">
        <span class="frp-insights-card-field">Digital Design</span>
        <span class="frp-insights-card-name">Erin Barry</span>
        <span class="frp-insights-card-role">Global Digital Creative Lead</span>
        <p class="frp-insights-card-teaser">&ldquo;There is never a dull moment.&rdquo;</p>
        <span class="frp-insights-card-go">Read the interview</span>
      </a>
    </div>

    <div class="frp-insights-closing">
      <p class="frp-insights-closing-statement">Ready to take the next step?</p>
      <p>Browse our current live roles across fashion and retail, or register your CV and let our consultants match you to the right move.</p>
      <div class="frp-insights-closing-actions">
        <a href="/jobs" class="frp-insights-cta">Browse Fashion &amp; Retail Jobs</a>
        <a href="/jobseekers/register" class="frp-insights-cta frp-insights-cta--outline">Register Your CV</a>
      </div>
    </div>

  </div>
</div>