.officials{background:#fff}.officials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.official-card{border:1px solid #e5e7db;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}.official-card:hover{transform:translateY(-5px);box-shadow:0 13px 28px rgba(14,53,37,.1)}.official-photo{height:180px;background:linear-gradient(145deg,#d8e5c2,#9ab793);display:grid;place-items:center;position:relative;background-size:cover;background-position:center}.official-photo:after{content:'Foto akan diperbarui';font-size:.62rem;color:#fff;background:rgba(14,53,37,.65);padding:5px 8px;position:absolute;bottom:10px;left:10px}.official-photo.has-photo:after{display:none}.official-avatar{width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.76);display:grid;place-items:center;color:#155e3a;font:700 2rem Georgia,serif}.official-card>div:last-child{padding:15px}.official-card h3{font:700 1.18rem/1.1 Georgia,serif;color:#0e3525;margin:0 0 6px}.official-card p{font-size:.71rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:#9b762c;margin:0}@media(max-width:900px){.officials-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.officials-grid{grid-template-columns:repeat(2,1fr);gap:9px}.official-photo{height:145px}.official-card>div:last-child{padding:12px}.official-card h3{font-size:1.02rem}}