/* Your custom CSS code goes here */

/* -----------------------------------------------------------------------
 * Feature article hero image — constrain height so large images don't
 * dominate the page. Container is clipped; img fills and crops via
 * object-fit: cover so no whitespace appears.
 * ----------------------------------------------------------------------- */
#block-quatro-views-block-feature-article-block-1 .views-field-field-image {
  overflow: hidden;
  max-height: 150px;
  line-height: 0;
}

#block-quatro-views-block-feature-article-block-1 .views-field-field-image a {
  display: block;
  overflow: hidden;
  max-height: 150px;
}

#block-quatro-views-block-feature-article-block-1 .views-field-field-image img {
  display: block;
  width: 100%;
  height: 150px;
  object-fit: cover;
  object-position: center top;
}

/* -----------------------------------------------------------------------
 * Feature article title — reduce from 36px (too dominant) to 22px.
 * Overrides both the base and body.desktop rules in custom-style.css.
 * ----------------------------------------------------------------------- */
.view-feature-article .view-content .views-field-title,
body.desktop .view-feature-article .view-content .views-field-title {
  font-size: 22px;
  line-height: 28px;
}