@layer components{.prose .brand-all{margin:1.5em 0 .5em}.prose .brand-grid{gap:var(--s3);max-width:none;margin:1em 0 1.5em;padding:0;list-style:none;display:grid}.prose .brand-grid>li{max-width:none;margin:0}.prose .brand-grid>li:before{content:none}@media (min-width:601px){.prose .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.brand-card{gap:var(--s2);height:100%;padding:var(--s3);border-radius:var(--r-lg,20px);background:var(--sheet);box-shadow:inset 0 0 0 1px var(--hair), var(--sh-1);flex-direction:column;margin:0;display:flex}.brand-preview{height:132px;padding:var(--s3);border-radius:14px;place-items:center;display:grid}.brand-on-light{box-shadow:inset 0 0 0 1px var(--hair)}.brand-preview img{width:auto;max-width:100%;height:auto;max-height:72px}.brand-card figcaption{font-size:var(--t-sm);color:var(--slate);flex-direction:column;gap:2px;display:flex}.brand-card figcaption b{font-size:var(--t-md);color:var(--ink)}.prose .brand-files{gap:var(--s2);flex-wrap:wrap;max-width:none;margin:auto 0 0;display:flex}.brand-files a{min-height:var(--target);border-radius:var(--r-pill);background:var(--blue-50);color:var(--blue-t);font:700 var(--t-sm) / 1 var(--f-sans);align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.brand-files a:hover{background:var(--blue-100,var(--blue-50));text-decoration:underline}}.prose .brand-colours{gap:var(--s2);max-width:none;margin:1em 0 1.5em;padding:0;list-style:none;display:grid}@media (min-width:601px){.prose .brand-colours{grid-template-columns:repeat(2,minmax(0,1fr))}}.prose .brand-colours>li{align-items:center;gap:var(--s2);margin:0;display:flex}.prose .brand-colours>li:before{content:none}.brand-swatch{width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--hair);border-radius:10px;flex:none}.brand-note{color:var(--slate)}}