.segment { overflow:hidden; transition:transform .2s, box-shadow .2s; }
.segment:hover { transform:translateY(-4px); box-shadow:0 12px 30px rgba(13,35,28,.1); }
.segment-media { width:calc(100% + 44px); max-width:none; height:184px; margin:-22px -22px 17px; object-fit:cover; }
.segment h3 { margin:0 0 7px; color:var(--ink); font:400 1.32rem/1.1 var(--serif); }
.segment p { margin:0; color:var(--muted); font-size:.86rem; }
@media (max-width:620px) { .segment-media { height:150px; } }