.brand-card,.brand-mark{--b:var(--brand,var(--fg-3));--b-ink:color-mix(in srgb,var(--b) 72%,var(--fg) 28%);--b-line:color-mix(in srgb,var(--b) 45%,var(--border));--b-wash:color-mix(in srgb,var(--b) 7%,var(--surface));--b-plate:color-mix(in srgb,var(--b) 6%,var(--paper))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-card,:root:not([data-theme=light]) .brand-mark{--b-plate:color-mix(in srgb,var(--b) 8%,color-mix(in srgb,var(--paper) 84%,var(--ink)))}}.theme-dark .brand-card,.theme-dark .brand-mark,:root[data-theme=dark] .brand-card,:root[data-theme=dark] .brand-mark{--b-plate:color-mix(in srgb,var(--b) 8%,color-mix(in srgb,var(--paper) 84%,var(--ink)))}.brand-mark{--bm:48px;--bm-lockup:132px;position:relative;display:grid;place-items:center;width:var(--bm);height:var(--bm);flex:none;overflow:hidden;border:1px solid var(--b-line);border-radius:var(--r-sm);background:var(--b-wash);transition:border-color var(--d-base) var(--e-out),background var(--d-base) var(--e-out)}.brand-mark[data-size=sm]{--bm:36px;--bm-lockup:104px}.brand-mark[data-size=lg]{--bm:64px;--bm-lockup:168px}.brand-mark--logo{background:var(--b-plate)}.brand-mark--logo img{width:100%;height:100%;object-fit:contain}.brand-mark--mark img{width:78%;height:78%;object-fit:contain}.brand-mark--lockup{width:var(--bm-lockup);height:auto;aspect-ratio:1200/630;border-radius:var(--r-md)}.brand-mark--letter{font-family:var(--font-mono);font-size:calc(var(--bm) * .28);font-weight:var(--w-semibold);letter-spacing:.06em;text-transform:uppercase;line-height:1;color:var(--b-ink);padding-bottom:2px}.brand-mark--letter:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--b-ink);opacity:.55}.brand .brand-mark{--bm:22px;border-radius:var(--r-xs)}.brand .brand-mark--mark img{width:86%;height:86%}.brand-card{position:relative}.brand-card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--b-ink);opacity:.8;transition:opacity var(--d-base) var(--e-out)}.brand-card:focus-within,.brand-card:hover{border-color:var(--b-line);background:var(--b-wash)}.card.brand-card:focus-within,.card.brand-card:hover{border-color:var(--b-line)}.brand-card:focus-within:before,.brand-card:hover:before{opacity:1}.brand-card:focus-within .brand-mark,.brand-card:hover .brand-mark{border-color:color-mix(in srgb,var(--b) 62%,var(--border))}.brand-card[data-edge=dashed]:before{display:none}.brand-head-mark{display:inline-grid;margin-bottom:var(--s-4)}@media (prefers-reduced-motion:reduce){.brand-card,.brand-card:before,.brand-mark{transition:none}}