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

@keyframes page-enter {
  from { opacity: 0; }
  to   { opacity: 1; }
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: var(--font-body);
  background: var(--ivory);
  color: var(--ink);
  font-size: 16px;
  line-height: 1.6;
  cursor: none;
  animation: page-enter 0.45s ease forwards;
}

section { padding: 6rem 0; }

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 3rem;
}

@media (max-width: 768px) {
  body { cursor: auto; }
  .container { padding: 0 1.5rem; }
}

/* Block right-click "open image in new tab" + drag on all images */
img {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}