.portfolio-grid{width:100%}@media(min-width:640px){.portfolio-grid{padding:3rem 1rem}}@media(min-width:1024px){.portfolio-grid{padding:4rem 1rem}}.portfolio-grid__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media screen and (max-width:800px){.portfolio-grid__grid{grid-template-columns:1fr}}.portfolio-grid__column{display:flex;flex-direction:column;gap:32px}.portfolio-grid__item{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.portfolio-grid__category{padding:10px 18px;border-radius:8px;background:rgba(99,99,99,.1)}.portfolio-grid__content{background:rgba(99,99,99,.1);position:relative;border-radius:12px;padding:12px;width:100%}@media screen and (max-width:800px){.portfolio-grid__content{padding:6px}}.portfolio-grid__media{position:relative;width:100%;height:auto}.portfolio-grid__video{width:100%;height:auto;object-fit:cover;border-radius:8px}.portfolio-grid__image-wrapper{overflow:hidden;transition:all .7s ease-out;border-radius:8px}.portfolio-grid__image-wrapper--expanded{max-height:none}.portfolio-grid__image-wrapper:not(.portfolio-grid__image-wrapper--expanded){max-height:600px}@media(min-width:640px){.portfolio-grid__image-wrapper:not(.portfolio-grid__image-wrapper--expanded){max-height:800px}}.portfolio-grid__image{width:100%;height:auto;object-fit:cover}.portfolio-grid__media-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#fff;font-size:.875rem}.portfolio-grid__fade-overlay{position:absolute;bottom:0;left:0;right:0;height:4rem;background:linear-gradient(0deg,#000,rgba(0,0,0,.8),transparent);pointer-events:none}@media(min-width:640px){.portfolio-grid__fade-overlay{height:5rem}}.portfolio-grid__expand-button{position:absolute;bottom:.75rem;left:50%;transform:translateX(-50%);cursor:pointer;transition:background-color .3s ease-out,transform .3s ease-out;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.2)}