.proj-idx-item{display:flex;flex-direction:column}.pii-img{border-radius:1em;height:110vw;margin-bottom:1em;overflow:hidden;position:relative;transform:translateZ(0);width:100%}.pii-img .full{transition:transform .5s ease}.proj-idx-item:hover .pii-img .full{transform:scale(1.05)}.pii-info-top{align-items:center;display:flex;gap:1em;justify-content:space-between;margin-bottom:.3em}.pii-info{align-items:flex-start;display:flex;flex-direction:column;gap:.5em;width:100%}.pii-location{background-color:var(--baby-pink);border-radius:.3em;color:var(--black);font-size:.8em;padding:.5em .8em}@media (min-width:450px){.pii-info{flex-direction:row;gap:2em}}@media (min-width:700px){.pii-img{height:34vw}.pii-info{flex-direction:column;gap:.3em}.pii-location{border-radius:.4em;font-size:.6em;left:.8em;position:absolute;top:.8em;transition:all .4s ease}.proj-idx-item:hover .pii-location{background-color:var(--black);color:var(--baby-pink)}}@media (min-width:1000px){.pii-img{height:22vw;max-height:300px}}.proj-idx-grid{display:grid;gap:2em;padding-bottom:4em;width:100%}@media (min-width:700px){.proj-idx-grid{gap:2em 1.5em;grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.proj-idx-grid{gap:2em 1.5em;grid-template-columns:repeat(3,1fr);padding-bottom:7em}}