/* Content is visible by default. Only a healthy motion runtime adds these hooks. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation-duration: .18s; }
::view-transition-new(root) { animation-duration: .28s; }
.motion-progress { position: fixed; z-index: 101; inset: 0 0 auto; height: 2px; background: var(--ink, #1a1818); transform: scaleX(0); transform-origin: left; pointer-events: none; }
.motion-ready .nav-links { margin-left: auto; }
.motion-toggle { position: static; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-height: 44px; padding: 0; gap: 0; border: 1px solid #1a18183d; border-radius: 50%; background: transparent; color: #1a1818; font-size: 0; white-space: nowrap; cursor: pointer; box-shadow: none; }
.motion-toggle::before { content: ''; box-sizing: border-box; flex: 0 0 auto; width: 8px; height: 10px; border: solid currentColor; border-width: 0 2px; }
.motion-toggle:hover { background: #1a18180a; border-color: #1a1818; }
.motion-toggle:focus-visible { outline: 2px solid #1a1818; outline-offset: 3px; }
.motion-toggle:disabled { cursor: default; }
.motion-paused .motion-toggle::before { width: 0; height: 0; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent currentColor; }
.motion-ready :is([data-split], .page-hero h1, .svc-hero-title, .blog-hero h1, .article-head h1, .section-heading, .svc-track-hero h2, .end-h2) { text-wrap: wrap; }
/* The font's descenders extend beyond the tight editorial line box. */
.motion-line-mask { padding-bottom: .18em; margin-bottom: -.18em; }
.motion-ready [data-parallax] { overflow: clip; }
.motion-ready [data-parallax] > :is(img, video) { transform-origin: center; }
.motion-paused::view-transition-old(root), .motion-paused::view-transition-new(root) { animation: none !important; }
@media (max-width: 600px) { .motion-ready .nav { gap: 10px; } }
@media (max-width: 360px) { .motion-ready .nav { gap: 6px; } .motion-ready .nav-links { gap: 8px; } .motion-ready .nav-link.nav-cta { padding-inline: 8px; } }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) { animation: none !important; }
  .motion-progress { display: none; }
}
