/* Shared brand lockup for the introduction and visual guide previews.
   Use the approved original logo; do not rebuild its wordmark with text. */
.brand{display:inline-flex;align-items:center;gap:16px;text-decoration:none;flex-shrink:0;letter-spacing:normal}
.brand .brand-logo{width:156px;height:auto;display:block;border-radius:0;object-fit:contain}
.brand .brand-signature{border-left:1px solid #deded8;padding-left:16px;margin:0;font:500 10px/1.5 "Segoe UI",system-ui,sans-serif;color:#68727b;letter-spacing:.3px}
.brand-footer .brand-logo{width:126px}
.header nav a{white-space:nowrap}
.preview-label{padding:5px 9px;border:1px solid #ecdacb;border-radius:6px;color:#966544;font-size:10px;letter-spacing:.5px}
@media(max-width:740px){.brand .brand-logo{width:130px;height:auto}.brand .brand-signature{display:none}.brand-footer .brand-logo{width:115px}}