/* BOOK (hidden initially) */
.book {
  position: absolute;
  left: 120px;
  top: 140px;
  width: 300px;
  height: 360px;
  background: #fbf7ee;
  border: 1px solid #d2c8b5;
  box-shadow: 12px 18px 35px rgba(0,0,0,0.35);
  opacity: 0;
  pointer-events: none;
  transform: translateY(40px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  overflow: hidden;
}

/* Pages */
.page {
  position: absolute;
  inset: 0;
  padding: 30px;
  background: #fbf7ee;
  transform: translateY(100%);
  transition: transform 0.4s ease;
}

.page-1 {
  transform: translateY(0);
}

/* OPEN STATE */
#open-passport:checked ~ .archive-desk .passport {
  opacity: 0;
  pointer-events: none;
  transform: rotate(-12deg) translateY(40px);
}

#open-passport:checked ~ .archive-desk .book {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* Simple page switching (CSS-only demo) */
.book .next:focus ~ .page-2,
.book .next:active ~ .page-2 {
  transform: translateY(0);
}

button {
  background: none;
  border: none;
  font-family: 'Inter', sans-serif;
  letter-spacing: 1px;
  cursor: pointer;
  margin-top: 30px;
}