.project-collection{--gallery-inset:min(5vw, 90px);padding-inline:var(--gallery-inset)}.project-collection .catalog-heading{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:0 0 16px;display:flex}.project-collection .catalog-title{align-items:baseline;gap:10px;min-width:0;display:flex}.project-collection .catalog-heading h1{letter-spacing:-.04em;white-space:nowrap;font-size:32px;font-weight:400;line-height:1.15}.project-collection .catalog-controls{padding:0 0 20px}.project-collection .catalog-toolbar{border-bottom:1px solid #ddd;grid-template-columns:minmax(0,1fr);align-items:center;gap:0;display:grid}.project-collection .catalog-toolbar .category-tabs{gap:28px;min-width:0;min-height:48px;border-bottom:0!important;width:100%!important}.project-collection .catalog-toolbar .category-tabs [data-slot=tabs-trigger]{min-height:48px;padding:12px 0!important}.project-collection .catalog-heading-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.project-collection :is(.catalog-search-trigger,.catalog-filter-trigger){color:#55555b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 10px;font-size:14px;display:inline-flex}.project-collection :is(.catalog-search-trigger,.catalog-filter-trigger):hover{color:#171717;background:#f1f1f3}.project-collection :is(.catalog-search-trigger,.catalog-filter-trigger):is([data-state=open],[data-active=true]){color:#fff;background:#171717;border-color:#171717}.catalog-search-popover{color:#171717;background:#fff;border:1px solid #ddd;border-radius:8px;width:min(360px,100vw - 32px);padding:12px}.catalog-search-field{align-items:center;gap:8px;min-width:0;display:flex}.catalog-search-field>svg{flex-shrink:0}.catalog-search-field:focus-within{outline-offset:3px;border-radius:3px;outline:2px solid #847900}.catalog-search-field input::-webkit-search-cancel-button{-webkit-appearance:none}.catalog-search-field .project-search{background:0 0;border:0;flex:1;width:0;min-width:0;min-height:44px;padding:0 6px;max-width:none!important;height:44px!important}.catalog-search-field>button{cursor:pointer;background:0 0;border:0;flex:0 0 44px;place-items:center;height:44px;padding:0;display:grid}.project-collection .catalog-filter-meta{color:#6c6c70;justify-content:space-between;align-items:center;gap:12px;min-height:40px;font-size:14px;display:flex}.project-collection .catalog-result-count{color:#818186;justify-content:flex-start;gap:12px;min-height:0;font-size:14px}.project-collection .catalog-tag-panel{padding-top:10px}.project-collection .catalog-filter-meta .clear-filters{flex-shrink:0;min-height:40px;padding:6px 0}.project-collection .catalog-tag-panel .tag-filters{gap:0 6px!important}.project-collection .catalog-tag-panel .tag-filters [data-slot=toggle-group-item]{color:#535358;min-height:44px;height:44px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:6px!important;padding:0!important;font-size:14px!important}.project-collection .catalog-tag-label{min-height:32px;font-size:inherit;background:#f1f1f3;border-radius:6px;align-items:center;padding:5px 10px;line-height:22px;transition:background-color .16s,color .16s;display:inline-flex}.project-collection .tag-filters [data-state=off]:hover .catalog-tag-label{color:#171717;background:#e6e6e9}.project-collection .tag-filters [data-state=on] .catalog-tag-label{color:#fff;background:#171717}.project-collection .tag-filters [data-state=on]:hover .catalog-tag-label{background:#303034}.project-collection .tag-filters [data-slot=toggle-group-item]:focus-visible{outline:none}.project-collection .tag-filters [data-slot=toggle-group-item]:focus-visible .catalog-tag-label{outline-offset:2px;outline:2px solid #847900}.project-collection .catalog-panel{margin-inline:calc(-1 * var(--gallery-inset))}.project-collection .catalog-grid{background:0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.project-collection .catalog-card{border-inline-end:1px solid #d0d0d0;background:#fff;border-bottom:1px solid #d0d0d0}.project-collection .catalog-image{aspect-ratio:5/6;background:#f4f4f4}.project-collection .catalog-image>img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block;transform:none}.project-collection .catalog-card:hover .catalog-image>img{transform:none}.project-collection .catalog-caption{border-top:1px solid #d0d0d0;flex-wrap:nowrap;align-items:center;gap:8px;height:40px;min-height:40px;padding:0 0 0 10px;display:flex}.project-collection .catalog-date{color:#171717;white-space:nowrap;flex:auto;min-width:0;font-size:14px;line-height:1.4}.project-collection .catalog-awards{flex:0 auto;justify-content:flex-end;align-items:center;gap:2px;min-width:0;max-width:45%;height:100%;display:flex}.project-collection .catalog-awards>img{object-fit:contain;object-position:right center;width:auto;min-width:0;max-width:100%;height:100%;display:block}.project-collection .catalog-overlay{background:linear-gradient(#0000,#000000bf);gap:8px;padding:56px 20px 20px;inset:auto 0 0}.project-collection .catalog-overlay h2{letter-spacing:-.025em;font-size:clamp(22px,2vw,30px);font-weight:400;line-height:1.2}.project-collection .catalog-overlay .catalog-view{color:inherit;margin-top:0;font-size:14px;line-height:1.4}.project-collection .catalog-card:focus-visible{outline-offset:-3px}@media (min-width:751px) and (max-width:1100px){.project-collection .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:750px){.project-collection{--gallery-inset:6vw}.project-collection .catalog-heading{gap:8px;padding-bottom:12px}.project-collection .catalog-heading h1{font-size:28px}.project-collection .catalog-title{gap:8px}.project-collection .catalog-heading-actions{gap:6px}.project-collection :is(.catalog-search-trigger,.catalog-filter-trigger){padding-inline:7px}.project-collection .catalog-search-trigger{min-width:44px}.project-collection .catalog-search-label{display:none}.project-collection .catalog-controls{padding-bottom:12px}.project-collection .catalog-tag-panel .tag-filters{padding-top:4px}.project-collection .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.project-collection .catalog-grid{grid-template-columns:minmax(0,1fr)}}@media (hover:none){.project-collection .catalog-overlay{opacity:1;background:linear-gradient(#0000,#000000a6);padding:32px 16px 16px;display:flex;inset:auto 0 0}.project-collection .catalog-overlay h2{font-size:20px}.project-collection .catalog-overlay .catalog-view{display:none}}.catalog-card[href="/project/series-3-doorbell"] .catalog-image img{object-fit:contain;background:#fff;padding:12px}.catalog-card[href="https://robot-form-studio.revive0000.chatgpt.site/"] .catalog-image img{object-fit:contain;background:#191d22}
