/* Shared artwork treatment across the landing, guide and support pages. */
.brand-lockup{display:inline-flex;align-items:center;gap:var(--sm,8px);flex-shrink:0}
.brand-lockup .brand-face{display:block;width:var(--xl,32px);height:var(--xl,32px);flex-shrink:0;object-fit:contain}
.brand-wave{display:block;height:calc(4 * var(--xl,32px));width:auto;margin:0 auto var(--lg,24px);object-fit:contain}
@media(max-width:680px){.site-header{gap:var(--sm,8px)}.site-header nav{gap:var(--sm,8px)}}
@media(max-width:380px){.site-header{padding-inline:calc(var(--lg,24px) / 2)}.site-header .wordmark{font-size:var(--subtitle,24px)}.site-header .brand-face{width:var(--lg,24px);height:var(--lg,24px)}.site-header .button.compact{padding-inline:calc(var(--lg,24px) / 2);white-space:nowrap}}
@media(max-width:380px){body>nav{padding-inline:calc(var(--lg,24px) / 2);gap:var(--sm,8px)}.nav-logo.brand-lockup{gap:var(--xs,4px)}.nav-logo .brand-face{width:var(--lg,24px);height:var(--lg,24px)}.nav-logo .nav-logo-text{font-size:var(--subtitle,24px)}body>nav .btn{padding-inline:calc(var(--lg,24px) / 2)}}