.p5-project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.p5-project-card{position:relative;min-height:390px;overflow:hidden;border:1px solid var(--p5-border);border-radius:var(--p5-radius);background:var(--p5-card);box-shadow:0 15px 50px rgba(0,0,0,.20);transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s ease,border-color .38s ease}.p5-project-card:nth-child(1){grid-column:span 5}.p5-project-card:nth-child(2){grid-column:span 3}.p5-project-card:nth-child(3){grid-column:span 4}.p5-project-card:nth-child(4){grid-column:span 4}.p5-project-card:nth-child(5){grid-column:span 5}.p5-project-card:nth-child(6){grid-column:span 3}.p5-project-card:hover{transform:translateY(-9px);border-color:rgba(143,165,86,.40);box-shadow:0 32px 80px rgba(0,0,0,.46),0 0 36px rgba(143,165,86,.08)}.p5-project-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.72);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease}.p5-project-card:hover img{transform:scale(1.045);filter:saturate(.95) brightness(.78)}.p5-project-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,10,8,.96),transparent 60%)}.p5-project-copy{position:absolute;left:24px;right:24px;bottom:22px;z-index:2}.p5-project-copy small{color:var(--p5-highlight);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}.p5-project-copy h3{margin:7px 0 0;font-family:"Space Grotesk",Inter,sans-serif;font-size:1.45rem;font-weight:500;letter-spacing:-.025em}.p5-project-arrow{position:absolute;right:22px;bottom:22px;z-index:3;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(242,242,236,.18);border-radius:50%;background:rgba(10,10,10,.35);backdrop-filter:blur(10px);transition:.3s ease}.p5-project-card:hover .p5-project-arrow{background:var(--p5-highlight);color:var(--p5-black);transform:rotate(-45deg)}