.dg-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;max-width:1080px;margin:0 auto}@media (max-width:920px){.dg-grid{grid-template-columns:1fr 1fr;gap:16px}}@media (max-width:520px){.dg-grid{grid-template-columns:1fr}}.dg-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .22s ease,box-shadow .22s ease}.dg-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.dg-ph{position:relative;aspect-ratio:5/4;overflow:hidden;background:var(--line)}.dg-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.dg-card:hover .dg-ph img{transform:scale(1.07)}.dg-ph:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(20,22,42,.3));pointer-events:none}.dg-ic{position:absolute;left:14px;bottom:-20px;z-index:2;background:var(--card)!important;box-shadow:var(--shadow)}.dg-body{padding:28px 16px 20px}.dg-body h3{font-family:var(--font-display);font-size:17px;color:var(--navy);margin:0 0 5px;letter-spacing:-.01em}.dg-body p{margin:0;font-size:13.5px;line-height:1.5}@media (prefers-reduced-motion:reduce){.dg-card,.dg-ph img{transition:none}}