<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Sandcurves — Stories about remarkable places</title>
    <meta
      name="description"
      content="Deeply researched stories about remarkable places, history and the natural world."
    >
    <link rel="canonical" href="https://sandcurves.com/">

    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Sandcurves">
    <meta property="og:title" content="Sandcurves — Stories about remarkable places">
    <meta
      property="og:description"
      content="Deeply researched stories about remarkable places, history and the natural world."
    >
    <meta property="og:url" content="https://sandcurves.com/">
    <meta property="og:image" content="https://sandcurves.com/assets/social/sandcurves-social.jpg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta
      property="og:image:alt"
      content="Sand dunes meeting the Atlantic coast beneath the Sandcurves name."
    >

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Sandcurves — Stories about remarkable places">
    <meta
      name="twitter:description"
      content="Deeply researched stories about remarkable places, history and the natural world."
    >
    <meta name="twitter:image" content="https://sandcurves.com/assets/social/sandcurves-social.jpg">

    <meta name="theme-color" content="#222222">
    <link rel="icon" type="image/png" sizes="64x64" href="assets/favicon/favicon-64.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
    <link rel="stylesheet" href="styles.css">
  </head>

  <body>
    <a class="skip-link" href="#main-content">Skip to main content</a>

    <main id="main-content">
      <section class="hero" aria-labelledby="page-title">
        <picture class="hero__media">
          <source media="(max-width: 680px)" srcset="assets/images/namib-coast-mobile.webp">
          <img
            src="assets/images/namib-coast.webp"
            width="1920"
            height="1200"
            alt="Sand dunes descending into the misty Atlantic on Namibia’s coast."
            fetchpriority="high"
          >
        </picture>

        <div class="hero__shade" aria-hidden="true"></div>

        <div class="hero__inner">
          <p class="eyebrow">
            <span aria-hidden="true"></span>
            Documentary stories
          </p>

          <div class="hero__copy">
            <h1 id="page-title">Sandcurves</h1>
            <p class="hero__description">
              Deeply researched stories about remarkable places, history and the natural world.
            </p>

            <!--
              ================================================================
              EDIT LINKS HERE
              Replace each REPLACE_WITH_... value with the full final URL.
              Keep these links together so future updates are quick and simple.
              ================================================================
            -->
            <div class="primary-action">
              <a class="button button--primary" href="https://www.youtube.com/@sandcurves">
                <span>Watch Sandcurves on YouTube</span>
                <span class="button__arrow" aria-hidden="true">↗</span>
              </a>
            </div>
          </div>

          <p class="hero__location">Namibia · Atlantic coast</p>
        </div>
      </section>

      <section class="connections" aria-labelledby="connections-title">
        <div class="connections__intro">
          <p class="section-label">Explore further</p>
          <h2 id="connections-title">Follow the story</h2>
        </div>

        <!-- EDIT LINKS HERE: keep all secondary destinations in this list. -->
        <nav class="link-list" aria-label="Sandcurves links">
          <a href="https://substack.com/@sandcurves">
            <span>Read on Substack</span>
            <span aria-hidden="true">↗</span>
          </a>
          <a href="https://www.patreon.com/c/Sandcurves">
            <span>Support on Patreon</span>
            <span aria-hidden="true">↗</span>
          </a>
          <a href="https://x.com/sandcurves">
            <span>Follow on X</span>
            <span aria-hidden="true">↗</span>
          </a>
          <a href="https://www.linkedin.com/in/namibnat/">
            <span>Connect on LinkedIn</span>
            <span aria-hidden="true">↗</span>
          </a>
          <a href="mailto:vernon@sandcurves.com">
            <span>Email Vernon</span>
            <span aria-hidden="true">↗</span>
          </a>
        </nav>

        <aside class="creator" aria-label="About the creator">
          <p class="section-label">Behind Sandcurves</p>
          <p>
            Created by <strong>Vernon Swanepoel</strong>, a former southern African guide
            and Python developer.
          </p>
        </aside>
      </section>
    </main>

    <footer>
      <p>© Sandcurves</p>
      <p>Stories shaped by place.</p>
    </footer>
  </body>
</html>
