/* blog.css  -  Blog page only */
.ny-post { display: flex; flex-direction: column; }
.ny-post-img { display: block; overflow: hidden; }
.ny-post-img img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .6s var(--ny-ease); }
.ny-post:hover .ny-post-img img { transform: scale(1.06); }
.ny-post .ny-card-body { display: flex; flex-direction: column; flex: 1; }
.ny-post h2 a { color: #fff; }
.ny-post h2 a:hover { color: var(--ny-gold); }
.ny-post p { flex: 1; color: var(--ny-muted); }
.ny-post time { margin-bottom: .4rem; }

/* Post pictures: the same soft breathing glow as the Gallery photos */
.ny-glow {
  border-color: color-mix(in srgb, var(--g, #d1a097) 55%, transparent);
  box-shadow: 0 0 1rem -.1rem color-mix(in srgb, var(--g, #d1a097) 45%, transparent), 0 0 3rem 0 color-mix(in srgb, var(--g, #d1a097) 16%, transparent);
  animation: ny-bl-breathe 7s ease-in-out infinite; animation-delay: calc(var(--d, 0s) * -9);
}
.ny-glow:hover, .ny-glow:focus-within {
  border-color: color-mix(in srgb, var(--g, #d1a097) 90%, #fff);
  box-shadow: 0 0 1.6rem .1rem color-mix(in srgb, var(--g, #d1a097) 70%, transparent), 0 0 4.5rem .5rem color-mix(in srgb, var(--g, #d1a097) 32%, transparent);
}
/* a slow sweep of light across the picture on hover */
.ny-post-img { position: relative; }
.ny-post-img::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, .26) 50%, transparent 62%);
  transform: translateX(-120%); transition: transform 1s var(--ny-ease);
}
.ny-post:hover .ny-post-img::after { transform: translateX(120%); }
@keyframes ny-bl-breathe {
  0%, 100% { box-shadow: 0 0 .8rem -.1rem color-mix(in srgb, var(--g, #d1a097) 35%, transparent), 0 0 2.4rem 0 color-mix(in srgb, var(--g, #d1a097) 10%, transparent); }
  50%      { box-shadow: 0 0 1.4rem 0 color-mix(in srgb, var(--g, #d1a097) 55%, transparent), 0 0 3.6rem .2rem color-mix(in srgb, var(--g, #d1a097) 22%, transparent); }
}
@media (prefers-reduced-motion: reduce) { .ny-glow { animation: none; } }