/* Shared company identity for the standalone design pages. */
.design-brandbar { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:22px; margin-bottom:28px; border-bottom:1px solid var(--line); }
.design-brand { display:inline-flex; align-items:center; gap:12px; color:var(--ink); text-decoration:none; flex-shrink:0; }
.design-brand img { width:42px; height:42px; object-fit:contain; }
.design-brand-name { display:flex; flex-direction:column; gap:4px; }
.design-brand-name strong { font-size:18px; font-weight:600; letter-spacing:.12em; line-height:1.3; }
.design-brand-name small { font-size:10px; letter-spacing:.26em; line-height:1.4; }
.design-brandnav { display:flex; flex-wrap:wrap; gap:8px 22px; align-items:center; }
.design-brandnav a { color:var(--muted); text-decoration:none; font-size:13px; padding:8px 0; }
.design-brandnav a[aria-current="page"] { color:var(--ink); box-shadow:0 1px 0 currentColor; }
.design-brandnav a:hover, .design-company-links a:hover { color:var(--ink); text-decoration:underline; text-underline-offset:5px; }
.design-brandbar a:focus-visible, .design-company a:focus-visible { outline:2px solid var(--ink); outline-offset:5px; }
.design-company { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:22px 48px; border-top:1px solid var(--line); padding-top:30px; margin-top:48px; }
.design-company p { max-width:510px; margin:14px 0 0; color:var(--muted); font-size:13px; line-height:1.8; }
.design-company-links { display:flex; flex-wrap:wrap; gap:14px 22px; padding-top:12px; }
.design-company-links a { color:var(--muted); font-size:13px; text-decoration:none; }
.design-company .design-company-meta { grid-column:1/-1; max-width:none; margin:0; padding-top:20px; border-top:1px solid var(--line); font-size:11px; }
body.dark .design-brand img { filter:invert(1); }
@media(max-width:600px) {
  .design-brandbar { align-items:flex-start; flex-direction:column; gap:16px; margin-bottom:24px; }
  .design-brandnav { gap:8px 20px; }
  .design-company { grid-template-columns:1fr; gap:16px; margin-top:32px; }
  .design-company-links { padding-top:0; }
}