.clg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(32px,4vw,56px)}.clg-card{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--ink,#0b0c18);isolation:isolate;opacity:0;transform:translateY(28px) scale(.97);transition:opacity .6s cubic-bezier(.22,1,.36,1) var(--clg-delay,0s),transform .6s cubic-bezier(.22,1,.36,1) var(--clg-delay,0s)}.clg-card.is-visible{opacity:1;transform:none}.clg-card .clg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s ease;will-change:transform}.clg-card:hover .clg-img{transform:scale(1.05);filter:saturate(1.1)}.clg-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,12,24,0) 35%,rgba(11,12,24,.68));z-index:1;transition:opacity .4s ease}.clg-card:hover .clg-overlay{opacity:.85}.clg-name{position:absolute;bottom:14px;left:16px;right:16px;z-index:2;color:#fff;font-size:clamp(12px,1.1vw,15px);font-weight:500;line-height:1.3;text-shadow:0 1px 6px rgba(0,0,0,.5);letter-spacing:.01em;text-align:center}@media (max-width:768px){.clg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.clg-name{font-size:12px;bottom:10px;left:12px;right:12px}}@media (max-width:480px){.clg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}