.dine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,26px);margin:0;padding:0;list-style:none;display:grid}.dine-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-ui) var(--ease-soft), transform var(--dur-ui) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}@media (hover:hover){.dine-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}}.dine-media{aspect-ratio:16/9;position:relative;overflow:hidden}.dine-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-media) var(--ease-out);will-change:transform;display:block}@media (hover:hover){.dine-card:hover .dine-media img{transform:scale(1.05)}}.dine-body{flex-direction:column;gap:8px;padding:clamp(20px,2.4vw,30px);display:flex}.dine-name{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--display-sm);letter-spacing:var(--tracking-tight);color:var(--ink-900);margin:0;line-height:1.05}.dine-desc{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary);margin:0}.dine-note{text-align:center;max-width:62ch;font-size:var(--text-sm);color:var(--color-text-secondary);justify-content:center;align-items:center;gap:9px;margin:clamp(22px,3vw,36px) auto 0;display:flex}.dine-note svg{color:var(--pine-500);flex:none}@media (max-width:760px){.dine-grid{grid-template-columns:1fr}}