/* ==========================================================
   penghargaan.css - khusus halaman Penghargaan
   (menggantikan ttgkmi.css di halaman ini)
   ========================================================== */

/* gambar responsif dan tidak dipaksa langsung dimuat */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* placeholder + transisi untuk gambar lazy */
.lazy {
    opacity: 0;
    transition: opacity 300ms ease-in;
    background: #f5f5f5;
    min-height: 80px;
}

.lazy.loaded {
    opacity: 1;
}

/* ikon preview */
.portfolio-info i {
    font-size: 1.2rem;
}

/* container isotope harus relative */
.isotope-container {
    position: relative;
}

/* ===== Kartu seragam rasio 3:4 ===== */
.penghargaan-page .portfolio-content {
    aspect-ratio: 3 / 4;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1efec;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
}

.penghargaan-page .portfolio-content img.lazy {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain; /* sertifikat tampil utuh, tidak terpotong */
    background: transparent;
}