/* GENERATED from web-assets/figures/partnership-ring/partnership-ring.css (f20ac3af3910). Edit the source there, then run figures/sync.mjs. */
/* Partnership ring (V-34). The drawing inside .tri__fig. Colours come from --ring-accent, --ring-ground
   and --ring-ink, falling back to the deck tokens (--accent, --ground, --ink). The figure box (.tri__fig)
   and the list beside it stay with the site; the box must carry the SVG's square aspect, so a percentage
   inside it and a viewBox unit are the same coordinate. */
.tri__fig { position: relative; aspect-ratio: 880 / 880; container-type: inline-size; }
.tri__svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.tri__lg { position: absolute; transform: translate(-50%, -50%); height: 15%; width: auto; display: block; }
/* 16.5%: the M3 line mark carries a fifth of the seal's ink, so equal height reads light. */
.tri__lg--m3 { height: 16.5%; }
.tri__ring { fill: none; stroke: var(--ring-accent, var(--accent, #B3E67D)); stroke-opacity: .34; stroke-width: 24; }
.tri__core { fill: var(--ring-accent, var(--accent, #B3E67D)); transform-box: fill-box; transform-origin: center; }
/* Each bead is two circles: the opaque one masks the ring where the bead sits. */
.tri__bead-bg { fill: var(--ring-ground, var(--ground, #12332A)); }
.tri__bead { fill: var(--ring-accent, var(--accent, #B3E67D)); fill-opacity: .12; stroke: var(--ring-accent, var(--accent, #B3E67D)); stroke-opacity: .55; stroke-width: 3; }
.tri__hub { position: absolute; left: 50%; top: 55.91%; width: 40%; transform: translate(-50%, -50%);
            text-align: center; font-weight: 700; color: var(--ring-ink, var(--ink, #12332A)); font-size: 7.2cqw; line-height: 1.14; }