/* Isolated styles: existing brand cards and desktop motion retain their layout. */
.ai-directory{padding:42px 0;border-top:1px solid #e2e5e8}
.ai-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.ai-directory .lbl{font-size:10px;letter-spacing:1.8px;color:#67717b;margin:0 0 12px}
.ai-directory h2{font-size:28px;line-height:1.35;font-weight:500;letter-spacing:-.6px;margin:0}
.ai-view-all{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#292d31;text-decoration:none;white-space:nowrap}
.ai-directory-intro,.ai-directory-summary{color:#5d6771;font-size:13px;line-height:1.8;margin:14px 0}
.ai-directory-summary{display:flex;flex-wrap:wrap;gap:0 5px;font-variant-numeric:tabular-nums}
.ai-brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:23px}
.ai-brand-card{display:block;min-width:0;overflow:hidden;border:1px solid #e1e5e9;border-radius:20px;background:#fff;color:#24282c;text-decoration:none;transition:transform .2s,box-shadow .2s}
.ai-brand-card .brand-logo-field{height:108px;position:relative;display:flex;align-items:center;justify-content:center}
.ai-brand-card .logo-window{max-width:85%}
.ai-brand-meta{border-top:1px solid #edf0f2;padding:14px;display:flex;flex-direction:column;gap:7px}
.ai-brand-meta strong{font-size:13px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.ai-brand-meta>span{font-size:11px;color:#646e78}
.ai-directory-note{font-size:11px;color:#68727b;line-height:1.7;margin:18px 0 0}
.ai-brand-card:focus-visible,.ai-view-all:focus-visible,.ai-brand-filters a:focus-visible,.ai-format-filters button:focus-visible,.ai-group-heading a:focus-visible{outline:2px solid #24282c;outline-offset:4px}
.ai-brand-filters,.ai-format-filters{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.ai-brand-filters{position:static;z-index:auto;justify-content:flex-start;padding:0;border:0;background:transparent}
.ai-brand-filters a,.ai-format-filters button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:9px 16px;border:1px solid #dce1e5;border-radius:30px;background:#fff;color:#414950;font:inherit;font-size:12px;text-decoration:none;cursor:pointer}
.ai-brand-filters a[aria-current="page"],.ai-format-filters button[aria-pressed="true"]{background:#23272b;color:#fff;border-color:#23272b}
.ai-filter-count{font-size:10px;opacity:.8;font-variant-numeric:tabular-nums}
.ai-work-page .page-header h1{font-size:clamp(28px,4vw,48px);line-height:1.3}
.ai-brand-group{padding:24px 0 36px;border-top:1px solid #e2e5e8}
.ai-brand-group[hidden]{display:none!important}
.ai-group-heading{display:flex;gap:20px;align-items:center;margin:0 0 22px}
.ai-group-heading .page-tag{font-size:9px;letter-spacing:1.5px;margin:0 0 6px;color:#6a747d}
.ai-group-heading h2{font-size:25px;font-weight:500;margin:0;line-height:1.3}
.ai-group-count{font-size:12px;color:#68727b;font-variant-numeric:tabular-nums}
.ai-group-heading a{margin-left:auto;font-size:12px;min-height:44px;display:flex;align-items:center;color:#414950}
@media(hover:hover) and (pointer:fine){.ai-brand-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #19243312}}
@media(max-width:1000px){.ai-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.ai-directory{padding:30px 0}.ai-directory h2{font-size:23px}.ai-directory-heading{align-items:flex-start;flex-direction:column;gap:6px}.ai-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-directory-intro{font-size:12px}.ai-brand-meta{padding:12px}.ai-group-heading{flex-wrap:wrap;gap:10px}.ai-group-heading a{flex-basis:100%;margin-left:0}.ai-brand-filters a{padding:8px 12px}.ai-work-page .page-header{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.ai-brand-card{transition:none}.ai-brand-card:hover{transform:none}}