/* ============================================
   DESIGN TOKENS — needed by the footer
   ============================================ */
   :root{
    --ink:        #FFFFFF;
    --charcoal:   #ede0d4;
    --card:       #e6ccb2;
    --shark-grey: #ddb892;
    --fin-grey:   #000000;
    --bone:       #000000;
    --acid:       #ddb892;
    --blood:      #000000;
  
    --primary:       #b08968;
    --primary-hover: #96714f;
  
    --font-display: 'Anton', sans-serif;
    --font-body: 'Space Grotesk', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
  }
  
  *{ margin:0; padding:0; box-sizing:border-box; }
  body{
    background:var(--ink);
    color:var(--bone);
    font-family:var(--font-body);
  }
  img{ max-width:100%; display:block; }
  a{ color:inherit; text-decoration:none; }
  ::selection{ background:var(--primary); color:#000; }
  
  .wrap{ max-width:1240px; margin:0 auto; padding:0 32px; }
  
  /* ============================================
     LOGO (reused from header — footer shows the same mark)
     ============================================ */
  .logo{
    position:relative;
    font-family:var(--font-display);
    font-size:21px;
    text-transform:uppercase;
    display:inline-flex; align-items:center; gap:10px;
  }
  .logo-img{
    width:32px; height:32px;
    border-radius:8px;
    flex:0 0 auto;
    font-size:0;
  }
  img.logo-img{ object-fit:cover; background:none; }
  .logo .bite{ -webkit-text-stroke:1px var(--bone); color:transparent; }
  
  /* ============================================
     FOOTER — minimal single row
     ============================================ */
  footer{ padding:36px 0; position:relative; z-index:2; }
  .footer-row{
    display:flex; align-items:center; justify-content:space-between;
    flex-wrap:wrap; gap:20px;
  }
  .footer-links{ display:flex; gap:28px; flex-wrap:wrap; }
  .footer-links a{
    font-family:var(--font-mono); font-size:12px; color:var(--fin-grey);
    text-transform:uppercase; letter-spacing:0.05em;
    transition:color 0.2s ease;
  }
  .footer-links a:hover{ color:var(--bone); }
  .footer-copy{
    font-family:var(--font-mono); font-size:11px; color:var(--fin-grey);
  }
  
  /* ============================================
     RESPONSIVE — rule affecting the footer
     ============================================ */
  @media (max-width:720px){
    .footer-row{ flex-direction:column; align-items:flex-start; }
  }
  @media (prefers-reduced-motion: reduce){
    *{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; }
  }