/* Utilities needed for Amakuru responsive split */
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aspect-\[16\/9\] { aspect-ratio: 16 / 9; }
.aspect-\[16\/10\] { aspect-ratio: 16 / 10; }
.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.min-h-\[200px\] { min-height: 200px; }
.min-h-\[220px\] { min-height: 220px; }
.min-h-\[280px\] { min-height: 280px; }
.min-h-\[480px\] { min-height: 480px; }

@media (min-width: 64rem) {
  .lg\:grid { display: grid; }
  .lg\:grid-cols-\[1fr_340px\] { grid-template-columns: 1fr 340px; }
  .lg\:hidden { display: none !important; }
  .lg\:min-h-\[400px\] { min-height: 400px; }
}

@media (min-width: 40rem) {
  .sm\:min-h-\[280px\] { min-height: 280px; }
  .sm\:h-auto { height: auto; }
  .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
}

@media (min-width: 48rem) {
  .md\:min-h-\[480px\] { min-height: 480px; }
}

/* Amakuru mobile featured images — landscape, centered */
.amakuru-aheruka .amakuru-featured-image,
.amakuru-aheruka .amakuru-card-image {
  display: block;
  width: 100%;
  height: 100%;
}
.amakuru-aheruka .amakuru-featured-image img,
.amakuru-aheruka .amakuru-card-image img {
  object-fit: cover !important;
  object-position: center center !important;
}

/* Mobile Amakuru: image stays dominant; title sits in compact bar below */
@media (max-width: 1023px) {
  .amakuru-aheruka .aspect-\[16\/10\] {
    aspect-ratio: auto;
    min-height: 0;
  }
  .amakuru-aheruka .aspect-\[16\/10\] > .relative {
    display: flex;
    flex-direction: column;
    min-height: 260px;
  }
  .amakuru-aheruka .aspect-\[16\/10\] .amakuru-featured-image {
    min-height: 200px;
  }
}

/* Keep other mobile homepage tweaks without changing desktop Amakuru */
@media (max-width: 767px) {
  /* Keep hero program slider height — slides are absolute and need fixed height */
  .aspect-\[4\/5\] {
    aspect-ratio: 16 / 10 !important;
  }

  .py-20,
  .sm\:py-28,
  .pt-20,
  .sm\:pt-28 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  .pb-20,
  .sm\:pb-24 {
    padding-bottom: 1.75rem !important;
  }

  .mb-14,
  .mb-10 {
    margin-bottom: 1.25rem !important;
  }

  .lg\:grid-cols-12,
  .md\:grid-cols-\[1\.5fr_1fr_1fr_1fr\] {
    grid-template-columns: 1fr !important;
  }

  .lg\:col-span-8,
  .lg\:col-span-4 {
    grid-column: auto !important;
  }

  .text-\[160px\],
  .sm\:text-\[220px\] {
    font-size: 4.5rem !important;
  }
}