/* Studio finish, round 2: one button and one label style across every page.
   Buttons: the split button (label, then the arrow in its own square), 3px corners, ink on paper and paper on night, never mint.
   Labels: Geist in sentence case, the style approved for social on 23 Oct, in place of spaced capitals and Geist Mono.
   App screens inside mock-ups (the care dashboard, quotes, phones) keep their own type. */

/* Buttons */
.dark-site .nav .btn, .dark-site .nav.on-dark .btn { display: inline-flex; align-items: center; height: 36px; padding: 0 16px; line-height: 1; border-radius: 3px; background: #EFECE5; color: #000000; box-shadow: none; transition: background-color .3s var(--ease); }
.dark-site .nav .btn:hover, .dark-site .nav.on-dark .btn:hover { background: #fff; color: #000000; }
@media (max-width: 900px) { .dark-site .nav.open .btn { background: #EFECE5; color: #000000; } }

.dark-site .btn-light { gap: 0; padding: 0 0 0 22px; border-radius: 3px; line-height: 52px; overflow: hidden; background: #EFECE5; color: #000000; box-shadow: none; transition: background-color .3s var(--ease); }
.dark-site .btn-light .arrow { display: grid; place-items: center; width: 52px; height: 52px; margin-left: 22px; border-left: 1px solid rgba(0, 0, 0, .14); transition: background-color .3s var(--ease), color .3s var(--ease); }
.dark-site .btn-light:hover { background: #EFECE5; }
.dark-site .btn-light:hover .arrow { background: #000000; color: #EFECE5; transform: none; }

.dark-site .contact form .btn { background: #EFECE5; color: #000000; box-shadow: none; }
.dark-site .contact form .btn .arrow { border-left-color: rgba(0, 0, 0, .14); }
.dark-site .contact form .btn:hover { background: #EFECE5; }
.dark-site .contact form .btn:hover .arrow { background: #000000; color: #EFECE5; }
.dark-site .tests .run-tests:hover .arrow { background: #000000; color: #EFECE5; }

.c-btn--mint { background: #EFECE5; color: #000000; }
.c-btn--mint .c-go { border-left-color: rgba(0, 0, 0, .14); }
.c-btn--mint:hover { background: #EFECE5; }
.c-btn--mint:hover .c-go { background: #000000; color: #EFECE5; }

/* Labels */
.dark-site .eyebrow, .dark-site .svc-rows-label, .dark-site .extras-head, .dark-site .tools-title,
.dark-site .shi-p, .dark-site .shi-tag, .dark-site .svc-row .firm, .dark-site .svc .firm, .dark-site .price-from,
.dark-site .pv-meta span, .pv-meta span, .dark-site .about-id p span, .dark-site .tests-score span,
.c-mono, .c-kicker, .c-label, .c-tag, .c-credit span, .dark-site .tags li, .dark-site .plate-tags li, .dark-site .case-info .tags li,
.dark-site .reel-cap, .hero-film-bleed .reel-cap, .dark-site .svc-toc .st-k, .dark-site .svc-toc .sx-p, .mobile-cta .mc-text span, .dark-site .jx-when {
  font-family: var(--font-text, "Geist", system-ui, sans-serif) !important;
  text-transform: none !important;
  letter-spacing: -.005em !important;
  font-weight: 500;
}
.dark-site .eyebrow, .dark-site .svc-rows-label, .dark-site .extras-head, .c-kicker, .c-label, .c-mono { font-size: 13.5px !important; }
.dark-site .svc-row .firm, .dark-site .price-from, .dark-site .pv-meta span, .pv-meta span, .dark-site .about-id p span, .dark-site .tests-score span, .dark-site .shi-tag, .dark-site .tools-title { font-size: 13px !important; }
.dark-site .shi-p { font-size: 13px !important; }