.project{--cols:var(--grid-cols, 6);--rows:var(--grid-rows, 5);--margin:var(--grid-margin, 20px);--gutter:var(--grid-gutter, 20px);--media-aspect:1.7778;--tint:rgb(0 0 0 / 0.06);--col:calc((100cqw - (var(--cols) - 1) * var(--gutter)) / var(--cols));--row:calc((100cqh - (var(--rows) - 1) * var(--gutter)) / var(--rows));height:100svh;padding:var(--margin);container-type:size;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:var(--gutter);align-items:start;background:var(--page-bg,var(--color-bg))}.project-name{view-transition-name:site-name}.project-tagline{view-transition-name:site-tagline}.project-title{view-transition-name:project-title;font:inherit;font-weight:var(--font-weight-medium)}.project figure,.project h1,.project p{margin:0}.project a{color:inherit}.project-secondary,.project-tagline{color:var(--color-fg-secondary)}.project-top{grid-column:1;grid-row:1}.project-home{text-decoration:none}.project-aside,.project-meta{grid-row:2;display:flex;flex-direction:column;gap:var(--meta-gap)}.project-meta{grid-column:1}.project-aside{grid-column:2}.project-collab{display:flex;flex-direction:column;gap:var(--meta-gap);margin-top:var(--line-box)}.project-description{grid-column:2;grid-row:3/span 2}.project-description p+p{margin-top:var(--line-box)}.project-media{view-transition-name:project-media;--area-w:calc(4 * var(--col) + 3 * var(--gutter));--area-h:calc(3 * var(--row) + 2 * var(--gutter));--h:min(calc(var(--area-w) / var(--media-aspect)), var(--area-h));grid-column:3/-1;grid-row:2/span 3;justify-self:start;width:calc(var(--h) * var(--media-aspect));height:var(--h);max-width:100%;background:var(--tint)}.project-media img,.project-media video{display:block;width:100%;height:100%;object-fit:cover}.project-stills{grid-column:1/-1;grid-row:5;align-self:end;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gutter);list-style:none;margin:0;padding:0}.project-stills li{min-width:0}.project-still-color,.project-stills img{display:block;width:var(--b-thumb-w);max-width:100%;height:auto;aspect-ratio:var(--b-thumb-aspect);object-fit:cover}@media (max-width:899px){.project{height:auto;min-height:100svh;container-type:inline-size;display:flex;flex-direction:column;gap:var(--gutter)}.project-media{order:1;width:100%;height:auto;aspect-ratio:var(--media-aspect)}.project-meta{order:2}.project-aside{order:3}.project-description{order:4}.project-stills{order:5;margin-top:auto;display:flex;flex-wrap:wrap;gap:var(--gutter)}}