.projects-archive{--tabs-dur:var(--duration-fast);--tabs-ease:var(--ease-smooth-out);--tabs-text-muted:color-mix(in oklch,var(--foreground)75%,var(--muted));--tabs-text-active:var(--foreground);--tabs-bar-bg:var(--muted);--tabs-pill-bg:var(--foreground);--acc-expand:var(--duration-fast);--acc-collapse:var(--duration-quick);--acc-chevron:var(--duration-fast);--acc-ease:var(--ease-smooth-out);--learn-shift:2px;--learn-spread:8deg;--learn-in:var(--duration-fast);--learn-out:var(--duration-quick);--learn-ease:var(--ease-smooth-out)}.project-masthead{margin-bottom:3rem}.project-page-title{font-size:clamp(3.5rem,7.5vw,6rem);line-height:var(--leading-display);letter-spacing:-.03em;text-wrap:balance;animation:project-title-reveal var(--duration-very-slow)var(--ease-smooth-out)backwards}.project-page-intro{max-width:40ch;color:var(--muted-foreground);margin-top:1.5rem;font-size:1.125rem;line-height:1.6}.project-toolbar{justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:2rem;display:flex}.project-filter-scroll{scrollbar-width:thin;scrollbar-color:var(--border)transparent;min-width:0;margin:-5px;padding:5px;overflow-x:auto}.project-results{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.75rem}.project-gallery{position:relative}.project-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4rem);padding-block:3rem;display:grid}.project-media{border:1px solid var(--border);background:var(--muted);outline-offset:5px;border-radius:12px;display:block;position:relative;overflow:hidden}.project-preview{transition:transform var(--duration-slow)var(--ease-smooth-out);transform:scale(1)}.project-gallery>:first-child .project-preview{animation:project-preview-reveal var(--duration-very-slow)var(--ease-smooth-out)}.project-preview-arrow{background:var(--foreground);width:44px;height:44px;color:var(--background);transition:transform var(--duration-fast)var(--ease-smooth-out);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:1rem;right:1rem}.project-copy{padding-top:.25rem}.project-meta,.project-status{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.75rem;line-height:1.5;display:flex}.project-meta{justify-content:space-between}.project-title{font-size:clamp(2rem,3vw,2.75rem);line-height:var(--leading-display);letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere;margin-top:1rem}.project-status{margin-top:1rem}.project-description{color:var(--muted-foreground);margin-top:1.25rem;font-size:.9375rem;line-height:1.7}.project-actions{flex-wrap:wrap;align-items:center;gap:.25rem 1.5rem;margin-top:1rem;display:flex}.project-details{margin-top:.75rem}.project-details-trigger{border-top:1px solid var(--border);width:100%;min-height:44px;color:var(--muted-foreground);text-align:left;cursor:pointer;transition:color var(--duration-quick)ease-out;justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;display:flex}.project-details-trigger:hover,.project-details-trigger[aria-expanded=true]{color:var(--foreground)}.projects-archive button:focus-visible,.project-media:focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media (hover:hover) and (pointer:fine){a.project-media:hover .project-preview{transform:scale(1.035)}a.project-media:hover .project-preview-arrow{transform:translate(2px,-2px)}}@keyframes project-title-reveal{0%{clip-path:inset(-.1em -.05em 100%);transform:translateY(12px)}to{clip-path:inset(-.1em -.05em);transform:translateY(0)}}@keyframes project-preview-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (max-width:767px){.project-masthead{margin-bottom:2rem}.project-toolbar{flex-direction:column;align-items:stretch;gap:1rem;padding-bottom:1.5rem}.project-results{text-align:right}.project-row{grid-template-columns:minmax(0,1fr);gap:1.75rem;padding-block:2rem}.project-title{font-size:2.25rem}}.t-tabs{background:var(--tabs-bar-bg);border-radius:48px;align-items:center;gap:3px;padding:3px;display:inline-flex;position:relative}.t-tab{appearance:none;height:30px;color:var(--tabs-text-muted);cursor:pointer;z-index:1;transition:color var(--tabs-dur)var(--tabs-ease);background:0 0;border:0;border-radius:48px;padding:4px 12px;position:relative}.t-tab:not([aria-selected=true]):hover,.t-tab[aria-selected=true]{color:var(--tabs-text-active)}.t-tabs-pill{background:var(--tabs-pill-bg);width:0;height:30px;transition:transform var(--tabs-dur)var(--tabs-ease),width var(--tabs-dur)var(--tabs-ease);will-change:transform,width;z-index:0;pointer-events:none;border-radius:48px;position:absolute;top:3px;left:0;transform:translate(0)}@media (prefers-reduced-motion:reduce){.t-tabs-pill,.t-tab{transition:none!important}}.t-acc-panel{transition:grid-template-rows var(--acc-collapse)var(--acc-ease);grid-template-rows:0fr;display:grid}.t-acc[data-open=true] .t-acc-panel{transition:grid-template-rows var(--acc-expand)var(--acc-ease);grid-template-rows:1fr}.t-acc-panel-inner{opacity:0;filter:blur(2px);transition:opacity var(--acc-collapse)var(--acc-ease),filter var(--acc-collapse)var(--acc-ease);overflow:hidden}.t-acc[data-open=true] .t-acc-panel-inner{opacity:1;filter:blur();transition:opacity var(--acc-expand)var(--acc-ease),filter var(--acc-expand)var(--acc-ease)}.t-acc-chevron{transform-origin:50%;transition:transform var(--acc-chevron)var(--acc-ease);display:inline-flex;transform:scaleY(1)}.t-acc-chevron path{vector-effect:non-scaling-stroke}.t-acc[data-open=true] .t-acc-chevron{transform:scaleY(-1)}@media (prefers-reduced-motion:reduce){.t-acc-panel,.t-acc-panel-inner,.t-acc-chevron{transition:none!important}}.t-learn-chevron{transition:transform var(--learn-out)var(--learn-ease);display:inline-flex;transform:translate(0)}.t-learn-arm{transform-box:view-box;transform-origin:10px 8px;vector-effect:non-scaling-stroke;transition:transform var(--learn-out)var(--learn-ease)}.t-learn:hover .t-learn-chevron{transform:translateX(var(--learn-shift));transition-duration:var(--learn-in)}.t-learn:hover .t-learn-arm{transition-duration:var(--learn-in)}.t-learn:hover .t-learn-arm-top{transform:rotate(var(--learn-spread))}.t-learn:hover .t-learn-arm-bot{transform:rotate(calc(var(--learn-spread)*-1))}@media (prefers-reduced-motion:reduce){.t-learn-chevron,.t-learn-arm{transition:none!important}}.project-filters.t-tabs{padding:4px}.project-filters .t-tab{white-space:nowrap;height:44px;padding-inline:16px;font-size:.8125rem}.project-filters .t-tabs-pill{height:44px;top:4px}.project-filters .t-tab[aria-pressed=true]{color:var(--background)}@media (prefers-reduced-motion:reduce){.project-page-title{animation:none}.project-preview,.project-preview-arrow{transition:none}.project-gallery>:first-child .project-preview{animation:none}a.project-media:hover .project-preview,a.project-media:hover .project-preview-arrow{transform:none}}