/* Generated by scripts/build-pages.mjs — do not edit. Source: design/Nanochroma Landing Page.dc.html */
* { box-sizing: border-box; }
  :root {
    --col: 460px; --px: 20px; --bleed: -20px; --barpx: 14px; --h1: 33px;
    --herodir: column; --herogap: 22px; --heromw: 100%; --heroar: 1/1;
    --heroal: stretch; --herofine: center; --gallery: repeat(2,minmax(0,1fr));
    --heropad: 32px 20px 28px;
  }
  @media (min-width: 620px) {
    :root {
      --col: min(100%, 760px); --px: 56px; --bleed: -56px; --barpx: 28px; --h1: 38px;
      --gallery: repeat(3,minmax(0,1fr)); --heropad: 40px 32px 36px;
    }
  }
  @media (min-width: 980px) {
    :root {
      --col: 1000px; --px: clamp(40px, 12vw, 140px); --bleed: calc(-1 * clamp(40px, 12vw, 140px));
      --barpx: 40px; --h1: 40px; --herodir: row; --herogap: 32px; --heromw: 440px;
      --heroal: flex-start; --herofine: left; --heropad: 48px 40px 44px;
    }
  }
  body { margin: 0; background: #D9D9D6; -webkit-font-smoothing: antialiased; }
  a { color: #0A0A0A; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
  a:hover { color: #5A5A5A; }
  ::selection { background: #0A0A0A; color: #FFFFFF; }
  :focus-visible { outline: 3px solid #0A0A0A; outline-offset: 2px; box-shadow: 0 0 0 7px #FFFFFF; }
  summary { list-style: none; cursor: pointer; }
  summary::-webkit-details-marker { display: none; }
  table { border-collapse: collapse; width: 100%; }

/* [hidden] must beat the design's INLINE display: values (the UA rule cannot). */
[hidden]{display:none !important}

/* style-hover / style-focus hoisted out of the canvas attributes. */
.h-12ba1694:hover{background:#E2E2DF !important}
.h-72b822a5:hover{background:#2B2B2B !important}
.h-957de193:hover{border-bottom-color:#FFFFFF !important}
.h-9b64ab1e:hover{background:#0A0A0A !important}
.h-aef8092e:hover{color:#5A5A5A !important}
.h-de79a2cb:hover{background:#0A0A0A !important;color:#FFFFFF !important}