@media (width<=1023.98px){.project-cards-container .project-card{scroll-snap-align:start}}.projects-fixed-wrapper:has(.page-toggle-btn[aria-expanded=false])+.project-cards-container{margin-top:0}.project-card{scroll-snap-align:start}.project-cards-container{flex-direction:column;gap:16px;margin-top:8px;display:flex}.project-card{box-sizing:border-box;cursor:default;background-color:color-mix(in srgb, var(--_tokens---color--fg) 2.5%, var(--_tokens---color--bg));border-top:none;border-left:none;border-right:none;border-bottom:1px solid var(--_tokens---color--line-soft);width:100%;box-shadow:0 8px 24px -10px color-mix(in srgb, var(--_tokens---color--fg) 12%, transparent);border-radius:0;padding-block:16px 14px;overflow:visible}.project-card.is-keyboard-selected{background-color:color-mix(in srgb, var(--_tokens---color--fg) 8%, var(--_tokens---color--bg));outline:1px solid color-mix(in srgb, var(--_tokens---color--fg) 30%, transparent);outline-offset:-1px}.project-card[hidden]{display:none!important}.project-card__header{user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:4px 20px 6px;display:flex}.project-card__stack-name{font-size:clamp(2rem,1.375rem + 3.5vw,4rem);font-weight:var(--_tokens---weight--base);letter-spacing:-.01em;white-space:normal;-webkit-line-clamp:2;color:var(--_tokens---color--fg);transition:opacity var(--_tokens---motion--base) ease;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.project-card.is-locked .project-card__stack-name,.project-card.is-locked .project-card__intro,.project-card.is-locked .project-card__desc,.project-card.is-locked .project-card__bottom-bar{opacity:.6;transition:opacity var(--_tokens---motion--base) ease}.project-card.is-locked .project-card__pill{opacity:.55}.project-card.is-locked .project-card__stack-name,.project-card.is-locked .project-card__intro{font-weight:var(--_tokens---weight--light)}.project-card.is-locked.is-keyboard-selected .project-card__stack-name,.project-card.is-locked.is-keyboard-selected .project-card__intro,.project-card.is-locked.is-keyboard-selected .project-card__desc,.project-card.is-locked.is-keyboard-selected .project-card__bottom-bar{opacity:.85}.project-card.is-locked.is-keyboard-selected .project-card__pill{opacity:1}@media (hover:hover){.project-card.is-locked:hover .project-card__stack-name,.project-card.is-locked:hover .project-card__intro,.project-card.is-locked:hover .project-card__desc,.project-card.is-locked:hover .project-card__bottom-bar{opacity:.85}.project-card.is-locked:hover .project-card__pill{opacity:1}}.project-card__stack-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.project-card__pill{width:44px;height:44px;font-size:var(--_tokens---type--small);font-weight:var(--_tokens---weight--base);color:var(--_tokens---color--fg);border:1px solid color-mix(in srgb, var(--_tokens---color--fg) 22%, transparent);white-space:nowrap;--icon-size:var(--_tokens---arrow--lg);transition:background-color var(--_tokens---motion--base) ease, border-color var(--_tokens---motion--base) ease, color var(--_tokens---motion--base) ease;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;gap:0;padding:0;text-decoration:none;display:inline-flex}.project-card__pill svg{transition:transform var(--_tokens---motion--base) ease}@media (hover:hover){.project-card__pill:hover{background-color:var(--_tokens---color--fg);color:var(--_tokens---color--bg);border-color:var(--_tokens---color--fg)}.project-card__pill:hover svg{transform:translate(2px,-2px)}}.project-card__body{overflow:visible}.project-card__body-inner{min-height:0;position:relative;overflow:visible}.project-card__columns{flex-direction:row;width:100%;min-height:76px;display:flex;position:relative;overflow:visible}.project-card__description-col{box-sizing:border-box;flex-direction:column;flex:1;gap:4px;padding:2px 20px 6px;display:flex}.project-card__intro{font-size:var(--_tokens---type--small);font-weight:var(--_tokens---weight--base);color:var(--_tokens---color--muted);max-width:62ch;margin:0;line-height:1.4}.project-card__desc{font-size:var(--_tokens---type--micro);color:var(--_tokens---color--muted);opacity:.85;max-width:62ch;margin:0;line-height:1.55;display:none}.project-card__image-col{background:0 0;flex-shrink:0;align-items:stretch;width:40%;display:flex;position:relative;overflow:hidden}.project-card__thumbs-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:0 0;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;width:100%;height:100%;padding:0;display:flex;overflow:hidden}.project-card__thumbs-scroll::-webkit-scrollbar{display:none}.project-card__thumbs-scroll.is-few{justify-content:flex-end}.project-card__thumb-item{all:unset;aspect-ratio:1;cursor:crosshair;flex:0 0 20%;max-height:100%;position:relative;overflow:hidden}.project-card__thumb-item img{object-fit:cover;object-position:center;width:100%;height:100%;transition:opacity var(--_tokens---motion--fast) ease, filter var(--_tokens---motion--fast) ease;display:block}.project-card.is-previewing .project-card__thumb-item img{filter:grayscale();opacity:.8}.project-card.is-previewing .project-card__thumb-item.is-active img{filter:none;opacity:1}.project-card__hover-preview{left:var(--_tokens---layout--nav);z-index:95;box-sizing:border-box;background-color:var(--_tokens---color--bg-glass);-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;width:56vw;transition:opacity var(--_tokens---motion--base) ease;justify-content:center;align-items:center;padding:48px;display:flex;position:fixed;top:0;bottom:0}.project-card__hover-preview.is-visible{opacity:1;pointer-events:none}.project-card__hover-preview-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:90vh;display:block}.project-card__bottom-bar{box-sizing:border-box;font-size:var(--_tokens---type--ultrathin);color:var(--_tokens---color--muted);justify-content:flex-start;align-items:center;gap:var(--_tokens---pill-gap);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-flow:row;min-width:0;padding:6px 20px 4px;display:flex;overflow:auto hidden}.project-card__bottom-bar::-webkit-scrollbar{display:none}.project-card__bottom-bar{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000 100%)}.project-card__bottom-left{flex:none;align-items:center;display:flex}.project-card__bottom-right{justify-content:flex-start;align-items:center;gap:var(--_tokens---pill-gap);font-weight:var(--_tokens---weight--light);flex-wrap:nowrap;flex:none;display:flex}.project-card__filter-pill,.project-card__meta-item{align-items:center;gap:var(--_tokens---pill-gap--xs);color:var(--_tokens---color--muted);background:color-mix(in srgb, var(--_tokens---color--fg) 5%, transparent);border:var(--_tokens---pill-border--mid);border-radius:var(--_tokens---radius--pill);padding:var(--_tokens---pill-pad--xs);font-family:inherit;font-size:var(--_tokens---type--ultrathin);font-weight:var(--_tokens---weight--light);white-space:nowrap;cursor:pointer;--icon-size:var(--_tokens---arrow--sm);transition:background-color var(--_tokens---motion--base) ease, border-color var(--_tokens---motion--base) ease, color var(--_tokens---motion--base) ease;line-height:1.1;display:inline-flex}.project-card__filter-pill svg,.project-card__meta-item svg{opacity:.55;transition:opacity var(--_tokens---motion--base) ease;flex-shrink:0}@media (hover:hover){.project-card__filter-pill:hover,.project-card__meta-item:hover{background-color:var(--_tokens---color--fg);color:var(--_tokens---color--bg);border-color:var(--_tokens---color--fg)}.project-card__filter-pill:hover svg,.project-card__meta-item:hover svg{opacity:1}}.project-card__filter-pill:focus-visible,.project-card__meta-item:focus-visible{outline:2px solid var(--_tokens---color--fg);outline-offset:2px}.project-card__metaline{align-items:center;gap:var(--_tokens---pill-gap);font-size:var(--_tokens---type--ultrathin);white-space:nowrap;flex-wrap:nowrap;display:flex}.project-card__meta-item{flex-shrink:0}.project-card__meta-val{color:inherit;font-weight:inherit}@media (width<=1023.98px){.project-card__meta-item:nth-child(n+2){display:none}.project-cards-container{padding-top:8px}.project-card__bottom-bar{padding:8px 0 10px;display:flex}.project-card__bottom-left{min-width:0;display:block}.project-card__bottom-right{justify-content:flex-start}.project-card__body{max-height:none;overflow:visible}.project-card__body-inner{overflow:visible}.project-card__pill{width:38px;height:38px}.project-card__columns{flex-direction:column;min-height:auto}.project-card__image-col{width:100%;height:auto}.project-card__thumbs-scroll{justify-content:flex-start;padding:0}.project-card__thumbs-scroll.is-few{justify-content:flex-start}.project-card__thumb-item{aspect-ratio:1;flex:0 0 20%;width:auto;height:auto}.project-card.is-previewing .project-card__thumbs-scroll{z-index:211;touch-action:pan-x;position:relative}.project-card__hover-preview{display:none!important}.project-card__description-col{display:none}.project-cards-container{min-height:calc(100dvh - var(--stack-clear,229px));flex-direction:column;justify-content:flex-end;gap:10px}.project-card{padding-block:10px 8px}.project-card__header{padding:4px 0}.project-card__bottom-bar{padding:4px 0 2px}.project-card__bottom-bar,.project-card__bottom-right,.project-card__metaline{gap:5px}.project-card__header{justify-content:space-between;gap:8px}.project-card__pill{font-size:var(--_tokens---type--medium)}.project-card__stack-name{font-size:var(--_tokens---type--medium);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;line-height:1.2;display:block;overflow:hidden}.project-card__stack-right{flex:none}.project-card__pill{--icon-size:var(--_tokens---arrow--md);background:0 0;border:none;width:auto;height:auto;padding:0}@media (hover:hover){.project-card__pill:hover{color:var(--_tokens---color--fg);background:0 0}}.project-card__bottom-bar,.project-cards-container.is-searching .project-card__image-col{display:none}.project-card__filter-pill,.project-card__meta-item{font-size:var(--_tokens---type--ultrathin);gap:3px;padding:3px 7px}}@media (width>=1024px){.project-cards-container .project-card{--card-name:var(--_tokens---type--medium);grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 24px;padding:10px 20px 12px;display:grid}.project-cards-container .project-card__header,.project-cards-container .project-card__body,.project-cards-container .project-card__body-inner,.project-cards-container .project-card__columns,.project-cards-container .project-card__bottom-left,.project-cards-container .project-card__bottom-right,.project-cards-container .project-card__metaline{display:contents}.project-cards-container .project-card__stack-name{max-width:80%;font-size:var(--card-name);-webkit-line-clamp:unset;white-space:nowrap;text-overflow:ellipsis;grid-area:1/1/auto/-1;line-height:1.1;display:block;overflow:hidden}.project-cards-container .project-card__stack-right{grid-area:1/2;place-self:center end}.project-cards-container .project-card__pill{font-size:var(--_tokens---type--micro);--icon-size:14px;width:28px;height:28px}.project-cards-container .project-card__description-col{grid-area:2/1;padding:0}.project-cards-container .project-card__intro{max-width:none}.project-cards-container .project-card__image-col{grid-area:2/2/span 2;align-self:start;width:auto}.project-cards-container .project-card__thumbs-scroll{justify-content:flex-end;height:auto}.project-cards-container .project-card__thumb-item{flex:none;width:88px;height:88px;max-height:none}.project-cards-container .project-card__bottom-bar{flex-wrap:wrap;grid-area:3/1;align-self:end;gap:4px;padding:0;display:flex;overflow:visible;-webkit-mask-image:none;mask-image:none}.project-cards-container .project-card__filter-pill,.project-cards-container .project-card__meta-item{font-size:var(--_tokens---type--ultrathin);gap:4px;padding:2px 8px;line-height:normal}}