/*! ==========================================================================
 *  tahopro.css — TAHOPRO / TAHOPRO+ brand primitives
 *  INOVA5 · Revision A · self-contained, no asset requests
 *
 *  Each shape is embedded once as a mask, so colour is a token rather than a
 *  second copy of the artwork. The wordmark is outlined — the logo needs no
 *  webfont, ever.
 *
 *  QUICK START
 *    <link rel="stylesheet" href="tahopro.css">
 *    <span class="tp-logo" role="img" aria-label="TAHOPRO"></span>
 *    <span class="tp-logo tp-logo--plus" role="img" aria-label="TAHOPRO+"></span>
 *
 *  The logo is drawn with masks on empty elements, so it needs
 *  role="img" + aria-label. Size it with one custom property:
 *    <span class="tp-logo" style="--tp-logo-h: 28px" ...></span>
 *  --tp-logo-h is always the height of the MARK. Horizontal lock-ups are that
 *  tall; stacked ones are about 1.55x that.
 *
 *  VARIANTS
 *    .tp-logo--reverse     white wordmark, orange mark — on ink, on photos
 *    .tp-logo--onwhite     all white — on the brand orange, display sizes only
 *    .tp-logo--ink         all ink, dotted mark
 *    .tp-logo--onecolour   all ink, solid mark — print, embroidery, engraving
 *    .tp-logo--stacked     mark over wordmark
 *    .tp-logo--adaptive    follows the visitor's theme; single ink in print
 *    .tp-logo--plus        the TAHOPRO+ tier; combines with any of the above
 *
 *  FIDELITY — clause 3.0 of the standards. Applies to .tp-mark:
 *    .tp-mark             >= 40px    fine 9x9 grid
 *    .tp-mark--coarse     24-40px    coarse 6x6 grid
 *    .tp-mark--solid       < 24px    solid silhouette
 *
 *  BROWSER SUPPORT
 *    CSS masks: all current browsers. -webkit- prefixes included for Safari.
 *    If you must support a browser without mask support, use the SVG files.
 * ========================================================================== */


/* --------------------------------------------------------------------------
 * 1. Tokens
 * -------------------------------------------------------------------------- */

:root {
  /* Brand */
  --tp-orange:        #E8792B;
  --tp-orange-deep:   #AF5A12;   /* small sizes; carries white type */
  --tp-ink:           #1F2328;
  --tp-white:         #FFFFFF;

  /* Measured pairings. Do not improvise these.
       ink on orange      5.42:1   passes
       white on orange    2.92:1   display sizes only
       white on deep      4.89:1   passes
       deep on white      4.89:1   passes
       ink on white     15.80:1   passes            */
  --tp-on-orange:     var(--tp-ink);
  --tp-on-deep:       var(--tp-white);
  --tp-on-ink:        var(--tp-white);

  /* Neutrals, warm-biased toward the orange */
  --tp-paper:         #FBFAF8;
  --tp-surface:       #FFFFFF;
  --tp-rule:          #E2E0DB;
  --tp-muted:         #4E555F;
  --tp-faint:         #79818C;

  /* Type. The UI needs a font; the logo does not. */
  --tp-font-sans: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --tp-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --tp-track-wordmark: 0.022em;   /* the artwork's tracking, for headings */

  /* Geometry, all derived from the grid */
  --tp-logo-h:        40px;                              /* mark height */
  --tp-cell:          calc(var(--tp-logo-h) / 9);        /* one grid cell */
  --tp-clear:         var(--tp-cell);                    /* clear space */
  --tp-radius:        6px;
  --tp-focus-ring:    0 0 0 3px rgba(232, 121, 43, .45);

  /* Artwork, embedded once each ------------------------------------------- */
  --tp-shape-fine:        url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2090%2090%22%3E%3Ccircle%20cx=%225%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%225%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%225%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2215%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2215%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2215%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2225%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2225%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2225%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2235%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2245%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2255%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2265%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2275%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2285%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2235%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2245%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2255%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2265%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2275%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2285%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2235%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2245%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2255%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2265%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2275%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2285%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2265%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2265%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2265%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2275%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2275%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2275%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2285%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2285%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2285%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3C/svg%3E");
  --tp-shape-fine-plus:   url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20100%2090%22%3E%3Ccircle%20cx=%225%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%225%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%225%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2215%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2215%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2215%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2225%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2225%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2225%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2235%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2245%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2255%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2265%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2275%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2235%22%20cy=%2285%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2235%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2245%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2255%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2265%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2275%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2245%22%20cy=%2285%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2235%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2245%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2255%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2265%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2275%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2255%22%20cy=%2285%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2265%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2265%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2265%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2275%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2275%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2275%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2275%22%20cy=%2255%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2285%22%20cy=%225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2285%22%20cy=%2215%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2285%22%20cy=%2225%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2285%22%20cy=%2245%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2285%22%20cy=%2255%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2285%22%20cy=%2265%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2295%22%20cy=%2255%22%20r=%223.4%22%20fill=%22%23fff%22/%3E%3C/svg%3E");
  --tp-shape-coarse:      url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2090%2090%22%3E%3Ccircle%20cx=%227.5%22%20cy=%227.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%227.5%22%20cy=%2222.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2222.5%22%20cy=%227.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2222.5%22%20cy=%2222.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2237.5%22%20cy=%227.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2237.5%22%20cy=%2222.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2237.5%22%20cy=%2237.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2237.5%22%20cy=%2252.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2237.5%22%20cy=%2267.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2237.5%22%20cy=%2282.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2252.5%22%20cy=%227.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2252.5%22%20cy=%2222.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2252.5%22%20cy=%2237.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2252.5%22%20cy=%2252.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2252.5%22%20cy=%2267.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2252.5%22%20cy=%2282.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2267.5%22%20cy=%227.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2267.5%22%20cy=%2222.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2282.5%22%20cy=%227.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2282.5%22%20cy=%2222.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3C/svg%3E");
  --tp-shape-coarse-plus: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20120%2090%22%3E%3Ccircle%20cx=%227.5%22%20cy=%227.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%227.5%22%20cy=%2222.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2222.5%22%20cy=%227.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2222.5%22%20cy=%2222.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2237.5%22%20cy=%227.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2237.5%22%20cy=%2222.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2237.5%22%20cy=%2237.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2237.5%22%20cy=%2252.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2237.5%22%20cy=%2267.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2237.5%22%20cy=%2282.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2252.5%22%20cy=%227.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2252.5%22%20cy=%2222.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2252.5%22%20cy=%2237.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2252.5%22%20cy=%2252.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2252.5%22%20cy=%2267.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2252.5%22%20cy=%2282.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2267.5%22%20cy=%227.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2267.5%22%20cy=%2222.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2282.5%22%20cy=%227.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2282.5%22%20cy=%2222.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2282.5%22%20cy=%2252.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2297.5%22%20cy=%2237.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2297.5%22%20cy=%2252.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2297.5%22%20cy=%2267.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%22112.5%22%20cy=%2252.5%22%20r=%225.1%22%20fill=%22%23fff%22/%3E%3C/svg%3E");
  --tp-shape-solid:       url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2090%2090%22%3E%3Cpath%20fill=%22%23fff%22%20d=%22M0%200h90v30H60v60H30V30H0Z%22/%3E%3C/svg%3E");
  --tp-shape-solid-plus:  url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20120%2090%22%3E%3Cpath%20fill=%22%23fff%22%20d=%22M0%200h90v30H60v60H30V30H0Z%22/%3E%3Cpath%20fill=%22%23fff%22%20d=%22M90%2030h15v15h15v15h-15v15h-15v-15h-15v-15h15Z%22/%3E%3C/svg%3E");
  --tp-shape-word:        url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20514.665%2072.7539%22%3E%3Cpath%20fill=%22%23fff%22%20d=%22M3.2%2014.1V0H64.5V14.1H42.4V72.8H25.2V14.1Z%20M72.2%2072.8%2096.4%200H119.5L144.5%2072.8H125.2L120.3%2057.3H96L91.3%2072.8ZM116.1%2044.1%20115.1%2041Q112.6%2033%20110.4%2024Q109.1%2019%20107.8%2013.7Q106.6%2019%20105.4%2024.1Q103.4%2033.1%20101.1%2041L100.1%2044.1Z%20M154.7%2072.8V0H171.9V28.6H201V0H218.2V72.8H201V42.6H171.9V72.8Z%20M264.8%2073.7Q254.9%2073.7%20247.1%2069.4Q239.3%2065%20234.7%2056.7Q230.1%2048.3%20230.1%2036.4Q230.1%2024.4%20234.7%2016.1Q239.3%207.7%20247.1%203.4Q254.9%20-1%20264.8%20-1Q274.5%20-1%20282.4%203.4Q290.2%207.7%20294.8%2016.1Q299.3%2024.4%20299.3%2036.4Q299.3%2048.4%20294.8%2056.7Q290.2%2065.1%20282.4%2069.4Q274.5%2073.7%20264.8%2073.7ZM264.8%2058.6Q270%2058.6%20273.8%2056.1Q277.6%2053.5%20279.7%2048.6Q281.7%2043.6%20281.7%2036.4Q281.7%2029.2%20279.7%2024.2Q277.6%2019.2%20273.8%2016.7Q270%2014.2%20264.8%2014.2Q259.4%2014.2%20255.6%2016.7Q251.8%2019.3%20249.8%2024.2Q247.7%2029.2%20247.7%2036.4Q247.7%2043.6%20249.8%2048.5Q251.8%2053.5%20255.6%2056Q259.4%2058.6%20264.8%2058.6Z%22/%3E%3Cpath%20fill=%22%23fff%22%20d=%22M314.4%2072.8V0H339.3Q347.8%200%20353.3%203.1Q358.8%206.2%20361.4%2011.4Q364.1%2016.7%20364.1%2023.1Q364.1%2029.6%20361.4%2034.9Q358.8%2040.2%20353.3%2043.3Q347.8%2046.4%20339.3%2046.4H323.6V72.8ZM323.6%2038.3H338.9Q344.6%2038.3%20348.2%2036.3Q351.7%2034.3%20353.3%2030.9Q354.8%2027.4%20354.8%2023.1Q354.8%2018.8%20353.3%2015.5Q351.7%2012.1%20348.1%2010.1Q344.6%208.2%20338.8%208.2H323.6Z%20M380.4%2072.8V0H405.3Q413.8%200%20419.3%202.9Q424.8%205.8%20427.5%2010.9Q430.1%2016%20430.1%2022.5Q430.1%2029%20427.5%2033.9Q424.8%2038.9%20419.3%2041.7Q418.1%2042.4%20416.7%2042.9L433%2072.8H422.2L407.1%2044.5Q406.3%2044.5%20405.4%2044.5H389.7V72.8ZM389.7%2036.3H404.9Q410.7%2036.3%20414.2%2034.6Q417.7%2032.9%20419.3%2029.8Q420.9%2026.7%20420.9%2022.5Q420.9%2018.1%20419.3%2014.9Q417.7%2011.7%20414.2%209.9Q410.7%208.2%20404.8%208.2H389.7Z%20M476.5%2073.7Q467.2%2073.7%20459.9%2069.2Q452.6%2064.7%20448.4%2056.3Q444.2%2047.9%20444.2%2036.4Q444.2%2024.9%20448.4%2016.5Q452.6%208.1%20459.9%203.6Q467.2%20-1%20476.5%20-1Q485.8%20-1%20493.1%203.6Q500.4%208.1%20504.5%2016.5Q508.7%2024.9%20508.7%2036.4Q508.7%2047.9%20504.5%2056.3Q500.4%2064.7%20493.1%2069.2Q485.8%2073.7%20476.5%2073.7ZM476.5%2065.1Q483%2065.1%20488.2%2061.8Q493.5%2058.5%20496.6%2052.1Q499.7%2045.7%20499.7%2036.4Q499.7%2027.1%20496.6%2020.6Q493.5%2014.2%20488.2%2010.9Q483%207.6%20476.5%207.6Q469.9%207.6%20464.7%2010.9Q459.4%2014.3%20456.3%2020.7Q453.2%2027.1%20453.2%2036.4Q453.2%2045.7%20456.3%2052.1Q459.4%2058.5%20464.7%2061.8Q469.9%2065.1%20476.5%2065.1Z%22/%3E%3C/svg%3E");
  --tp-shape-word-plus:   url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20567.775%2072.7539%22%3E%3Cpath%20fill=%22%23fff%22%20d=%22M3.2%2014.1V0H64.5V14.1H42.4V72.8H25.2V14.1Z%20M72.2%2072.8%2096.4%200H119.5L144.5%2072.8H125.2L120.3%2057.3H96L91.3%2072.8ZM116.1%2044.1%20115.1%2041Q112.6%2033%20110.4%2024Q109.1%2019%20107.8%2013.7Q106.6%2019%20105.4%2024.1Q103.4%2033.1%20101.1%2041L100.1%2044.1Z%20M154.7%2072.8V0H171.9V28.6H201V0H218.2V72.8H201V42.6H171.9V72.8Z%20M264.8%2073.7Q254.9%2073.7%20247.1%2069.4Q239.3%2065%20234.7%2056.7Q230.1%2048.3%20230.1%2036.4Q230.1%2024.4%20234.7%2016.1Q239.3%207.7%20247.1%203.4Q254.9%20-1%20264.8%20-1Q274.5%20-1%20282.4%203.4Q290.2%207.7%20294.8%2016.1Q299.3%2024.4%20299.3%2036.4Q299.3%2048.4%20294.8%2056.7Q290.2%2065.1%20282.4%2069.4Q274.5%2073.7%20264.8%2073.7ZM264.8%2058.6Q270%2058.6%20273.8%2056.1Q277.6%2053.5%20279.7%2048.6Q281.7%2043.6%20281.7%2036.4Q281.7%2029.2%20279.7%2024.2Q277.6%2019.2%20273.8%2016.7Q270%2014.2%20264.8%2014.2Q259.4%2014.2%20255.6%2016.7Q251.8%2019.3%20249.8%2024.2Q247.7%2029.2%20247.7%2036.4Q247.7%2043.6%20249.8%2048.5Q251.8%2053.5%20255.6%2056Q259.4%2058.6%20264.8%2058.6Z%22/%3E%3Cpath%20fill=%22%23fff%22%20d=%22M314.4%2072.8V0H339.3Q347.8%200%20353.3%203.1Q358.8%206.2%20361.4%2011.4Q364.1%2016.7%20364.1%2023.1Q364.1%2029.6%20361.4%2034.9Q358.8%2040.2%20353.3%2043.3Q347.8%2046.4%20339.3%2046.4H323.6V72.8ZM323.6%2038.3H338.9Q344.6%2038.3%20348.2%2036.3Q351.7%2034.3%20353.3%2030.9Q354.8%2027.4%20354.8%2023.1Q354.8%2018.8%20353.3%2015.5Q351.7%2012.1%20348.1%2010.1Q344.6%208.2%20338.8%208.2H323.6Z%20M380.4%2072.8V0H405.3Q413.8%200%20419.3%202.9Q424.8%205.8%20427.5%2010.9Q430.1%2016%20430.1%2022.5Q430.1%2029%20427.5%2033.9Q424.8%2038.9%20419.3%2041.7Q418.1%2042.4%20416.7%2042.9L433%2072.8H422.2L407.1%2044.5Q406.3%2044.5%20405.4%2044.5H389.7V72.8ZM389.7%2036.3H404.9Q410.7%2036.3%20414.2%2034.6Q417.7%2032.9%20419.3%2029.8Q420.9%2026.7%20420.9%2022.5Q420.9%2018.1%20419.3%2014.9Q417.7%2011.7%20414.2%209.9Q410.7%208.2%20404.8%208.2H389.7Z%20M476.5%2073.7Q467.2%2073.7%20459.9%2069.2Q452.6%2064.7%20448.4%2056.3Q444.2%2047.9%20444.2%2036.4Q444.2%2024.9%20448.4%2016.5Q452.6%208.1%20459.9%203.6Q467.2%20-1%20476.5%20-1Q485.8%20-1%20493.1%203.6Q500.4%208.1%20504.5%2016.5Q508.7%2024.9%20508.7%2036.4Q508.7%2047.9%20504.5%2056.3Q500.4%2064.7%20493.1%2069.2Q485.8%2073.7%20476.5%2073.7ZM476.5%2065.1Q483%2065.1%20488.2%2061.8Q493.5%2058.5%20496.6%2052.1Q499.7%2045.7%20499.7%2036.4Q499.7%2027.1%20496.6%2020.6Q493.5%2014.2%20488.2%2010.9Q483%207.6%20476.5%207.6Q469.9%207.6%20464.7%2010.9Q459.4%2014.3%20456.3%2020.7Q453.2%2027.1%20453.2%2036.4Q453.2%2045.7%20456.3%2052.1Q459.4%2058.5%20464.7%2061.8Q469.9%2065.1%20476.5%2065.1Z%22/%3E%3Cpath%20fill=%22%23fff%22%20d=%22M543.02%2012.73h9.50v15.26h15.26v9.50h-15.26v15.26h-9.50v-15.26h-15.26v-9.50h15.26Z%22/%3E%3C/svg%3E");
}

/* Respect a stated preference for more contrast: the deep orange passes on
   white and carries white type, so it can do everything the bright one can. */
@media (prefers-contrast: more) {
  :root {
    --tp-orange: #AF5A12;
    --tp-on-orange: var(--tp-white);
  }
}


/* --------------------------------------------------------------------------
 * 2. The mark on its own
 * -------------------------------------------------------------------------- */

.tp-mark {
  --tp-mark-shape: var(--tp-shape-fine);
  --tp-mark-ar: 1 / 1;
  --tp-mark-colour: var(--tp-orange);

  display: inline-block;
  height: var(--tp-logo-h);
  aspect-ratio: var(--tp-mark-ar);
  background-color: var(--tp-mark-colour);
  -webkit-mask: var(--tp-mark-shape) center / contain no-repeat;
          mask: var(--tp-mark-shape) center / contain no-repeat;
  vertical-align: middle;
  flex: none;
}

.tp-mark--coarse { --tp-mark-shape: var(--tp-shape-coarse); }
.tp-mark--solid  { --tp-mark-shape: var(--tp-shape-solid); }

.tp-mark--plus              { --tp-mark-shape: var(--tp-shape-fine-plus);
                              --tp-mark-ar: 10 / 9; }
.tp-mark--plus.tp-mark--coarse { --tp-mark-shape: var(--tp-shape-coarse-plus);
                              --tp-mark-ar: 8 / 6; }
.tp-mark--plus.tp-mark--solid  { --tp-mark-shape: var(--tp-shape-solid-plus);
                              --tp-mark-ar: 8 / 6; }

.tp-mark--ink   { --tp-mark-colour: var(--tp-ink); }
.tp-mark--white { --tp-mark-colour: var(--tp-white); }
.tp-mark--deep  { --tp-mark-colour: var(--tp-orange-deep); }


/* --------------------------------------------------------------------------
 * 3. Lock-ups
 *
 * A flex row of two masked boxes. The mark is --tp-logo-h tall; the wordmark
 * is 45.45% of that, which is its cap height, and the gap is 2.2 cells.
 * -------------------------------------------------------------------------- */

.tp-logo {
  --tp-logo-mark: var(--tp-orange);
  --tp-logo-type: var(--tp-ink);
  --tp-logo-mark-shape: var(--tp-shape-fine);
  --tp-logo-mark-ar: 1 / 1;
  --tp-logo-type-shape: var(--tp-shape-word);
  --tp-logo-type-ar: 7.0741;
  --tp-logo-gap: 0.2444;

  display: inline-flex;
  align-items: center;
  height: var(--tp-logo-h);
  gap: calc(var(--tp-logo-h) * var(--tp-logo-gap));
  vertical-align: middle;
}

.tp-logo::before,
.tp-logo::after {
  content: "";
  display: block;
  flex: none;
}

.tp-logo::before {
  height: 100%;
  aspect-ratio: var(--tp-logo-mark-ar);
  background-color: var(--tp-logo-mark);
  -webkit-mask: var(--tp-logo-mark-shape) center / contain no-repeat;
          mask: var(--tp-logo-mark-shape) center / contain no-repeat;
}

.tp-logo::after {
  height: 45.45%;
  aspect-ratio: var(--tp-logo-type-ar);
  background-color: var(--tp-logo-type);
  -webkit-mask: var(--tp-logo-type-shape) center / contain no-repeat;
          mask: var(--tp-logo-type-shape) center / contain no-repeat;
}

/* Tier -------------------------------------------------------------------- */
.tp-logo--plus {
  --tp-logo-mark-shape: var(--tp-shape-fine-plus);
  --tp-logo-mark-ar: 10 / 9;
  --tp-logo-type-shape: var(--tp-shape-word-plus);
  --tp-logo-type-ar: 7.8041;
}

/* Colour variants — tokens only, no extra artwork ------------------------- */
.tp-logo--reverse   { --tp-logo-type: var(--tp-white); }
.tp-logo--onwhite   { --tp-logo-type: var(--tp-white);
                      --tp-logo-mark: var(--tp-white); }
.tp-logo--ink       { --tp-logo-mark: var(--tp-ink); }
.tp-logo--deep      { --tp-logo-mark: var(--tp-orange-deep); }

/* One colour: ink throughout, and the mark steps down to the solid
   silhouette, because that is the version a stamp or a needle can hold. */
.tp-logo--onecolour {
  --tp-logo-mark: var(--tp-ink);
  --tp-logo-mark-shape: var(--tp-shape-solid);
  --tp-logo-mark-ar: 1 / 1;
  --tp-logo-gap: 0.3667;
}
.tp-logo--onecolour.tp-logo--plus {
  --tp-logo-mark-shape: var(--tp-shape-solid-plus);
  --tp-logo-mark-ar: 8 / 6;
}
.tp-logo--onecolour.tp-logo--reverse,
.tp-logo--onecolour.tp-logo--onwhite {
  --tp-logo-mark: var(--tp-white);
  --tp-logo-type: var(--tp-white);
}

/* Stacked ---------------------------------------------------------------- */
.tp-logo--stacked {
  flex-direction: column;
  align-items: center;
  height: auto;
  gap: calc(var(--tp-logo-h) * 0.1778);
}

.tp-logo--stacked::before {
  height: var(--tp-logo-h);
}

.tp-logo--stacked::after {
  height: calc(var(--tp-logo-h) * 0.3727);
}


/* --------------------------------------------------------------------------
 * 4. Adaptive
 *
 * Follows the visitor's theme, and drops to single ink for print. Because the
 * variants are only tokens, this is three declarations rather than three more
 * copies of the logo.
 * -------------------------------------------------------------------------- */

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .tp-logo--adaptive {
    --tp-logo-type: var(--tp-white);
  }
}

[data-theme="dark"] .tp-logo--adaptive {
  --tp-logo-type: var(--tp-white);
}

[data-theme="light"] .tp-logo--adaptive {
  --tp-logo-type: var(--tp-ink);
}

@media print {
  .tp-logo--adaptive {
    --tp-logo-mark: var(--tp-ink);
    --tp-logo-type: var(--tp-ink);
    --tp-logo-mark-shape: var(--tp-shape-solid);
    --tp-logo-mark-ar: 1 / 1;
    --tp-logo-gap: 0.3667;
  }
  .tp-logo--adaptive.tp-logo--plus {
    --tp-logo-mark-shape: var(--tp-shape-solid-plus);
    --tp-logo-mark-ar: 8 / 6;
  }
}


/* --------------------------------------------------------------------------
 * 5. Clear space
 *
 * One grid cell on all four sides. Use it where the logo sits against other
 * content rather than in a header slot that already has padding.
 * -------------------------------------------------------------------------- */

.tp-clearspace { padding: var(--tp-clear); }


/* --------------------------------------------------------------------------
 * 6. App icons
 *
 * Baked artwork, not reassembled here: the plate radius, the inset square and
 * the mark's position inside it are specified, and hand-rebuilding them in CSS
 * is how icon families drift apart.
 * -------------------------------------------------------------------------- */

.tp-icon {
  display: inline-block;
  width: var(--tp-icon-size, 64px);
  height: var(--tp-icon-size, 64px);
  background: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Crect%20width=%22512%22%20height=%22512%22%20rx=%22112.64%22%20fill=%22%23E8792B%22/%3E%3Crect%20x=%2264%22%20y=%2264%22%20width=%22384%22%20height=%22384%22%20rx=%2296%22%20fill=%22%23FFFFFF%22/%3E%3Cg%20transform=%22translate(129.28,133.38)%22%3E%3Ccircle%20cx=%2214.08%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2214.08%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2214.08%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2242.24%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2242.24%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2242.24%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2270.4%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2270.4%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2270.4%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2298.56%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22126.72%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22183.04%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22211.2%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22239.36%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2298.56%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22126.72%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22183.04%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22211.2%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22239.36%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2298.56%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22126.72%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22183.04%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22211.2%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22239.36%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22183.04%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22183.04%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22183.04%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22211.2%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22211.2%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22211.2%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  vertical-align: middle;
}

.tp-icon--plus {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Crect%20width=%22512%22%20height=%22512%22%20rx=%22112.64%22%20fill=%22%23E8792B%22/%3E%3Crect%20x=%2264%22%20y=%2264%22%20width=%22384%22%20height=%22384%22%20rx=%2296%22%20fill=%22%23FFFFFF%22/%3E%3Cg%20transform=%22translate(115.20,133.38)%22%3E%3Ccircle%20cx=%2214.08%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2214.08%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2214.08%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2242.24%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2242.24%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2242.24%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2270.4%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2270.4%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2270.4%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2298.56%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22126.72%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22183.04%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22211.2%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22239.36%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2298.56%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22126.72%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22183.04%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22211.2%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22239.36%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2298.56%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22126.72%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22183.04%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22211.2%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22239.36%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22183.04%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22183.04%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22183.04%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22211.2%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22211.2%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22211.2%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22211.2%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%22126.72%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%22183.04%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22267.52%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3C/g%3E%3C/svg%3E");
}

.tp-icon--ink {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Crect%20width=%22512%22%20height=%22512%22%20rx=%22112.64%22%20fill=%22%231F2328%22/%3E%3Crect%20x=%2264%22%20y=%2264%22%20width=%22384%22%20height=%22384%22%20rx=%2296%22%20fill=%22%23FFFFFF%22/%3E%3Cg%20transform=%22translate(129.28,133.38)%22%3E%3Ccircle%20cx=%2214.08%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2214.08%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2214.08%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2242.24%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2242.24%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2242.24%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2270.4%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2270.4%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2270.4%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2298.56%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22126.72%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22183.04%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22211.2%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22239.36%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2298.56%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22126.72%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22183.04%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22211.2%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22239.36%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2298.56%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22126.72%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22183.04%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22211.2%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22239.36%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22183.04%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22183.04%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22183.04%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22211.2%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22211.2%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22211.2%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3C/g%3E%3C/svg%3E");
}

.tp-icon--ink.tp-icon--plus {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Crect%20width=%22512%22%20height=%22512%22%20rx=%22112.64%22%20fill=%22%231F2328%22/%3E%3Crect%20x=%2264%22%20y=%2264%22%20width=%22384%22%20height=%22384%22%20rx=%2296%22%20fill=%22%23FFFFFF%22/%3E%3Cg%20transform=%22translate(115.20,133.38)%22%3E%3Ccircle%20cx=%2214.08%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2214.08%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2214.08%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2242.24%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2242.24%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2242.24%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2270.4%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2270.4%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2270.4%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%2298.56%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22126.72%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22183.04%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22211.2%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%2298.56%22%20cy=%22239.36%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%2298.56%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22126.72%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22183.04%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22211.2%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22126.72%22%20cy=%22239.36%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%2298.56%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22126.72%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22183.04%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22211.2%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22154.88%22%20cy=%22239.36%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22183.04%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22183.04%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22183.04%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22211.2%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22211.2%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22211.2%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22211.2%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%2214.08%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%2242.24%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%2270.4%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%22126.72%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22239.36%22%20cy=%22183.04%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3Ccircle%20cx=%22267.52%22%20cy=%22154.88%22%20r=%229.5744%22%20fill=%22%23E8792B%22/%3E%3C/g%3E%3C/svg%3E");
}


/* --------------------------------------------------------------------------
 * 7. Surfaces and controls
 *
 * These exist so the contrast rules survive contact with a real interface.
 * The orange always carries ink type; white on orange is display-only.
 * -------------------------------------------------------------------------- */

.tp-on-orange { background: var(--tp-orange);      color: var(--tp-on-orange); }
.tp-on-deep   { background: var(--tp-orange-deep); color: var(--tp-on-deep); }
.tp-on-ink    { background: var(--tp-ink);         color: var(--tp-on-ink); }

.tp-btn {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  padding: .68em 1.15em;
  border: 1px solid transparent;
  border-radius: var(--tp-radius);
  background: var(--tp-orange);
  color: var(--tp-on-orange);
  font: 600 15px/1 var(--tp-font-sans);
  text-decoration: none;
  cursor: pointer;
  transition: filter .15s ease;
}

.tp-btn:hover { filter: brightness(.94); }

.tp-btn:focus-visible {
  outline: none;
  box-shadow: var(--tp-focus-ring);
}

.tp-btn--ink {
  background: var(--tp-ink);
  color: var(--tp-on-ink);
}

.tp-btn--quiet {
  background: transparent;
  color: var(--tp-orange-deep);
  border-color: var(--tp-rule);
}

/* Tier badge. A typographic plus, never the dotted one — five equal dots in a
   line of type read as a flower rather than a plus. */
.tp-tier {
  display: inline-block;
  padding: .2em .5em;
  border-radius: 3px;
  background: var(--tp-orange);
  color: var(--tp-on-orange);
  font: 600 11px/1.4 var(--tp-font-sans);
  letter-spacing: .09em;
  text-transform: uppercase;
}

.tp-link {
  color: var(--tp-orange-deep);
  text-underline-offset: .18em;
  text-decoration-thickness: from-font;
}

.tp-link:focus-visible {
  outline: none;
  border-radius: 2px;
  box-shadow: var(--tp-focus-ring);
}


/* --------------------------------------------------------------------------
 * 8. Dot-grid texture
 *
 * The mark's own grid, as a surface. The dot stays at 68% of the cell, exactly
 * as in the artwork, so the texture and the logo are the same system.
 * -------------------------------------------------------------------------- */

.tp-dotgrid {
  --tp-dot-cell: 14px;
  --tp-dot-colour: rgba(232, 121, 43, .26);
  background-image: radial-gradient(
    var(--tp-dot-colour) calc(var(--tp-dot-cell) * .34),
    transparent calc(var(--tp-dot-cell) * .34 + .5px));
  background-size: var(--tp-dot-cell) var(--tp-dot-cell);
}

.tp-dotgrid--ink { --tp-dot-colour: rgba(31, 35, 40, .14); }


/* --------------------------------------------------------------------------
 * 9. Motion
 * -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .tp-btn { transition: none; }
}