/* Keep every section readable without JavaScript or when motion is reduced. */
.brand-group { display:flex; align-items:center; gap:12px; flex:none; }
.version-badge { display:inline-flex; align-items:center; justify-content:center; min-height:24px; padding:3px 8px; border:1px solid #a8c4ff30; border-radius:5px; color:#c2d3f1; background:#dae6ff12; font-size:10px; font-weight:650; line-height:1.2; letter-spacing:.2px; white-space:nowrap; }
.motion-ready [data-reveal] { opacity:0; translate:0 30px; transition:opacity .7s ease,translate .85s cubic-bezier(.2,.7,.2,1); transition-delay:0ms; }
.motion-ready [data-reveal].is-visible { opacity:1; translate:0 0; transition-delay:var(--reveal-delay,0ms); }
.motion-ready [data-reveal]:focus-within { opacity:1; translate:0 0; transition-delay:0ms; }
@media (max-width:1200px) {
  .brand-group { gap:8px; }
  .nav-wrap { gap:16px; }
  .desktop-nav { gap:14px; font-size:14px; }
}
@media (max-width:640px) {
  .brand-group { gap:8px; }
  .version-badge { min-height:21px; padding:3px 6px; font-size:9px; }
  .motion-ready [data-reveal] { translate:0 18px; transition-duration:.5s,.6s; }
  .motion-ready [data-reveal].is-visible,.motion-ready [data-reveal]:focus-within { translate:0 0; }
}
@media (max-width:360px) {
  .brand-group { gap:6px; }
  .header .brand-wordmark { font-size:18px; }
  .header .brand-icon { width:25px; height:30px; }
  .header .brand-wordmark small { font-size:5px; letter-spacing:1.8px; }
  .nav-wrap { gap:4px; padding-left:12px; padding-right:10px; }
}
@media (prefers-reduced-motion:reduce) {
  .motion-ready [data-reveal] { opacity:1; translate:none; transition:none; }
}
@media print { .motion-ready [data-reveal] { opacity:1; translate:none; } }