project-card{display:contents}.card[data-variant=project]:has(.card-trigger) .card-trigger{all:unset;cursor:pointer;z-index:2;grid-area:1/1/-1/-1;justify-content:center;display:flex;position:relative}.card[data-variant=project]:has(.card-trigger) .card-trigger:focus-visible{outline:2px solid var(--Accent);outline-offset:2px}.card[data-variant=project]:has(.card-trigger) .quick-view{background-color:color-mix(in srgb, var(--Base), transparent 28%);color:var(--Ink);opacity:0;inline-size:100%;transition:opacity var(--card-transition-duration,.2s) ease;justify-content:center;align-items:center;gap:8px;padding:9px 15px;font-size:12px;font-weight:600;display:inline-flex}.card[data-variant=project]:has(.card-trigger) .quick-view span{color:var(--Accent)}.card[data-variant=project]:has(.card-trigger):is(:hover,:focus-within) .quick-view{opacity:1}project-filters button{border:1px solid var(--Muted);color:var(--Muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;align-items:center;padding:9px 16px;font-size:13px;font-weight:500;transition:all .25s;display:inline-flex}project-filters button:before{content:"";background-color:#0000;border-radius:8px;flex:none;width:0;height:0;transition:all .25s}project-filters button:hover{border:1px solid var(--Ink);color:var(--Ink)}project-filters button:is(:active,[data-active]){background-color:var(--Ink);border:1px solid var(--Ink);color:var(--Base);padding:9px 16px 9px 13px;font-weight:600;transition:all .25s}project-filters button:is(:active,[data-active]):before{background-color:var(--Accent);width:6px;height:6px;margin-inline-end:8px;transition:all .25s}project-grid{--gap:var(--size-4);gap:var(--gap);grid-template-rows:auto 1fr;grid-template-columns:repeat(auto-fill,minmax(min(233px,100%),1fr));display:grid}project-grid.is-enhanced{scrollbar-width:none;block-size:100vb;display:block;position:relative;overflow-y:auto}project-grid.is-enhanced::-webkit-scrollbar{display:none}project-grid>.sticky{gap:var(--gap);grid-template-columns:repeat(var(--columns,1), 1fr);block-size:100%;display:grid;position:sticky;inset-block-start:0;overflow:hidden}project-grid .column{gap:var(--gap);will-change:transform;flex-direction:column;display:flex}project-grid .card{flex:0 414px}project-grid .card:before{content:none}project-grid>.project-grid-empty{padding-block:var(--size-6);grid-column:1/-1}project-filters{padding-block:var(--size-4)}project-grid:not(.is-enhanced)>project-filters{grid-column:1/-1}project-lightbox{display:contents}project-lightbox dialog{background-color:var(--Base);border:1px solid var(--Keyline);color:var(--Ink);max-inline-size:min(90vw,900px);padding:var(--size-4);position:relative}project-lightbox dialog::backdrop{background-color:color-mix(in srgb, var(--Base), transparent 20%)}project-lightbox .lightbox-stage{align-items:center;gap:var(--size-2);justify-content:center;display:flex;position:relative}project-lightbox .lightbox-image{justify-content:center;align-items:center;margin:0;display:flex}project-lightbox .lightbox-image[hidden]{display:none}project-lightbox .lightbox-image img,project-lightbox .lightbox-image video{object-fit:contain;max-block-size:75vh;max-inline-size:100%;display:block}project-lightbox figcaption{align-items:baseline;gap:var(--size-3);justify-content:space-between;padding-block-start:var(--size-3);display:flex}project-lightbox [data-counter]{color:var(--Muted);font-size:var(--font-size-0);text-align:center;margin-inline:auto;padding-block-start:var(--size-2);display:block}project-lightbox [data-counter][hidden]{display:none}project-lightbox [data-close],project-lightbox [data-prev],project-lightbox [data-next]{background-color:var(--Alt-surface);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;block-size:2rem;inline-size:2rem;padding:0;display:flex}:is(project-lightbox [data-close],project-lightbox [data-prev],project-lightbox [data-next]) svg{fill:var(--Muted)}:is(project-lightbox [data-close],project-lightbox [data-prev],project-lightbox [data-next]):focus-visible{outline:2px solid var(--Accent);outline-offset:2px}:is(project-lightbox [data-close],project-lightbox [data-prev],project-lightbox [data-next])[hidden]{display:none}project-lightbox [data-close]{position:absolute;inset-block-start:var(--size-3);inset-inline-end:var(--size-3)}project-lightbox [data-prev],project-lightbox [data-next]{flex-shrink:0}