.identity .brand-mark{display:block;width:43px;height:34px;flex:none;object-fit:contain}

/* Match the landing page entrance on every route. */
@keyframes page-enter {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
main { animation: page-enter .8s ease-out backwards; }
@media (prefers-reduced-motion: reduce) {
  main { animation: none; }
}

/* Keep shared page edges steady while navigating between themed routes. */
:root{--page-max-width:1240px;--page-gutter:clamp(20px,4vw,48px)}
body .shell,body .wrap,body .blog-shell,body .video-shell,body .connect-shell{width:min(var(--page-max-width),calc(100% - var(--page-gutter) - var(--page-gutter)));max-width:var(--page-max-width);margin-inline:auto;padding-inline:0}