/* Every homepage journal cover photo. No changes to the header slideshow or galleries. */
body.home.blog #content .ajax-container article.post__holder .thumb-container figure.featured-thumbnail {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

body.home.blog #content .ajax-container article.post__holder .thumb-container figure.featured-thumbnail img {
  animation: mgsitePhotoBreathe 13s ease-in-out infinite alternate;
  transform-origin: 50% 50%;
}

body.home.blog #content .ajax-container .ajax-post-wrapper:nth-child(even) article.post__holder .thumb-container figure.featured-thumbnail img {
  animation-delay: -6.5s;
}

/* A short bronze-gold thread rests along the lower edge of each photo. */
body.home.blog #content .ajax-container article.post__holder .thumb-container figure.featured-thumbnail::after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 0;
  width: 11%;
  max-width: 76px;
  min-width: 40px;
  height: 2px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, #b28b6a 26%, #d1b397 50%, #b28b6a 74%, transparent);
  opacity: .88;
  pointer-events: none;
  transition: width .65s ease, opacity .65s ease;
}

/* The gold light appears only when a visitor explores a photo. */
body.home.blog #content .ajax-container article.post__holder .thumb-container figure.featured-thumbnail::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-115%);
  background: linear-gradient(105deg, transparent 35%, rgba(240, 210, 173, .05) 44%, rgba(255, 238, 205, .24) 50%, rgba(188, 140, 88, .08) 54%, transparent 64%);
}

body.home.blog #content .ajax-container article.post__holder .thumb-container figure.featured-thumbnail:hover::before,
body.home.blog #content .ajax-container article.post__holder .thumb-container figure.featured-thumbnail:focus-within::before {
  animation: mgsitePhotoGlint 1.9s ease-out both;
}

body.home.blog #content .ajax-container article.post__holder .thumb-container figure.featured-thumbnail:hover::after,
body.home.blog #content .ajax-container article.post__holder .thumb-container figure.featured-thumbnail:focus-within::after {
  width: 22%;
  max-width: 130px;
  opacity: 1;
}

@keyframes mgsitePhotoBreathe {
  from { transform: scale(1.005); }
  to { transform: scale(1.03); }
}

@keyframes mgsitePhotoGlint {
  0% { opacity: 0; transform: translateX(-115%); }
  18% { opacity: .85; }
  75% { opacity: .85; }
  100% { opacity: 0; transform: translateX(115%); }
}

@media (prefers-reduced-motion: reduce) {
  body.home.blog #content .ajax-container article.post__holder .thumb-container figure.featured-thumbnail img,
  body.home.blog #content .ajax-container article.post__holder .thumb-container figure.featured-thumbnail:hover::before,
  body.home.blog #content .ajax-container article.post__holder .thumb-container figure.featured-thumbnail:focus-within::before {
    animation: none;
  }
  body.home.blog #content .ajax-container article.post__holder .thumb-container figure.featured-thumbnail::before {
    display: none;
  }
  body.home.blog #content .ajax-container article.post__holder .thumb-container figure.featured-thumbnail::after {
    transition: none;
  }
}