.reference-grid--mixed .hero+.section[data-portfolio-filter]{padding-block-start:0}.reference-grid--mixed .project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,max(20rem,calc((100% - 2 * var(--grid-gap)) / 3))),1fr));align-items:start;row-gap:clamp(3rem,6vw,6.25rem)}.reference-grid--mixed .project-grid>.project-card{grid-column:auto}.reference-grid--mixed .project-card__image{display:block;block-size:auto;aspect-ratio:var(--project-preview-ratio, 32 / 27);object-fit:cover}.reference-grid--mixed .project-card:nth-child(15n+1 of.project-card) .project-card__image,.reference-grid--mixed .project-card:nth-child(15n+3 of.project-card) .project-card__image,.reference-grid--mixed .project-card:nth-child(15n+5 of.project-card) .project-card__image,.reference-grid--mixed .project-card:nth-child(15n+9 of.project-card) .project-card__image,.reference-grid--mixed .project-card:nth-child(15n+15 of.project-card) .project-card__image{aspect-ratio:var(--project-preview-ratio, 8 / 9)}.reference-grid--mixed .project-card:nth-child(15n+4 of.project-card) .project-card__image,.reference-grid--mixed .project-card:nth-child(15n+8 of.project-card) .project-card__image,.reference-grid--mixed .project-card:nth-child(15n+11 of.project-card) .project-card__image,.reference-grid--mixed .project-card:nth-child(15n+13 of.project-card) .project-card__image{aspect-ratio:var(--project-preview-ratio, 16 / 9)}.reference-grid--mixed .project-card__caption{min-block-size:0;padding-block-start:.3125rem}.reference-grid--mixed .project-card__title{font-size:var(--font-section)}.reference-grid--mixed .project-card__caption .body-copy{color:#b7b7b7}.reference-grid--mixed .project-card__title+.body-copy{margin-block-start:.1875rem}.reference-grid--mixed .project-card .project-card__link[href*="/kv-zuerich-shilpost/"] .project-card__image,.reference-grid--mixed .project-card .project-card__link[href*="/ksw-kantonsspital-winterthur-signaletik/"] .project-card__image{aspect-ratio:8 / 9}.reference-grid--mixed .project-card__link[href*="/kv-zuerich-shilpost/"]{--project-preview-ratio: 8 / 9}.reference-grid--mixed .project-card--landscape{--project-preview-ratio: 16 / 9}.reference-grid--mixed .project-card__link[href*="/dieschweizerischepost-piktogramme/"]{--project-preview-ratio: 8 / 9}.reference-grid--mixed .project-card__link[href*="/swica-elefant-signaletik/"],.reference-grid--mixed .project-card__link[href*="/zhaw-signaletik/"]{--project-preview-ratio: 32 / 27}.reference-grid--mixed .project-card__link[href*="/plan_international/"]{--project-preview-ratio: 8 / 9}.reference-grid--mixed .project-card__link[href*="/gwgfairzuhause/"]{--project-preview-ratio: 16 / 9}.reference-grid--mixed .project-card__link[href*="/menuandmore-digital/"]{--project-preview-ratio: 32 / 27}.reference-grid--mixed .project-card .project-card__link[href*="/uschter77-branding/"] img.project-card__image{object-position:right center}.reference-grid--mixed .project-card__link[href*="/kantonsspitaluri-branding/"] .project-preview-marquee__frame{block-size:calc(100% * 712 / 688)}.reference-grid--mixed .project-card:not([hidden]) .project-card__link[href*="/kantonsspitaluri-branding/"]>.project-card__image{aspect-ratio:16 / 9}.reference-grid--mixed :is(.project-card--landscape,.project-card:nth-child(15n+4 of.project-card),.project-card:nth-child(15n+8 of.project-card),.project-card:nth-child(15n+11 of.project-card),.project-card:nth-child(15n+13 of.project-card)) :is(img.project-card__image,video.project-card__image,.project-preview-sequence__frame){object-fit:contain;object-position:center}.reference-grid--mixed .project-card:not([hidden]) .project-card__link[href*="/dieschweizerischepost-piktogramme/"] :is(img.project-card__image,video.project-card__image,.project-preview-sequence__frame),.reference-grid--mixed .project-card:not([hidden]) .project-card__link[href*="/plan_international/"] :is(img.project-card__image,video.project-card__image,.project-preview-sequence__frame){object-fit:cover}.reference-grid--mixed .project-card:not([hidden]) .project-card__link[href*="/flughafenzuerich-signaletik/"]>video.project-card__image{aspect-ratio:32 / 27;object-fit:cover;background-color:oklch(0 0 none);overflow:clip}.reference-grid--mixed .project-card:not([hidden]) .project-card__link[href*="/flughafenzuerich-signaletik/"]>.project-card__image{aspect-ratio:32 / 27}.reference-grid--mixed .project-card:not([hidden]) .project-card__link[href*="/ksw-kantonsspital-winterthur-signaletik/"]>.project-card__image{aspect-ratio:8 / 9}.reference-grid--mixed .project-card .project-card__link[href*="/ksw-kantonsspital-winterthur-signaletik/"] :is(img.project-card__image,.project-preview-sequence__frame){object-fit:cover}