/* Clay override: Rumah Literasi. Hapus link-nya untuk kembali ke tampilan lama */
.hero-section, .taman-baca-section, .lightbox {
  --black: #eef6f1; --black-soft: #e4efe9; --black-card: #f6f3fd;
  --white: #2d2a3e; --gray: #6a6680; --gray-dim: #8f8ba5;
  --border: transparent; --border-hover: transparent;
  --green: #279c60; --green-dim: #c4f0d8;
  --blue: #2b9ad6;  --blue-dim: #c3e7fb;
  --radius: 28px;
  --clay: 10px 10px 24px rgba(110,95,160,.20), -8px -8px 20px rgba(255,255,255,.95),
          inset 0 -4px 8px rgba(0,0,0,.06), inset 0 4px 8px rgba(255,255,255,.85);
  --clay-sm: 6px 6px 14px rgba(110,95,160,.20), -5px -5px 12px rgba(255,255,255,.95),
             inset 0 -3px 6px rgba(0,0,0,.06), inset 0 3px 6px rgba(255,255,255,.85);
}

body:has(.hero-programs) { background: #eef6f1; color: #2d2a3e; }

.hero-section { background: linear-gradient(180deg, #e9e1fb 0%, #eef6f1 100%); border-bottom: 0; }
.hero-pattern { display: none; }

.hero-program-card, .tim-card, .galeri-accordion, .empty-state {
  border: 0; box-shadow: var(--clay);
}
.hero-program-card.program-anjelas { background: #d4eefc; }
.hero-program-card.program-wec     { background: #d3f4e2; }
.tim-card, .galeri-accordion, .empty-state { background: var(--black-card); }

.taman-baca-section { border-bottom: 0; }

.kontak-card {
  border: 0; background: #ffb4a2; color: #4a1d12;
  box-shadow: var(--clay-sm);
  transition: transform .2s ease, box-shadow .2s ease;
}
.kontak-card .card-icon { color: #4a1d12; }
.kontak-card:hover { transform: translateY(-3px); color: #4a1d12; }
.kontak-card:active { transform: translateY(1px); }

.tim-card:hover, .photo-item:hover { transform: translateY(-5px); }
.tim-photo { border: 0; box-shadow: var(--clay-sm); }
.tim-tag { border: 0 !important; box-shadow: var(--clay-sm); }

.galeri-accordion { border-top: 0; }
.galeri-accordion:hover { box-shadow: var(--clay); }
.galeri-accordion-header:hover { background: rgba(255,255,255,.5); }
.galeri-count-badge { color: #fff; box-shadow: var(--clay-sm); }

.photo-item { border: 0; border-radius: 22px; box-shadow: var(--clay-sm); }
.photo-caption { border-top: 0; }

.lightbox-backdrop { background: rgba(45,42,62,.88); }
.lightbox-close, .lightbox-prev, .lightbox-next { border: 0; box-shadow: var(--clay-sm); }
.lightbox-image { border: 0; border-radius: 24px; }

/* ===== Clay v2: lebih hidup ===== */
.hero-section::before, .hero-section::after {
  content: ""; position: absolute; border-radius: 50%; z-index: 1; pointer-events: none;
  animation: clayFloat 7s ease-in-out infinite;
}
.hero-section::before {
  width: 180px; height: 180px; top: 12%; left: 6%;
  background: #ffd6c9; box-shadow: var(--clay);
}
.hero-section::after {
  width: 120px; height: 120px; bottom: 10%; right: 7%;
  background: #fff1a8; box-shadow: var(--clay); animation-delay: -3s;
}
@keyframes clayFloat {
  0%, 100% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-18px) rotate(6deg); }
}

.hero-title {
  background: none; -webkit-text-fill-color: #7c5cd6; color: #7c5cd6;
  font-size: clamp(46px, 8vw, 84px);
  text-shadow: 0 2px 0 #fff, 0 5px 0 #c9b8f5, 0 8px 0 #b5a1ee, 0 14px 22px rgba(110,95,160,.35);
}

.hero-program-card { animation: clayFloat 6s ease-in-out infinite; }
.hero-program-card.program-wec { animation-delay: -2.5s; }
.hero-program-name { font-size: 1.8rem; }

.section-icon {
  width: 64px; height: 64px; border-radius: 50%; background: #fff;
  box-shadow: var(--clay-sm); font-size: 1.9rem;
}
.section-title { color: #7c5cd6; text-shadow: 0 2px 0 #fff, 0 4px 10px rgba(110,95,160,.25); }

.kontak-card { background: linear-gradient(180deg, #ffc9b9, #ff9f86); font-weight: 700; }
.kontak-card:hover { transform: translateY(-4px) scale(1.05); }

.tim-card { transition: transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .3s; }
.tim-card:nth-child(5n+1) { background: #ffe1d8; transform: rotate(-1.5deg); }
.tim-card:nth-child(5n+2) { background: #d9f3e5; transform: rotate(1.2deg); }
.tim-card:nth-child(5n+3) { background: #d6ecfb; transform: rotate(-1deg); }
.tim-card:nth-child(5n+4) { background: #fff3bd; transform: rotate(1.5deg); }
.tim-card:nth-child(5n)   { background: #e6dcfa; transform: rotate(-1.2deg); }
.tim-card:hover { transform: translateY(-10px) rotate(0) scale(1.05); box-shadow: var(--clay), 0 22px 30px rgba(110,95,160,.2); }

.tim-photo { border: 6px solid #fff; width: 124px; height: 124px; }
.tim-card:hover .tim-photo { transform: scale(1.06); transition: transform .3s cubic-bezier(.34,1.56,.64,1); }
.tim-name { font-size: 1.35rem; }
.tim-role { background: #fff; display: inline-block; padding: 3px 12px; border-radius: 50px; box-shadow: var(--clay-sm); }

.galeri-accordion-header { padding: 1.4rem 1.6rem; }
.galeri-accordion-title { font-size: 1.4rem; }
.photo-item:nth-child(odd)  { transform: rotate(-1deg); }
.photo-item:nth-child(even) { transform: rotate(1deg); }
.photo-item:hover { transform: rotate(0) translateY(-6px) scale(1.03); }

@media (max-width: 640px) {
  .hero-section::before, .hero-section::after { display: none; }
  .hero-program-card { animation: none; }
  .tim-photo { width: 76px; height: 76px; border-width: 4px; }
  .tim-card, .photo-item { transform: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-section::before, .hero-section::after, .hero-program-card { animation: none !important; }
}