/* Halaman depan versi padat (18 Oktober 2026).
   Dimuat sesudah landing.css. Berkas ini hanya berisi penimpaan agar halaman
   depan tidak menyisakan ruang kosong: jarak antarbagian lebih rapat, dua kartu
   projek berdampingan, dan logo kartu berukuran tetap. Ukuran huruf tetap
   normal seperti rancangan awal, bukan diperkecil. */

.landing {
  gap: clamp(1rem, 2.2vw, 1.55rem);
  max-width: 1000px;
  padding: clamp(.9rem, 2.4vw, 1.4rem) clamp(1rem, 3vw, 1.6rem) clamp(1.4rem, 3.5vw, 2rem);
}
.landing-hero { grid-template-columns: minmax(0, 1fr) auto; gap: clamp(1rem, 2.6vw, 1.9rem); padding: 0; }
.landing-hero-copy { gap: .7rem; }
.landing-hero h1 { font-size: clamp(2rem, 4vw, 2.8rem); }
.landing-lead { max-width: 48ch; font-size: clamp(.98rem, 1.3vw, 1.08rem); line-height: 1.6; }
.landing-actions { gap: .6rem 1.1rem; margin-top: .2rem; }
.landing-button { min-height: 2.85rem; padding: .68rem 1.25rem; font-size: .95rem; }
.landing-emblem { gap: .5rem; }
.landing-emblem-ring { width: clamp(5.5rem, 11vw, 7.5rem); }
.landing-emblem-caption { font-size: .7rem; }

.landing-section { gap: .8rem; }
.landing-section-heading { gap: .2rem; max-width: none; }
.landing-section-heading h2 { font-size: clamp(1.2rem, 2vw, 1.42rem); }
.landing-section-heading p:last-child { font-size: .92rem; }

/* Dua kartu projek berdampingan.
   Baris kartu memakai min-content agar tidak melar, dan tinggi logo ditulis
   eksplisit sebab atribut height="256" pada <img> tetap berlaku bila CSS hanya
   mengatur lebar — inilah yang dulu menyisakan ruang putih tinggi di dalam kartu. */
.landing-programs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.landing-program {
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: start;
  align-items: start;
  column-gap: .8rem;
  row-gap: .3rem;
  padding: .95rem 1.05rem;
  border-radius: 14px;
}
.landing-program-logo {
  width: 2.6rem;
  height: 2.6rem;
  align-self: start;
  padding: .28rem;
  border-radius: 10px;
  object-fit: contain;
}
.landing-program-body strong { gap: .45rem; font-size: 1.02rem; line-height: 1.35; }
.landing-program-tag { font-size: .66rem; }
.landing-program-text { font-size: .9rem; line-height: 1.45; }
.landing-program-action {
  grid-column: 2;
  grid-row: 2;
  justify-self: start;
  width: auto;
  margin-top: .1rem;
  padding: .3rem .8rem;
  border-radius: 999px;
  font-size: .88rem;
}

.landing-note { gap: .2rem; padding-top: .9rem; }
.landing-note strong { font-size: 1.02rem; }
.landing-note span { max-width: 52ch; font-size: .88rem; }

@media (max-width: 820px) {
  .landing-hero { grid-template-columns: minmax(0, 1fr); gap: .9rem; }
  .landing-emblem-ring { width: 4.25rem; }
  .landing-programs { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 520px) {
  .landing { gap: 1.15rem; padding-top: .8rem; }
}