/* Pennricher Schmiede – Instagram-Widget
   Eigenständige Farbwerte (unabhängig vom Theme), abgestimmt auf dessen Palette:
   Rot #8B2323 / #D9463A, Schwarz #171310, Dunkelgrau #4A4642, Beige #EDE3CE */

.psi-instagram{
  font-family:'EB Garamond', serif;
}

.psi-kopf{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(139,35,35,0.35);
}
.psi-handle{
  font-family:'Cinzel', serif;
  font-variant:small-caps;
  letter-spacing:0.05em;
  font-size:0.92rem;
}
.psi-folgen{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:'Cinzel', serif;
  font-size:0.75rem;
  letter-spacing:0.08em;
  text-decoration:none;
  color:#D9463A;
  border:1px solid #8B2323;
  padding:4px 12px;
  transition:background 0.2s ease, color 0.2s ease;
}
.psi-folgen:hover{
  background:#8B2323;
  color:#EDE3CE;
}
.psi-icon svg,
.psi-kachel-icon svg{display:block;}

.psi-raster{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:8px;
}

.psi-kachel{
  position:relative;
  display:block;
  aspect-ratio:1/1;
  overflow:hidden;
  border:1px solid #8B2323;
  background:linear-gradient(150deg,#4A4642,#171310);
}
.psi-kachel img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:sepia(0.4) contrast(1.05) brightness(0.92) saturate(0.85);
  transition:transform 0.35s ease, filter 0.35s ease;
}
.psi-kachel-icon{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#EDE3CE;
  background:rgba(23,19,16,0.55);
  opacity:0;
  transition:opacity 0.25s ease;
}
.psi-kachel:hover img{
  transform:scale(1.06);
  filter:sepia(0.15) contrast(1.05) brightness(0.98) saturate(1);
}
.psi-kachel:hover .psi-kachel-icon{opacity:1;}

@media (max-width:420px){
  .psi-raster{grid-template-columns:repeat(3, 1fr);gap:6px;}
}