@media(max-width:699.98px){.project-cards-container .project-card{scroll-snap-align:end}}.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{display:flex;flex-direction:column;gap:16px;margin-top:8px}.project-card{width:100%;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);padding-block:16px 14px;border-radius:0;overflow:visible;box-shadow:0 8px 24px -10px color-mix(in srgb,var(--_tokens---color--fg) 12%,transparent)}.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{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 20px 6px;user-select:none}.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;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--_tokens---color--fg);transition:opacity var(--_tokens---motion--base) ease;margin:0}.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:.32;transition:opacity var(--_tokens---motion--base) ease}.project-card.is-locked .project-card__pill{opacity:.55}@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:.5}.project-card.is-locked:hover .project-card__pill{opacity:1}}.project-card__stack-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.project-card__stack-tags,.project-card__stack-year{font-size:var(--_tokens---type--micro);font-weight:var(--_tokens---weight--light);color:var(--_tokens---color--muted);white-space:nowrap}.project-card__pill{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;gap:0;font-size:var(--_tokens---type--small);font-weight:var(--_tokens---weight--base);color:var(--_tokens---color--fg);text-decoration:none;border:1px solid color-mix(in srgb,var(--_tokens---color--fg) 22%,transparent);border-radius:50%;white-space:nowrap;flex-shrink:0;--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}.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)}}@media(hover:hover){.project-card__pill:hover svg{transform:translate(2px,-2px)}}.project-card__body{overflow:visible}.project-card__body-inner{position:relative;overflow:visible;min-height:0}.project-card__columns{display:flex;flex-direction:row;width:100%;min-height:76px;overflow:visible;position:relative}.project-card__description-col{flex:1;display:flex;flex-direction:column;gap:4px;padding:2px 20px 6px;box-sizing:border-box}.project-card__intro{font-size:var(--_tokens---type--small);font-weight:var(--_tokens---weight--strong);line-height:1.4;color:var(--_tokens---color--muted);margin:0;max-width:62ch}.project-card__desc{font-size:var(--_tokens---type--micro);line-height:1.55;color:var(--_tokens---color--muted);margin:0;max-width:62ch;opacity:.85}.project-card__image-col{width:40%;flex-shrink:0;overflow:hidden;position:relative;display:flex;align-items:stretch;background:none}.project-card__thumbs-scroll{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;overflow:hidden;width:100%;height:100%;gap:0;padding:0;background:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.project-card__thumbs-scroll::-webkit-scrollbar{display:none}.project-card__thumbs-scroll.is-few{justify-content:flex-end}.project-card__thumb-item{all:unset;flex:0 0 20%;aspect-ratio:1;max-height:100%;overflow:hidden;cursor:crosshair;position:relative}.project-card__thumb-item img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:opacity var(--_tokens---motion--fast) ease,filter var(--_tokens---motion--fast) ease}.project-card.is-previewing .project-card__thumb-item img{filter:grayscale(1);opacity:.8}.project-card.is-previewing .project-card__thumb-item.is-active img{filter:none;opacity:1}.project-card__hover-preview{position:fixed;left:var(--_tokens---layout--nav);top:0;bottom:0;width:56vw;z-index:95;display:flex;align-items:center;justify-content:center;padding:48px;box-sizing:border-box;background-color:var(--_tokens---color--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity var(--_tokens---motion--base) ease}.project-card__hover-preview.is-visible{opacity:1;pointer-events:none}.project-card__hover-preview-img{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;display:block}.project-card__bottom-bar{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;padding:6px 20px 4px;box-sizing:border-box;font-size:var(--_tokens---type--ultrathin);color:var(--_tokens---color--muted);gap:var(--_tokens---pill-gap);min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.project-card__bottom-bar::-webkit-scrollbar{display:none}.project-card__bottom-bar{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent 100%)}.project-card__bottom-left{display:flex;align-items:center;flex:0 0 auto}.project-card__bottom-right{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:var(--_tokens---pill-gap);flex:0 0 auto;font-weight:var(--_tokens---weight--light)}.project-card__filter-pill,.project-card__meta-item{display:inline-flex;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);line-height:1.1;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}.project-card__filter-pill svg,.project-card__meta-item svg{flex-shrink:0;opacity:.55;transition:opacity var(--_tokens---motion--base) ease}@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{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--_tokens---pill-gap);font-size:var(--_tokens---type--ultrathin);white-space:nowrap}.project-card__meta-item{flex-shrink:0}.project-card__meta-val{color:inherit;font-weight:inherit}@media(max-width:699.98px){.project-card__meta-item:nth-child(n+2){display:none}}@media(min-width:700px)and (max-width:1023.98px){.project-card__meta-item:nth-child(n+4){display:none}}.project-card__pill--cta{padding:8px 16px;font-size:var(--_tokens---type--small)}@media(max-width:1023.98px){.project-cards-container{padding-top:8px}.project-card__header{padding:10px 0}.project-card__bottom-bar{display:flex;padding:8px 0 10px}.project-card__bottom-left{display:block;min-width:0}.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{flex:0 0 20%;width:auto;height:auto;aspect-ratio:1}.project-card.is-previewing .project-card__thumbs-scroll{position:relative;z-index:211;touch-action:pan-x}.project-card__hover-preview{display:none!important}}@media(max-width:699.98px){.project-card__description-col{display:none}.project-cards-container{flex-direction:column-reverse;justify-content:flex-start;min-height:calc(100dvh - var(--stack-clear, 210px))}.project-cards-container{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);line-height:1.2;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}.project-card__stack-right{flex:0 0 auto}.project-card__pill{width:auto;height:auto;border:none;background:none;padding:0;--icon-size: var(--_tokens---arrow--md)}@media(hover:hover){.project-card__pill:hover{background:none;color:var(--_tokens---color--fg)}}.project-card__bottom-bar,.project-cards-container.is-searching .project-card__image-col{display:none}.project-card__filter-pill,.project-card__meta-item{padding:3px 7px;gap:3px;font-size:.5625rem}}@media(min-width:700px)and (max-width:1023.98px){.project-card__description-col{display:flex;padding:2px 0 8px}.project-card__desc{display:none}.project-card__intro{font-size:var(--_tokens---type--micro);max-width:68ch;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.project-card__stack-name{font-size:clamp(2.875rem,1.52rem + 3.1vw,3.5rem)}.project-card__thumb-item{flex:0 0 116px}.project-card__bottom-bar{align-items:center;gap:12px}}