.navigation-wrapper {
  display: contents;
}
 
.navigation-container1 {
  display: contents;
}
 
.navigation-container2 {
  display: none;
}
 
.navigation-container3 {
  display: contents;
}

.footer-wrapper {
  display: contents;
}
 
.footer-container1 {
  display: contents;
}
 
.footer-container2 {
  display: none;
}
 
.footer-container3 {
  display: contents;
}
 
.footer-container4 {
  display: none;
}
 
.footer-container5 {
  display: contents;
}

.home-container1 {
  width: 100%;
  display: block;
  min-height: 100vh;
}
 
.home-container2 {
  display: none;
}
 
.home-container3 {
  display: contents;
}
 
.home-container4 {
  right: 50px;
  border: 1px solid #ffffff5c;
  bottom: 30px;
  display: flex;
  z-index: 22;
  position: fixed;
  box-shadow: 5px 5px 10px 0px rgba(31, 31, 31, 0.4);
  min-height: auto;
  align-items: center;
  padding-top: 8px;
  padding-left: 12px;
  border-radius: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  backdrop-filter: blur(6px);
  background-color: rgba(41, 41, 41, 0.41);
}
 
.home-icon60 {
  width: 24px;
  margin-right: 4px;
}
 
.home-text33 {
  color: white;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

/* Photo gallery: make images display in a responsive 2x2 grid */
.photo-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  max-width: 900px;
  margin: 1.5rem auto 0 auto;
}
.photo-gallery .photo-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}

@media (max-width: 640px) {
  .photo-gallery {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}

/* Fade-in animation for gallery items with staggered delays (triggered when in view) */
@keyframes dm-photo-fade {
  from { opacity: 0; transform: translateY(10px) scale(0.995); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.photo-gallery .photo-item {
  opacity: 0;
  transform: translateY(10px);
  will-change: opacity, transform;
}
.photo-gallery .photo-item.in-view {
  animation-name: dm-photo-fade;
  animation-duration: 560ms;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.2,.8,.2,1);
}
.photo-gallery .photo-item.in-view:nth-child(1) { animation-delay: 0.08s; }
.photo-gallery .photo-item.in-view:nth-child(2) { animation-delay: 0.18s; }
.photo-gallery .photo-item.in-view:nth-child(3) { animation-delay: 0.28s; }
.photo-gallery .photo-item.in-view:nth-child(4) { animation-delay: 0.38s; }

@media (prefers-reduced-motion: reduce) {
  .photo-gallery .photo-item { animation: none; opacity: 1; transform: none; }
}