html {
      background: #050505;
    }

    body {
      font-family: Inter, ui-sans-serif, system-ui, sans-serif;
      letter-spacing: 0;
    }

    .thermal-brand {
      align-items: center;
      color: #f4f4f5;
      display: inline-flex;
      flex-wrap: wrap;
      gap: 0.25rem 0.65rem;
      min-width: 0;
    }

    .thermal-brand__wordmark {
      display: block;
      height: 32px;
      object-fit: cover;
      object-position: center;
      opacity: 0.92;
      width: 126px;
    }

    .thermal-brand__descriptor {
      display: inline-flex;
      gap: 0.5rem;
      align-items: center;
      font-size: 0.875rem;
      font-weight: 600;
      line-height: 1.25rem;
      text-transform: uppercase;
    }

    @media (max-width: 520px) {
      .thermal-brand {
        align-items: flex-start;
        flex-direction: column;
      }

      .thermal-brand__descriptor {
        font-size: 0.72rem;
        line-height: 1rem;
      }
    }