* { box-sizing:border-box;margin:0;padding:0; }
.life-block-card { width:340px; aspect-ratio:2.5/3.5; background:white; border-radius:1rem; box-shadow:0 12px 28px rgba(0,0,0,0.15); overflow:hidden; display:flex; flex-direction:column; transition:transform 0.3s ease; margin:8px; }
.life-block-card:hover { transform:scale(1.05); }
.card-media { flex:1 1 33%; display:flex; justify-content:center; align-items:center; background:black; overflow:hidden; }
.card-media img { width:100%; height:100%; object-fit:cover; }
.video-fill { width:100%; height:100%; object-fit:cover; }
.video-center { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; margin:0 auto; background:black; }
.card-content { flex:2 1 67%; padding:16px; display:flex; flex-direction:column; justify-content:space-between; }
.headline { font-size:1.1rem; font-weight:bold; margin-bottom:8px; }
.blurb { font-size:0.9rem; color:#555; margin-bottom:12px; display:-webkit-box; -webkit-line-clamp:10; -webkit-box-orient:vertical; overflow:hidden; }
.info-bits { display:flex; gap:6px; margin-top:8px; }
.info-bits span { display:inline-flex; align-items:center; gap:4px; font-size:0.85rem; }
.expand-btn { display:inline-block; align-self:flex-start; padding:12px 24px; margin-top:12px; font-size:16px; font-weight:bold; color:white; text-decoration:none; border-radius:12px; background:linear-gradient(135deg,#1e90ff,#8a2be2); transition:all 0.25s ease; }
.expand-btn:hover { background:linear-gradient(135deg,#8a2be2,#1e90ff); transform:translateY(-2px); }