/* Shared product photo transition from a genus row to its detail page. */
.home { padding-bottom:38px; overflow-anchor:none; }
.featured-title { display:none; }
.home .preview img { transform:scale(1.14) translate(var(--image-x,0),var(--image-y,0)); }
.genus-intro { grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:40px; }
.genus-summary { display:grid; gap:24px; }
.genus-feature { margin:0; }
.genus-feature .preview { width:100%; height:clamp(180px,20vw,390px); transform:none; }
.genus-feature .preview img { transform:scale(1); }
.genus-feature figcaption { margin-top:9px; font-size:10px; color:var(--muted); }
.archive-image-ghost { position:fixed; z-index:20; overflow:hidden; pointer-events:none; margin:0; background:#d2d9c9; contain:layout paint; }
.archive-image-ghost img { width:100%; height:100%; display:block; object-fit:cover; }
.credits-intro { max-width:620px; font-size:18px; line-height:1.5; margin:35px 0; }
.credits-list { list-style:none; padding:0; }
.credits-list li { border-top:1px solid var(--line); padding:22px 0; }
.credits-list h2 { font-size:20px; font-weight:400; margin:0 0 12px; }
.credits-list p { font-size:12px; line-height:1.7; }
.credits-list a { text-decoration:underline; text-underline-offset:3px; }
@media(hover:hover) and (pointer:fine) {
  .home .genus-row:hover .preview img { transform:scale(1.025) translate(var(--image-x,0),var(--image-y,0)); }
}
@media(max-width:650px) {
  .genus-intro { grid-template-columns:1fr; gap:24px; }
  .genus-summary { gap:16px; }
  .genus-intro .genus-summary p { grid-row:auto; grid-column:auto; }
  .genus-feature .preview { height:210px; }
}
@media(prefers-reduced-motion:reduce) {
  .home .preview img,.home .genus-row:hover .preview img { transform:none; }
}