<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>404: Page Not Found, Amanda Sanchez</title>
  <meta name="description" content="Page not found. Return to Amanda Sanchez's research portfolio.">
  <meta name="author" content="Amanda Sanchez">
  <meta property="og:title" content="404: Page Not Found, Amanda Sanchez">
  <meta property="og:description" content="This page doesn't exist. Head back to the research or the homepage.">
  <meta property="og:image" content="https://amanda.sanchez.global/og-image.png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:image" content="https://amanda.sanchez.global/og-image.png">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://amanda.sanchez.global/404">
  <link rel="canonical" href="https://amanda.sanchez.global/404">
  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='6' fill='%235a7c5a'/%3E%3Cpath d='M8 24L16 6L24 24' stroke='%23faf8f4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M11 18h10' stroke='%23faf8f4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E">
  <link rel="preconnect" href="https://api.fontshare.com" crossorigin>
  <link rel="preconnect" href="https://cdn.fontshare.com" crossorigin>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://api.fontshare.com/v2/css?f[]=zodiak@400,500,600&f[]=satoshi@300,400,500,700&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300..600&family=Inter:wght@300..600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="base.css">
  <link rel="stylesheet" href="style.css">
  <style>
    .error-page {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }
    .error-main {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: var(--space-16) var(--space-6);
    }
    .error-content {
      text-align: center;
      max-width: 480px;
    }
    .error-logo {
      display: inline-flex;
      margin-bottom: var(--space-8);
      color: var(--color-primary);
    }
    .error-logo svg {
      width: 52px;
      height: 52px;
    }
    .error-code {
      font-family: var(--font-display);
      font-size: clamp(5rem, 15vw, 8rem);
      font-weight: 400;
      line-height: 1;
      color: var(--color-primary);
      letter-spacing: -0.02em;
      margin-bottom: var(--space-3);
    }
    .error-title {
      font-family: var(--font-display);
      font-size: var(--text-xl);
      font-weight: 400;
      color: var(--color-text);
      margin-bottom: var(--space-4);
    }
    .error-quip {
      font-size: var(--text-base);
      color: var(--color-text-muted);
      line-height: 1.6;
      margin-bottom: var(--space-10);
      font-style: italic;
    }
    .error-actions {
      display: flex;
      gap: var(--space-4);
      justify-content: center;
      flex-wrap: wrap;
    }
    .error-divider {
      width: 40px;
      height: 2px;
      background: var(--color-primary);
      margin: 0 auto var(--space-6);
      border-radius: 2px;
    }
  </style>
</head>
<body class="error-page">

  <main class="error-main">
    <div class="error-content">
      <div class="error-logo" aria-hidden="true">
        <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Amanda Sanchez logo">
          <rect width="36" height="36" rx="8" fill="currentColor" opacity="0.08"/>
          <path d="M10 26L18 8L26 26" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
          <path d="M13 20h10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
          <path d="M21 26c2-3 3.5-6 3.5-9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity="0.5"/>
        </svg>
      </div>
      <div class="error-divider"></div>
      <div class="error-code" aria-label="Error 404">404</div>
      <h1 class="error-title">Page not found</h1>
      <p class="error-quip">This page doesn't exist, or it moved. Try the links below.</p>
      <div class="error-actions">
        <a href="/" class="btn btn--primary">Back to Home</a>
        <a href="research.html" class="btn btn--outline">View Research</a>
      </div>
    </div>
  </main>

  <footer class="site-footer">
    <div class="footer-inner">
      <div class="footer-left">
        &copy; 2026 Amanda Sanchez &middot;
        <a href="https://orcid.org/0009-0009-3379-0778" target="_blank" rel="noopener noreferrer">ORCID</a>
      </div>
      <div class="footer-links">
        <a href="https://www.linkedin.com/in/amandarsanchez" target="_blank" rel="noopener noreferrer">LinkedIn</a>
        <a href="mailto:Amanda@sanchez.global">Email</a>
      </div>
    </div>
  </footer>
  <!-- Cloudflare Web Analytics -->
<!-- End Cloudflare Web Analytics -->
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a1f7382dbf752012',t:'MTc4NDc3MzM2Nw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
