/* Filtering must win over the card layout's explicit display declaration. */
html body main .sim-grid .sim-card[hidden]{display:none!important}
html body main #sim-empty[hidden]{display:none!important}
/* Project editorial spread: continuous imagery left, complete credits and statement right. */
html body main .project-editorial{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:clamp(28px,4vw,80px);align-items:start}
html body main .project-editorial>*{min-width:0}
html body main .project-gallery{display:grid;gap:24px}
html body main .project-gallery .project-hero{margin:0!important;background:transparent!important}
html body main .project-gallery img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0}
html body main .project-story .project-award{margin:0 0 28px!important;color:#ff5000;font-size:13px!important;line-height:1.5!important;font-weight:700;letter-spacing:.04em}
html body main .project-story h1{font-family:Montserrat,Arial,sans-serif!important;font-weight:800!important;font-size:clamp(28px,3.3vw,58px)!important;line-height:1.05!important;letter-spacing:-.04em!important;margin:0 0 22px!important;overflow-wrap:anywhere}
html body main .project-story .project-author{font-size:19px!important;line-height:1.45!important;margin:0 0 42px!important;overflow-wrap:anywhere}
html body main .project-story .project-concept h2{font:700 12px/1.5 Arial,sans-serif!important;letter-spacing:.06em!important;margin:0 0 16px!important}
html body main .project-story .project-concept p{font-size:17px!important;line-height:1.65!important;margin:0!important;white-space:pre-line;overflow-wrap:anywhere}
html body main .project-story .project-credits{margin:36px 0 0}
@media(max-width:700px){html body main .project-editorial{display:flex;flex-direction:column;gap:28px}html body main .project-editorial>*{width:100%}html body main .project-story h1{font-size:32px!important}html body main .project-story .project-author{margin-bottom:28px!important}}
/* Mobile reading order: identity, edition/category, complete gallery, concept. */
@media(max-width:700px){
 html body main .project-editorial{gap:18px}
 html body main .project-editorial>.project-story{display:contents}
 html body main .project-story>.project-award{order:0;margin:0!important}
 html body main .project-story>h1{order:1;margin:0!important}
 html body main .project-story>.project-author{order:2;margin:0!important}
 html body main .project-story>.project-credits{order:3;margin:6px 0 12px!important;width:100%}
 html body main .project-editorial>.project-gallery{order:4}
 html body main .project-story>.project-concept{order:5;margin-top:18px;width:100%}
}
/* Final layout layer: preserve artwork and guide styling; never fix captions to a row height. */
html body main :is(.category-project-grid,.curatorial-grid,.sim-grid){grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:48px 28px!important;max-width:100%!important;box-sizing:border-box!important}
html body main .category-project-grid{width:100%!important;margin:40px 0 64px!important}
html body main :is(.category-project-card,.curatorial-card,.sim-card){display:block!important;min-width:0!important;height:auto!important;align-self:start!important}
html body main .curatorial-card>a{display:block!important;min-width:0!important}
html body main :is(.category-project-card>h2,.curatorial-name,.sim-card h3){height:auto!important;min-height:0!important;max-height:none!important;font-size:clamp(23px,2.3vw,36px)!important;line-height:1.12!important;margin:16px 0 14px!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
html body main :is(.category-project-meta,.curatorial-meta,.sim-meta){height:auto!important;min-height:0!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body main :is(.category-project-card>p,.curatorial-card .edition-credit,.sim-card>p){position:relative!important;inset:auto!important;margin:0!important;font-size:16px!important;line-height:1.5!important;height:auto!important;overflow-wrap:anywhere!important}
html body main .category-project-image{height:auto!important;aspect-ratio:4/5!important}
html body main :is(.project-identity,.project-information,.project-concept,.project-credits,.project-credits>div,.sim-heading,.sim-filters)>*{min-width:0}
html body main :is(.project-concept p,.project-credits dd,.project-byline,.sim-next strong){overflow-wrap:anywhere;white-space:normal}
html body main .sim-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,220px) minmax(0,240px)}
html body main .sim-filters :is(input,select){min-width:0!important;width:100%!important;box-sizing:border-box}
html body main .sim-next{gap:24px;align-items:start}
html body main .sim-next strong{max-width:70%;text-align:right}
@media(max-width:1050px){
 html body main :is(.category-project-grid,.curatorial-grid,.sim-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 22px!important}
 html body main .sim-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body main .sim-filters input{grid-column:1/-1}
 html body main .project-information{grid-template-columns:1fr!important}
}
@media(max-width:600px){
 html body main :is(.category-project-grid,.curatorial-grid,.sim-grid){grid-template-columns:minmax(0,1fr)!important;gap:36px!important}
 html body main :is(.category-project-card>h2,.curatorial-name,.sim-card h3){font-size:26px!important;line-height:1.15!important}
 html body main .project-identity{grid-template-columns:minmax(0,1fr)!important}
 html body main .project-credits>div{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)!important}
 html body main .sim-next{display:grid!important;grid-template-columns:minmax(0,1fr)}
 html body main .sim-next strong{max-width:100%;text-align:left;font-size:26px}
 html body main .sim-filters{gap:12px}
 html body main .sim-filters select{font-size:14px;padding:12px 6px}
}