.catalog-section{padding-top:48px}.section-heading--catalog h1{max-width:18ch}.section-heading--catalog h2{max-width:26ch}.catalog-topics{flex-wrap:wrap;gap:8px 24px;margin-bottom:24px;font-size:14px;display:flex}.catalog-topics a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:flex}.catalog-controls{border-top:1px solid var(--fl-line);border-bottom:1px solid var(--fl-line);grid-template-columns:1fr auto;align-items:center;gap:16px;margin-bottom:24px;padding:16px 0;display:grid;position:relative}.catalog-results-toolbar{align-items:center;gap:16px;display:flex}.catalog-results-count{color:var(--fl-muted);white-space:nowrap;margin:0;font-size:14px}.view-switch{border:1px solid var(--fl-line);border-radius:999px;margin-left:auto;padding:2px;display:flex}.view-switch button{width:44px;height:44px;color:var(--fl-muted);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.view-switch button.is-active{color:#fff;background:var(--fl-ink)}.catalog-filter-trigger{border:1px solid var(--fl-control-border);background:#fff;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-size:14px;display:none}.catalog-filter-trigger>span{text-align:center;background:var(--fl-ink);color:#fff;border-radius:999px;min-width:20px}.catalog-filter-panel{width:auto;max-width:none;color:var(--fl-ink);background:0 0;border:0;margin:0;padding:0;position:static;overflow:visible}.catalog-filter-panel[open]{display:block}.catalog-filter-form{gap:8px;display:flex}.catalog-filter-group{position:relative}.catalog-filter-group>summary{border:1px solid var(--fl-control-border);cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:10px 16px;font-size:14px;list-style:none;display:flex}.catalog-filter-group>summary::-webkit-details-marker{display:none}.catalog-filter-group[open]>summary{background:var(--fl-subtle)}.catalog-filter-group[open]>summary>.icon{transform:rotate(180deg)}.catalog-filter-group fieldset{z-index:20;border:1px solid var(--fl-line);background:#fff;border-radius:12px;width:300px;max-height:60vh;margin:0;padding:20px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 8px 28px #00000014}.catalog-filter-options{gap:4px;display:grid}.catalog-filter-option{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:14px;display:flex}.catalog-filter-option input{width:18px;height:18px;accent-color:var(--fl-ink);margin:0}.catalog-filter-option small{color:var(--fl-muted);margin-left:auto;font-size:14px}.catalog-filter-options--color{grid-template-columns:repeat(5,44px);gap:8px}.catalog-filter-option--color{width:44px;height:44px;position:relative}.catalog-filter-option--color input{opacity:0;cursor:pointer;width:44px;height:44px;position:absolute;inset:0}.catalog-color-swatch{border:1px solid var(--fl-control-border);background:var(--swatch,#fff);pointer-events:none;border-radius:4px;width:36px;height:36px;margin:4px;display:block}.catalog-filter-option--color input:checked+.catalog-color-swatch{outline:2px solid var(--fl-ink);outline-offset:2px}.catalog-filter-option--color input:checked+.catalog-color-swatch:after{content:"✓";color:#fff;background:var(--fl-ink);border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;display:grid;position:absolute;bottom:0;right:0}.catalog-filter-option--color input:focus-visible+.catalog-color-swatch{outline:2px solid var(--fl-focus);outline-offset:4px}[data-color=white]{--swatch:#fff}[data-color=black]{--swatch:#151515}[data-color=red]{--swatch:#bd393f}[data-color=blue]{--swatch:#427798}[data-color=green]{--swatch:#46755d}[data-color=yellow]{--swatch:#e7c343}[data-color=silver]{--swatch:#a6afb3}[data-color=gold]{--swatch:#b38e46}[data-color=light-wood]{--swatch:#c2a27a}[data-color=dark-metal]{--swatch:#494d50}[data-color=transparent] .catalog-color-swatch{background:#fff;border-style:dashed}.catalog-filter-panel__header,.catalog-filter-panel__footer{display:none}.catalog-selected{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.catalog-selected:empty{display:none}.catalog-selected button{border:1px solid var(--fl-line);background:var(--fl-subtle);border-radius:999px;align-items:center;gap:12px;min-height:44px;padding:8px 14px;font-size:14px;display:inline-flex}.catalog-selected button:last-child{background:0 0}.catalog-grid-heading{margin:0 0 24px;font-size:20px}.project-grid--cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;display:grid}.project-card{grid-template-rows:auto 44px 1fr;align-content:start;gap:8px;min-width:0;display:grid;position:relative}.project-card:not(.has-gallery):after{content:"";grid-row:2}.project-card__visual{aspect-ratio:4/3;background:var(--fl-media);border-radius:12px;position:relative;overflow:hidden}.project-card__slides,.project-card__slide{position:absolute;inset:0}.project-card__slide{opacity:0;transition:opacity .18s}.project-card__slide.is-active{opacity:1}.project-card__index{z-index:2;border:1px solid var(--fl-line);background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;position:absolute;top:12px;right:12px}.project-card__thumbs{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;min-height:44px;display:grid}.project-card__thumbs button{border:1px solid var(--fl-line);background:var(--fl-media);border-radius:8px;min-width:0;height:44px;padding:2px}.project-card__thumbs button.is-active{border:2px solid var(--fl-ink);padding:1px}.project-card__thumbs img{border-radius:5px}.project-card__body{flex-direction:column;grid-row:3;align-items:start;padding-top:8px;display:flex}.project-card__body h3{letter-spacing:-.02em;margin:0 0 8px;font-size:20px;font-weight:600;line-height:1.25}.project-card__body h3 a:hover{text-underline-offset:4px;text-decoration:underline}.project-card__color{color:var(--fl-muted);margin:0 0 8px;font-size:14px}.project-card__facts{grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 12px;font-size:14px;line-height:1.4;display:grid}.project-card__facts dt{color:var(--fl-muted)}.project-card__facts dd{margin:0}.project-card__action{align-items:center;gap:12px;min-height:44px;margin-top:auto;font-size:14px;display:inline-flex}.project-card__action:hover{text-decoration:underline}.project-grid--list{gap:24px;display:grid}.project-grid--list .project-card{border-bottom:1px solid var(--fl-line);grid-template-rows:auto;grid-template-columns:220px 1fr;gap:24px;padding-bottom:24px;display:grid;position:relative}.project-grid--list .project-card__thumbs{display:none}.project-grid--list .project-card__body{grid-area:1/2;padding:0}.project-grid--list .project-card:after{display:none}.catalog-empty{padding:48px 0}.catalog-empty>p{color:var(--fl-muted)}.catalog-empty>a{align-items:center;gap:12px;min-height:44px;margin-left:24px;font-size:14px;display:inline-flex}@container layout (width<=959px){.catalog-controls{grid-template-columns:1fr}.catalog-filter-trigger{display:inline-flex}.catalog-results-toolbar{gap:12px}.project-grid--cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.catalog-filter-panel{background:#fff;width:min(480px,100%);max-width:100%;height:100dvh;max-height:100%;margin:0;padding:0;position:fixed;inset:0 0 0 auto;overflow:hidden}.catalog-filter-panel[open]{flex-direction:column;display:flex}.catalog-filter-panel::backdrop{background:#0007}.catalog-filter-panel__header{border-bottom:1px solid var(--fl-line);justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.catalog-filter-panel__header h2{margin:0;font-size:26px}.catalog-filter-form{flex:1;align-content:start;gap:24px;padding:24px 20px;display:grid;overflow:auto}.catalog-filter-group>summary{pointer-events:none;border:0;min-height:0;margin-bottom:16px;padding:0;font-size:16px;font-weight:600}.catalog-filter-group>summary .icon{display:none}.catalog-filter-group fieldset{width:100%;max-height:none;box-shadow:none;border:0;padding:0;position:static;overflow:visible}.catalog-filter-panel__footer{padding:16px 20px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--fl-line);gap:12px;display:flex}.catalog-filter-panel__footer [data-filter-apply]{flex:1}}@container layout (width<=655px){.project-grid--cards{grid-template-columns:1fr;gap:32px}.project-grid--list .project-card{grid-template-columns:104px minmax(0,1fr);gap:16px;position:relative}.project-grid--list .project-card__body h3{font-size:18px}.project-grid--list .project-card__facts{display:none}.project-grid--list .project-card__index{border:0;border-radius:0;padding:4px;font-size:11px;display:block;position:static}.project-grid--list .project-card__visual{aspect-ratio:1/1.2}.catalog-empty>a{margin:16px 0 0;display:flex}}@media (width<=712px){.catalog-section{padding-top:32px}}