/* Widget Instagram Bento: ubin postingan dan embed resmi, memakai token warna dan radius Bento. */
.bi-ig{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px)}
.bi-ig__kepala{display:flex;flex-direction:column;gap:6px}
.bi-ig__judul{margin:0;font:800 clamp(28px,3.4vw,48px)/1.05 var(--font,system-ui);letter-spacing:-.02em;color:var(--ink,#0a1330)}
.bi-ig__sub{margin:0;font:500 clamp(15px,1.3vw,18px)/1.5 var(--font,system-ui);color:#475569}
.bi-ig__grid{--bi-ig-kolom:3;display:grid;grid-template-columns:repeat(var(--bi-ig-kolom),minmax(0,1fr));gap:clamp(8px,1.2vw,16px)}
.bi-ig__item{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:var(--r-card,22px);background:var(--mist,#f3f6ff);isolation:isolate}
.bi-ig__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.39,.58,.57,1)}
.bi-ig__item:hover img,.bi-ig__item:focus-visible img{transform:scale(1.05)}
.bi-ig__jenis{position:absolute;top:10px;left:10px;padding:3px 9px;border-radius:var(--r-pill,100vmax);background:var(--ink,#0a1330);color:#fff;font:600 11px/1.4 var(--font,system-ui);letter-spacing:.02em}
.bi-ig__cap{position:absolute;inset:auto 0 0;padding:28px 14px 12px;color:#fff;font:500 13px/1.4 var(--font,system-ui);background:linear-gradient(transparent,rgba(10,19,48,.85));opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
.bi-ig__item:hover .bi-ig__cap,.bi-ig__item:focus-visible .bi-ig__cap{opacity:1;transform:none}
.bi-ig__item:focus-visible{outline:3px solid var(--kuning,#ffc61a);outline-offset:3px}
.bi-ig__grid--embed{align-items:start;grid-template-columns:repeat(auto-fill,minmax(min(100%,326px),1fr))}
.bi-ig__embed .instagram-media{min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;border-radius:var(--r-card,22px)!important}
.bi-ig a.bi-ig__ikuti{align-self:center;display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:var(--r-pill,100vmax);background:var(--ink,#0a1330);color:#fff;font:700 15px/1.2 var(--font,system-ui);text-decoration:none;transition:background .2s}
.bi-ig a.bi-ig__ikuti:hover{background:var(--biru,#1d4ed8);color:#fff}
.bi-ig a.bi-ig__ikuti span{color:inherit}
.bi-ig__ikon{width:20px;height:20px;fill:currentColor}
.bi-ig__kosong{padding:16px;border:2px dashed var(--line,#d9e1f5);border-radius:12px;font:500 14px/1.5 var(--font,system-ui);color:#475569}
@media (max-width:600px){.bi-ig__cap{display:none}}
@media (prefers-reduced-motion:reduce){.bi-ig__item img,.bi-ig__cap{transition:none}}