.ZCyB_G_collection{grid-template-columns:repeat(6,minmax(0,1fr));gap:56px 28px;display:grid}.ZCyB_G_artwork{grid-column:span 2;min-width:0;margin:0}.ZCyB_G_artwork:nth-child(-n+2){grid-column:span 3}.ZCyB_G_frame{aspect-ratio:3/4;background:color-mix(in srgb, var(--color-twin) 55%, var(--color-paper));cursor:zoom-in;border:0;border-radius:2px;justify-content:center;align-items:center;width:100%;padding:clamp(20px,3vw,44px);display:flex;position:relative;overflow:hidden}.ZCyB_G_artwork:nth-child(-n+2) .ZCyB_G_frame{aspect-ratio:4/5}.ZCyB_G_artwork:nth-child(2n) .ZCyB_G_frame{background:color-mix(in srgb, var(--color-candy) 45%, var(--color-paper))}.ZCyB_G_image{object-fit:contain;width:100%;height:100%;transition:transform .28s;display:block}.ZCyB_G_viewLabel{background:var(--color-surface);color:var(--color-ink);padding:6px 10px;font-size:12px;position:absolute;bottom:12px;right:12px}.ZCyB_G_frame:focus-visible,.ZCyB_G_close:focus-visible{outline:3px solid var(--color-accent);outline-offset:5px}.ZCyB_G_caption{color:var(--color-ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding-top:18px;display:flex}.ZCyB_G_caption strong{font-family:var(--font-display);font-size:clamp(20px,2vw,28px);font-weight:600}.ZCyB_G_caption span{color:var(--color-muted);font-size:13px}.ZCyB_G_dialog{overscroll-behavior:contain;border:1px solid var(--color-line);background:var(--color-paper);width:min(960px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--color-ink);border-radius:4px;margin:auto;padding:0;overflow:auto}.ZCyB_G_dialog::backdrop{background:#14182cc2}.ZCyB_G_dialog[open]{animation:.18s ease-out ZCyB_G_openArtwork}.ZCyB_G_viewer{padding:20px}.ZCyB_G_viewerHeader,.ZCyB_G_viewerFooter{justify-content:space-between;align-items:center;gap:16px;display:flex}.ZCyB_G_viewerHeader h2{font-family:var(--font-display);margin:0;font-size:24px;font-weight:600}.ZCyB_G_viewerHeader p{color:var(--color-muted);margin:4px 0 0;font-size:13px}.ZCyB_G_close{border:1px solid var(--color-line);background:var(--color-surface);min-height:44px;color:var(--color-ink);font:inherit;cursor:pointer;border-radius:2px;flex-shrink:0;padding:10px 18px}.ZCyB_G_viewerImage{background:var(--color-surface);justify-content:center;margin:20px 0;padding:12px;display:flex}.ZCyB_G_viewerImage img{object-fit:contain;width:100%;height:auto;max-height:calc(100dvh - 220px);display:block}.ZCyB_G_viewerFooter{flex-wrap:wrap;font-size:13px}.ZCyB_G_viewerFooter span{color:var(--color-muted)}@keyframes ZCyB_G_openArtwork{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.ZCyB_G_frame:hover .ZCyB_G_image{transform:scale(1.035)}}@media (max-width:800px){.ZCyB_G_collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}.ZCyB_G_artwork,.ZCyB_G_artwork:nth-child(-n+2){grid-column:span 1}.ZCyB_G_artwork:nth-child(-n+2) .ZCyB_G_frame{aspect-ratio:3/4}}@media (max-width:520px){.ZCyB_G_collection{grid-template-columns:minmax(0,1fr)}.ZCyB_G_frame{padding:28px}.ZCyB_G_viewer{padding:16px}.ZCyB_G_viewerHeader h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.ZCyB_G_image{transition:none}.ZCyB_G_dialog[open]{animation:none}}
