html, body { margin: 0; }
img { display: block; }
.photo .ph { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; will-change: transform; }
.motion [data-r] { opacity: 0; }

@media (max-width: 760px) {
  .navlinks { display: none !important; }
}

.review-bar {
  position: fixed; left: 16px; bottom: 16px; z-index: 50;
  display: flex; gap: 4px; padding: 4px;
  background: rgba(22, 17, 14, .82); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(196, 164, 104, .35); border-radius: 999px;
  font: 400 13px/1 "Be Vietnam Pro", system-ui, sans-serif;
}
.review-bar a {
  color: #E9DFCF; text-decoration: none; padding: 10px 14px; border-radius: 999px; min-height: 36px;
  box-sizing: border-box; display: inline-flex; align-items: center;
}
.review-bar a:hover { background: rgba(196, 164, 104, .16); opacity: 1; }
.review-bar a[aria-current="page"] { background: #C4A468; color: #1B1410; }

@media (prefers-reduced-motion: reduce) {
  .motion [data-r] { opacity: 1; }
}

@media (max-width: 760px) {
  .mainnav { gap: 14px !important; }
}