header .wp-block-stack {
  justify-content: flex-start !important;
  gap: 0 !important;
}
header h1, header h2, header h3 {
  margin: 0 !important;
  line-height: 1.1;
}

.wp-block-grid {
  align-items: stretch;
}

.wp-block-grid > * {
  min-height: 100%;
}

.wp-block-grid img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
}

.wp-block-grid figure {
  margin: 0 !important;
  height: 100%;
}

@media (max-width: 768px) {
  .project-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .project-grid > .wp-block-column {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    margin: 0 !important;
  }

  .project-grid > .wp-block-column img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }
}

/* Hover zoom effect for project photos */

.project-grid .wp-block-image {
  overflow: hidden;
  border-radius: 4px;
}

.project-grid .wp-block-image img {
  transition: transform 0.35s ease;
}

.project-grid .wp-block-image:hover img {
  transform: scale(1.08);
	filter: brightness(1.05);
}

/* Project gallery hover card effect */

.project-grid .wp-block-image {
  overflow: hidden;
  border-radius: 4px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.project-grid .wp-block-image img {
  transition: transform 0.35s ease, filter 0.35s ease;
}

/* Hover effect */
.project-grid .wp-block-image:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 22px rgba(0,0,0,0.18);
}

.project-grid .wp-block-image:hover img {
  transform: scale(1.08);
  filter: brightness(1.05);
}

/* Recent Projects gallery thumbnails */
.wp-block-gallery .wp-block-image,
.wp-block-gallery .blocks-gallery-item {
  overflow: hidden;
  border-radius: 4px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Make sure the image itself fills nicely */
.wp-block-gallery .wp-block-image img,
.wp-block-gallery .blocks-gallery-item img {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.35s ease, filter 0.35s ease;
}

/* Hover effect */
.wp-block-gallery .wp-block-image:hover,
.wp-block-gallery .blocks-gallery-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
}

.wp-block-gallery .wp-block-image:hover img,
.wp-block-gallery .blocks-gallery-item:hover img {
  transform: scale(1.08);
  filter: brightness(1.05);
}

/* Cleaner FooBox look */
.foobox,
.foobox-overlay,
.fbx-overlay {
  background: rgba(0, 0, 0, 0.88) !important;
}

/* Remove bulky white framing around image area if present */
.foobox .fbx-inner,
.foobox .fbx-item,
.fbx-modal .fbx-inner,
.fbx-modal .fbx-item {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Make image area cleaner */
.foobox img,
.fbx-modal img {
  border-radius: 6px !important;
}

/* Cleaner close button */
.foobox .fbx-close,
.fbx-modal .fbx-close {
  background: rgba(255, 255, 255, 0.92) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

/* Cleaner arrows */
.foobox .fbx-prev,
.foobox .fbx-next,
.fbx-modal .fbx-prev,
.fbx-modal .fbx-next {
  background: rgba(255, 255, 255, 0.92) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* Optional: cleaner counter text */
.foobox .fbx-count,
.fbx-modal .fbx-count {
  color: #ffffff !important;
  font-size: 14px !important;
}

/* Prevent page from scrolling while FooBox is open */
html.fbx-open,
body.fbx-open,
html.foobox-open,
body.foobox-open {
  overflow: hidden !important;
  height: 100% !important;
  touch-action: none !important;
}

/* Mobile: move FooBox controls away from the top */
@media (max-width: 768px) {
  /* Put next/prev vertically centered on the sides */
  .fbx-prev,
  .fbx-next,
  .foobox .fbx-prev,
  .foobox .fbx-next {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 999999 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .fbx-prev,
  .foobox .fbx-prev {
    left: 10px !important;
    right: auto !important;
  }

  .fbx-next,
  .foobox .fbx-next {
    right: 10px !important;
    left: auto !important;
  }

  /* Keep close button in top-right, smaller and out of the way */
  .fbx-close,
  .foobox .fbx-close {
    position: fixed !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    z-index: 999999 !important;
  }

  /* If FooBox renders a top toolbar, flatten it */
  .fbx-buttons,
  .foobox .fbx-buttons,
  .fbx-toolbar,
  .foobox .fbx-toolbar {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
  }
}

.recent-projects-subtitle {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  font-size: 0.9em !important;
  line-height: 1.35 !important;
  color: #334a7d !important;
  margin-bottom: 16px !important;
}