.portfolio-grid-shell{width:100%;margin-inline:auto;container-type:inline-size}.portfolio-grid{--portfolio-gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:calc(.25 * (100cqw - 3 * var(--portfolio-gap)));gap:var(--portfolio-gap);display:grid}.portfolio-grid>.portfolio-grid-item{grid-column:var(--x)/span var(--w);grid-row:var(--y)/span var(--h);min-width:0;min-height:0;color:inherit;background:var(--panel,#fff);border-radius:.65rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.portfolio-grid-item:focus-visible{outline:4px solid var(--accent,#8065ba);outline-offset:3px}@media (width<=700px){.portfolio-grid{grid-template-columns:1fr;grid-auto-rows:auto}.portfolio-grid>.portfolio-grid-item{grid-area:auto/1}}