/* Smooth anchor scroll and compensate for sticky header */
:root { --header-h: 80px; }
html{scroll-behavior:smooth;}
section{scroll-margin-top:var(--header-h);}
.gallery-item img{transition:transform .25s ease;}
.gallery-item:hover img{transform:scale(1.05);}
.i{font-size:1.25rem; line-height:1;}
body{overflow-x:hidden;}

@keyframes kenburns-zoom {
  0% { transform: scale(1) translate(0, 0); }
  100% { transform: scale(1.1) translate(2%, 2%); }
}

@keyframes kenburns-left {
  0% { transform: scale(1.05) translateX(2%); }
  100% { transform: scale(1.15) translateX(-2%); }
}

@keyframes kenburns-up {
  0% { transform: scale(1.05) translateY(2%); }
  100% { transform: scale(1.15) translateY(-2%); }
}

.animate-kenburns-zoom {
  animation: kenburns-zoom 6s ease-in-out forwards;
}

.animate-kenburns-left {
  animation: kenburns-left 6s ease-in-out forwards;
}

.animate-kenburns-up {
  animation: kenburns-up 6s ease-in-out forwards;
}