.projects-section.svelte-a72wie{padding:var(--space-2xl) var(--space-m);position:relative}.projects-section.compact.svelte-a72wie{padding-block:var(--space-xl)}.projects-section.svelte-a72wie:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;inset:0 0 auto}.projects-head.svelte-a72wie{margin-bottom:var(--space-l);align-items:stretch}.head-copy.svelte-a72wie{justify-content:flex-end;gap:var(--space-m);flex-direction:column;display:flex}.head-copy.svelte-a72wie .section-index:where(.svelte-a72wie){margin-bottom:var(--space-s)}.projects-heading.svelte-a72wie{color:var(--foreground);font-size:clamp(var(--text-xl), 5.4vw, var(--text-2xl));letter-spacing:-.045em;text-wrap:balance;font-weight:600;line-height:1}.projects-intro.svelte-a72wie{max-width:38rem;color:var(--muted-foreground);font-size:var(--text-m);line-height:var(--phi)}.field-panel.svelte-a72wie{isolation:isolate;justify-content:flex-end;gap:var(--space-s);border:1px solid var(--border);border-radius:var(--space-m);min-height:18rem;padding:var(--space-m);background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--signal) 9%, transparent), transparent 61.8%), var(--card);aspect-ratio:var(--ratio-golden);flex-direction:column;display:flex;position:relative;overflow:hidden}.field-panel.svelte-a72wie .golden-field{z-index:-1;-webkit-mask-image:linear-gradient(#000 38%,#0000 92%);mask-image:linear-gradient(#000 38%,#0000 92%)}.field-stats.svelte-a72wie{gap:var(--space-xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.field-stats.svelte-a72wie div:where(.svelte-a72wie){border-top:1px solid var(--border);padding-top:var(--space-xs)}.field-stats.svelte-a72wie dt:where(.svelte-a72wie){color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase}.field-stats.svelte-a72wie dd:where(.svelte-a72wie){margin-top:var(--space-3xs);color:var(--foreground);font-family:var(--font-heading);font-size:var(--text-l);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:600}.field-link.svelte-a72wie{width:100%}.project-toolbar.svelte-a72wie{justify-content:space-between;align-items:center;gap:var(--space-s);margin-bottom:var(--space-m);flex-wrap:wrap;display:flex}.filter-group.svelte-a72wie{gap:var(--space-2xs);border:1px solid var(--border);padding:var(--space-3xs);background:color-mix(in srgb, var(--card) 70%, transparent);border-radius:999px;flex-wrap:wrap;display:flex}.filter-chip.svelte-a72wie{align-items:center;gap:var(--space-xs);min-height:2.75rem;padding:0 var(--space-s);color:var(--muted-foreground);cursor:pointer;border-radius:999px;font-size:.8125rem;font-weight:600;transition:background-color .18s,color .18s;display:inline-flex}.filter-chip.svelte-a72wie:hover{color:var(--foreground)}.filter-chip[aria-pressed=true].svelte-a72wie{background:var(--foreground);color:var(--background)}.filter-count.svelte-a72wie{background:color-mix(in srgb, currentColor 14%, transparent);min-width:1.5rem;font-family:var(--font-mono);font-size:var(--text-2xs);text-align:center;border-radius:999px;padding:.1rem .4rem}.result-count.svelte-a72wie{color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase}.project-card.svelte-a72wie{--tilt:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border:1px solid var(--border);border-radius:var(--space-m);background:var(--card);flex-direction:column;min-width:0;transition:border-color .24s,box-shadow .24s,transform .42s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.project-card.svelte-a72wie:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(38rem circle at var(--pointer-x,50%) var(--pointer-y,0%), color-mix(in srgb, var(--signal) 13%, transparent), transparent 38.2%);transition:opacity .32s;position:absolute;inset:0}.project-card.svelte-a72wie:hover:after,.project-card.svelte-a72wie:focus-within:after{opacity:1}.project-card.svelte-a72wie:hover,.project-card.svelte-a72wie:focus-within{border-color:color-mix(in srgb, var(--signal) 45%, var(--border));box-shadow:0 26px 60px -38px color-mix(in srgb, var(--signal) 55%, #000)}.archive-card.svelte-a72wie:hover,.spotlight.svelte-a72wie:hover{transform:var(--tilt) translateY(-.236rem)}.project-visual.svelte-a72wie{z-index:2;aspect-ratio:var(--ratio-golden);margin:var(--space-xs) var(--space-xs) 0;border:1px solid var(--border);border-radius:var(--space-s);display:block;position:relative;overflow:hidden}.project-visual.svelte-a72wie:focus-visible{outline-offset:-4px}.project-content.svelte-a72wie{z-index:2;padding:var(--space-m);flex-direction:column;flex:1;display:flex;position:relative}.project-meta.svelte-a72wie{align-items:center;gap:var(--space-xs);color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;display:flex}.project-index.svelte-a72wie{color:var(--signal)}.project-status.svelte-a72wie{align-items:center;gap:var(--space-2xs);border:1px solid var(--border);text-transform:uppercase;border-radius:999px;margin-left:auto;padding:.25rem .618rem;display:inline-flex}.project-status.live.svelte-a72wie:before{content:"";background:#34d399;border-radius:50%;width:.382rem;height:.382rem;box-shadow:0 0 0 3px #34d39938}.project-category.svelte-a72wie{margin-top:var(--space-s);color:var(--muted-foreground);font-size:var(--text-xs);line-height:1.5}.project-title.svelte-a72wie{margin-top:var(--space-2xs);color:var(--foreground);font-size:var(--text-l);letter-spacing:-.035em;font-weight:600;line-height:1.15}.project-title.svelte-a72wie a:where(.svelte-a72wie):after{content:"";z-index:-1;position:absolute;inset:0}.project-description.svelte-a72wie{margin-top:var(--space-xs);color:var(--muted-foreground);font-size:.9rem;line-height:var(--phi);overflow-wrap:anywhere;flex:1}.project-outcome.svelte-a72wie{margin-top:var(--space-s);border-left:2px solid var(--signal);border-radius:0 var(--space-xs) var(--space-xs) 0;background:color-mix(in srgb, var(--signal) 6%, var(--card));padding:var(--space-xs) var(--space-s);color:var(--foreground);font-size:.85rem;line-height:1.55}.outcome-label.svelte-a72wie{margin-bottom:var(--space-3xs);color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase}.project-stack.svelte-a72wie{gap:var(--space-2xs);margin-top:var(--space-s);flex-wrap:wrap;display:flex}.stack-pill.svelte-a72wie{border:1px solid var(--border);border-radius:var(--space-2xs);color:var(--muted-foreground);padding:.25rem .5rem;font-size:.7rem}.project-footer.svelte-a72wie{justify-content:space-between;align-items:center;gap:var(--space-xs);margin-top:var(--space-m);border-top:1px solid var(--border);padding-top:var(--space-s);flex-wrap:wrap;display:flex}.case-link.svelte-a72wie{align-items:center;gap:var(--space-2xs);min-height:2.75rem;color:var(--foreground);font-size:.875rem;font-weight:700;display:inline-flex}.case-link.svelte-a72wie svg{transition:translate .24s cubic-bezier(.16,1,.3,1)}.project-card.svelte-a72wie:hover .case-link:where(.svelte-a72wie) svg{translate:.236rem}.project-links.svelte-a72wie{gap:var(--space-2xs);display:flex}.project-action.svelte-a72wie{z-index:1;justify-content:center;align-items:center;gap:var(--space-2xs);border:1px solid var(--border);border-radius:var(--space-xs);min-width:2.75rem;min-height:2.75rem;padding:var(--space-2xs) var(--space-xs);color:var(--foreground);font-size:.75rem;display:inline-flex;position:relative}.project-action.svelte-a72wie:hover{background:var(--muted)}.archive.svelte-a72wie{gap:var(--grid-gap);flex-direction:column;display:flex}.archive-grid.svelte-a72wie{row-gap:var(--grid-gap)}.spotlight.svelte-a72wie{gap:0;display:grid}.spotlight-visual.svelte-a72wie{display:flex}.spotlight-visual.svelte-a72wie .project-visual:where(.svelte-a72wie){margin:var(--space-xs);flex:1}.spotlight-body.svelte-a72wie .project-content:where(.svelte-a72wie){height:100%;padding:var(--space-l) var(--space-l) var(--space-m) var(--space-m)}.spotlight.svelte-a72wie .project-title:where(.svelte-a72wie){font-size:clamp(var(--text-l), 3vw, var(--text-xl))}@media (width>=1024px){.archive-card.wide.svelte-a72wie{grid-template-columns:7fr 5fr;display:grid}.archive-card.wide.svelte-a72wie .project-visual:where(.svelte-a72wie){margin-bottom:var(--space-xs);align-self:start}}.compact.svelte-a72wie .project-outcome:where(.svelte-a72wie){display:none}.project-panel.svelte-a72wie{flex-direction:column;flex:1;min-width:0;display:flex}.project-panel[hidden].svelte-a72wie{display:none}.domino-tab.svelte-a72wie{z-index:2;align-items:center;gap:var(--space-xs);width:100%;min-height:3.5rem;padding:var(--space-s);text-align:left;cursor:pointer;color:var(--foreground);font-size:.85rem;font-weight:600;display:flex;position:relative}.domino-tab.svelte-a72wie>svg{margin-left:auto}.domino-number.svelte-a72wie{color:var(--muted-foreground);font-family:var(--font-mono);font-size:.7rem}.project-card.active.svelte-a72wie .domino-number:where(.svelte-a72wie){color:var(--signal)}.domino-tab.svelte-a72wie:focus-visible{outline:2px solid var(--signal);outline-offset:-5px;border-radius:1rem}@media (width>=1024px){.project-grid.domino-deck.svelte-a72wie{min-height:40rem;padding-top:var(--space-xs);gap:0;display:flex}.domino-deck.svelte-a72wie .project-card:where(.svelte-a72wie){border-radius:var(--space-s);flex:0 0 4.236rem;margin-left:-.382rem;transition:flex-basis .42s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1),border-color .24s;box-shadow:-10px 0 24px -18px #0009}.domino-deck.svelte-a72wie .project-card:where(.svelte-a72wie):first-child{margin-left:0}.domino-deck.svelte-a72wie .project-card.active:where(.svelte-a72wie){transform:translateY(calc(var(--space-xs) * -1));flex:1}.domino-deck.svelte-a72wie .project-card:where(.svelte-a72wie):not(.active) .domino-tab:where(.svelte-a72wie){writing-mode:vertical-rl;padding:var(--space-m) var(--space-s);justify-content:flex-start;gap:var(--space-m);flex:1}.domino-deck.svelte-a72wie .project-card:where(.svelte-a72wie):not(.active):hover{background:color-mix(in srgb, var(--signal) 5%, var(--card))}.domino-deck.svelte-a72wie .project-card:where(.svelte-a72wie):not(.active) .domino-tab:where(.svelte-a72wie)>svg{margin:auto 0 0}.domino-deck.svelte-a72wie .project-visual:where(.svelte-a72wie){flex:none;max-height:19rem}.domino-deck.svelte-a72wie .project-description:where(.svelte-a72wie){flex:none}.domino-deck.svelte-a72wie .project-footer:where(.svelte-a72wie){margin-top:auto}}@media (width<=1023px){.project-grid.domino-deck.svelte-a72wie{grid-template-columns:minmax(0,1fr);display:grid}.domino-deck.svelte-a72wie .project-card:where(.svelte-a72wie){border-radius:var(--space-s);margin-top:-.236rem}.domino-deck.svelte-a72wie .project-card.active:where(.svelte-a72wie){margin-block:var(--space-xs)}.field-panel.svelte-a72wie{aspect-ratio:auto}.spotlight-body.svelte-a72wie .project-content:where(.svelte-a72wie){padding:var(--space-m)}}@media (width<=767px){.projects-section.svelte-a72wie{padding-inline:var(--space-s)}.project-content.svelte-a72wie{padding:var(--space-s)}.filter-group.svelte-a72wie{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.filter-chip.svelte-a72wie{flex:none}}@media (prefers-reduced-motion:reduce){.project-card.svelte-a72wie,.domino-deck.svelte-a72wie .project-card:where(.svelte-a72wie){transition:none}.archive-card.svelte-a72wie:hover,.spotlight.svelte-a72wie:hover{transform:none}}