/* A readable image catalogue when the visitor chooses the lightweight route. */
.flat-catalogue{--muted:#516358;--line:#d4dbd3}.flat-catalogue .specimen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}.flat-catalogue .specimen{border-bottom:1px solid var(--line);scroll-margin-top:24px}.flat-catalogue .project{display:grid;grid-template-columns:160px minmax(0,1fr);gap:22px;align-items:center;aspect-ratio:auto;min-height:220px;padding:22px 0}.flat-catalogue .specimen-grid .object-stage{height:170px;aspect-ratio:auto;min-width:0;overflow:hidden}.flat-catalogue .object-thumb{position:static;display:block;width:100%;height:100%;object-fit:contain;transform:none!important;opacity:1}.flat-catalogue .view-mark,.flat-catalogue .object-stage::before,.flat-catalogue .label-arrow,.flat-catalogue .peek{display:none!important}.flat-catalogue .object-label{position:static;inset:auto;display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;width:auto;max-width:none;margin:0;transform:none;font-family:inherit;align-items:start}.flat-catalogue .object-label .index{font-size:12px;letter-spacing:0;line-height:1.5;padding:3px 0 0;border:0;color:var(--muted)}.flat-catalogue .object-label h3{display:block;font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.035em;text-transform:none;overflow:visible;-webkit-line-clamp:unset;overflow-wrap:normal}.flat-catalogue .object-label p{font-size:12px;line-height:1.5;letter-spacing:0;margin-top:8px;text-transform:none}.flat-catalogue .object-label .object-description{display:block;max-height:none;font-size:14px;line-height:1.65;letter-spacing:0;overflow:visible;-webkit-line-clamp:unset;color:var(--ink);margin-top:10px}.flat-catalogue .project:hover h3,.flat-catalogue .project:focus-visible h3{text-decoration:underline;text-underline-offset:5px}.flat-catalogue .collection-heading h2{font-size:12px}.flat-catalogue .collection-heading>p{font-size:12px}.flat-catalogue .intro-text p{font-size:15px}.flat-catalogue .intro-text .muted{font-size:12px}.flat-catalogue .masthead a,.flat-catalogue footer a{display:inline-flex;align-items:center;min-height:44px}.flat-catalogue .masthead .identity{display:block;min-height:44px}.flat-catalogue nav{padding:0;gap:28px}
@media(max-width:1000px){.flat-catalogue .specimen-grid{grid-template-columns:1fr}.flat-catalogue .project{grid-template-columns:160px minmax(0,1fr);gap:24px;min-height:200px}}
@media(max-width:600px){.flat-catalogue .page{padding:0 18px}.flat-catalogue .masthead{flex-wrap:wrap;gap:8px;padding:20px 0 14px}.flat-catalogue .masthead nav{width:100%;justify-content:space-between;gap:18px}.flat-catalogue .introduction{grid-template-columns:1fr;gap:20px;padding:32px 0}.flat-catalogue .introduction h1{font-size:44px;letter-spacing:-.05em}.flat-catalogue .intro-text{padding:0}.flat-catalogue .intro-text p{font-size:14px}.flat-catalogue .intro-text .muted{font-size:12px}.flat-catalogue .project{grid-template-columns:80px minmax(0,1fr);gap:14px;min-height:165px;padding:22px 0}.flat-catalogue .specimen-grid .object-stage{height:110px}.flat-catalogue .object-label{grid-template-columns:18px minmax(0,1fr);gap:8px}.flat-catalogue .object-label h3{font-size:22px;overflow-wrap:anywhere}.flat-catalogue .object-label p{font-size:12px}.flat-catalogue .object-label .object-description{font-size:14px;line-height:1.6}.flat-catalogue .collection-heading{align-items:flex-start}.flat-catalogue .collection-heading h2{font-size:12px;line-height:1.5}.flat-catalogue .collection-heading>span{font-size:11px;white-space:nowrap}.flat-catalogue .collection-heading>p{display:none}}