@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/alegreya-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/alegreya-700.woff2') format('woff2');
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #110e0c;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.pv-serif {
  font-family: 'Alegreya', Georgia, 'Times New Roman', serif;
}

::selection {
  background-color: #f59e0b;
  color: #110e0c;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #1a1512;
}

::-webkit-scrollbar-thumb {
  background: #4d3c22;
  border: 2px solid #1a1512;
}

.pv-plaque {
  border: 2px solid #d4a12a;
  border-radius: 0;
  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
}

.pv-plaque:active {
  transform: translateY(1px);
}

.pv-registry > * + * {
  border-top: 1px solid #2a221a;
}

@media (min-width: 768px) {
  .pv-registry {
    display: grid;
    grid-template-columns: repeat(var(--pv-cols, 2), minmax(0, 1fr));
  }
  .pv-registry > * {
    border-top: 0;
    border-right: 1px solid #2a221a;
    padding-right: 1.75rem;
  }
  .pv-registry > *:last-child {
    border-right: 0;
  }
  .pv-registry > * + * {
    padding-left: 1.75rem;
  }
}

.pv-timeline {
  position: relative;
}

.pv-timeline::before {
  content: '';
  position: absolute;
  left: 1.15rem;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom, transparent, #4d3c22 6%, #4d3c22 94%, transparent);
}

@media (min-width: 1024px) {
  .pv-timeline::before {
    left: 50%;
    margin-left: -1px;
  }
}

.pv-node-dot {
  box-shadow: 0 0 0 4px #110e0c, 0 0 0 5px #4d3c22;
}

.pv-accordion-item[open] .pv-accordion-icon {
  transform: rotate(45deg);
}

.pv-accordion-icon {
  transition: transform 0.2s ease;
}

.pv-accordion-item summary::-webkit-details-marker {
  display: none;
}

.pv-fade-in {
  animation: pv-fade 0.4s ease-out both;
}

@keyframes pv-fade {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#pv-cookie-banner {
  transform: translateY(120%);
  transition: transform 0.35s ease-out;
}

#pv-cookie-banner.pv-visible {
  transform: translateY(0);
}

.pv-parchment-texture {
  background-image: radial-gradient(circle at 20% 20%, rgba(245, 158, 11, 0.05), transparent 45%),
    radial-gradient(circle at 80% 70%, rgba(245, 158, 11, 0.04), transparent 40%);
}