.portfolio-grid{grid-template-columns:repeat(12,1fr);place-items:center;gap:4rem 0;display:grid}.grid-item{width:100%;color:inherit;will-change:transform;grid-column:span 3;text-decoration:none;display:block;position:relative;overflow:visible}.grid-item[class*=grid-portrait],.grid-item[class*=grid-landscape],.grid-item[class*=grid-square]{justify-self:center}.grid-item-title,.related-project-item-title{letter-spacing:.06em;text-transform:uppercase;color:#000;text-align:center;opacity:0;will-change:opacity,transform;margin-top:.55rem;font-size:12px;font-weight:700;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);position:absolute;top:100%;left:0;right:0;transform:translateY(-14px)}.related-project-item{color:inherit;will-change:transform;text-decoration:none;display:block;position:relative;overflow:visible}.related-project-item-title{font-size:16px}@media (hover:hover) and (pointer:fine){.grid-item,.related-project-item{transform-origin:50%;transition:transform .7s cubic-bezier(.22,1,.36,1)}.grid-item:hover,.related-project-item:hover{transform:scale(1.03)}.grid-item:hover .grid-item-title,.related-project-item:hover .related-project-item-title{opacity:1;transform:translateY(0)}}.col-span-1{grid-column:span 1!important}.col-span-2{grid-column:span 2!important}.col-span-3{grid-column:span 3!important}.col-span-4{grid-column:span 4!important}.col-span-5{grid-column:span 5!important}.col-span-6{grid-column:span 6!important}.grid-portrait-xs{aspect-ratio:3/4;width:100%;max-width:170px}.grid-portrait-sm{aspect-ratio:3/4;width:100%;max-width:225px}.grid-portrait-md{aspect-ratio:3/4;width:100%;max-width:263px}.grid-portrait-2md{aspect-ratio:3/4;width:100%;max-width:283px}.grid-portrait-lg{aspect-ratio:3/4;aspect-ratio:3/4;width:100%;max-width:400px}.grid-landscape-xs{aspect-ratio:5/4;width:100%;max-width:250px}.grid-landscape-sm{aspect-ratio:4/3;width:100%;max-width:400px}.grid-landscape-md{aspect-ratio:4/3;width:100%;max-width:600px}.grid-landscape-lg{aspect-ratio:5/3;width:100%;max-width:750px}.grid-square-xs{aspect-ratio:1;width:100%;max-width:200px}.grid-square-sm{aspect-ratio:1;width:100%;max-width:250px}.grid-square-md{aspect-ratio:1;width:300px}.grid-square-lg{aspect-ratio:1;width:100%;max-width:400px}@media (max-width:767px){.portfolio-grid{grid-template-columns:repeat(2,1fr);column-gap:1rem}.grid-item{max-width:50%;grid-column:span 1!important}.grid-item img,.grid-item [class*=p-],.grid-item [class*=px-],.grid-item [class*=py-],.grid-item [class*=pl-],.grid-item [class*=pr-],.grid-item [class*=pt-],.grid-item [class*=pb-]{padding:0!important}.grid-item[class*=grid-portrait-xs],.grid-item[class*=grid-portrait-sm],.grid-item[class*=grid-portrait-md],.grid-item[class*=grid-portrait-2md],.grid-item[class*=grid-portrait-lg],.grid-item[class*=grid-landscape-xs],.grid-item[class*=grid-landscape-sm],.grid-item[class*=grid-landscape-md],.grid-item[class*=grid-landscape-lg],.grid-item[class*=grid-square-xs],.grid-item[class*=grid-square-sm],.grid-item[class*=grid-square-md],.grid-item[class*=grid-square-lg]{max-width:100%}.grid-item-title{text-align:center;opacity:0;width:100%;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(-14px)}.grid-item[data-inview=true] .grid-item-title{opacity:1;transition-delay:clamp(0s,calc(var(--card-index,0)*24ms),.16s);transform:translateY(0)}.grid-item.col-span-1,.grid-item.col-span-2,.grid-item.col-span-3,.grid-item.col-span-4,.grid-item.col-span-5,.grid-item.col-span-6{grid-column:span 1!important}}@media (prefers-reduced-motion:reduce){.grid-item,.grid-item-title,.related-project-item,.related-project-item-title{transition:none!important}}