.site-brand {
  position:fixed;
  top:max(20px,env(safe-area-inset-top,0px));
  left:max(clamp(20px,2.78vw,64px),env(safe-area-inset-left,0px));
  width:clamp(40px,3.5vw,48px);
  aspect-ratio:200.865 / 210.446;
  z-index:124;
  display:block;
  color:white;
  mix-blend-mode:difference;
  transform-origin:0 0;
  will-change:transform;
}
.site-brand-symbol, .site-brand-symbol > svg { display:block; width:100%; height:100%; overflow:visible; pointer-events:none; }
.site-brand:focus-visible { outline:1px solid white; outline-offset:8px; }
html.site-brand-mounted:not(.vasa-intro) #hero .circular-logo { visibility:hidden !important; }
html.vasa-intro .site-brand { visibility:hidden; }
.service-header { display:none; }
.page-section[id] { scroll-margin-top:96px; }
@media (width < 768px) {
 html[data-view="llm"] .llm-panel { padding-top:96px; }
}
@media (prefers-reduced-motion:reduce) { .site-brand { will-change:auto; } }
/* LLM view: the mark as ASCII (site-brand.js), in the view's mono face, top-left at the same spot. */
.site-brand-ascii { display:none; }
html[data-view="llm"] .site-brand-symbol { visibility:hidden; }
html[data-view="llm"] .site-brand-ascii { display:block; position:absolute; top:0; left:0; margin:0; padding:0; font:5px/1 "VASA Mono", monospace; letter-spacing:0; white-space:pre; color:white; pointer-events:none; }
/* Smaller ASCII logo on phones, so the LLM Mode switch beside it clears the pill (view-switch.js). */
@media (width < 768px) { html[data-view="llm"] .site-brand-ascii { font-size:4px; } }