/* Homepage gallery overrides (isolated from large base stylesheet) */

body.home-page #gallery .gallery-container.homepage-gallery-enabled {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: min(1240px, 100%);
  margin: 0 auto;
  gap: 1.25rem;
  padding-inline: 1rem;
}

body.home-page #gallery .homepage-gallery-inline-grid,
body.home-page #gallery .homepage-gallery-image-grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  justify-content: center;
}

body.home-page #gallery .homepage-gallery-video-grid {
  width: 100%;
  display: flex;
  justify-content: center;
}

body.home-page
  #gallery
  .gallery-container.homepage-gallery-enabled.homepage-gallery-video-separated.homepage-video-pos-above
  .homepage-gallery-image-grid {
  order: 2;
}

body.home-page
  #gallery
  .gallery-container.homepage-gallery-enabled.homepage-gallery-video-separated.homepage-video-pos-above
  .homepage-gallery-video-grid {
  order: 1;
}

body.home-page
  #gallery
  .gallery-container.homepage-gallery-enabled.homepage-gallery-video-separated.homepage-video-pos-below
  .homepage-gallery-image-grid {
  order: 1;
}

body.home-page
  #gallery
  .gallery-container.homepage-gallery-enabled.homepage-gallery-video-separated.homepage-video-pos-below
  .homepage-gallery-video-grid {
  order: 2;
}

body.home-page #gallery .homepage-gallery-item {
  width: 100%;
  min-height: 220px;
}

body.home-page #gallery .homepage-gallery-image-item.homepage-gallery-item-scale-s {
  min-height: 170px;
}

body.home-page #gallery .homepage-gallery-image-item.homepage-gallery-item-scale-m {
  min-height: 220px;
}

body.home-page #gallery .homepage-gallery-image-item.homepage-gallery-item-scale-l {
  min-height: 290px;
}

body.home-page #gallery .homepage-gallery-video-item {
  aspect-ratio: 16 / 9;
  min-height: 0;
}

body.home-page #gallery .homepage-gallery-video-item.homepage-gallery-item-scale-s {
  width: min(760px, 100%);
}

body.home-page #gallery .homepage-gallery-video-item.homepage-gallery-item-scale-m {
  width: min(980px, 100%);
}

body.home-page #gallery .homepage-gallery-video-item.homepage-gallery-item-scale-l {
  width: min(1180px, 100%);
}

body.home-page #gallery .homepage-gallery-inline-grid .homepage-gallery-video-item {
  width: 100%;
  min-height: 220px;
}

@media (max-width: 1024px) {
  body.home-page #gallery .homepage-gallery-inline-grid,
  body.home-page #gallery .homepage-gallery-image-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  body.home-page #gallery .homepage-gallery-inline-grid,
  body.home-page #gallery .homepage-gallery-image-grid {
    grid-template-columns: 1fr;
  }

  body.home-page #gallery .homepage-gallery-item {
    min-height: 220px;
  }
}

/* Keep form intact but hide legacy heading only */
body.home-page #apply-school-section .form-main-title {
  display: none;
}

/* Hide apply form block without deleting markup */
body.home-page #apply-school-section #school-form-placeholder {
  display: none !important;
}

body.home-page #apply-school-section .school-extra-media {
  margin-top: 52px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.home-page #apply-school-section .school-extra-media img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.28);
}

body.home-page #apply-school-section .school-extra-cta {
  margin-top: 96px;
}

body.home-page #apply-school-section .apply-form-intro h2 {
  margin-bottom: 3.2rem;
}

body.home-page #apply-school-section .apply-form-intro p,
body.home-page #apply-school-section .apply-form-intro ul,
body.home-page #apply-school-section .apply-form-intro ol,
body.home-page #apply-school-section .apply-form-intro h3,
body.home-page #apply-school-section .apply-form-intro h4,
body.home-page #apply-school-section .apply-form-intro h5,
body.home-page #apply-school-section .apply-form-intro h6 {
  margin-bottom: 2.2rem;
}

@media (max-width: 768px) {
  body.home-page #apply-school-section .school-extra-media {
    grid-template-columns: 1fr;
  }
}