.md-head{padding:56px var(--gutter) 28px calc(var(--gutter) + 6px);display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}
.md-head h1{font-size:clamp(2rem,4vw,3rem);font-weight:600;text-transform:uppercase;color:var(--plum);line-height:1}
.md-head p{font-size:14px;color:var(--muted)}
.na-midia{padding:0 var(--gutter) 20px}

.midia{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.midia a{display:flex;flex-direction:column;gap:10px;height:100%;padding:24px;border:1px solid #e4dade;border-radius:9px;transition:border-color .2s,box-shadow .2s}
.midia a:hover{border-color:var(--gold);box-shadow:0 6px 20px rgba(58,26,39,.1)}
.midia-veiculo{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gold)}
.midia-titulo{font-size:16px;line-height:1.35;font-weight:600;color:var(--plum)}
.midia-ler{margin-top:auto;padding-top:6px;font-size:13px;font-weight:700;font-style:italic;color:var(--muted)}
.midia a:hover .midia-ler{color:var(--plum)}

@media (max-width:700px){
  .md-head{padding:36px var(--px) 20px}
  .na-midia{padding:0 var(--px) 12px}
}