.site-header .wordmark.header-brand-image{position:relative;display:inline-flex;flex:0 1 auto;width:auto;max-width:clamp(240px,21vw,330px);height:76px;align-items:center;justify-content:flex-start;padding:5px 0}
.site-header .wordmark.header-brand-image>img{display:block;width:auto;height:auto;max-width:100%;max-height:64px;object-fit:contain;object-position:left center}
.site-header .wordmark.header-brand-image:after{content:"BETA";position:absolute;right:1px;top:auto;bottom:4px;padding:2px 4px 2px 5px;border:1px solid rgba(255,255,255,.18);border-radius:3px;background:rgba(8,9,12,.58);color:rgba(255,255,255,.64);font-family:var(--font-body);font-size:6px;font-weight:700;line-height:1;letter-spacing:.14em;box-shadow:0 4px 12px rgba(0,0,0,.2);backdrop-filter:blur(8px)}
.site-header:has(.header-brand-image)>nav{margin-left:clamp(18px,3vw,52px)}
@media(max-width:1120px) and (min-width:901px){.site-header .wordmark.header-brand-image{max-width:220px;height:68px}.site-header .wordmark.header-brand-image>img{max-height:56px}.site-header:has(.header-brand-image)>nav{gap:22px;margin-left:18px}}
@media(max-width:900px){.site-header .wordmark.header-brand-image{flex:0 1 auto;width:auto;max-width:min(220px,64vw);height:62px;padding:4px 0}.site-header .wordmark.header-brand-image>img{max-height:50px}.site-header .wordmark.header-brand-image:after{right:0;bottom:1px}}
.site-header .library-link:has(svg path[fill="currentColor"]) svg{display:none}.site-header .library-link:has(svg path[fill="currentColor"]):before{content:"";width:18px;height:18px;flex:0 0 18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 6 4 14'/%3E%3Cpath d='M12 6v14'/%3E%3Cpath d='M8 8v12'/%3E%3Cpath d='M4 4v16'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 6 4 14'/%3E%3Cpath d='M12 6v14'/%3E%3Cpath d='M8 8v12'/%3E%3Cpath d='M4 4v16'/%3E%3C/svg%3E") center/contain no-repeat}