/* Adapted interactions: no global img transform and no hidden long sections. */
html{scroll-behavior:smooth}
.header .main-nav>a{transition:color .3s ease,transform .3s ease}
.project-view,.collection-image{transition:box-shadow .4s ease}
.project-view>img,.collection-image>img,.collection-image-window{transition:transform .4s ease}
@media(hover:hover) and (pointer:fine){
  .header .main-nav>a:hover{transform:translateY(-2px)}
  .header .main-nav>a:not(.nav-cta):hover{color:var(--muted,#2c3036)}
  .project-view:hover,.collection-card:hover .collection-image{box-shadow:0 10px 20px rgba(0,0,0,.12)}
  .project-view:hover>img,.collection-card:hover .collection-image>img,.collection-card:hover .collection-image-window{transform:scale(1.03)}
}
.elemento-oculto{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}
.elemento-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .header .main-nav>a,.project-view,.collection-image,.project-view>img,.collection-image>img,.collection-image-window,.elemento-oculto{transition:none}
  .elemento-oculto{opacity:1;transform:none}
  .header .main-nav>a:hover,.project-view:hover>img,.collection-card:hover .collection-image>img,.collection-card:hover .collection-image-window{transform:none}
}