/* Shared sizing for the supplied HUYGENS ROBOTICS horizontal lockup. */
.site-header .brand img {
  width: clamp(220px, 20vw, 280px);
  height: 42px;
  object-fit: contain;
  object-position: left center;
}
.footer-logo { width: 260px; max-width: 100%; }
@media (max-width: 760px) {
  .site-header .brand img { width: min(220px, 52vw); height: 36px; }
}

/* Three native desktop cursor states: arrow, text selection, clickable target. */
@media (hover: hover) and (pointer: fine) {
  :root {
    --brand-cursor-arrow: url("/assets/brand/green-arrow-cursor-hd@1x.png") 6 5, default;
    --brand-cursor-text: url("/assets/brand/green-text-cursor-hd@1x.png") 14 17, text;
    --brand-cursor-action: url("/assets/brand/hexbee-cursor-hd@1x.png") 20 18, pointer;
  }
  html, body, img, svg, canvas, video {
    cursor: var(--brand-cursor-arrow);
  }
  :is(h1, h2, h3, h4, h5, h6, p, span, strong, em, small, label,
      li, dt, dd, th, td, figcaption, blockquote, pre, code),
  textarea:not(:disabled), [contenteditable="true"],
  input:not(:disabled):is(:not([type]), [type="text"], [type="email"],
    [type="tel"], [type="search"], [type="url"], [type="password"], [type="number"]) {
    cursor: var(--brand-cursor-text);
  }
  input, textarea, [contenteditable="true"] { caret-color: #57922f; }
  :is(a[href], button:not(:disabled), [role="button"]:not([aria-disabled="true"]),
      summary, select:not(:disabled), input[type="checkbox"]:not(:disabled),
      input[type="radio"]:not(:disabled), input[type="range"]:not(:disabled),
      input[type="button"]:not(:disabled), input[type="submit"]:not(:disabled),
      input[type="reset"]:not(:disabled)),
  :is(a[href], button:not(:disabled), [role="button"]:not([aria-disabled="true"]), summary) * {
    cursor: var(--brand-cursor-action) !important;
  }
  :is(:disabled, [aria-disabled="true"]), :is(:disabled, [aria-disabled="true"]) * {
    cursor: not-allowed !important;
  }
}

/* Match the cursor bitmap to the screen density without enlarging the pointer. */
@media (hover: hover) and (pointer: fine) {
  @supports (cursor: image-set(url("/assets/brand/green-arrow-cursor-hd@1x.png") 1x) 6 5, default) {
    :root {
      --brand-cursor-arrow: image-set(url("/assets/brand/green-arrow-cursor-hd@1x.png") 1x, url("/assets/brand/green-arrow-cursor-hd@2x.png") 2x, url("/assets/brand/green-arrow-cursor-hd@3x.png") 3x) 6 5, default;
      --brand-cursor-text: image-set(url("/assets/brand/green-text-cursor-hd@1x.png") 1x, url("/assets/brand/green-text-cursor-hd@2x.png") 2x, url("/assets/brand/green-text-cursor-hd@3x.png") 3x) 14 17, text;
      --brand-cursor-action: image-set(url("/assets/brand/hexbee-cursor-hd@1x.png") 1x, url("/assets/brand/hexbee-cursor-hd@2x.png") 2x, url("/assets/brand/hexbee-cursor-hd@3x.png") 3x) 20 18, pointer;
    }
  }
}