function Footer() {
  return (
    <footer className="ft">
      <div className="section-inner ft-inner">
        <div className="ft-top">
          <div className="ft-plate h-display">
            <span>HYUNDAI</span>
            <span className="ft-n">N</span>
            <span>NEVER JUST DRIVE</span>
          </div>
          <div className="ft-rev mono-up">Prototype rev 0.1</div>
        </div>
        <div className="ft-bottom">
          <div className="mono-up ft-loc">Singapore · Sepang · Performance Pack</div>
          <div className="mono-up ft-stamp">— end of file —</div>
        </div>
      </div>
      <style>{`
        .ft { background: var(--bg-0); border-top: 1px solid var(--line); padding: 48px 0 36px; }
        .ft-top {
          display: flex; justify-content: space-between; align-items: baseline;
          padding-bottom: 28px;
          border-bottom: 1px solid var(--line);
          gap: 16px; flex-wrap: wrap;
        }
        .ft-plate {
          display: inline-flex; gap: 14px; align-items: baseline;
          font-size: clamp(32px, 5vw, 56px);
        }
        .ft-n { color: var(--accent); }
        .ft-rev { color: var(--ink-3); }
        .ft-bottom {
          display: flex; justify-content: space-between;
          padding-top: 20px;
          color: var(--ink-2);
          gap: 16px; flex-wrap: wrap;
        }
        .ft-stamp { color: var(--ink-3); }
      `}</style>
    </footer>
  );
}
window.Footer = Footer;