.modern-project-link{color:inherit;width:100%;text-decoration:none;display:block}.modern-project-card{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s;position:relative;overflow:hidden}.modern-project-card:hover{border-color:var(--border-hover);transform:translateY(-8px);box-shadow:0 20px 35px -10px #0000001f}.modern-project-media{aspect-ratio:16/11;justify-content:flex-start;align-items:flex-end;width:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.modern-project-card:hover .modern-project-media{transform:scale(1.01)}.project-card-image{object-fit:cover;object-position:top center;z-index:1;transition:transform .6s cubic-bezier(.16,1,.3,1)}.modern-project-card:hover .project-card-image{transform:scale(1.05)}.project-card-gradient-overlay{z-index:2;pointer-events:none;background:linear-gradient(#0000 60%,#0006 100%);position:absolute;inset:0}.card-art-pulma,.card-art-lumex,.card-art-planza,.card-art-horizon{background-color:#f4f4f5}.project-reference-footer{z-index:3;flex-direction:column;align-items:flex-start;gap:.65rem;width:100%;padding:1.5rem 1.5rem 1.4rem;display:flex;position:relative}.project-reference-title{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 10px #000000b3;margin:0;font-size:1.45rem;font-weight:600;transition:transform .3s}.modern-project-card:hover .project-reference-title{transform:translate(2px)}.project-reference-tags{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.project-reference-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:var(--radius-pill);background:#0009;border:1px solid #ffffff40;padding:.35rem .85rem;font-size:.78rem;font-weight:500;transition:background-color .25s,border-color .25s;box-shadow:0 2px 6px #0003}.modern-project-card:hover .project-reference-pill{background:#000000bf;border-color:#fff6}@media (max-width:768px){.modern-project-media{aspect-ratio:16/11}.project-reference-footer{padding:1.5rem 1.25rem 1.25rem}.project-reference-title{font-size:1.25rem}}