.project-index{padding-bottom:4rem}.project-feature{align-items:start;gap:var(--spacing-12);padding-block:var(--spacing-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-feature+.project-feature{border-top:1px solid var(--color-border)}.project-index .project-visual{min-height:0;padding:var(--spacing-6);border-inline-start:1px solid var(--color-border);background:0 0}.project-index .project-type-sample{font-size:var(--font-size-3xl)}.project-index .project-memory svg{max-width:calc(var(--spacing-12) * 8)}.project-feature-copy{max-width:32rem}.project-feature-copy h2{font-size:var(--font-size-3xl);letter-spacing:-.035em;line-height:1.15}.project-index .project-feature-copy h2{font-size:var(--font-size-3xl)}.project-feature-heading{align-items:center;gap:.5rem;display:flex}.project-feature-heading h2{flex:0 auto;width:auto}.project-feature-heading h2 a{align-items:center;min-height:44px;display:inline-flex}.project-feature-heading h2 a:hover{text-underline-offset:6px;text-decoration:underline}.project-source{width:44px;height:44px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.project-source:hover{color:var(--color-text-primary)}.project-feature-copy p{margin-top:1.5rem;line-height:1.65}.project-feature-copy .project-purpose{font-size:var(--font-size-xl);line-height:1.4}.project-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1.75rem;margin-top:1.75rem;display:flex}.project-actions a{text-underline-offset:5px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.project-actions a:first-child{color:var(--color-text-primary)}.project-actions a:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:5px}.project-visual{background:var(--color-background-surface);flex-direction:column;justify-content:space-between;min-width:0;min-height:360px;margin:0;padding:2rem;display:flex}.project-memory-question{font-size:var(--font-size-lg);margin:0;padding-bottom:1rem;line-height:1.5}.project-memory svg{width:100%;max-width:380px;margin:0 auto;display:block}.project-memory-result{font-size:var(--font-size-base);margin:1rem 0 0;line-height:1.6}.project-type-specimen{overflow-wrap:anywhere;gap:.5rem;display:grid}.project-type-sample{font-size:var(--font-size-4xl);letter-spacing:-.03em;font-weight:600;line-height:1.15;display:block}.project-type-medium{font-size:var(--font-size-xl);line-height:1.3}.project-type-small{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.project-control-specimen,.project-selection-specimen{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.5rem;display:flex}.project-input-specimen{margin-top:1.5rem}.project-swatches{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.project-swatches i{background:var(--color-text-primary);border-radius:50%;flex:none;width:clamp(1.5rem,2.5vw,2rem);height:clamp(1.5rem,2.5vw,2rem)}.project-swatches i:nth-child(2){background:var(--color-text-secondary)}.project-swatches i:nth-child(3){background:var(--color-text-disabled)}.project-swatches i:nth-child(4){background:var(--color-background-muted)}.project-swatches i:nth-child(5){background:var(--color-success)}.project-swatches i:nth-child(6){background:var(--color-warning)}.project-skill-collection{margin:0;padding:0;list-style:none}.project-skill-collection li+li{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.5rem}.project-skill-collection a{align-items:flex-start;gap:1rem;min-height:44px;display:flex}.project-skill-collection svg{width:24px;height:24px;color:var(--color-text-secondary);flex-shrink:0;margin-top:.2rem}.project-skill-collection strong{font-size:var(--font-size-lg);font-weight:600;display:block}.project-skill-collection span>span{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:.5rem;line-height:1.6;display:block}.project-skill-collection a:hover strong{text-underline-offset:4px;text-decoration:underline}.project-other{padding-top:4rem}.project-other-list{grid-template-columns:1fr 1fr;gap:2rem 4rem;margin-top:2rem;display:grid}.project-other-list article{border-top:1px solid var(--color-border-emphasized);padding-top:1rem}.project-other-list a{text-underline-offset:5px;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.project-other-list a:is(:hover,:focus-visible){text-decoration:underline}.project-other-list p{margin-top:.5rem;line-height:1.65}.project-detail{padding-top:3rem}.project-visual--elephant-goldfish{justify-content:center;align-items:center}.project-plugin-icon{width:min(100%,256px);height:auto}.project-attribution{max-width:65ch}.eg-explanations{gap:2.5rem;display:grid}.eg-explanation-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.eg-explanation{border-top:1px solid var(--color-border);margin:0;padding-top:1.5rem}.eg-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.eg-steps li{min-width:0;position:relative}.eg-stage{fill:none;width:160px;max-width:100%;height:112px;stroke:var(--color-text-primary);stroke-width:1.5px;display:block}.eg-history{stroke:var(--color-text-secondary);opacity:.6}.eg-evidence{fill:var(--color-background-body)}.eg-review{fill:var(--color-background-body);stroke:var(--color-warning)}.eg-finding,.eg-revision{stroke:var(--color-warning);stroke-width:2.5px}.eg-transfer{fill:none;width:64px;stroke:var(--color-text-secondary);stroke-width:1.5px;position:absolute;top:44px;right:-2rem}.eg-packet{stroke:var(--color-warning);stroke-width:3px;stroke-dasharray:.14 .86;stroke-dashoffset:1px;opacity:0}.eg-steps[data-playing=true] .eg-packet{animation:1.8s ease-in-out eg-pass}.eg-steps[data-playing=true] li:nth-child(2) .eg-packet{animation-delay:1.8s}.eg-steps h4{font-size:var(--font-size-lg);margin-top:.75rem;font-weight:600}.eg-steps p{margin-top:.5rem;line-height:1.65}.eg-explanation figcaption{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.65}@keyframes eg-pass{0%{opacity:0;stroke-dashoffset:1px}15%,85%{opacity:1}to{opacity:0;stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.eg-steps[data-playing=true] .eg-packet{animation:none}}@media (width<=767px){.eg-steps{grid-template-columns:1fr;gap:2rem}.eg-steps li{min-height:112px;padding-left:112px}.eg-stage{width:96px;position:absolute;top:0;left:0}.eg-transfer{width:32px;inset:auto auto -1.75rem 36px;transform:rotate(90deg)}.eg-steps h4{margin-top:0}}.project-attribution p a{text-underline-offset:4px;text-decoration:underline}.project-attribution p,.project-install>p{margin-block:1rem;line-height:1.7}.project-detail-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:4rem;display:grid}.project-detail-title{font-size:var(--font-size-5xl);letter-spacing:-.04em;overflow-wrap:anywhere;font-weight:600;line-height:1.1}.project-detail-purpose{font-size:var(--font-size-2xl);text-wrap:balance;max-width:25ch;margin-top:1.5rem;line-height:1.35}.project-detail-description{max-width:60ch;margin-top:1.5rem;line-height:1.7}.project-detail-body{grid-template-columns:minmax(0,1fr);gap:3rem;display:grid}.project-install{width:100%;min-width:0;max-width:40rem}.project-install h2{margin-bottom:1.5rem}.project-detail-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.project-detail-notes p{margin-top:.75rem;line-height:1.7}@media (width<=1023px){.project-feature{gap:var(--spacing-8);grid-template-columns:1fr}.project-index .project-visual{max-width:calc(var(--spacing-12) * 12);border-inline-start:0;padding:0}}@media (width<=767px){.project-detail-hero,.project-detail-body,.project-detail-notes{grid-template-columns:1fr;gap:2rem}.project-visual{min-height:320px;padding:1.5rem}.project-detail{padding-top:1.5rem}.project-detail-title{font-size:var(--font-size-4xl)}.project-other-list{grid-template-columns:1fr}}