/* Shared by every page. Native links remain usable without JavaScript. */
@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: page-out 140ms ease-out both;
}

::view-transition-new(root) {
  animation: page-in 220ms ease-out both;
}

body > main {
  animation: page-in 240ms ease-out both;
}

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

@keyframes page-out {
  to { opacity: 0; }
}

html {
  scroll-padding-top: calc(var(--site-header-height, 80px) + 24px);
}

img, video, svg {
  max-width: 100%;
}

a, button {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.project-card.is-opening {
  border-color: var(--acento, #c8f165);
}

.project-card.is-opening .card-arrow {
  background: var(--acento, #c8f165);
  color: #0a0a0a;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body > main,
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
}