/* Architectural filter bar for the project catalogue. */
.filters{display:flex;align-items:stretch;gap:0;margin:0 0 44px;padding:7px;background:#e8e4de;border:1px solid #d8d0c6;border-radius:5px;width:max-content;max-width:100%}.filters select{appearance:none;-webkit-appearance:none;min-width:188px;margin:0;padding:15px 48px 15px 17px;border:0;border-right:1px solid #d0c8bd;border-radius:0;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23171716' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;color:var(--ink);font:500 .79rem var(--sans);letter-spacing:.025em;cursor:pointer;outline:0;transition:background-color .25s,color .25s}.filters select:first-child{min-width:222px}.filters select:focus,.filters select:hover{background-color:#f7f6f3}.filters button{margin:0;padding:0 20px;border:0;background:transparent;color:#6a635a;font:600 .62rem var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .25s}.filters button:hover{color:var(--gold)}.filters button:before{content:'×';font-size:1rem;vertical-align:-1px;margin-right:7px;font-weight:400}
@media(max-width:800px){.filters{width:100%;display:grid;grid-template-columns:1fr 1fr;padding:0}.filters select,.filters select:first-child{min-width:0;width:100%;padding:15px;border-right:0;border-bottom:1px solid #d0c8bd;background-position:right 15px center}.filters select:nth-child(odd){border-right:1px solid #d0c8bd}.filters button{grid-column:1/-1;padding:15px;text-align:left}}