.full-portfolio{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 24px;margin-bottom:64px}
.portfolio-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,1fr);gap:24px;max-width:640px;margin:36px 0 16px}
.portfolio-filters label{font-size:12px;color:var(--muted)}
.portfolio-item{min-width:0}
.portfolio-item .project-meta{min-height:0}
#posterDialog{width:min(840px,calc(100% - 32px))}
#posterImage{max-height:70dvh}
.section-heading h1{font-size:clamp(48px,6vw,84px);margin-bottom:0}
@media(max-width:1000px){.full-portfolio{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.full-portfolio{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.header-inner{flex-wrap:wrap}.portfolio-filters{grid-template-columns:minmax(0,1fr) 140px;gap:16px}}
@media(max-width:390px){.full-portfolio{grid-template-columns:1fr}.portfolio-filters{grid-template-columns:1fr}}

/* Show the complete artwork at its natural aspect ratio, without a fixed frame. */
#posterImage{display:block;width:auto;height:auto;max-width:100%;max-height:70dvh;aspect-ratio:auto;object-fit:contain;margin-inline:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}

.section-heading h1{color:var(--paper)}
.section-heading > p{text-align:right}

.filter-reset{align-self:end;min-height:48px;padding:12px 20px;border:1px solid #ddba7d;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}.filter-reset:hover{background:#ddba7d;color:#101313}.portfolio-filters{grid-template-columns:minmax(0,1fr) minmax(140px,220px) auto}@media(max-width:640px){.portfolio-filters{grid-template-columns:1fr}.filter-reset{width:100%}}