/* Landing Page Fixes */

/* Fix page_wrap causing white space - remove fixed height */
.page_wrap {
  height: auto !important;
}

/* Add space between "Latest articles" section and the featured article above */
.brix---section-small {
  padding-top: 72px !important;
  padding-bottom: 0 !important;
}

/* Reduce excessive gap between "Latest articles" heading and first row of cards */
.brix---grid-title-and-categories {
  margin-bottom: 32px !important;
}

/* Remove the transform that pushes the grid down by 10% */
.brix---section-small > .brix---container-default-5 > div[data-w-id] {
  transform: none !important;
  opacity: 1 !important;
}

/* Add space between the article grid and footer to prevent overlap */
.w-layout-grid.brix---grid-3-columns-gap-row-48px {
  margin-bottom: 80px !important;
  padding-bottom: 0 !important;
}

/* Fix the container wrapper that holds the grid - remove extra bottom padding */
.brix---section-small .brix---container-default-5 {
  padding-bottom: 0 !important;
}

/* Ensure the main content area adapts to content height */
.main {
  overflow: visible !important;
  height: auto !important;
  min-height: auto !important;
}

/* Ensure footer flows naturally after content */
.f-footer-small {
  position: relative !important;
  z-index: 1 !important;
}

/* Ensure consistent blog card image heights */
.brix---blog-card-image-wrapper-v2 {
  aspect-ratio: 16/10 !important;
  overflow: hidden !important;
  height: auto !important;
}

.brix---blog-card-image-wrapper-v2 .brix---blog-card-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}