:root {
  --brand: #4f46e5;
}
body { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.hero {
  background: linear-gradient(135deg, var(--brand), #22d3ee);
}
.thumb {
  width: 80px;
  height: 80px;
  object-fit: cover;
  cursor: pointer;
  border: 2px solid transparent;
}
.thumb.active, .thumb:hover { border-color: var(--brand); }
/* Zoom styles */
.zoom-container {
  position: relative;
  background: #fff;
}
.zoomable {
  transform-origin: center center;
  transition: transform 0.1s ease-out;
  display: block;
  width: 100%;
  height: auto;
  cursor: zoom-in;
}
.zoomed .zoomable {
  cursor: zoom-out;
  transform: scale(2);
}

/* Small utilities */
.container { max-width: 1100px; }