<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="google-site-verification" content="iMRetAHEJT81XRpX88EUVu6nGH0BwHTYLU7L7TKsQpw" />
  <title>Richard Meade Photography</title>

  <style>
    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      min-height: 100vh;
      font-family: Arial, Helvetica, sans-serif;
      background: #0d0f12;
      color: #f2f2f2;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px);
      background-size: 42px 42px;
      opacity: 0.35;
      pointer-events: none;
    }

    .page {
      min-height: 100vh;
      display: grid;
      grid-template-columns: 1fr 1.3fr;
      position: relative;
      z-index: 1;
    }

    .title-panel {
      display: flex;
      align-items: flex-end;
      padding: 60px;
      background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08), transparent 30%),
        linear-gradient(160deg, #171b20, #0d0f12);
      border-right: 1px solid rgba(255,255,255,0.1);
    }

    h1 {
      margin: 0;
      max-width: 420px;
      font-size: clamp(46px, 7vw, 92px);
      line-height: 0.95;
      font-weight: 800;
      letter-spacing: -4px;
      text-transform: uppercase;
    }

    .content {
      display: flex;
      align-items: center;
      padding: 70px;
    }

    .text-box {
      max-width: 760px;
      border-left: 3px solid #f2f2f2;
      padding-left: 34px;
    }

    .label {
      display: inline-block;
      margin-bottom: 28px;
      font-size: 12px;
      letter-spacing: 4px;
      text-transform: uppercase;
      color: #9ea4ad;
    }

    p {
      margin: 0 0 24px;
      font-size: clamp(17px, 1.5vw, 21px);
      line-height: 1.75;
      color: #d7d9dc;
    }

    .pulse {
      width: 120px;
      height: 2px;
      margin-top: 38px;
      background: linear-gradient(90deg, #ffffff, transparent);
      animation: pulseLine 2.5s ease-in-out infinite;
    }

    @keyframes pulseLine {
      0%, 100% {
        opacity: 0.25;
        transform: scaleX(0.7);
        transform-origin: left;
      }
      50% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: left;
      }
    }

    /* Concealed footer links */
    footer {
      position: fixed;
      bottom: 18px;
      left: 0;
      width: 100%;
      text-align: center;
      font-size: 12px;
      letter-spacing: 2px;
      z-index: 2;
    }

    footer a {
      color: rgba(255,255,255,0.18);
      text-decoration: none;
      margin: 0 10px;
      transition: all 0.3s ease;
    }

    footer a:hover {
      color: rgba(255,255,255,0.6);
    }

    @media (max-width: 850px) {
      .page {
        grid-template-columns: 1fr;
      }

      .title-panel {
        min-height: 42vh;
        padding: 36px;
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.1);
      }

      h1 {
        letter-spacing: -2px;
      }

      .content {
        padding: 40px 28px 60px;
      }

      .text-box {
        padding-left: 24px;
      }
    }
  </style>
</head>

<body>
  <main class="page">
    <section class="title-panel">
      <h1>Richard Meade Photography</h1>
    </section>

    <section class="content">
      <div class="text-box">
        <span class="label">between stillness and motion</span>

        <p>
          Richard Meade Photography carries a quiet sense of movement and rhythm,
          shaped by a life spent observing people, places, and the paths that
          connect them. There’s a natural pull toward capturing individuals and
          groups in motion - whether that’s the intensity of fighters or the
          subtle dynamics within everyday human interaction.
        </p>

        <p>
          Influenced by a background rooted just outside London, the work often
          blends an urban sensitivity with a wider, more international perspective.
          Travel plays a strong role in the visual language, with experiences
          drawn from living across different countries adding layers of cultural
          nuance.
        </p>

        <p>
          Music hums beneath it all - particularly the pulse of electronica and
          the edge of alternative sounds - giving the imagery an underlying tempo,
          as if each frame exists somewhere between stillness and motion. There’s
          also a quiet appreciation for language and connection, reflected in an
          ease with different environments and a curiosity about the stories people
          carry with them.
        </p>

        <div class="pulse"></div>
      </div>
    </section>
  </main>

  <footer>
    <a href="https://frozenpanda.com">Link</a>
    <a href="https://fotopedia.dk">Link</a>
  </footer>
</body>
</html>