/* chucksmyth.com — site-level styles
   Lattice surface styles come from vendor/bordSurface.
   This file handles page chrome, SEO-visible content, and responsive breakpoints. */

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #0a0a0a;
}

#lattice-root {
  width: 100%;
  height: 100%;
}

/* --- Responsive breakpoints --- */

@media (max-width: 768px) {
  /* Collapse lattice to mobile card view */
}

@media (max-width: 480px) {
  /* Single column, larger touch targets */
}

@media (min-width: 1200px) {
  /* Full lattice experience */
}