1&display=swap');
400;500;600&display=swap');




html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Manrope', system-ui, sans-serif;
  background-color: #FBFAF7;
  color: #171816;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

.page-portal {
  clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%, 0 20%);
  transform: scale(1.02);
  animation: portalReveal 1.8s cubic-bezier(0.2, 0.75, 0.25, 1) both;
}

.hero-coordinate {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  z-index: 2;
  writing-mode: vertical-rl;
  font-family: 'Manrope', sans-serif;
  font-size: 0.5rem;
  letter-spacing: 0.28em;
  color: rgba(244, 240, 232, 0.3);
}

.menu-orbit {
  position: absolute;
  width: min(70vw, 900px);
  aspect-ratio: 1;
  border: 1px solid rgba(198, 183, 157, 0.07);
  border-radius: 50%;
  left: -35vw;
  top: -35vw;
}

.menu-orbit::after {
  content: '';
  position: absolute;
  inset: 16%;
  border: 1px solid rgba(198, 183, 157, 0.06);
  border-radius: 50%;
}

.journey-link:hover {
  color: #d6bd8c !important;
}

.next-chapter:hover .next-chapter-arrow {
  transform: translateX(0.75rem);
}

@keyframes portalReveal {
  from { opacity: 0; transform: scale(1.08); clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%, 100% 20%); }
  to { opacity: 0.7; transform: scale(1.02); clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%, 0 20%); }
}

@media (max-width: 767px) {
  .page-portal {
    inset: 0 !important;
    width: 100% !important;
    opacity: 0.42 !important;
    clip-path: none;
  }

  .hero-coordinate {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

@keyframes scrollPulse {
  0% { transform: scaleY(0); transform-origin: top; opacity: 0; }
  50% { transform: scaleY(1); transform-origin: top; opacity: 1; }
  100% { transform: scaleY(0); transform-origin: bottom; opacity: 0; }
}

::selection {
  background-color: #C6B79D;
  color: #171816;
}

.mds-reveal-ready{opacity:0;transform:translateY(28px);transition:opacity 1s ease var(--mds-delay,0ms),transform 1s ease var(--mds-delay,0ms)} .mds-reveal-ready.is-visible{opacity:1;transform:none} @media(prefers-reduced-motion:reduce){.mds-reveal-ready{opacity:1;transform:none;transition:none}}