/* Luxury journal images (drop into stylesan.css or a page-level <style>) */
.journal-figure{
  margin: 18px auto 22px;
  max-width: 760px;         /* keeps it editorial, not huge */
}

.journal-figure .journal-img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;      /* soft edges */
  background: #fff;         /* clean “mounted” feel */
  border: 1px solid rgba(0,0,0,.08);
  box-shadow:
    0 10px 30px rgba(0,0,0,.10),
    0 1px 0 rgba(255,255,255,.6) inset;
  padding: 10px;            /* creates a “frame” without looking heavy */
}

.journal-figure .journal-img:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 40px rgba(0,0,0,.14);
}

.journal-figure .journal-img{
  transition: transform .18s ease, box-shadow .18s ease;
}

.journal-figure figcaption{
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.4;
  color: #6f6f6f;
  text-align: center;
}
/* Limit journal images to 600px on desktop only */
@media (min-width: 992px){
  .journal-figure{
    max-width: 600px;
  }
}