/* Berita & Kegiatan — kartu foto berbingkai (gaya sayogya.com) */
.bn-bagian{position:relative;max-width:1180px;margin:0 auto;padding:clamp(3rem,7vw,5.5rem) 1.5rem}
.bn-kepala{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.2rem 2rem;margin-bottom:clamp(1.8rem,4vw,3rem)}
.bn-kepala small{display:block;margin-bottom:.8rem;font:700 .8rem 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--hijau-muda,#1b3a80)}
.bn-kepala h2{margin:0;font:600 clamp(2rem,4.6vw,3.2rem)/1.12 'Playfair Display',serif;color:var(--teks,#0f2236)}
.bn-kepala h2 em{font-style:italic;color:var(--hijau-muda,#1b3a80)}
.bn-kepala p{max-width:330px;margin:0;font:400 1rem/1.65 'DM Sans',sans-serif;color:var(--redup,#51677a)}

.bn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.6vw,2.4rem)}
.bn-kartu{display:flex;flex-direction:column;opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--tunda,0s)}
.bn-kartu.tampak{opacity:1;transform:none}
.bn-foto{position:relative;display:block;padding:14px;background:var(--kartu,#fff);border-radius:6px;box-shadow:0 14px 34px -16px rgba(12,26,67,.35);transition:transform .45s,box-shadow .45s;text-decoration:none}
.bn-kartu:hover .bn-foto{transform:translateY(-6px);box-shadow:0 26px 44px -18px rgba(12,26,67,.45)}
.bn-gambar{position:relative;display:block;aspect-ratio:10/7;overflow:hidden;border-radius:2px;background:#0b113b}
.bn-gambar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.bn-kartu:hover .bn-gambar img{transform:scale(1.07)}
.bn-kosong{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,#1d3b82,#081330)}
.bn-kosong img{width:32%;max-width:110px;height:auto;padding:.5rem;border-radius:50%;background:#fff;object-fit:contain;position:static}
.bn-lencana{position:absolute;left:28px;right:28px;top:28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem;pointer-events:none}
.bn-lencana span{padding:.32rem .8rem;border-radius:999px;font:700 .76rem 'DM Sans',sans-serif;box-shadow:0 4px 10px -4px #0006}
.bn-lencana .bn-unit{background:#fff;color:#12275c}
.bn-lencana .bn-kat{margin-left:auto;background:#e9c46a;color:#1a1400}

.bn-teks{padding:1.3rem .3rem 0;display:flex;flex-direction:column;flex:1}
.bn-teks h3{margin:0 0 .5rem;font:600 clamp(1.3rem,2.1vw,1.7rem)/1.22 'Playfair Display',serif}
.bn-teks h3 a{color:var(--teks,#0f2236);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .4s}
.bn-kartu:hover .bn-teks h3 a{background-size:100% 1.5px}
.bn-sub{margin:0 0 .8rem;font:700 .74rem/1.5 'DM Sans',sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--hijau-muda,#1b3a80)}
.bn-teks p{margin:0 0 1.1rem;font:400 .95rem/1.7 'DM Sans',sans-serif;color:var(--redup,#51677a)}
.bn-lanjut{margin-top:auto;display:inline-flex;align-items:center;gap:.4rem;font:700 .92rem 'DM Sans',sans-serif;color:var(--hijau-muda,#1b3a80);text-decoration:none}
.bn-lanjut span{transition:transform .3s}
.bn-kartu:hover .bn-lanjut span{transform:translateX(5px)}
.bn-semua{margin-top:clamp(1.8rem,4vw,2.8rem);text-align:center}
.bn-semua a{display:inline-flex;align-items:center;min-height:46px;padding:.6rem 1.5rem;border-radius:999px;border:1.5px solid var(--hijau-muda,#1b3a80);font:700 .95rem 'DM Sans',sans-serif;color:var(--hijau-muda,#1b3a80);text-decoration:none;transition:background .3s,color .3s}
.bn-semua a:hover{background:var(--hijau-muda,#1b3a80);color:#fff}

@media (max-width:920px){.bn-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.bn-grid{grid-template-columns:1fr}.bn-kepala p{max-width:none}}
@media (prefers-reduced-motion:reduce){.bn-kartu{opacity:1;transform:none;transition:none}.bn-gambar img,.bn-foto{transition:none}}