.dgrid{grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));gap:clamp(40px, 2rem + 2.5vw, 88px) var(--gutter);margin:0;padding:0;list-style:none;display:grid}.dcard{flex-direction:column;max-width:none;display:flex;position:relative}.dc-shot{aspect-ratio:16/10;background:var(--line);display:block;position:relative;overflow:hidden}.dc-shot>picture img,.dc-shot>img{object-fit:cover;object-position:top;width:100%;height:100%;transition:scale .9s var(--ease-big)}.dc-clip{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .4s var(--ease-out);position:absolute;inset:0}.dc-clip.on{opacity:1}.dc-motion{z-index:1;font:500 .75rem/1 var(--mono);letter-spacing:.02em;color:var(--c-paper);background:oklch(17.5% .008 70/.78);padding:6px 8px 6px 20px;position:absolute;top:12px;left:12px}.dc-motion:before{content:"";background:var(--c-pencil-on-box);border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:8px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.dcard:hover .dc-shot>picture img{scale:1.02}}.clip-btn{z-index:3;min-height:36px;color:var(--c-paper);font:500 .8125rem/1 var(--sans);cursor:pointer;background:oklch(17.5% .008 70/.82);border:0;border-radius:2px;padding:6px 12px;position:absolute;top:10px;right:10px}.clip-btn[aria-pressed=true]{background:var(--c-paper);color:var(--ink)}.clip-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dc-meta{justify-content:space-between;align-items:baseline;gap:var(--s-4);margin-top:var(--s-4);display:flex}.dc-name{letter-spacing:-.012em;margin:0;font-size:clamp(1.1875rem,1.05rem + .45vw,1.4375rem);font-weight:440;line-height:1.2}.dc-name a{text-decoration:none}.dc-name a:after{content:"";z-index:2;position:absolute;inset:0}.dc-name a:focus-visible{outline:none}.dc-name a:focus-visible:after{outline:2px solid var(--focus);outline-offset:6px}.dcard:hover .dc-name a{text-underline-offset:.2em;text-decoration:underline 1px}.dc-kind{color:var(--ink-2);font-size:var(--fs-body);margin:2px 0 0;line-height:1.4}.dc-price{color:var(--ink);white-space:nowrap;flex:none;margin:0;font-size:.9375rem}.dc-facts{font-size:var(--fs-xs);color:var(--ink-2);flex-wrap:wrap;gap:0 14px;max-width:none;margin:8px 0 0;display:flex}.dc-facts span+span:before{content:"·";color:var(--line-strong);margin-right:14px}@media (width<=699px){.dgrid{--cols:1}}