.tools-page{--surface:var(--tan);background:var(--tan);min-width:0;color:var(--ink)}.tools-intro{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:end;gap:clamp(36px,8vw,128px);padding-block:clamp(72px,9vw,128px) clamp(62px,8vw,104px);display:grid}.tools-intro h1{text-wrap:balance;max-width:11ch;margin:0;font-size:clamp(60px,7.6vw,108px)}.tools-intro p{max-width:25em;margin:0 0 .25rem;font-family:Spectral,Georgia,serif;font-size:clamp(21px,2vw,27px);line-height:1.42}.tools-catalog{padding-bottom:clamp(84px,11vw,152px)}.catalog-controls{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:minmax(260px,1fr) auto auto;align-items:end;gap:18px clamp(18px,3vw,38px);padding-block:20px;display:grid}.catalog-search label{letter-spacing:.095em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.search-field{max-width:520px;position:relative}.search-field input{border:1px solid var(--ink);background:var(--lifted);width:100%;min-height:48px;color:var(--ink);-webkit-appearance:none;appearance:none;border-radius:0;padding:10px 46px 10px 14px}.search-field input::placeholder{color:var(--muted);opacity:1}.search-field span{pointer-events:none;font-size:25px;line-height:1;position:absolute;top:50%;right:14px;transform:translateY(-54%)}.tools-page .filter-group{flex-wrap:wrap;gap:7px;display:flex}.tools-page .filter-group button,.catalog-empty button{cursor:pointer;letter-spacing:.075em;text-transform:uppercase;background:0 0;border:1px solid;border-radius:999px;min-height:44px;padding:7px 16px;font-size:11px;font-weight:700}.tools-page .filter-group button{transition:background-color var(--snap),border-color var(--snap)}.tools-page .filter-group button[aria-pressed=true],.tools-page .filter-group button:hover{background:var(--ink);color:var(--lifted);border-color:var(--ink);transition:background-color var(--snap),border-color var(--snap),color var(--snap)}.tools-page .filter-group button[data-filter=skill][aria-pressed=true],.tools-page .filter-group button[data-filter=skill]:hover{background:var(--ochre);color:var(--ink);border-color:var(--ochre)}.tools-page .filter-group button[data-filter=agent][aria-pressed=true],.tools-page .filter-group button[data-filter=agent]:hover{background:var(--clay);color:var(--lifted);border-color:var(--clay)}.tools-page .filter-group button[data-filter=engine][aria-pressed=true],.tools-page .filter-group button[data-filter=engine]:hover{background:var(--olive);color:var(--cream);border-color:var(--olive)}.catalog-count{white-space:nowrap;margin:0 0 13px;font-size:13px}.catalog-grid{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.tool-card{--kind-bg:var(--ink);--kind-fg:var(--lifted);border-right:1px solid var(--rule);min-width:0;color:inherit;transition:background-color var(--snap);background:0 0}.tool-card[data-tool-type=skill]{--kind-bg:var(--ochre);--kind-fg:var(--ink);--hover-bg:var(--ochre);--hover-fg:var(--ink)}.tool-card[data-tool-type=agent]{--kind-bg:var(--clay);--kind-fg:var(--lifted);--hover-bg:var(--clay);--hover-fg:var(--lifted)}.tool-card[data-tool-type=engine]{--kind-bg:var(--olive);--kind-fg:var(--cream);--hover-bg:var(--olive);--hover-fg:var(--cream)}@media (hover:hover){.tool-card:hover,.tool-card:focus-within{background:var(--hover-bg);color:var(--hover-fg);transition:background-color var(--snap),color var(--snap)}.tool-card:hover .tool-kind,.tool-card:focus-within .tool-kind{color:inherit;background:0 0;box-shadow:inset 0 0 0 1px}.tool-card:hover .tool-meta,.tool-card:focus-within .tool-meta{border-top-color:color-mix(in srgb,currentColor 35%,transparent)}}.tool-card:last-child{border-right:0}.tool-card[hidden]{display:none}.tool-link{height:100%;min-height:430px;color:inherit;grid-template-rows:auto 1fr auto;gap:clamp(24px,3vw,40px);padding:clamp(24px,3vw,38px);text-decoration:none;display:grid}.tool-link:hover .tool-name,.tool-link:focus-visible .tool-name{text-underline-offset:5px;text-decoration:underline 2px}.tool-art{aspect-ratio:1;object-fit:contain;width:clamp(116px,12vw,148px);height:clamp(116px,12vw,148px);display:block}.tool-copy{align-self:start;display:block}.tool-kind,.tool-meta{letter-spacing:.095em;text-transform:uppercase;font-size:11px;font-weight:700}.tool-kind{background:var(--kind-bg);color:var(--kind-fg);transition:background-color var(--snap),box-shadow var(--snap);margin-bottom:12px;padding:4px 8px 3px;display:inline-block}.tool-card:hover .tool-kind,.tool-card:focus-within .tool-kind{transition:background-color var(--snap),box-shadow var(--snap),color var(--snap)}.tool-name{letter-spacing:.005em;text-transform:uppercase;margin-bottom:16px;font-family:Big Shoulders Display,sans-serif;font-size:clamp(39px,4.2vw,58px);font-weight:900;line-height:1;display:block}.tool-description{max-width:27em;font-family:Spectral,Georgia,serif;font-size:19px;line-height:1.42;display:block}.tool-meta{border-top:1px solid var(--rule);transition:border-color var(--snap);justify-content:space-between;align-items:center;gap:18px;padding-top:18px;display:flex}.tool-arrow{font-size:20px;line-height:1}.catalog-empty{border-bottom:1px solid var(--rule);text-align:center;padding:clamp(52px,8vw,96px) 24px}.catalog-empty[hidden]{display:none}.catalog-empty p{margin-bottom:20px;font-family:Spectral,Georgia,serif;font-size:22px}.catalog-empty button:hover{background:var(--ink);color:var(--lifted)}@media (width<=900px){.tool-card{border-right:0;border-bottom:1px solid var(--rule)}.tool-card:last-child{border-bottom:0}.tools-intro{grid-template-columns:1fr;gap:28px}.catalog-controls{grid-template-columns:1fr auto}.catalog-search{grid-column:1/-1}.catalog-count{margin-bottom:13px}.catalog-grid{grid-template-columns:1fr}.tool-link{grid-template-rows:auto;grid-template-columns:132px minmax(0,1fr) auto;align-items:center;gap:clamp(22px,4vw,40px);min-height:0}.tool-art{width:132px;height:132px}.tool-copy{align-self:center}.tool-meta{border-top:0;border-left:1px solid var(--rule);text-align:right;flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-end;min-width:130px;padding:0 0 0 20px}}@media (width<=640px){.tools-intro{padding-block:56px 64px}.tools-intro h1{font-size:clamp(54px,17vw,78px)}.catalog-controls{grid-template-columns:1fr;align-items:start}.catalog-search,.search-field{width:100%;max-width:none}.catalog-count{margin:0}.tool-link{grid-template-rows:auto auto;grid-template-columns:92px minmax(0,1fr);padding:24px 0}.tool-card:last-child{border-bottom:0}.tool-art{width:92px;height:92px}.tool-name{font-size:clamp(35px,11vw,48px)}.tool-description{font-size:18px}.tool-meta{border-top:1px solid var(--rule);text-align:left;border-left:0;flex-direction:row;grid-column:1/-1;align-items:center;min-width:0;padding:16px 0 0}}@media (width<=380px){.tools-page .filter-group button{padding-inline:12px}.tool-link{gap:18px}}