/* -------------------------------------------------------
   Editorial & Werbefotografie – Natural images + aligned titles
------------------------------------------------------- */

.fr-editorial-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 100px 70px;        /* row / column spacing */
  margin-top: 80px;       /* space after intro */
}

/* Card (equal-height + title baseline alignment) */
.fr-editorial-grid .fr-cat-post{
  border: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Thumbnail */
.fr-editorial-grid .fr-cat-thumb{
  display: block;
}

.fr-editorial-grid .fr-cat-thumb img{
  width: 100%;
  height: auto;
  display: block;
}

/* Title: anchored to bottom for consistent baseline */
.fr-editorial-grid .fr-cat-title{
  margin-top: auto;       /* push to bottom */
  padding-top: 38px;      /* space image → title */
  min-height: 100px;      /* reserve space (covers 1–2 lines cleanly) */
  font-size: 16px !important;
  line-height: 1.45;
}

.fr-editorial-grid .fr-cat-title a{
  color: #222;
  text-decoration: none;
}

/* Remove any extra text */
.fr-editorial-grid .fr-cat-excerpt,
.fr-editorial-grid .fr-cat-post p{
  display: none;
}

/* -------------------------------------------------------
   Responsive
------------------------------------------------------- */

@media (max-width: 1024px){
  .fr-editorial-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 52px;
    margin-top: 72px;
  }

  .fr-editorial-grid .fr-cat-title{
    padding-top: 32px;
    min-height: 88px;
  }
}

@media (max-width: 640px){
  .fr-editorial-grid{
    grid-template-columns: 1fr;
    gap: 56px;
    margin-top: 56px;
  }

  .fr-editorial-grid .fr-cat-title{
    margin-top: 22px;     /* normal flow on single column */
    padding-top: 0;
    min-height: 0;
  }
}