.archive-main{isolation:isolate;padding-top:calc(var(--top-h) + clamp(32px, 7svh, 72px) + env(safe-area-inset-top,0px));padding-bottom:clamp(72px,12svh,140px);position:relative}.archive-main:before{content:"";z-index:-1;background-image:linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, var(--grid) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 45%);mask-image:linear-gradient(#000 0%,#0000 45%)}.back-link{min-height:44px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-2);align-items:center;gap:10px;margin-bottom:clamp(24px,5svh,48px);font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.back-link svg{transition:transform .4s var(--ease)}.back-link:hover{color:var(--ink)}.back-link:hover svg{transform:translate(-4px)}.archive-head .page-sub{margin-top:20px}.arc-filters{flex-wrap:wrap;gap:8px;margin:clamp(32px,6svh,56px) 0 20px;display:flex}.arc-filters button{border:1px solid var(--line-strong);min-height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:999px;align-items:baseline;gap:8px;padding:0 16px;font-size:.9375rem;font-weight:600;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.arc-filters button span{font-family:var(--font-mono);color:var(--ink-3);font-size:.75rem;font-weight:500}.arc-filters button:hover{border-color:var(--ink);color:var(--ink)}.arc-filters button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--canvas)}.arc-filters button[aria-pressed=true] span{color:color-mix(in srgb, var(--canvas) 70%, transparent)}.arc-list{--cols:56px minmax(0, 2.2fr) minmax(0, 1fr) minmax(0, 1.5fr) 96px;border-top:1px solid var(--ink)}.arc-head,.arc-row a{grid-template-columns:var(--cols);align-items:baseline;gap:16px clamp(16px,2.4vw,32px);display:grid}.arc-head{border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:12px 0;font-size:.6875rem}.arc-row{border-bottom:1px solid var(--line)}.arc-row[hidden]{display:none}.arc-row a{color:var(--ink);padding:clamp(20px,3.4svh,30px) 0;text-decoration:none;position:relative}.arc-row a:before{content:"";inset:0 calc(-1 * var(--gutter));z-index:-1;background:color-mix(in srgb, var(--accent) 8%, transparent);transform-origin:0;transition:transform .6s var(--ease);position:absolute;transform:scaleX(0)}.arc-row a:hover:before,.arc-row a:focus-visible:before{transform:scaleX(1)}.arc-no{font-family:var(--font-mono);color:var(--ink-3);font-size:.8125rem}.arc-name{font-family:var(--font-display);letter-spacing:-.03em;transition:transform .5s var(--ease), color .25s ease;gap:6px;font-size:clamp(1.625rem,3vw,2.5rem);font-weight:650;line-height:1.05;display:grid}.arc-desc{max-width:46ch;font-family:var(--font-sans);letter-spacing:0;color:var(--ink-2);font-size:.9375rem;font-weight:400;line-height:1.5}.arc-row a:hover .arc-name{color:var(--accent);transform:translate(8px)}.arc-role{gap:2px;font-weight:600;display:grid}.arc-role span{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-3);font-size:.75rem;font-weight:500}.arc-stack{font-family:var(--font-mono);color:var(--ink-2);font-size:.8125rem;line-height:1.6}.arc-go{justify-content:flex-end;align-items:center;gap:12px;font-size:1.25rem;display:flex}.arc-go>span:last-child{transition:transform .4s var(--ease)}.arc-row a:hover .arc-go>span:last-child{transform:translate(3px,-3px)}.arc-preview{z-index:60;aspect-ratio:4/3;object-fit:cover;object-position:top left;width:320px;box-shadow:0 0 0 1px var(--line), 0 30px 60px -24px #00000073;pointer-events:none;opacity:0;transition:opacity .2s ease, scale .3s var(--ease);border-radius:10px;position:fixed;top:0;left:0;scale:.92}.arc-preview.is-on{opacity:1;scale:1}.arc-cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;margin-top:clamp(56px,10svh,112px);display:flex}.arc-cta h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2.25rem,5vw,4rem);font-weight:650;line-height:1}.arc-cta h2 em{color:var(--accent)}.archive .footer-row .btn-link{min-height:36px;font-size:.875rem}@media (prefers-reduced-motion:reduce){.arc-row a:before,.arc-name,.arc-preview{transition:none}}@media (width<=900px){.arc-head{display:none}.arc-row a{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"no name go""no role role""no stack stack";gap:10px 14px}.arc-no{grid-area:no}.arc-name{grid-area:name}.arc-role{grid-area:role}.arc-stack{grid-area:stack}.arc-go{grid-area:go;align-self:start}.arc-go .tag{display:none}}.arc-go .tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}