/* Shared mark C treatment for the home, lab and subpage headers. */
.brand{display:inline-flex;align-items:center;gap:10px}
.brand .brand-mark{display:block;width:22px;height:22px;flex:0 0 22px;border-radius:6px;overflow:hidden}
.brand .brand-wordmark{font:inherit;letter-spacing:inherit;white-space:nowrap}
.brand .mark-center{transition:fill .2s ease}
.brand:hover .mark-center,.brand:focus-visible .mark-center{fill:#9FD2E8}
#loader .loader-mark{position:absolute;left:calc(50% - 24px);top:calc(50% - clamp(16px,2.5vw,38px) - 60px);width:48px;height:48px}
.loader-mark g{fill-opacity:1}
.loader-mark g circle{fill-opacity:.28;transition:fill-opacity .2s ease}
.loader-mark g circle.is-lit{fill-opacity:.6}
.loader-mark .mark-center{transition:filter .2s ease,fill .2s ease}
.loader-mark.is-complete .mark-center{fill:#fff;filter:drop-shadow(0 0 4px #eef0f3)}
#loader[data-loader="done"] .loader-mark{opacity:0;transition:opacity .16s}
@media(prefers-reduced-motion:reduce){.loader-mark g circle,.loader-mark .mark-center{transition:none}}

/* Match the desktop home navigation center (48px); mobile already matches. */
@media(min-width:768px){.subpage .sub-header{height:96px}}