/* Homepage site photographs: reuse the site's card, surface and spacing tokens. */
#original-content .jn-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#original-content .jn-photo-grid>.jn-photo-card{display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;overflow:hidden}
#original-content .jn-photo-card figure{display:flex;flex-direction:column;flex:1;margin:0;min-width:0}
#original-content .jn-photo-card img{display:block;width:100%;height:320px;max-width:100%;object-fit:cover;background:var(--surface-inset)}
#original-content .jn-photo-card.jn-photo-contain img{object-fit:contain}
#original-content .jn-photo-card.jn-photo-packaging img{object-position:50% 15%}
#original-content .jn-photo-card figcaption{padding:24px 24px 0;flex:1}
#original-content .jn-photo-card h3{margin:0 0 12px;max-width:none;text-wrap:balance}
#original-content .jn-photo-card p{max-width:none;margin:0;text-wrap:pretty}
#original-content .jn-photo-card .jn-photo-action{display:block;margin:0;padding:22px 24px 24px;color:var(--surface-action)}
#original-content .jn-photo-card:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
#original-content .jn-photo-products{padding:var(--space-section) 0}
#original-content .jn-photo-products .jn-section-top{display:block}
#original-content .jn-photo-products .jn-loop-heading{margin-bottom:16px}
#original-content .jn-photo-products .jn-section-note{max-width:none;margin:0}
@media(max-width:640px){#original-content .jn-photo-grid{grid-template-columns:1fr}#original-content .jn-photo-card img{height:280px}#original-content .jn-photo-card figcaption{padding:20px 20px 0}#original-content .jn-photo-card .jn-photo-action{padding:20px}}