.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:#fff;border:1px solid #d8d5cd;border-radius:18px;overflow:hidden;text-decoration:none;transition:.2s}.project-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.1)}.project-poster{position:relative;aspect-ratio:16/10;background:#242424;overflow:hidden}.project-poster img{width:100%;height:100%;object-fit:cover}.project-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55))}.project-index,.project-arrow{position:absolute;top:14px;background:#f4d51f;color:#111;font-weight:900;padding:5px 9px;border-radius:999px;font-size:.75rem}.project-index{left:14px}.project-arrow{right:14px}.project-info{display:flex;justify-content:space-between;gap:14px;padding:18px}.project-info h3{margin:0;font-size:1.08rem}.project-info p,.project-url{margin:2px 0 0;color:#676767;font-size:.78rem}.project-url{align-self:end}@media(max-width:900px){.project-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.project-grid{grid-template-columns:1fr}.project-url{display:none}}