.cj-photo-plates{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cj-photo-plate{aspect-ratio:4/5;background:var(--cj-accent);min-height:0;color:var(--cj-on-accent);margin:0;padding:0;transition:background-color .5s;display:block;position:relative;overflow:hidden;container-type:inline-size}.cj-photo-plates>:first-child:nth-last-child(odd){grid-column:1/-1}.cj-photo-plates>:first-child:nth-last-child(odd) .cj-photo-plate,.cj-photo-plates>.cj-photo-plate:first-child:nth-last-child(odd){aspect-ratio:16/10}.cj-photo-plate>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cj-photo-plate:after{content:"";pointer-events:none;background:linear-gradient(180deg, #0000 38%, color-mix(in srgb, var(--cj-accent) 70%, transparent) 78%, var(--cj-accent) 100%);position:absolute;inset:0}.cj-photo-plate figcaption{z-index:1;gap:4px;padding:0 0 12px 12px;display:grid;position:absolute;bottom:0;left:0;right:12px}.cj-photo-plate figcaption small{color:color-mix(in srgb, currentColor var(--cj-soft,70%), transparent);font:400 10px/14px var(--cj-font-ui);letter-spacing:.16em;text-transform:uppercase}.cj-photo-plate figcaption b{font:300 clamp(18px, 14cqi, 26px)/1 var(--cj-font-editorial);font-weight:300}.cj-photo-plates>:first-child:nth-last-child(odd) figcaption b{font-size:clamp(26px,10cqi,40px)}@media (prefers-reduced-motion:no-preference){.cj-photo-plate{animation:.52s cubic-bezier(.2,.8,.2,1) backwards cj-photo-plate-arrive}.cj-photo-plates>:nth-child(2) .cj-photo-plate,.cj-photo-plates>.cj-photo-plate:nth-child(2){animation-delay:.12s}}@keyframes cj-photo-plate-arrive{0%{opacity:0;transform:translateY(8px)}}