---
/**
 * The SML infinity mark. AGENTS.md D7 keeps it unchanged; docs/02 requires it
 * be inline SVG rather than a raster. (The "~470 KB PNG" this comment used to
 * cite had no source anywhere in the repo — see AGENTS.md Q34. The mark is
 * geometry, which is reason enough without a number.)
 *
 * PROVENANCE — read before editing the path. This geometry is lifted verbatim
 * from the deployed site's own loading-thumbnail SVG (the element it labels
 * `smlMark`), fetched from https://adr.smlcompany.ca/ on 2026-08-26. The only
 * change is arithmetic: the source drew the path offset by `translate(60 0)`
 * inside a 1200×800 frame, and that offset is folded into the coordinates here
 * so the curve is symmetric about the origin. Stroke widths (28 outer, 6 inner)
 * and the 0.7 inner opacity are the source's.
 *
 * It is therefore SML's own artwork, not a redrawing — but it came from a
 * loading placeholder, which is not necessarily the canonical file. See
 * AGENTS.md Q32.
 *
 * Two-tone by design: the outer stroke takes `currentColor` so the mark sits
 * correctly on cream, ink, and maroon; the inner hairline is gold. Gold as an
 * icon stroke is explicitly allowed — the rule it must never break is gold as
 * TEXT on cream, which measures 2.10:1 (docs/02).
 */
interface Props {
  /** Rendered height. Width follows the 11:7 aspect ratio. */
  size?: string;
  /** Accessible name. Omit for decorative use — the default. */
  label?: string;
  class?: string;
}

const { size = '1.75rem', label, class: className } = Astro.props;
const decorative = label === undefined;

const PATH = `M -200 0
     C -200 -160, 0 -160, 0 0
     C 0 160, 200 160, 200 0
     C 200 -160, 0 -160, 0 0
     C 0 160, -200 160, -200 0 Z`;
---

<svg
  class:list={['mark', className]}
  viewBox="-220 -140 440 280"
  fill="none"
  stroke-linecap="round"
  stroke-linejoin="round"
  role={decorative ? undefined : 'img'}
  aria-hidden={decorative ? 'true' : undefined}
  aria-label={label}
  focusable="false"
  style={`block-size:${size}`}
>
  <path d={PATH} stroke="currentColor" stroke-width="28"></path>
  <path d={PATH} stroke="var(--rule)" stroke-width="6" opacity="0.7"></path>
</svg>

<style>
  .mark {
    /* 440 : 280 — the viewBox. Height is set inline; width follows. */
    aspect-ratio: 11 / 7;
    inline-size: auto;
    flex: none;
  }
</style>