/* Aegispoint Security Services — shared design tokens + component styles
   Stack: Tailwind CDN (utility layout) + this file (brand tokens, motion, bespoke components)
   Source of truth for all values: brand_assets/design-system.md (LOCKED 2026-09-15) */

:root {
  /* Light content sections (default — mixed theme) */
  --bg: #f8f6f1;
  --surface: #ffffff;
  --surface-2: #efe9de;
  --text: #1c1f24;
  --muted: #5b6169;
  --border: rgba(28, 31, 36, 0.08);

  /* Full-bleed dark bands (hero, footer, spotlight sections) */
  --bg-dark: #110f0b;          /* warm onyx (life pass D2, Yvad 2026-09-17; was #0d1117) */
  --text-on-dark: #f1efe9;
  --muted-on-dark: rgba(241, 239, 233, 0.72);
  --border-on-dark: rgba(201, 163, 92, 0.28);   /* gold-tinted hairlines on dark bands (life pass D6; was rgba(255,255,255,0.12)) */

  /* Life pass (art-direction-lock.md section 13, Yvad 2026-09-17): warm surface + gold tint tiers for dark bands. */
  --surface-dark: #1b1812;      /* was #1a1f28 */
  --gold-keyline: rgba(201, 163, 92, 0.55);
  --gold-label: rgba(201, 163, 92, 0.85);

  /* Brand */
  --primary: #c9a35c; /* Vigilant Gold — button fills only, never small text/icon on --bg */
  --primary-hover: #b18c43;
  --accent: #96692b; /* Bronze — icons, links, badges on light sections */

  --success: #3f8f5f;
  --warning: #cc7a3d;
  --error: #b3413a;

  --radius: 0px; /* LOCKED sharp angular sitewide (Safekey chrome transfer 2026-09-14) */
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
  --ease: cubic-bezier(0.4, 0, 0.2, 1);

  /* Button tokens live in the BUTTON SYSTEM block below (TOKEN BRIDGE + SYSTEM CONSTANTS), installed
     verbatim from _agency-ops/section-library/_micro-elements/buttons/2026-09_creohaus_split-cell-wipe/.
     --btn-height (52px) in that bridge is the single source of truth for button height site-wide. */

  --container-max: 1200px; /* client-locked, design-system.md Section 7 */
  --section-padding-mobile: 56px;
  --section-padding-desktop: 112px;
}

* { box-sizing: border-box; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 767px) {
  body { font-size: 16px; }
}

/* !important throughout this block is deliberate, not sloppy: the Tailwind Play CDN's JIT
   engine re-injects and repositions its own <style> tag reactively (including after this
   file loads), so a plain element-selector rule here can otherwise lose a same-specificity
   cascade tie to Tailwind Preflight's `h1,h2,h3,h4,h5,h6{font-size:inherit}` reset depending
   on timing. The locked type scale is a Day-One constant (design-system.md Section 4) that
   must never silently lose that fight. Caught in QA 2026-09-15 — headings were rendering at
   inherited body size instead of the locked scale. */
h1, h2, h3, h4 {
  font-family: "Saira Condensed", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 700 !important;
  color: var(--text) !important;
  line-height: 1.05 !important;
  text-wrap: balance;
}

/* ---- Locked type scale (design-system.md Section 4, reconciled 2026-09-15). The homepage hero H1 is sized by
   its recipe knob (--sl-esh-title); .h1-inner is the inner-page H1 for /contact/ and new pages. ---- */
.h1-inner {
  font-size: clamp(40px, 9vw, 108px) !important;
  letter-spacing: -0.03em;
}
h2 {
  font-size: clamp(36px, 5vw, 56px) !important;
  letter-spacing: -0.02em;
}
h3 {
  font-size: 22px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}
h4 {
  font-size: clamp(20px, 3vw, 24px) !important;
  font-weight: 500 !important;
}
p { color: var(--muted); }
/* Dark bands come from the section library's band tokens ([data-band="dark"] in the layer below), so the old
   .text-on-dark theming rules are gone. The button system still reads .text-on-dark for band detection. */

/* Eyebrow: shield mark + label (micro-element, Yvad picked option E 2026-09-17,
   board https://claude.ai/artifact/A9qjFBuFAmXxAwUQvfCehQ). The filled chip is gone: the mark is
   the container now. The glyph is the client's own APS-eyebrow-icon.svg (Yvad 2026-09-18, replaced the crest),
   used as a mask so it inherits the band's accent and never needs a second colour file. */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Instrument Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent);
  background: none;
  padding: 0;
  border-radius: 0;
}
.eyebrow::before {
  content: "";
  flex: 0 0 auto;
  width: 12px;
  height: 20px;                                    /* APS-eyebrow-icon.svg cropped viewBox 456 x 786 */
  margin-top: -1px;                                /* optical centre: flex-centred it sat 0.6px below the cap-height centreline (Instrument Sans 13px caps); -1px margin lifts the centre 0.5px and snaps with the text */
  background: currentColor;
  -webkit-mask: url("/assets/images/APS-eyebrow-icon.svg") center / contain no-repeat;
          mask: url("/assets/images/APS-eyebrow-icon.svg") center / contain no-repeat;
}

/* ---- Section rhythm ---- */
.section { padding: var(--section-padding-mobile) 0; }
@media (min-width: 768px) {
  .section { padding: var(--section-padding-desktop) 0; }
}
.container { max-width: var(--container-max); margin: 0 auto; padding: 0 24px; }

/* ==== BUTTON SYSTEM: split-cell-wipe v1 =======================================================
   MASTER COPY: _agency-ops/section-library/_micro-elements/buttons/2026-09_creohaus_split-cell-wipe/button-system.css
   Captured from https://safekey-tambe.framer.website/ (2026-09-14), proven live on Aegispoint (Client 6).
   Install with _micro-elements/buttons/_tools/install-button-system.cjs. Per client, edit ONLY the
   TOKEN BRIDGE. Every rule below the bridge is copied verbatim: never hand-edit it inside a client
   file. Fix it here in the master, then re-install (the installer keeps each client's bridge).
   Spec + role picking: _micro-elements/buttons/BUTTON-SCALE.md

   INVARIANTS: one height (--btn-height) for every button at every breakpoint. One hover family:
   a panel grows out of the icon cell and floods the shell (300ms, eased). No lift, shadow or scale.

   ROLES  .btn-primary (auto band) | .btn-split-on-light | .btn-split-on-dark  -> accent in the cell
          .btn-call          accent shell, dark cell on the LEFT with a phone icon, floods left to right
          .btn-ghost         accent can't be spent: 2px keyline + solid neutral cell, faint tint hover
          .btn-outline-rect  plain 2px keyline in the band's contrast neutral, never the accent
          .btn-solid         solid contrast-neutral shell, centred label, no icon cell; accent flood on hover
          .btn-square        icon-only accent square (back to top), arrow turn only
   BANDS  light is the default. Dark: .on-dark on the button, or an ancestor .text-on-dark /
          [data-band="dark"] / .mobile-cta-bar. Accent-coloured band: .on-accent or ancestor [data-band="accent"].
   Architecture: ::after (z -2) = resting shell (--btn-bg). ::before (z -1) = wipe panel (--wipe-bg,
   inset --wipe-inset, grows from --wipe-origin). Label + cell paint above. Roles set custom props only.
   ============================================================================================ */

/* ---- TOKEN BRIDGE: the only per-client edit. Point each at the client's own tokens. ---- */
:root {
  --btn-height: 52px;                                          /* THE height. Every button, every breakpoint (never under 48px) */
  --btn-font: "Instrument Sans", sans-serif;                   /* the client's body/UI font */
  --btn-accent: var(--primary);                                /* brand accent: primary cell, call shell, primary wipe */
  --btn-on-accent: var(--text);                                /* text + icons sitting on the accent */
  --btn-dark: var(--text);                                     /* dark neutral: dark shells, ghost/outline on light bands */
  --btn-on-dark: var(--bg);                                    /* text + icons resting on a dark shell or dark cell */
  --btn-light: var(--surface);                                 /* light shell for primaries on dark bands */
  --btn-on-light: var(--text);                                 /* text resting on the light shell */
  --btn-light-line: var(--text-on-dark);                       /* light neutral over dark bands / dark floods: keylines, ghost cell, labels */
  --btn-band-dark: var(--bg-dark);                             /* ink on light cells; outline-on-dark hover label */
  /* Yvad 2026-09-19 (board https://claude.ai/artifact/WL5ai86gyTSuxvPQugLLYy, option 1 "gold fills the button"):
     the ghost hover was a 5% grey and read as nothing on a real screen. The fill is now the brand gold on both
     bands, with the label flipping to the on-accent ink so it still reads. Bridge-only: no client button CSS. */
  --btn-tint-light: var(--btn-accent);                         /* ghost hover fill, light bands */
  --btn-tint-dark: var(--btn-accent);                          /* ghost hover fill, dark bands */
  --btn-ghost-label-hover-light: var(--btn-on-accent);         /* dark ink on the gold */
  --btn-ghost-label-hover-dark: var(--btn-on-accent);
}
/* ---- END TOKEN BRIDGE ---- */

/* ---- SYSTEM CONSTANTS: what makes this system THIS system. Measured off the reference. Change
   only by re-capturing it (capture-buttons.cjs), never per client. ---- */
:root {
  --btn-frame: 2px;                                            /* frame around the icon cell = keyline weight */
  --btn-cell: calc(var(--btn-height) - 2 * var(--btn-frame));  /* square icon cell (48px at 52px) */
  --btn-radius: 0px;                                           /* sharp */
  --btn-duration: 300ms;                                       /* frame-sampled: 50% @92ms, 90% @192ms, settled ~290ms */
  --btn-ease: cubic-bezier(0.25, 0.1, 0.25, 1);                /* best fit, rmse 0.005 (the ref is a spring with 0.4% overshoot) */
}

.btn {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: var(--btn-height);
  min-height: var(--btn-height);
  padding: 0 20px;
  background: transparent;
  border: var(--line-width, 0px) solid var(--line, transparent);
  border-radius: var(--btn-radius);
  color: var(--label, currentColor);
  font-family: var(--btn-font);
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  clip-path: none;
  cursor: pointer;
  transition: color var(--btn-duration) var(--btn-ease), border-color var(--btn-duration) var(--btn-ease);
}
@media (min-width: 768px) {
  .btn { padding: 0 28px; font-size: 16px; }
}
.btn::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: var(--btn-bg, transparent);
  pointer-events: none;
}
.btn::before {
  content: "";
  position: absolute;
  inset: var(--wipe-inset, 0px);
  z-index: -1;
  background: var(--wipe-bg, transparent);
  transform: scaleX(0);
  transform-origin: var(--wipe-origin, right center);
  transition: transform var(--btn-duration) var(--btn-ease);
  pointer-events: none;
}
.btn:hover,
.btn:focus-visible { color: var(--label-hover, var(--label, currentColor)); }
.btn:hover::before,
.btn:focus-visible::before { transform: scaleX(1); }
.btn:active { transform: translateY(1px); }
.btn:focus-visible { outline: 2px solid var(--focus-ring, var(--btn-dark)); outline-offset: 2px; }
/* The accent can fail contrast as a focus ring on light grounds, so it is only used on dark ones. */
.text-on-dark, [data-band="dark"], .mobile-cta-bar { --focus-ring: var(--btn-accent); }

/* ---- Split structure: shell + square icon cell inside the frame ---- */
.btn-split {
  --wipe-inset: var(--btn-frame);
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  padding: var(--btn-frame);
}
.btn-split-label {
  flex: 1 1 auto;
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .btn-split-label { padding: 0 22px; }
}
.btn-split-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--btn-cell);
  width: var(--btn-cell);
  background: var(--cell-bg, transparent);
  color: var(--cell-ink, currentColor);
}
.btn-split-icon svg {
  width: 18px;
  height: 18px;
  display: block;
  transition: transform var(--btn-duration) var(--btn-ease);
}
/* Arrow straightens from diagonal to horizontal (measured: 0deg -> 45deg, pure rotation).
   Phone buttons never turn their icon, whatever their role: phone controls are never animated. */
.btn-split:not(.btn-call):not([data-motion-lock="phone"]):hover .btn-split-icon svg,
.btn-split:not(.btn-call):not([data-motion-lock="phone"]):focus-visible .btn-split-icon svg { transform: rotate(45deg); }

/* ---- Roles. Each sets colours only. ---- */

/* PRIMARY on light (and accent-coloured) bands: dark shell, accent cell.
   Accent floods from the cell (the dark frame stays), label flips to dark. */
.btn-primary,
.btn-split-on-light {
  --btn-bg: var(--btn-dark);
  --cell-bg: var(--btn-accent);
  --cell-ink: var(--btn-on-accent);
  --wipe-bg: var(--btn-accent);
  --label: var(--btn-on-dark);
  --label-hover: var(--btn-on-accent);
}

/* PRIMARY on dark bands: light shell, accent cell. Accent floods (light frame stays). */
.btn-primary.on-dark,
.text-on-dark .btn-primary,
[data-band="dark"] .btn-primary,
.mobile-cta-bar .btn-primary,
.btn-split-on-dark {
  --btn-bg: var(--btn-light);
  --cell-bg: var(--btn-accent);
  --cell-ink: var(--btn-on-accent);
  --wipe-bg: var(--btn-accent);
  --label: var(--btn-on-light);
  --label-hover: var(--btn-on-accent);
}

/* CALL: the inverse split. Accent shell, dark cell on the LEFT carrying an accent phone icon.
   Dark floods left to right, label flips light. Same class on light AND dark bands: the accent
   frame keeps the flooded shell legible on dark. DOM order: icon cell first, then label. */
.btn-call {
  --btn-bg: var(--btn-accent);
  --cell-bg: var(--btn-dark);
  --cell-ink: var(--btn-accent);
  --wipe-bg: var(--btn-dark);
  --wipe-origin: left center;
  --label: var(--btn-on-accent);
  --label-hover: var(--btn-light-line);
}
/* Derived from the rule, not observed on the reference: on an accent-coloured band an accent
   shell would vanish, so the call flips back to dark shell + accent cell. */
.btn-call.on-accent,
[data-band="accent"] .btn-call {
  --btn-bg: var(--btn-dark);
  --cell-bg: var(--btn-accent);
  --cell-ink: var(--btn-on-accent);
  --wipe-bg: var(--btn-accent);
  --label: var(--btn-on-dark);
  --label-hover: var(--btn-on-accent);
}

/* GHOST: accent can't be spent here. 2px keyline shell + solid neutral cell, arrow on the right.
   Dark cell on light and accent bands, light cell on dark bands. Hover = faint tint + arrow turn. */
.btn-ghost {
  --wipe-inset: 0px;
  --line-width: var(--btn-frame);
  --line: var(--btn-dark);
  --cell-bg: var(--btn-dark);
  --cell-ink: var(--btn-on-dark);
  --wipe-bg: var(--btn-tint-light);
  --label: var(--btn-dark);
  --label-hover: var(--btn-ghost-label-hover-light);
  padding: 0;
}
.btn-ghost.on-dark,
.text-on-dark .btn-ghost,
[data-band="dark"] .btn-ghost,
.mobile-cta-bar .btn-ghost {
  --line: var(--btn-light-line);
  --cell-bg: var(--btn-light-line);
  --cell-ink: var(--btn-band-dark);
  --wipe-bg: var(--btn-tint-dark);
  --label-hover: var(--btn-ghost-label-hover-dark);
  --label: var(--btn-light-line);
}

/* OUTLINE secondary (no icon): 2px keyline in the band's contrast neutral. The wipe is that same
   neutral, label inverts. Never the accent. */
.btn-outline-rect {
  --line-width: var(--btn-frame);
  --line: var(--btn-dark);
  --wipe-bg: var(--btn-dark);
  --label: var(--btn-dark);
  --label-hover: var(--btn-on-dark);
}
.btn-outline-rect.on-dark,
.text-on-dark .btn-outline-rect,
[data-band="dark"] .btn-outline-rect,
.mobile-cta-bar .btn-outline-rect {
  --line: var(--btn-light-line);
  --wipe-bg: var(--btn-light-line);
  --label: var(--btn-light-line);
  --label-hover: var(--btn-band-dark);
}

/* SOLID primary without an icon (added 2026-10-03, first use: Aegispoint mobile menu): a solid shell in the band's
   contrast neutral, label centred, no cell. Hover is the system's one family: the accent floods the shell, label turns
   to the on-accent ink. Use it where a split button's cell reads cramped (narrow drawers, full-width rows). */
.btn-solid {
  --btn-bg: var(--btn-dark);
  --label: var(--btn-on-dark);
  --wipe-bg: var(--btn-accent);
  --label-hover: var(--btn-on-accent);
  justify-content: center;
  text-align: center;
}
.btn-solid.on-dark,
.text-on-dark .btn-solid,
[data-band="dark"] .btn-solid {
  --btn-bg: var(--btn-light);
  --label: var(--btn-on-light);
}

/* SQUARE: icon-only accent square (back to top, carousel arrows). Arrow turn only on hover. */
.btn-square {
  --btn-bg: var(--btn-accent);
  --label: var(--btn-on-accent);
  width: var(--btn-height);
  padding: 0;
}
.btn-square svg {
  width: 18px;
  height: 18px;
  display: block;
  transition: transform var(--btn-duration) var(--btn-ease);
}
.btn-square:hover svg,
.btn-square:focus-visible svg { transform: rotate(45deg); }

@media (prefers-reduced-motion: reduce) {
  .btn, .btn::before, .btn-split-icon svg, .btn-square svg { transition: none; }
}
/* ==== END BUTTON SYSTEM ==== */

/* Never animate phone controls */
a[href^="tel:"], [data-motion-lock="phone"] {
  transition: color 0.2s var(--ease), background-color 0.2s var(--ease);
}

/* ---- Base shape cards (80% of the page) ---- */
.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.05);
}

/* ---- Placeholder media ---- */
.ph-block {
  background: repeating-linear-gradient(135deg, rgba(28,31,36,0.05), rgba(28,31,36,0.05) 10px, rgba(28,31,36,0.02) 10px, rgba(28,31,36,0.02) 20px);
  border: 1px dashed var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
  padding: 16px;
}

/* ---- Sticky mobile CTA ---- */
.mobile-cta-bar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 999999;
  background: var(--bg-dark);
  border-top: 1px solid var(--border-on-dark);
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
}
/* !important required: Tailwind CDN injects its utility stylesheet AFTER this file loads,
   so a plain .flex utility on the same element would otherwise win the cascade at desktop width. */
@media (min-width: 768px) { .mobile-cta-bar { display: none !important; } }
/* Two equal buttons share ~160px each on a 360px phone: a tighter label pad keeps both labels and their icon cells inside the button (2026-10-03). */
.mobile-cta-bar .btn-split-label { padding: 0 10px; justify-content: center; text-align: center; white-space: nowrap; }   /* Call Us Now / Get a Quote centred in the white shell (Yvad 2026-10-03) */
/* Reserve room so the fixed bar never covers the end of the page (the footer credit row). */
@media (max-width: 767px) { body { padding-bottom: calc(72px + env(safe-area-inset-bottom)); } }

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}

/* =============================================================================================
   SECTION LIBRARY LAYER (homepage rebuild 2026-09-15). The older components above now serve only /contact/
   (its nav, card and footer); the unused pass-1 pieces were removed in the 2026-09-15 cleanup.
   Picks + knobs: brand_assets/section-pick.md. Spec: _agency-ops/section-library/RECIPE-CONTRACT.md
   ============================================================================================= */

/* ==== SECTION TOKEN BRIDGE (section library) ==== */
/* ---- PALETTE: the only per-client edit ---- */
:root {
  --sl-light-bg: var(--bg);
  --sl-light-surface: var(--surface);
  --sl-light-surface-2: var(--surface-2);
  --sl-light-text: var(--text);
  --sl-light-muted: var(--muted);
  --sl-light-border: var(--border);

  --sl-dark-bg: var(--bg-dark);
  --sl-dark-surface: var(--surface-dark);
  --sl-dark-surface-2: rgba(255, 255, 255, 0.06);
  --sl-dark-text: var(--text-on-dark);
  --sl-dark-muted: var(--muted-on-dark);
  --sl-dark-border: var(--border-on-dark);

  --sl-accent: var(--primary);                      /* Vigilant Gold */
  --sl-on-accent: var(--text);

  --sl-radius: var(--radius);                       /* 0: fully sharp chrome (art-direction-lock.md section 9) */
  --sl-radius-sm: 0px;
  /* Yvad 2026-09-15: keep the tile lift, soften the shadow to small-to-medium, onyx-tinted. */
  --sl-shadow: 0 2px 4px rgba(13, 17, 23, 0.06), 0 12px 28px rgba(13, 17, 23, 0.14);
  --sl-ease: var(--ease);
  --sl-font-display: "Saira Condensed", ui-sans-serif, system-ui, sans-serif;
  --sl-font-body: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  --sl-grain-image: url("/assets/images/texture/grain.png");   /* band-grain micro-element (life pass D1) */
  --sl-grain-dark: 0.3;
  --sl-grain-light: 0.2;
  --sl-imprint-image: url("/assets/images/logo-cropped.svg");  /* mark-imprint micro-element (hero pressed seal, footer crest) */
  --sl-imprint-ratio: 784 / 932;                            /* logo-cropped.svg viewBox */
}
/* ---- END PALETTE ---- */

/* ---- BAND MAPS: copy verbatim, never edit per client ---- */
:root, [data-band="light"] {
  --sl-bg: var(--sl-light-bg);
  --sl-surface: var(--sl-light-surface);
  --sl-surface-2: var(--sl-light-surface-2);
  --sl-text: var(--sl-light-text);
  --sl-muted: var(--sl-light-muted);
  --sl-border: var(--sl-light-border);
}
[data-band="dark"] {
  --sl-bg: var(--sl-dark-bg);
  --sl-surface: var(--sl-dark-surface);
  --sl-surface-2: var(--sl-dark-surface-2);
  --sl-text: var(--sl-dark-text);
  --sl-muted: var(--sl-dark-muted);
  --sl-border: var(--sl-dark-border);
}
/* ==== END SECTION TOKEN BRIDGE ==== */

/* micro-element: texture/2026-09_creohaus_band-grain */
/* Band grain: a static noise layer under a band's content, so no band is a dead flat fill.
   Opt in per section root with data-texture="grain" (works on any recipe; no DOM change).
   The tile is grayscale noise blended with soft-light, so it keeps the band's own hue (a warm band
   stays warm) and reads stronger on dark bands than on light ones. No motion, nothing to reduce.
   Copy grain.png to the site (e.g. /assets/images/texture/grain.png) and point --sl-grain-image at it. */
[data-texture~="grain"] { position: relative; isolation: isolate; }
[data-texture~="grain"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: var(--sl-grain-image, none);
  background-size: var(--sl-grain-size, 160px) auto;
  background-repeat: repeat;
  mix-blend-mode: var(--sl-grain-blend, soft-light);
  opacity: var(--sl-grain-light, 0.2);
}
[data-band="dark"][data-texture~="grain"]::before { opacity: var(--sl-grain-dark, 0.3); }

/* micro-element: texture/2026-09_creohaus_mark-imprint */
/* Mark imprint: the client's real logo file used as a stencil for a large, quiet mark behind a band's
   content. Place <div class="sl-imprint" data-style="..." aria-hidden="true"><div class="sl-imprint__mark"></div></div>
   as the FIRST child of any section root. It sits under band-grain (z -2 vs -1), so the grain runs across it.
   Styles: "flat" (a tinted fill) or "pressed" (a fill plus a light top edge and a soft shadow: stamped into the page).
   No motion. Point --sl-imprint-image at the logo (one-colour SVG or PNG with transparency; the fill comes from CSS). */
:where([data-recipe]):has(> .sl-imprint) { position: relative; isolation: isolate; }
.sl-imprint { position: absolute; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; }
.sl-imprint__mark {
  position: absolute;
  aspect-ratio: var(--sl-imprint-ratio, 1);
  height: var(--sl-imprint-h, 118%);
  top: var(--sl-imprint-top, -8%);
  right: var(--sl-imprint-right, -9%);
  left: var(--sl-imprint-left, auto);
  transform: var(--sl-imprint-shift, none);
  background: var(--sl-imprint-fill, rgba(255, 255, 255, 0.05));
  -webkit-mask: var(--sl-imprint-image, none) center / contain no-repeat;
          mask: var(--sl-imprint-image, none) center / contain no-repeat;
}
/* Knob data-layout="trio": the same mark three times across the band (left, centre, right), one mask with
   three layers. Phones stack the three down the band instead, since a band is tall and narrow there. */
.sl-imprint[data-layout="trio"] .sl-imprint__mark {
  inset: 0;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: none;
  aspect-ratio: auto;
  -webkit-mask-image: var(--sl-imprint-image, none), var(--sl-imprint-image, none), var(--sl-imprint-image, none);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: auto var(--sl-imprint-trio-h, 76%);
  -webkit-mask-position: var(--sl-imprint-trio-x, 9%) center, center, calc(100% - var(--sl-imprint-trio-x, 9%)) center;
          mask-image: var(--sl-imprint-image, none), var(--sl-imprint-image, none), var(--sl-imprint-image, none);
          mask-repeat: no-repeat;
          mask-size: auto var(--sl-imprint-trio-h, 76%);
          mask-position: var(--sl-imprint-trio-x, 9%) center, center, calc(100% - var(--sl-imprint-trio-x, 9%)) center;
}
@media (max-width: 767px) {
  .sl-imprint[data-layout="trio"] .sl-imprint__mark {
    -webkit-mask-size: auto var(--sl-imprint-trio-h-sm, 22%);
    -webkit-mask-position: center var(--sl-imprint-trio-y-sm, 10%), center, center calc(100% - var(--sl-imprint-trio-y-sm, 10%));
            mask-size: auto var(--sl-imprint-trio-h-sm, 22%);
            mask-position: center var(--sl-imprint-trio-y-sm, 10%), center, center calc(100% - var(--sl-imprint-trio-y-sm, 10%));
  }
}
.sl-imprint[data-style="pressed"] {
  filter: drop-shadow(-1px -1px 0 var(--sl-imprint-light, rgba(255, 255, 255, 0.12))) drop-shadow(2px 3px 2px var(--sl-imprint-shade, rgba(0, 0, 0, 0.7)));
}
@media (max-width: 767px) {
  .sl-imprint:not([data-layout]) .sl-imprint__mark {   /* a layout knob (trio) owns its own phone rule */
    height: var(--sl-imprint-h-sm, auto);
    width: var(--sl-imprint-w-sm, 115%);
    top: var(--sl-imprint-top-sm, 60px);
    right: var(--sl-imprint-right-sm, -48%);
    left: var(--sl-imprint-left-sm, auto);
  }
}

/* ---- Recipes x this site's base styles ----
   The site's heading rule forces dark ink with !important (Tailwind CDN cascade guard above), so recipe
   headings on dark bands need the light text back at the same strength. */
[data-band="dark"] :is(h1, h2, h3, h4) { color: var(--text-on-dark) !important; }
/* Site paragraphs default to --muted; inside recipe bands they inherit the band text instead. :where()
   keeps this at element strength, so every recipe's own muted class still wins. */
:where([data-band]) p { color: inherit; }
/* The Aegis eyebrow is a tinted box: inside recipe flex/grid stacks it hugs its text, never stretches. */
[data-recipe] .eyebrow { width: fit-content; }
[data-band="dark"] .eyebrow { color: var(--primary); background: none; }
/* Honest photo placeholders inside recipe media slots (the slot owns the height). */
.ph-fill { position: absolute; inset: 0; }
[data-band="dark"] .ph-block {
  background: repeating-linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.05) 10px, rgba(255,255,255,0.02) 10px, rgba(255,255,255,0.02) 20px);
  border-color: var(--border-on-dark);
  color: var(--muted-on-dark);
}
/* GSAP playbook rule 8: smooth CSS scrolling misaligns ScrollTrigger measurements. */
html { scroll-behavior: auto; }

/* ---- Site chrome behaviour on the recipe nav: sticky, frosted on scroll, smart-hide (main.js nav()).
   z-index per web-build.md's stack. ---- */
.sl-nav[data-nav-root] {
  position: sticky;
  top: 0;
  z-index: 1100000;
  transition: background-color 0.3s var(--ease), box-shadow 0.3s var(--ease), transform 0.3s var(--ease);
}
.sl-nav[data-nav-root][data-nav-overlay] { position: fixed; top: 0; left: 0; right: 0; }
.sl-nav[data-nav-root][data-nav-style="inset"] .sl-nav__bar { transition: box-shadow 0.3s var(--ease); }
.sl-nav[data-nav-root][data-nav-style="inset"].is-scrolled .sl-nav__bar { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28); }
.sl-nav[data-nav-root][data-nav-style="inset"].is-hidden:not(.is-open) { transform: translateY(calc(-100% - 16px)); }
.sl-nav[data-nav-root]:not([data-nav-style="inset"]).is-scrolled {
  background: rgba(248, 246, 241, 0.88);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
.sl-nav[data-nav-root].is-hidden:not(.is-open) { transform: translateY(-100%); }

/* ---- Aegis knob settings (section-pick.md) ---- */
.sl-nav { --sl-nav-logo-h: 64px; }                 /* Yvad 2026-09-18: APS icon, bigger and more pronounced */
@media (max-width: 767px) { .sl-nav { --sl-nav-logo-h: 56px; } }
.sl-esh {
  --sl-esh-top: 48px;                               /* the nav is sticky and in flow, so the hero only needs breathing room */
  --sl-esh-title: clamp(48px, 9vw, 112px);          /* hero H1 scale (design-system.md section 4). 120 -> 112px 2026-09-15: the all-caps claim wraps to 4 lines at 120px and pushes the fact bar below a 900px fold; 112px keeps 3 lines */
  --sl-esh-value: clamp(22px, 2vw, 28px);
  --sl-esh-title-case: uppercase;                   /* Yvad 2026-09-15: all-caps claim */
}
.sl-ocr {
  --sl-ocr-top: 128px;                              /* overlay nav: 16px inset + 72px bar, then 40px of air */
  --sl-ocr-title: clamp(48px, 9vw, 112px);          /* locked hero H1 scale (design-system.md section 4, 112px cap) */
  --sl-ocr-title-case: uppercase;                   /* Yvad 2026-09-15: all-caps claim */
  --sl-ocr-claim-span: 11;
  --sl-ocr-visual-start: 7;
  --sl-ocr-visual-row: 2;                           /* the photo rises beside the supporting line and buttons */
  --sl-ocr-fade: 22%;
  --sl-ocr-rise: 160px;
  --sl-ocr-min-h: calc(100svh - 160px);             /* 128px top + 32px bottom: the card row lands on the fold */
  --sl-ocr-sub-w: 46ch;
  --sl-ocr-value: clamp(22px, 2vw, 28px);
  --sl-ocr-card-line: var(--gold-keyline);         /* life pass D6 */
  --sl-ocr-icon: var(--primary);
  --sl-ocr-label: var(--gold-label);
}
@media (max-width: 767px) { .sl-ocr { --sl-ocr-top: 112px; } }   /* 12px inset + 68px bar + 32px */
/* Hero seal (Yvad 2026-09-17: option 4, pressed seal) */
.sl-ocr .sl-imprint { --sl-imprint-fill: #1d1a14; --sl-imprint-h: 104%; --sl-imprint-top: 96px; --sl-imprint-right: -9%; }  /* lettering clears the overlay nav */
/* Footer mark (Yvad 2026-09-18: the APS icon replaces the crest, one centred instead of the trio; same subtle fill.
   Then scaled up to span the footer so the helmet reads; the band's overflow crops the top and bottom).
   The mask is a stencil, so the dark icon file works here; the fill comes from --sl-imprint-fill. */
.sl-ftr .sl-imprint {
  --sl-imprint-image: url("/assets/images/APS-logo-icon-dark.svg");
  --sl-imprint-ratio: 1040 / 844;                          /* APS-logo-icon-*.svg cropped viewBox */
  --sl-imprint-fill: rgba(241, 239, 233, 0.018);
  --sl-imprint-h: 210%; --sl-imprint-top: 50%; --sl-imprint-left: 50%; --sl-imprint-right: auto;
  --sl-imprint-shift: translate(-50%, -50%);
  --sl-imprint-h-sm: auto; --sl-imprint-w-sm: 190%; --sl-imprint-top-sm: 50%; --sl-imprint-left-sm: 50%; --sl-imprint-right-sm: auto;
}
/* Nav: inset floating bar (life pass D5), cream panel (Yvad 2026-09-17: switched from onyx) */
.sl-nav { --sl-nav-h: 72px; --sl-nav-panel: var(--bg); --sl-nav-line: rgba(28, 31, 36, 0.10); }
@media (max-width: 767px) { .sl-nav { --sl-nav-h: 68px; } }
/* Contact header clears the overlay nav */
.sl-fph { --sl-fph-top: 104px; --sl-fph-top-lg: 128px; }
/* Yvad 2026-09-15: a few shades lighter than the footer (#1a1f28). Scoped to the dark band 2026-09-19 so the
   light-band instance on /services (Yvad: alternate the bands) is not forced dark; the homepage is unchanged. */
.sl-fcta[data-band="dark"] { --sl-fcta-bg: var(--sl-dark-surface); }
.sl-fcta[data-band="light"] { --sl-fcta-bg: var(--sl-light-surface); }
/* Contact page (section-pick.md, 2026-09-16) */
.sl-fph { --sl-fph-title-case: uppercase; --sl-fph-line: 0px; --sl-fph-panel: transparent; }  /* Yvad 2026-09-16: one solid dark band, no gold frame; caps like the homepage claim */
.sl-icf { --sl-icf-form-pad: 32px; --sl-icf-form-pad-sm: 16px 0; --sl-icf-embed-trim: 8px; }  /* room around the HighLevel form (phones: top/bottom only, the form runs edge to edge); trim its own 0 4px 4px shadow strip */
.sl-ach { --sl-ach-radius: 0px; }                  /* fully sharp chrome (design-system.md chrome addendum: no soft-round pills) */

/* recipe: nav/2026-08_creohaus_dropdown-with-active-link-highlighting */
.sl-nav { position: relative; z-index: 50; background: var(--sl-bg); color: var(--sl-text); border-bottom: 1px solid var(--sl-border); }
.sl-nav__bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 80px; }
.sl-nav__logo img { height: var(--sl-nav-logo-h, 44px); width: auto; }
.sl-nav__links { display: none; align-items: center; gap: 32px; }
.sl-nav__links > a,
.sl-nav__trigger {
  position: relative;
  font-weight: 500;
  text-decoration: none;
  color: var(--sl-text);
  padding: 8px 0;
}
.sl-nav__links > a::after,
.sl-nav__trigger::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s var(--sl-ease);
}
.sl-nav__links > a:hover::after,
.sl-nav__trigger:hover::after,
.sl-nav__links > a.is-active::after,
.sl-nav__trigger.is-active::after { transform: scaleX(1); }
.sl-nav__end { display: none; align-items: center; gap: 20px; }
.sl-nav__phone { font-weight: 600; text-decoration: none; color: var(--sl-text); }
@media (min-width: 1024px) {
  .sl-nav__links, .sl-nav__end { display: flex; }
}

/* Hover dropdown, no JS. The ::before bridge covers the 18px gap so hover survives the trip down. */
.sl-nav__dd { position: relative; }
.sl-nav__dd::before { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 240px; height: 18px; }
.sl-nav__trigger { display: inline-flex; align-items: center; gap: 2px; }
.sl-nav__caret { font-size: 20px; transition: transform 0.3s var(--sl-ease); }
.sl-nav__dd:hover .sl-nav__caret,
.sl-nav__dd:focus-within .sl-nav__caret { transform: rotate(180deg); }
.sl-nav__panel {
  position: absolute;
  top: calc(100% + 18px);
  left: 50%;
  min-width: 240px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  background: var(--sl-surface);
  border: 1px solid var(--sl-border);
  border-radius: var(--sl-radius);
  box-shadow: var(--sl-shadow);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(-8px);
  transition: opacity 0.25s var(--sl-ease), transform 0.25s var(--sl-ease), visibility 0.25s;
}
.sl-nav__dd:hover .sl-nav__panel,
.sl-nav__dd:focus-within .sl-nav__panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.sl-nav__panel a {
  padding: 10px 12px;
  border-radius: var(--sl-radius-sm);
  text-decoration: none;
  color: var(--sl-text);
  white-space: nowrap;
}
.sl-nav__panel a:hover { background: var(--sl-surface-2); }
.sl-nav__panel a.is-active { background: var(--sl-surface-2); font-weight: 600; }

/* Burger (icon only, no text, so it is chrome, not a CTA). */
.sl-nav__burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 48px;
  height: 48px;
  padding: 12px;
  border: 0;
  background: none;
  cursor: pointer;
}
.sl-nav__burger span { display: block; height: 2px; background: var(--sl-text); transition: transform 0.3s var(--sl-ease), opacity 0.2s; }
.sl-nav.is-open .sl-nav__burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.sl-nav.is-open .sl-nav__burger span:nth-child(2) { opacity: 0; }
.sl-nav.is-open .sl-nav__burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
@media (min-width: 1024px) { .sl-nav__burger { display: none; } }

/* Mobile drawer: slides down, blurred glass, groups start closed on every open. */
.sl-nav__drawer {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: color-mix(in srgb, var(--sl-bg) 92%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--sl-border);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.3s var(--sl-ease), transform 0.3s var(--sl-ease), visibility 0.3s;
}
.sl-nav.is-open .sl-nav__drawer { opacity: 1; visibility: visible; transform: none; }
.sl-nav__drawer-inner { display: flex; flex-direction: column; gap: 4px; padding-top: 16px; padding-bottom: 24px; }
.sl-nav__drawer-inner > a:not(.btn),
.sl-nav__group-head > a { padding: 12px 0; font-size: 18px; font-weight: 500; text-decoration: none; color: var(--sl-text); }
.sl-nav__drawer-inner a.is-active { font-weight: 700; }
.sl-nav__drawer-inner .btn { margin-top: 12px; }
.sl-nav__group-head { display: flex; align-items: center; justify-content: space-between; }
.sl-nav__group-toggle { width: 48px; height: 48px; border: 0; background: none; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--sl-text); }
.sl-nav__group-toggle .material-symbols-outlined { font-size: 26px; transition: transform 0.35s var(--sl-ease); }
.sl-nav__group.is-open .sl-nav__group-toggle .material-symbols-outlined { transform: rotate(180deg); }
.sl-nav__sublinks { display: flex; flex-direction: column; max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.4s var(--sl-ease), opacity 0.3s var(--sl-ease); }
.sl-nav__group.is-open .sl-nav__sublinks { opacity: 1; }
.sl-nav__sublink { padding: 10px 0 10px 16px; color: var(--sl-muted); text-decoration: none; }
.sl-nav__sublink.is-active { color: var(--sl-text); font-weight: 600; }
@media (min-width: 1024px) { .sl-nav__drawer { display: none; } }

/* Knob data-nav-style="inset": the header turns transparent and the bar floats inside it as its own solid
   panel, inset from the screen edges, with a keyline (--sl-nav-line) and its own fill (--sl-nav-panel). */
.sl-nav[data-nav-style="inset"] { background: transparent; border-bottom: 0; padding-top: var(--sl-nav-inset, 12px); }
.sl-nav[data-nav-style="inset"] .sl-nav__bar {
  width: calc(100% - 2 * var(--sl-nav-inset, 12px));
  min-height: var(--sl-nav-h, 68px);
  padding-inline: 16px 8px;
  background: var(--sl-nav-panel, var(--sl-bg));
  border: 1px solid var(--sl-nav-line, var(--sl-border));
  border-radius: var(--sl-radius);
}
.sl-nav[data-nav-style="inset"] .sl-nav__drawer {
  left: var(--sl-nav-inset, 12px);
  right: var(--sl-nav-inset, 12px);
  top: calc(100% + 8px);
  background: color-mix(in srgb, var(--sl-nav-panel, var(--sl-bg)) 96%, transparent);
  border: 1px solid var(--sl-nav-line, var(--sl-border));
  border-radius: var(--sl-radius);
}
@media (min-width: 768px) {
  .sl-nav[data-nav-style="inset"] { padding-top: var(--sl-nav-inset-lg, 16px); }
  .sl-nav[data-nav-style="inset"] .sl-nav__bar { width: calc(100% - 2 * var(--sl-nav-inset-lg, 16px)); padding-inline: 20px 8px; }
}
/* Knob data-nav-overlay: the header takes no space, so the first band runs up behind the floating bar.
   Give that first band enough top padding to clear it. */
.sl-nav[data-nav-overlay] { position: absolute; top: 0; left: 0; right: 0; }
/* Open-menu backdrop (site-sweep Step 2, 2026-10-03): agency z-index stack, nav 1100000 > backdrop > mobile CTA bar 999999,
   so the blurred, dimmed page and the CTA bar sit behind the open drawer. A tap on the backdrop closes the menu (main.js).
   Promote to the nav recipe master on sign-off. */
.sl-nav[data-nav-root] { z-index: 1100000; }
.sl-nav[data-nav-root].is-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: rgba(17, 15, 11, 0.45);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);   /* iOS Safari blur flicker (web-build.md) */
}

/* recipe: hero/2026-09_creohaus_oversized-claim-card-row-hero */
/* An oversized claim top-left, its supporting line and actions under it, one large media block rising
   from the lower right, and a row of short cards across the bottom that sits over the media's lower edge.
   Phones and tablets stack everything; the order is a knob. */
.sl-ocr { background: var(--sl-bg); color: var(--sl-text); padding: var(--sl-ocr-top, 56px) 0 var(--sl-ocr-bottom, 32px); overflow: hidden; }

.sl-ocr__stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "title" "sub" "actions" "visual" "cards";
  row-gap: 24px;
}
.sl-ocr[data-phone-order="photo-after-title"] .sl-ocr__stage { grid-template-areas: "title" "visual" "actions" "sub" "cards"; }

.sl-ocr__title {
  grid-area: title;
  font-size: var(--sl-ocr-title, clamp(48px, 7vw, 96px));
  line-height: 0.95;
  letter-spacing: -0.03em;
  text-transform: var(--sl-ocr-title-case, none);
}
.sl-ocr__sub { grid-area: sub; max-width: var(--sl-ocr-sub-w, 44ch); color: var(--sl-ocr-sub-color, var(--sl-muted)); }
.sl-ocr__actions { grid-area: actions; display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
@media (min-width: 640px) { .sl-ocr__actions { flex-direction: row; align-items: center; gap: 16px; } }

.sl-ocr__visual { grid-area: visual; position: relative; }
.sl-ocr__media { position: relative; aspect-ratio: var(--sl-ocr-ratio-sm, 4 / 3); overflow: hidden; border-radius: var(--sl-radius); background: var(--sl-surface-2); }
.sl-ocr__media > img,
.sl-ocr__media > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* Knob data-media-fade="on": the media dissolves into the band (bottom edge on phones; left and top edges
   from 1024px), so it reads as rising out of the page rather than a boxed photo. */
.sl-ocr[data-media-fade="on"] .sl-ocr__media {
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) var(--sl-ocr-fade, 30%));
          mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) var(--sl-ocr-fade, 30%));
}

.sl-ocr__cards { grid-area: cards; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
@media (min-width: 768px) { .sl-ocr__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } }
.sl-ocr__card {
  display: flex;
  flex-direction: column;
  padding: 24px 20px;
  background: var(--sl-surface);
  border-top: 1px solid var(--sl-ocr-card-line, var(--sl-border));
  border-radius: var(--sl-radius);
}
.sl-ocr__card-icon { color: var(--sl-ocr-icon, var(--sl-text)); line-height: 0; }
.sl-ocr__card-icon .material-symbols-outlined { font-size: 24px; }
.sl-ocr__card-label { margin-top: 16px; font-size: 16px; color: var(--sl-ocr-label, var(--sl-muted)); }
.sl-ocr__card-value {
  margin-top: 6px;
  font-family: var(--sl-font-display);
  font-size: var(--sl-ocr-value, clamp(22px, 2vw, 28px));
  font-weight: 600;
  line-height: 1.1;
}
/* Phones: compact cards, icon beside the label and value, so three facts don't stack into three tall bars. */
@media (max-width: 767px) {
  .sl-ocr__card:has(.sl-ocr__card-icon) { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 16px; align-items: center; }
  .sl-ocr__card { padding: 16px 20px; }
  .sl-ocr__card-icon { grid-row: 1 / 3; }
  .sl-ocr__card-label { margin-top: 0; }
  .sl-ocr__card-value { margin-top: 2px; }
}

@media (min-width: 1024px) {
  /* Twelve columns: claim across the top, media from --sl-ocr-visual-start to the right edge, spanning the
     free row under the actions and the card row, which sits on top of it. */
  .sl-ocr__stage,
  .sl-ocr[data-phone-order] .sl-ocr__stage {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: auto auto auto minmax(var(--sl-ocr-rise, 220px), 1fr) auto;
    grid-template-areas: none;
    column-gap: 20px;
    row-gap: 0;
    min-height: var(--sl-ocr-min-h, 0px);
  }
  .sl-ocr__title { grid-column: 1 / span var(--sl-ocr-claim-span, 9); grid-row: 1; }
  .sl-ocr__sub { grid-column: 1 / span 5; grid-row: 2; margin-top: 20px; }
  .sl-ocr__actions { grid-column: 1 / span 6; grid-row: 3; margin-top: 24px; }
  .sl-ocr__visual { grid-column: var(--sl-ocr-visual-start, 5) / -1; grid-row: var(--sl-ocr-visual-row, 4) / 6; margin-top: 24px; z-index: 0; }
  .sl-ocr__media { position: absolute; inset: 0; aspect-ratio: auto; }
  .sl-ocr[data-media-fade="on"] .sl-ocr__media {
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) var(--sl-ocr-fade, 30%)), linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) var(--sl-ocr-fade, 30%));
    -webkit-mask-composite: source-in;
            mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) var(--sl-ocr-fade, 30%)), linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) var(--sl-ocr-fade, 30%));
            mask-composite: intersect;
  }
  .sl-ocr__cards { grid-column: 1 / -1; grid-row: 5; z-index: 1; }
}

/* Knob data-media-frame="nav" on hero/2026-09_creohaus_oversized-claim-card-row-hero (Yvad 2026-10-03, hero video
   boards rounds 1-4, brand_assets/decision-boards/hero-video-*.spec.cjs). Promote to the recipe master on sign-off.
   The media becomes one frame exactly as wide as the inset nav (the content column plus --sl-ocr-frame-bleed each side)
   and runs from the nav's bottom edge (--sl-ocr-frame-top) to the stage bottom, behind the claim, supporting line and
   actions. Phones: a square under the nav with the claim on its lower half. Overlay layers (.sl-wf, "Watch Floor"):
   grade, grain, scanlines, static on cuts (no dark wash: removed 2026-10-03), the crest as a faint light print, viewfinder brackets, REC tag. */
.sl-ocr[data-media-frame] {
  --sl-ocr-frame-top: 88px;                         /* 16px nav inset + 72px bar */
  --sl-ocr-frame-bleed: 24px;                       /* nav bar = content column + 24px each side (measured 800-1920) */
  --sl-wf-line: var(--primary);
  --sl-wf-rec: #e0322b;                             /* REC dot: palette exception at Yvad's request (board round 2) */
  --sl-wf-crest: 0.3;                               /* light-print crest strength (round 4 option 5, "more subtle") */
}
@media (max-width: 767px) {
  .sl-ocr[data-media-frame] { --sl-ocr-frame-top: 80px; --sl-ocr-frame-bleed: 12px; }
  /* Phones (Yvad 2026-10-03): no hero buttons; the sticky Call Us Now / Get a Quote bar is on screen from the start. */
  .sl-ocr[data-media-frame] .sl-ocr__actions { display: none; }
}   /* crest print same strength as desktop (Yvad 2026-10-03) */
.sl-ocr[data-media-frame] .sl-ocr__stage { position: relative; }
.sl-ocr[data-media-frame] .sl-ocr__visual { z-index: -1; }
.sl-ocr[data-media-frame] .sl-ocr__media { position: absolute; inset: 0; aspect-ratio: auto; background: var(--bg-dark); -webkit-mask-image: none; mask-image: none; }
.sl-ocr__video { filter: saturate(0.62) contrast(1.08) brightness(0.82) sepia(0.18); object-position: 68% 50%; }
/* Centred text on every size (phones: the claim centred on the bottom of the square). */
.sl-ocr[data-media-frame] .sl-ocr__title, .sl-ocr[data-media-frame] .sl-ocr__sub { text-align: center; }
.sl-ocr[data-media-frame] .sl-ocr__sub { justify-self: center; }

.sl-wf, .sl-wf > div:not(.sl-wf__tag) { position: absolute; inset: 0; pointer-events: none; }   /* the tag keeps its own corner */
.sl-wf__tint { background: var(--bg-dark); mix-blend-mode: color; opacity: 0.28; }
.sl-wf__tint2 { background: linear-gradient(180deg, rgba(150, 105, 43, 0.16), rgba(17, 15, 11, 0.3)); mix-blend-mode: multiply; }
.sl-wf__grain { background: var(--sl-grain-image) 0 0 / 160px auto; mix-blend-mode: soft-light; opacity: 0.4; }
.sl-wf__scan { background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0 1px, transparent 1px 3px); opacity: 0.22; }
.sl-wf__static { background: var(--sl-grain-image) 0 0 / 90px auto; mix-blend-mode: overlay; opacity: 0; }
.sl-wf__static.is-on { animation: sl-wf-static 0.22s steps(4, end) 1; }
@keyframes sl-wf-static {
  0% { opacity: 0.9; background-position: 0 0; }
  25% { opacity: 0.6; background-position: 37px 61px; }
  50% { opacity: 0.85; background-position: -48px 23px; }
  75% { opacity: 0.4; background-position: 19px -40px; }
  100% { opacity: 0; }
}
/* The crest's light print: placed by main.js over the pressed seal's measured box, so the two line up at the frame edge. */
.sl-wf .sl-wf__crest {
  inset: auto;
  background: rgba(241, 239, 233, var(--sl-wf-crest));
  mix-blend-mode: soft-light;
  -webkit-mask: var(--sl-imprint-image) 0 0 / 100% 100% no-repeat;
          mask: var(--sl-imprint-image) 0 0 / 100% 100% no-repeat;
}
.sl-wf__br { position: absolute; width: 24px; height: 24px; border: 0 solid var(--sl-wf-line); }
.sl-wf__br--tl { top: 14px; left: 14px; border-top-width: 2px; border-left-width: 2px; }
.sl-wf__br--tr { top: 14px; right: 14px; border-top-width: 2px; border-right-width: 2px; }
.sl-wf__br--bl { bottom: 14px; left: 14px; border-bottom-width: 2px; border-left-width: 2px; }
.sl-wf__br--br { bottom: 14px; right: 14px; border-bottom-width: 2px; border-right-width: 2px; }
.sl-wf__tag { position: absolute; top: 24px; right: 50px; display: flex; align-items: center; gap: 10px; font-family: var(--sl-font-body); font-size: 12px; font-weight: 600; letter-spacing: 0.16em; line-height: 1.2; color: rgba(241, 239, 233, 0.86); }
.sl-wf__tag > span { display: flex; align-items: center; gap: 8px; padding: 5px 9px; background: rgba(17, 15, 11, 0.72); white-space: nowrap; }
.sl-wf__rec b { width: 9px; height: 9px; border-radius: 50%; background: var(--sl-wf-rec); box-shadow: 0 0 8px rgba(224, 50, 43, 0.7); animation: sl-wf-blink 1.2s steps(1, end) infinite; }
.sl-wf__label b { width: 7px; height: 7px; background: var(--sl-wf-line); }
@keyframes sl-wf-blink { 50% { opacity: 0.15; } }
@media (prefers-reduced-motion: reduce) { .sl-wf__rec b, .sl-wf__static.is-on { animation: none; } }

@media (min-width: 1024px) {
  /* Crest from the very top of the hero, larger (Yvad 2026-10-03: "fill up the top"); runs behind the floating nav. */
  .sl-ocr[data-media-frame] .sl-imprint { --sl-imprint-top: 0px; --sl-imprint-h: 116%; }
  .sl-ocr[data-media-frame] .sl-ocr__visual {
    position: absolute;
    grid-column: auto;
    grid-row: auto;
    margin: 0;
    top: calc(var(--sl-ocr-frame-top) - var(--sl-ocr-top));
    left: calc(-1 * var(--sl-ocr-frame-bleed));
    right: calc(-1 * var(--sl-ocr-frame-bleed));
    aspect-ratio: 16 / 9;                           /* the clip's own shape, uncropped (Yvad 2026-10-03: "way too tall") */
  }
  /* The hero ends where the frame ends: stage height = frame height (16:9 of the nav width) minus the part above the stage (frame-top - top is negative).
     100cqw = the stage width (the container's content box). Replaces the 100svh fold height for this knob. */
  .sl-ocr[data-media-frame] .container { container-type: inline-size; }
  .sl-ocr[data-media-frame] .sl-ocr__stage {
    min-height: calc((100cqw + 2 * var(--sl-ocr-frame-bleed)) * 9 / 16 + (var(--sl-ocr-frame-top) - var(--sl-ocr-top)));
  }
  /* Text centred both ways on the frame, slimmed so it covers less of the video (Yvad 2026-10-03, hero text slim board
     option 1 "Smaller claim": https://claude.ai/artifact/AvQe994sQJUswdd4uuFCdW). No wash behind it. */
  .sl-ocr[data-media-frame] { --sl-ocr-title: 76px; }
  .sl-ocr[data-media-frame] .sl-ocr__stage { grid-template-rows: 1fr auto auto auto 1.25fr; }
  .sl-ocr[data-media-frame] .sl-ocr__title { grid-column: 1 / -1; grid-row: 2; justify-self: center; max-width: 14ch; }
  .sl-ocr[data-media-frame] .sl-ocr__sub { grid-column: 3 / -3; grid-row: 3; margin-top: 16px; max-width: 46ch; }
  .sl-ocr[data-media-frame] .sl-ocr__actions { grid-column: 1 / -1; grid-row: 4; margin-top: 22px; justify-content: center; }
}
@media (max-width: 1023px) {
  .sl-ocr[data-media-frame] .sl-ocr__stage { grid-template-areas: "hero" "actions" "sub"; }
  .sl-ocr[data-media-frame] .sl-ocr__visual {
    grid-area: hero;
    position: relative;
    aspect-ratio: 1;
    margin: calc(var(--sl-ocr-frame-top) - var(--sl-ocr-top)) calc(-1 * var(--sl-ocr-frame-bleed)) 0;
  }
  .sl-ocr[data-media-frame] .sl-ocr__title { grid-area: hero; align-self: end; position: relative; padding: 0 16px 22px; }
  .sl-ocr[data-media-frame] .sl-ocr__actions { margin-top: 8px; }
  .sl-ocr[data-media-frame] .sl-ocr__sub { margin-top: 8px; }
  .sl-ocr__video { object-position: 50% 50%; }
  .sl-wf__br { width: 16px; height: 16px; }
  .sl-wf__br--tl, .sl-wf__br--tr { top: 9px; }
  .sl-wf__br--tl, .sl-wf__br--bl { left: 9px; }
  .sl-wf__br--tr, .sl-wf__br--br { right: 9px; }
  .sl-wf__br--bl, .sl-wf__br--br { bottom: 9px; }
  .sl-wf__tag { top: 16px; right: 32px; gap: 6px; font-size: 10px; letter-spacing: 0.12em; }
  .sl-wf__tag > span { padding: 4px 6px; gap: 6px; }
  .sl-wf__rec b { width: 8px; height: 8px; }
}
/* Phones: no hero buttons (above), so no empty actions row; the supporting line sits 14px under the video
   (Yvad 2026-10-03). After the 1023px block so it wins. */
@media (max-width: 767px) {
  .sl-ocr[data-media-frame] .sl-ocr__stage { grid-template-areas: "hero" "sub"; row-gap: 14px; }
  .sl-ocr[data-media-frame] .sl-ocr__sub { margin-top: 0; }
}

/* recipe: hero/2026-09_creohaus_editorial-split-hero */
.sl-esh { background: var(--sl-bg); color: var(--sl-text); padding: var(--sl-esh-top, 104px) 0 56px; }
@media (min-width: 1024px) { .sl-esh { padding-bottom: 80px; } }

/* Phones: claim + actions, photo, supporting line, facts (measured order on the reference). */
.sl-esh__grid { display: grid; grid-template-columns: 1fr; grid-template-areas: "main" "visual" "note" "facts"; row-gap: 40px; }
.sl-esh__main { grid-area: main; display: flex; flex-direction: column; justify-content: center; }
.sl-esh__eyebrow { margin-bottom: 14px; }
.sl-esh__title { font-size: var(--sl-esh-title, clamp(40px, 4.2vw, 64px)); line-height: 1.1; letter-spacing: -0.03em; text-transform: var(--sl-esh-title-case, none); }
.sl-esh__actions { margin-top: 40px; display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
@media (min-width: 640px) { .sl-esh__actions { flex-direction: row; align-items: center; gap: 16px; } }

/* Knob data-phone-order="photo-before-actions": under 1024px the photo sits between the claim and the buttons
   (claim, photo, actions, supporting line, facts). The main column dissolves so its children take their own rows. */
@media (max-width: 1023px) {
  .sl-esh[data-phone-order="photo-before-actions"] .sl-esh__grid { grid-template-areas: "title" "visual" "actions" "note" "facts"; }
  .sl-esh[data-phone-order="photo-before-actions"] .sl-esh__grid:has(.sl-esh__eyebrow) { grid-template-areas: "eyebrow" "title" "visual" "actions" "note" "facts"; }
  .sl-esh[data-phone-order="photo-before-actions"] .sl-esh__main { display: contents; }
  .sl-esh[data-phone-order="photo-before-actions"] .sl-esh__eyebrow { grid-area: eyebrow; justify-self: start; margin-bottom: -26px; } /* 14px under the eyebrow despite the 40px row gap */
  .sl-esh[data-phone-order="photo-before-actions"] .sl-esh__title { grid-area: title; }
  .sl-esh[data-phone-order="photo-before-actions"] .sl-esh__actions { grid-area: actions; margin-top: 0; }
}

.sl-esh__visual { grid-area: visual; }
.sl-esh__media { position: relative; aspect-ratio: var(--sl-esh-ratio, 1 / 1); border-radius: var(--sl-radius); overflow: hidden; background: var(--sl-surface-2); }
.sl-esh__media > img,
.sl-esh__media > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Under the split: a hairline, then the supporting line (left) and the fact bar (right). */
.sl-esh__note { grid-area: note; padding-top: 24px; border-top: 1px solid var(--sl-border); max-width: 48ch; }
.sl-esh__facts { grid-area: facts; list-style: none; padding-top: 24px; border-top: 1px solid var(--sl-border); display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 640px) { .sl-esh__facts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } }
.sl-esh__fact-label { font-size: 16px; color: var(--sl-muted); }
.sl-esh__fact-value {
  margin-top: 8px;
  font-family: var(--sl-font-display);
  font-size: var(--sl-esh-value, clamp(26px, 2.4vw, 32px));
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}

@media (min-width: 1024px) {
  /* Two equal columns, each framed by hairlines above and below. */
  .sl-esh__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "main visual" "note facts";
    column-gap: clamp(24px, 2.4vw, 34px);
    row-gap: 0;
  }
  .sl-esh__main { padding: 48px 0; border-top: 1px solid var(--sl-border); border-bottom: 1px solid var(--sl-border); }
  .sl-esh__visual { padding-bottom: 24px; border-top: 1px solid var(--sl-border); border-bottom: 1px solid var(--sl-border); }
  .sl-esh__note, .sl-esh__facts { border-top: 0; }
}

/* recipe: ticker/2026-09_creohaus_three-row-chip-ticker */
/* Lead-in knob (--sl-trc-lead + --sl-trc-lead-bg): paints a slab of a NEIGHBOURING band's colour
   across the very top of this band, above its own top padding. Use it when the ticker sits between
   two bands of the same colour and would otherwise read as part of the one above it: the slab gives
   it its own top edge. The stack reads, top to bottom: the previous band's bottom padding, the
   lead-in slab, this band's top padding, the rows. A gradient does it with no extra markup, and the
   default resolves to this band's own colour at zero height, so the knob is off until it is set. */
.sl-trc { color: var(--sl-text); overflow: hidden;
  background: linear-gradient(to bottom,
    var(--sl-trc-lead-bg, var(--sl-bg)) 0 var(--sl-trc-lead, 0px),
    var(--sl-bg) var(--sl-trc-lead, 0px));
  padding: calc(var(--sl-trc-pad, 40px) + var(--sl-trc-lead, 0px)) 0 var(--sl-trc-pad, 40px); }
.sl-trc__row { overflow: hidden; }
.sl-trc__row + .sl-trc__row { margin-top: var(--sl-trc-gap, 12px); }

/* The loop: each track carries its items N times and travels exactly one copy, so the seam never
   shows. N is NOT fixed. It is computed from measured widths in the JS below, because the number of
   copies a row needs depends on how wide one copy is against the viewport: a row of three short
   words needs far more copies than a row of six long ones. Hardcoding a count is the bug that makes
   a short row run out before the right edge. The shift is set in px by the JS. */
.sl-trc__track { list-style: none; display: flex; align-items: center; width: max-content;
  gap: var(--sl-trc-chip-gap, 12px); padding: 0; margin: 0;
  animation: sl-trc-run 40s linear infinite; }
@keyframes sl-trc-run { from { transform: translateX(0); } to { transform: translateX(calc(-1 * var(--sl-trc-shift, 100%))); } }

/* Speed is px per second, not a duration, so every row moves at the same visual pace no matter how
   much text it carries. The JS turns it into a duration. Keep the per-row values slightly different
   or the rows drift into sync and line up into columns. */
.sl-trc { --sl-trc-speed: 48; }

/* Direction and start offset per row. The middle row runs the other way. */
.sl-trc__row:nth-child(2) .sl-trc__track { animation-direction: reverse; margin-left: var(--sl-trc-off-2, -180px); }
.sl-trc__row:nth-child(3) .sl-trc__track { margin-left: var(--sl-trc-off-3, -90px); }

/* Pause under a pointer, and while the band is off screen (house rule: no loop runs unseen). */
.sl-trc:hover .sl-trc__track,
.sl-trc:not(.is-live) .sl-trc__track { animation-play-state: paused; }

.sl-trc__chip { display: inline-flex; align-items: center; white-space: nowrap;
  gap: var(--sl-trc-icon-gap, 10px); font-family: var(--sl-font-display); font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.01em; line-height: 1;
  font-size: var(--sl-trc-size-sm, 22px); padding: 13px 20px; border-radius: var(--sl-radius-sm); }
@media (min-width: 768px) { .sl-trc__chip { font-size: var(--sl-trc-size, 26px); padding: 15px 24px; } }
.sl-trc__icon { display: inline-flex; font-size: var(--sl-trc-icon, 19px); line-height: 1; }

/* Style knob. outline is the default: the accent stays a hairline, so a band of many chips does
   not spend the accent budget the section's buttons need. */
.sl-trc__chip { background: transparent; color: var(--sl-text); border: 1px solid var(--sl-border); }
.sl-trc__icon { color: var(--sl-accent); }
.sl-trc[data-style="solid"] .sl-trc__chip { background: var(--sl-accent); color: var(--sl-on-accent); border-color: var(--sl-accent); }
.sl-trc[data-style="solid"] .sl-trc__icon { color: var(--sl-on-accent); }
/* mixed: the middle row is the loud one, the outer rows frame it. */
.sl-trc[data-style="mixed"] .sl-trc__row:nth-child(2) .sl-trc__chip { background: var(--sl-accent); color: var(--sl-on-accent); border-color: var(--sl-accent); }
.sl-trc[data-style="mixed"] .sl-trc__row:nth-child(2) .sl-trc__icon { color: var(--sl-on-accent); }
/* type: no containers at all, hairline rules between the rows instead. */
.sl-trc[data-style="type"] .sl-trc__chip { background: none; border: 0; padding: 10px 0; gap: 14px; }
.sl-trc[data-style="type"] .sl-trc__track { gap: 34px; }
.sl-trc[data-style="type"] .sl-trc__row { padding: 6px 0; }
.sl-trc[data-style="type"] .sl-trc__row + .sl-trc__row { margin-top: 0; border-top: 1px solid var(--sl-border); }

/* The list is the content; it stays readable if the CSS or JS never arrives. */
@media (prefers-reduced-motion: reduce) { .sl-trc__track { animation: none; } }
/* client: the values row swaps the check glyph for the real shield mark. */
.sl-trc__icon--mark {
  width: 17px; height: 20px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22148%2074%20784%20932%22%3E%0A%20%20%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M548.11%2C828.99c0-.4-.01-.8-.02-1.2-.03-1.96-.85-2.85-2.66-2.83-.51%2C0-1.01%2C0-1.52.01.01%2C2.31.02%2C4.61.04%2C6.92.51%2C0%2C1.03%2C0%2C1.54-.01%2C1.83-.02%2C2.64-.93%2C2.61-2.89Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M729.79%2C788.95c-.72-1.59-1.89-2.11-3.32-1.52-1.43.59-1.84%2C1.77-1.15%2C3.37%2C1.62%2C3.72%2C3.24%2C7.45%2C4.84%2C11.17.69%2C1.6%2C1.87%2C2.12%2C3.37%2C1.51%2C1.49-.62%2C1.93-1.82%2C1.22-3.41-1.65-3.71-3.3-7.42-4.97-11.13Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M393.1%2C803.31s-.07-.02-.1-.03c-1.56%2C2.94-3.12%2C5.89-4.69%2C8.83%2C1.05.34%2C2.1.68%2C3.15%2C1.02.53-3.27%2C1.08-6.54%2C1.64-9.81Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M625.77%2C821.76c-.08-.46-.17-.92-.25-1.38-.35-1.93-1.33-2.67-3.12-2.36-.5.09-1.01.17-1.51.26.41%2C2.34.81%2C4.68%2C1.22%2C7.02.51-.09%2C1.02-.17%2C1.54-.26%2C1.82-.31%2C2.48-1.35%2C2.13-3.28Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M640.15%2C818.77c-.09-.39-.17-.78-.25-1.17-.42-1.92-1.41-2.63-3.2-2.26-.5.1-1.01.2-1.51.31.47%2C2.26.94%2C4.52%2C1.4%2C6.78.51-.1%2C1.02-.21%2C1.53-.31%2C1.82-.37%2C2.45-1.42%2C2.03-3.34Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M653.14%2C826.54c.4%2C1.68%2C1.45%2C2.4%2C2.97%2C2.04%2C1.53-.36%2C2.14-1.47%2C1.72-3.15-.97-3.92-1.95-7.84-2.94-11.76-.42-1.68-1.46-2.39-2.92-2.04-1.47.35-2.05%2C1.44-1.65%2C3.12.95%2C3.93%2C1.89%2C7.86%2C2.82%2C11.79Z%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%22569.12%20164.17%20569.33%20192.57%20592.36%20193.87%20592.06%20165.57%20569.12%20164.17%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%22570.64%20745.37%20571.74%20760.47%20589.55%20758.8%20588.2%20743.82%20570.64%20745.37%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%22634.9%20172.49%20635.47%20234.2%20658.97%20238.36%20658.45%20176.36%20634.9%20172.49%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M911.9%2C193.41c-77.68-54.06-231.61-100.16-371.9-101.06-140.29.9-294.22%2C47-371.9%2C101.06-7.93%2C97.2-5.72%2C231.16%2C7.46%2C319.51%2C8.29%2C55.57%2C23.79%2C111.28%2C44.52%2C159.04%2C6.87%2C18.65%2C29.02%2C61.37%2C51.06%2C92.84%2C66.85%2C99.7%2C178.03%2C179.95%2C268.86%2C222.84%2C90.83-42.9%2C202.01-123.14%2C268.86-222.84%2C22.04-31.48%2C44.19-74.19%2C51.06-92.84%2C20.73-47.77%2C36.23-103.47%2C44.52-159.04%2C13.18-88.35%2C15.4-222.31%2C7.46-319.51ZM896.32%2C513.52c-8.11%2C54.34-23.26%2C108.8-43.53%2C155.5-6.71%2C18.24-28.37%2C60-49.92%2C90.78-65.36%2C97.48-174.07%2C175.94-262.87%2C217.88-88.81-41.94-197.52-120.4-262.87-217.88-21.55-30.78-43.21-72.54-49.92-90.78-20.27-46.7-35.42-101.17-43.53-155.5-12.89-86.38-15.05-217.36-7.3-312.39%2C75.95-52.86%2C226.45-97.93%2C363.62-98.81%2C137.17.88%2C287.67%2C45.96%2C363.62%2C98.81%2C7.76%2C95.04%2C5.6%2C226.01-7.3%2C312.39Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M540%2C114.47c-133.36.86-279.68%2C44.68-353.52%2C96.07-7.54%2C92.4-5.44%2C219.74%2C7.09%2C303.72%2C7.88%2C52.83%2C22.61%2C105.78%2C42.32%2C151.19%2C6.53%2C17.73%2C27.59%2C58.33%2C48.53%2C88.26%2C63.54%2C94.78%2C169.23%2C171.05%2C255.58%2C211.83%2C86.34-40.78%2C192.03-117.06%2C255.58-211.83%2C20.95-29.92%2C42.01-70.52%2C48.53-88.26%2C19.71-45.41%2C34.44-98.36%2C42.32-151.19%2C12.53-83.99%2C14.63-211.32%2C7.09-303.72-73.84-51.39-220.17-95.21-353.52-96.07ZM326.83%2C796.95c2.11-7.64%2C4.33-15.26%2C6.65-22.84%2C1.2.58%2C2.4%2C1.14%2C3.6%2C1.71-1.84%2C5.74-3.63%2C11.5-5.36%2C17.27.02.01.05.02.07.03%2C3.55-4.93%2C7.08-9.88%2C10.6-14.84%2C1.18.54%2C2.37%2C1.07%2C3.55%2C1.6-4.72%2C6.46-9.48%2C12.9-14.28%2C19.3-1.61-.73-3.22-1.48-4.83-2.23ZM244.41%2C536.02l17.97-.19%2C5.48-17.51%2C5.45%2C17.52%2C18.02.2-14.79%2C10.49%2C5.54%2C16.95-14.11-10.38-14.33%2C10.43%2C5.47-16.99-14.7-10.5ZM249.91%2C217.11l27.78-13.17%2C17.66%2C79.16%2C4.6-1.82.71%2C12.34-25.06%2C12.18-.12-12.35%2C5.42-3.3-2.42-11.02-22.47%2C10.94-2.75%2C14.06%2C5.07-1.72.34%2C11.87-25.44%2C14.68-.03-12.58%2C4.96-3.35%2C16.32-91-4.57-4.91ZM275.37%2C413.26l-14.26-10.89-14.32%2C10.52%2C5.32-17.04-14.2-10.61%2C17.51-.18%2C5.61-17.68%2C5.38%2C17.68h18.26s-14.94%2C10.74-14.94%2C10.74l5.63%2C17.47ZM255.6%2C460.05l5.51-17.4%2C5.32%2C17.34h18.16s-14.83%2C10.77-14.83%2C10.77l5.27%2C16.46-14.04-10.45-14.13%2C10.77%2C5.34-17.02-14.69-10.56%2C18.1.08ZM310.33%2C648.84l24.18%2C13.39c59.84%2C31.36%2C125.27%2C49.5%2C192.79%2C52.63l1.79%2C6.09c-77.06-2.47-148.01-25.11-215.82-62.85-8.33%2C16.29-17.59%2C31.7-28.19%2C46.75l-3.71-6.28c10.74-15.84%2C20.1-32.2%2C28.96-49.72ZM328.53%2C223.98l15.05-5.13%2C6.15-4.6.31%2C21.74-5.35-1.75-15.89%2C5.75.16%2C26.28%2C20.62-7.84%2C1.91-6.18%2C6.87-3.94.21%2C22.91-49.43%2C18.66-.2-13.25c2.42-.86%2C4.06-1.6%2C5.66-3.04l-.61-69.34c-2.36-.03-3.8.4-6.03%2C1.21l-.23-12.35%2C49.88-16.56.18%2C21.55-6.08-.3-2.85-3.64-20.48%2C6.39.18%2C23.43ZM410.18%2C177.88l-22.57%2C4.9.5%2C63.16%2C22.79-5.42-.13-20.82-7.37%2C1.35c-1.01.19-2.93%2C1.53-3.82%2C2.24v-15.65s26.2-6%2C26.2-6l.31%2C42.81-8.6%2C10.78-34.26%2C8.31-9.71-7.55-.65-76.02%2C7.54-9.55%2C35.67-8.24%2C9.4%2C7.48.3%2C18.66c-1.07-.08-3.19.32-6.2.77l-10.46%2C2.09c.51-1.01%2C1.52-3.53%2C1.48-4.46l-.41-8.84ZM459.4%2C235.83c2.52.45%2C3.98.32%2C6.6.03l.13%2C11.39-26.82%2C4.07v-11.67c2.46-.24%2C4.81-.86%2C6.25-2.32l-.56-67.5c-1.79-1.24-3.75-1.13-6.38-.56l-.1-10.64%2C26.8-3.97.14%2C10.82c-2.65.2-4.7.51-6.69%2C1.91l.63%2C68.44ZM513.4%2C305.95l-3.16%2C10.62c-27.26%2C6.32-51.61%2C19.12-72.65%2C37.71l-7.46-5.88c23.29-22.07%2C51.56-37.01%2C83.27-42.45ZM517.24%2C164.11l-22.85%2C1.41.2%2C18.64%2C29.51%2C6.63%2C8.8%2C6.62.28%2C34.66-8.92%2C8.98-35.59%2C2.52-8.83-7.9-.34-18.42c5.08.59%2C11.14-.05%2C16.75-1.48l-1.27%2C3.27.08%2C9.79%2C22.73-1.82-.1-21.77-28.81-6.35c-3.06-.68-6.02-3.87-9.38-5.23l-.41-32.23%2C8.69-8.97%2C35.52-2.49%2C9.25%2C8.5.53%2C17.43c-4.81-1.73-10.5-1.4-16.56.27l.91-2.23-.2-9.82ZM705.49%2C254.55l6.17%2C2.44v11.41s-26.55-7.38-26.55-7.38l.11-11.17c2.05.39%2C4.22.65%2C6.54.17l-.63-68.7-6.44-2.25-.19-11.6%2C26.41%2C6.62.18%2C11.5c-2.35-.49-4.01-.78-6.18-.05l.58%2C69ZM767.67%2C203.76l-6.29-2.36-.28-12.42%2C26.22%2C9.98.32%2C12.26-6.28-1.36.91%2C85.14-14.26-5.61-24.67-69.34.13%2C47.41%2C5.62%2C2.18.11%2C12.16-26.03-9.39-.1-11.85c2.2.67%2C3.44.99%2C6.14.98l-.6-69.8c-1.37-1.55-3.5-2.21-6.09-2.6l-.21-12.08%2C21.75%2C6.52%2C20.08%2C56.6%2C3.71%2C9.3-.19-45.73ZM828.14%2C304.58c.84%2C2.56%2C4.1%2C4.13%2C6.97%2C5.02l.21%2C12.83-26.65-13.35.26-12.54%2C5.4%2C1.79-.63-73.16-8.26-3.48-2.89%2C3.29c-1%2C1.14-4.31%2C1.49-5.77%2C1.55l-.04-23.9%2C49.65%2C23.03v24.07s-6.24-5.26-6.24-5.26l-2.49-7.56-10.15-4.66.63%2C72.33ZM813.88%2C384.88l5.41-17.77%2C5.35%2C17.84%2C17.86.32-14.51%2C10.46%2C5.41%2C17.22-13.92-10.58-14.39%2C10.57%2C5.36-17.01-14.06-10.61%2C17.5-.45ZM813.98%2C459.87l5.34-17.2%2C5.17%2C17.23%2C17.79.36-14.32%2C10.34%2C5.36%2C16.99-13.96-10.7-14.18%2C10.64%2C5.27-16.89-14.51-10.6%2C18.04-.17ZM807.07%2C535.87l5.59-17.56%2C5.48%2C17.53%2C17.77.15-14.77%2C10.44%2C5.41%2C17.13-14.04-10.52-14.26%2C10.49%2C5.52-16.94-14.73-10.6%2C18.03-.13ZM798.6%2C697.92l-3.97%2C6.66c-9.87-14.82-18.92-30.36-27.55-46.9-68.18%2C39.63-137.25%2C61.71-216.26%2C63.43l1.98-6.32c78.63-1.87%2C150.44-25.87%2C217.39-65.99l28.42%2C49.12ZM722.54%2C731.23l-23.55-17.41c-.92-.68-3.87-.28-4.42-1.1-.56-.82-1.21-2.66-1.49-3.79l15.88-6.64.75%2C6.38%2C14.38%2C10.95%2C1.61-17.71-3.76-1.46c-.87-.34-1.21-2.79-1.12-3.53l16.54-7.62c1.47%2C2.49%2C1.12%2C5.53-1.37%2C7.5l-2.81%2C30.07%2C6.24%2C16.26%2C5.12-.19%2C2.76%2C5.17-20%2C8.21-1.68-5.13%2C3.42-3.51-6.51-16.41ZM682.63%2C765.45l5.13.78%2C1.7%2C4.93-19.98%2C5.86-1.48-5.35%2C3.68-2.8-10.61-38.57-9.47%2C2.47-.99%2C3.39c-.44%2C1.5-1.32%2C2.84-2.52%2C3.84l-1.59%2C1.32-3.85-16.56%2C41.47-12.27%2C5.68%2C16.32c-3.98.11-7.17-.95-8.77-4.71l-9.53%2C2.98%2C11.13%2C38.36ZM617.49%2C736.47l-4.82-.92-.97-5.35%2C20.38-3.47.88%2C5.41-4.19%2C3.08%2C6.94%2C42.22%2C5.18.97%2C1.17%2C5.16-21.25%2C3.76-.64-5.62%2C4.21-2.42-6.89-42.83ZM580.57%2C769.25l-8.21.56.86%2C15.38%2C4.29%2C1.93.81%2C4.86-20.91%2C1.14c-.36-1.31-.86-4.36.19-5.01l3.87-2.37-2.29-42.55-4.66-1.8-.25-5.3%2C37.03-2.68%2C7.89%2C6.08%2C2.01%2C22.11-8.87%2C6.53%2C9.23%2C15.51c3.4.21%2C5.55%2C1.49%2C5.66%2C5.69l-18.32%2C1.84.98-6.07-9.32-15.85ZM494.54%2C738.86l.05-5.79%2C20.67%2C1.84-.41%2C5.36c-2.17.79-3.59%2C1.33-4.85%2C2.19l-2.49%2C38%2C19.57%2C1.13%2C1.27-38.97-4.17-1.94-.02-5.16%2C20.15.68v4.99s-4.6%2C1.74-4.6%2C1.74l-.89%2C42.69-8.23%2C7.05-27.12-1.59-7.66-8.07%2C2.83-41.89c-.65-.98-2.29-1.7-4.09-2.27ZM540.27%2C732.22l-8.63-24.22%2C8.62%2C5.57%2C8.6-5.29-8.59%2C23.93ZM540.5%2C705.24c-21.16-14.26-40.75-30.23-58.46-48.64-31.58-32.83-52.99-73.12-62.45-117.7-4.13-19.44-6.88-38.35-8.92-58.12l-4.74-68.78-1.94-4.07%2C77.22-27.29%2C45.7-16.18-.08%2C17.32-105.68%2C36.87%2C3.97%2C65.41c1.25%2C20.51%2C4.53%2C40.02%2C9.56%2C59.87%2C15.25%2C63.91%2C53.08%2C107.88%2C105.92%2C145.1%2C39.02-28.47%2C70.09-60.21%2C90.14-104.16%2C7.43-16.96%2C12.74-33.82%2C16.72-51.88%2C3.36-17.12%2C6.24-33.54%2C7.51-50.99l4.62-63.24-106.21-37.25.26-17.47%2C123.15%2C43.74-2.83%2C4.17-5.3%2C71.01c-2.06%2C19.78-4.52%2C38.71-9.03%2C58.12-8.37%2C36-24.52%2C69.05-47.47%2C97.92-20.47%2C25.84-44.79%2C46.98-71.68%2C66.26ZM357.11%2C478.12l43.74-10.53%2C1.97%2C21.36-45.71-10.82ZM372.15%2C584.9l-.48%2C11.81-9.66-15.46c-3.57-5.71-5.52-12.7-4.35-19.43l2.69-15.43%2C5.09%2C11.24c3.96%2C8.75%2C7.1%2C17.49%2C6.71%2C27.27ZM364.7%2C385.1c-5.49%2C8.76-12.99%2C15.58-23.69%2C19.52l6.29-15.32c4.97-8.67%2C14.56-13.27%2C24.18-17.08l-6.77%2C12.88ZM397.27%2C416.26c-5.18%2C15.52-8.6%2C30.86-8.8%2C48.01l-9.28%2C2.39c.11-22.68%2C5-44.54%2C14.08-65.02l4%2C14.61ZM394.19%2C399.61c7.2-16.52%2C16.42-31.18%2C29.09-44.33l5.43%2C7.53c-9.67%2C10.86-17.18%2C21.88-23.64%2C34.91-3.42%2C1.92-7.06%2C3.09-10.88%2C1.89ZM379.62%2C489.12l9.69%2C2.12c3.11%2C26.34%2C12.7%2C50.69%2C28.16%2C72.32l8.57%2C24.09c-26.65-26.37-43.09-60.77-46.43-98.52ZM402.83%2C628.18l-12.55-12.51c-9.27-9.25-11.08-22.63-11.38-35.23l9.71%2C11.7c5.74%2C6.92%2C11.15%2C13.9%2C12.4%2C22.89l1.82%2C13.15ZM543.15%2C485.49l10.67%2C8.25-1.38-3.62%2C13.6-55.7c30.71%2C13.18%2C47.23%2C34.72%2C46.95%2C69.39%2C0%2C.09%2C0%2C.19%2C0%2C.28l-2.7-1.21-1.46-.65-4.17-1.86-.38.14-1.96%2C1.12-58.14%2C33.09-2.65%2C1.51v2.63l.68-.35%2C3.24-1.64%2C58.46-29.67.36.13%2C1.88.66%2C3.03%2C1.07%2C6.51%2C2.41c-1.69%2C1.84-2.87%2C3.63-3.01%2C5.59l-1.8%2C26.11c-.14%2C2.07.74%2C4.51%2C1.72%2C6.17-5.72%2C2.93-8.46%2C8.84-8.52%2C15.45.13%2C9.91%2C3.96%2C19.13%2C9.69%2C27.32-16.73%2C25.2-35.3%2C48.21-58%2C68.57l4.24-95.33-.48-3.96%2C36.24-17.79%2C2.39-24.78-51.18%2C24.68%2C1.68%2C31.84.02.32.3.31%2C1.86%2C1.91c-.08.09-.15.17-.23.26-.31.34-.61.68-.91%2C1.02-3.03%2C3.43-5.78%2C6.89-8.15%2C10.5-.44.68-.88%2C1.35-1.29%2C2.04-2.93-4.83-6.52-9.34-10.59-13.83l2.16-2.22%2C1.71-32.4-51.2-24.6%2C2.31%2C24.91%2C36.46%2C18.01c-.47%2C2.43-.85%2C4.88-.74%2C7.97l3.42%2C91.04c-22.48-20.3-41.43-43.14-57.41-68.34%2C9.18-13.18%2C15.41-35.1.99-42.77.76-1.81%2C1.32-3.69%2C1.57-5.59l-1.91-28.75-2.74-3.81%2C11.78-4.14%2C62.38%2C31.66-2.82%2C38.5%2C4.39%2C5%2C.22.25v-79.45l-.24.08-11.13%2C3.7-1.33-3.64.18-.1.13-.07%2C12.38-6.68h.02s12.36%2C6.66%2C12.36%2C6.66l.13.07%2C2.59%2C1.4.96-2.63-5.23-3.26-5.56-3.48c-1.77-1.03-3.55-2.07-5.27-3.27l-16.06%2C10.03.96%2C2.63%2C1.17%2C3.2%2C3.32%2C1.19%2C5.05%2C1.81%2C1.12%2C23.94-60.11-34.2-9.17%2C3.48c.34-9.42%2C1.09-18.65%2C4.64-27.65%2C6.38-16.2%2C18.53-29.35%2C33.91-37.26l9.22-4.74%2C12.85%2C51.65c.64%2C2.59.36%2C4.59-.19%2C8.01l13.11-9.5.18-.13v-79.69l-.73.34-18.36%2C8.63%2C13.01%2C71.38-2.08%2C1.09-14.75-68.74c-.44-2.05-1.83-3.79-3.3-5.52l26.2-12.28.26-.12%2C25.94%2C12.31c-2.14%2C2.02-3.89%2C3.87-4.42%2C6.45l-13.93%2C68.98-5-2.56.02.84ZM619.8%2C379.31l42.82-37.26c-10.62%2C13.78-21.24%2C26.74-30.65%2C41.61l-12.17-4.35ZM723.5%2C478.14l-46.57%2C10.81%2C2.26-21.65%2C44.31%2C10.84ZM682.38%2C416.25l4.71-14.31c8.87%2C20.7%2C13.61%2C41.73%2C13.81%2C64.21l-9.2-2.08c-.62-16.51-3.58-32.16-9.32-47.82ZM721.16%2C403.14l13.66%2C9.29c4.17%2C2.84%2C7.15%2C7.48%2C8.54%2C12.34l4.26%2C14.89-.44.51c-7.59-4.84-14.43-10.9-18.85-19.06l-7.17-17.97ZM731.59%2C510.48l4.98%2C13.27c2.75%2C7.32%2C2.48%2C15.31-.09%2C22.63l-4.97%2C14.14-4.37-14.96c-1.79-6.12-.72-12.54.7-18.7l3.75-16.38ZM709.23%2C372.36c7.93%2C3.16%2C20.41%2C9.49%2C23.2%2C16.08l6.91%2C16.32c-16.69-7.9-22.72-16.67-30.11-32.4ZM722.54%2C569.07c-1.07%2C5.53-3.07%2C10.41-5.99%2C15.01l-8.23%2C12.94c-.4-6.86-.86-13.93.05-21.19.79-6.25%2C3.54-11.9%2C6.16-17.52l5.43-11.63c1.82%2C7.49%2C2.87%2C14.75%2C2.58%2C22.39ZM690.95%2C491l9.61-2.01c-3.91%2C36.82-19.53%2C70.91-45.84%2C97.57l7.29-22.4c15.74-21.7%2C25.71-46.61%2C28.94-73.17ZM701.34%2C580.55l-2.51%2C19.58c-1.86%2C5.84-4.24%2C11.14-8.58%2C15.33l-13.28%2C12.81%2C2.78-16.79c2.29-7.27%2C5.85-13.63%2C11.47-18.81l10.12-12.12ZM753.28%2C440.27l-2.1-15.27c-.96-6.98%2C0-12.99%2C2.22-19.65l4.82-14.43%2C4.32%2C18.2c1.63%2C11.31-1.73%2C22.35-9.26%2C31.16ZM768.83%2C431.41c3.24%2C20.62%2C1.85%2C33.78-12.97%2C48.07l.81-19.96c.17-4.29%2C1.58-8.86%2C3.63-12.58l8.54-15.53ZM763.95%2C484.44l9.37-12.07-1.23%2C15.98c-.47%2C6.06-2.52%2C11.72-5.24%2C16.98-3.96%2C5.32-8.04%2C10.03-14.35%2C14.06l2.84-15.46c1.38-7.49%2C3.99-13.53%2C8.61-19.49ZM753.72%2C531.94l16.95-15.16-4.13%2C16.48c-3.25%2C12.97-14.43%2C22.29-26.75%2C27.34l6.32-16.24c1.76-4.51%2C3.94-9.13%2C7.62-12.42ZM741.43%2C571.52l17.09-9.77-7.47%2C15.77c-4.49%2C9.47-12.82%2C16.38-22.97%2C18.9l-11.6%2C2.88%2C9.41-13.77c4.12-6.02%2C9.2-10.38%2C15.55-14.01ZM717.22%2C610.06l19.51-5.51-12.03%2C14.39c-7.58%2C7.47-17.53%2C11.58-28.26%2C11.22l-8.32-.28%2C9.24-8.7c5.82-5.48%2C12.13-8.93%2C19.86-11.12ZM695.67%2C639.76c5.29%2C1.1%2C10.41%2C1%2C16.11.91-12.44%2C9.4-25.16%2C13.47-40.31%2C8.07l-4.95-1.38c8.89-7.15%2C18.63-9.78%2C29.16-7.6ZM745.05%2C403.65l-6.25-18.91c-1.25-3.79-.19-8.5.31-12.38l1.93-14.81%2C7.28%2C15.35c3.71%2C10.11%2C2.72%2C20.3-3.27%2C30.75ZM731.5%2C375.24c27.99%2C56.56%2C31.7%2C134.02%2C2.75%2C190.61-12.97%2C25.36-30.8%2C47.24-52.11%2C65.96l-25.48%2C21.32c-10.73%2C8.98-21.37%2C16.97-34.05%2C23.03-15.29%2C7.31-31.09%2C12.11-47.99%2C14.69l10.58-9.84c19.76-3.87%2C37.92-11.7%2C55.03-22.66%2C17.29-11.07%2C33.09-23.55%2C48.15-37.5%2C28.65-26.55%2C49.94-61.78%2C58.07-99.89-10.18-13.68-12.56-21.48-13.1-37.67l-.39-11.68%2C9.18%2C13.49c8.43%2C12.39%2C3.8%2C21.57%2C4.34%2C34.58%2C3.23-13.04%2C4.51-26.17%2C4.62-39.51-8.11-6.88-14.59-14.72-17.36-24.78l-4.03-19.64%2C12.74%2C13.05c2.77%2C2.84%2C4.97%2C6.98%2C5.54%2C10.94l2.82%2C19.55c1.08-12.04-.25-23.53-1.57-35.73-.11-1.02-.98-2.58-1.54-3.21l.83-.36c-3.03-22.29-9.63-44.18-18.28-65.26-16.08-10.4-19.7-21.5-24.65-39.57%2C17.09%2C9.23%2C26.26%2C20.35%2C25.9%2C40.06ZM686.06%2C399.56c-.86.21-3.08.75-3.65.58l-7.38-2.19c-6.19-13.04-14.13-24.51-23.17-35.3l5.45-7.71c12.16%2C13.51%2C21.85%2C28.44%2C28.76%2C44.61ZM664.3%2C255.55l-34.81-7.34-8.54-9.73-.63-73.88%2C8.85-7.22%2C33.46%2C5.86%2C9.4%2C11.34.67%2C73.6-8.4%2C7.37ZM650.5%2C348.05l-7.23%2C5.81c-21.08-18.84-45.61-31.5-73.05-37.91l-3.23-10.24c32.05%2C5.73%2C60.55%2C20.59%2C83.51%2C42.34ZM596.71%2C208.53l-27.19-1.49.16%2C23.01%2C5.94%2C1.02.15%2C11.45-27.23-.83-.05-11.07%2C6.14-.79-.57-67.52c-1.97-.95-3.44-1.12-6.17-1.24l-.19-11.35%2C49.66%2C3.01%2C9.1%2C8.96.33%2C40.28-10.09%2C6.57ZM569.63%2C334.95l-22.35%2C7.86.09%2C51.05v2s0%2C0%2C0%2C0v.24l-4.26-2.31-2.84-1.54h-.03s.03-.03.03-.03v-132.09l-.26.85-21.87%2C71.01%2C20.39%2C7.91-.21%2C19.45-.58%2C31.52-.05%2C2.75-4.57%2C2.48.48-53.21-22.41-7.74%2C29.09-91.68%2C29.36%2C91.48ZM461.47%2C379.47l-12.9%2C4.53c-9.69-14.63-19.63-27.48-30.36-41.85l43.26%2C37.32ZM375.19%2C334.72l-5.68%2C17.05c-1.16%2C3.46-3.11%2C6.91-5.08%2C9.97-3.19%2C5.88-10.02%2C8.5-13.84%2C13.48-4.47%2C7.1-6.48%2C15.94-9.21%2C24.01-4.59%2C13.59-8.15%2C27-9.5%2C41.15%2C3.14-5.56%2C3.16-11.17%2C5.19-16.7%2C3.34-9.16%2C13.2-15.31%2C22.06-20.47l-6.88%2C17.06c-3.84%2C9.52-11.91%2C15.96-20.88%2C20.97-1.77%2C12.8-3.04%2C25.21-2.1%2C38.12%2C1.49-4.78%2C1.47-9.3%2C1.92-13.92.72-7.3%2C3.36-13.68%2C8.52-18.9l10.68-10.8-3.78%2C18.63c-2.17%2C10.67-8.97%2C18.93-17.49%2C25.97.12%2C13.26%2C1.12%2C26.53%2C4.48%2C39.53.91-4.89-.24-9.01-.58-13.95-.48-7.24.43-14.16%2C4.34-19.93l9.73-14.37-.38%2C14.56c-.21%2C8-.82%2C16.05-5.14%2C22.85l-7.86%2C12.37c8.26%2C35.49%2C26.02%2C67.06%2C51.6%2C92.86%2C16.91%2C17.06%2C35.56%2C32.06%2C55.82%2C44.93%2C16.76%2C10.65%2C34.61%2C17.83%2C53.85%2C21.76l10.58%2C9.77c-29.99-4.58-55.81-15.42-79.72-34.88l-2.95-3.47-20.69-16.89c-15.56-12.7-29.01-27.23-40.6-43.63-21.39-30.28-33.47-64.97-35.46-102.08-1.61-29.97%2C2.11-59.34%2C11.53-87.75%2C3.14-9.47%2C7.23-17.88%2C11.18-26.88-.41-11.85%2C3.78-23.59%2C12.75-31.28%2C4.2-3.6%2C8.5-6.1%2C13.59-9.13ZM348.74%2C560.44l-4.71-13.12c-2.95-8.2-3.03-16.81.13-25.01l4.49-11.71%2C4.23%2C17.72c2.65%2C11.09.26%2C22.08-4.14%2C32.12ZM337.47%2C570.55c7.08%2C3.49%2C12.93%2C8.5%2C17%2C15.36l9.14%2C13.33c-24.43-4.04-33.44-15.07-41.41-37.51l15.27%2C8.82ZM322.19%2C548.28c-3.98-4.91-7.31-10.24-8.76-16.45l-3.48-14.88%2C12.28%2C11.17c5.65%2C4.53%2C10.07%2C10.19%2C12.16%2C17.21l6.59%2C15.58c-6.96-3.3-13.19-7.28-18.79-12.63ZM364.39%2C610.6c7.04%2C2.02%2C12.77%2C5.16%2C18.01%2C10.11l9.8%2C9.23c-11.94%2C1.41-24.54-.59-34.19-8.62-5.71-4.75-9.93-10.85-14.19-16.63l20.57%2C5.92ZM385.1%2C639.75c10.67-2.26%2C20.91%2C1.04%2C28.57%2C7.74-19.06%2C6.74-31.04%2C3.8-45.06-6.92%2C6.07.31%2C11.19.3%2C16.49-.82ZM322.5%2C390.28c2.64%2C15.16%2C8.66%2C18.21%2C6.21%2C35.68l-1.92%2C13.66c-13.03-15.21-10.9-31.21-4.3-49.35ZM324.27%2C479.43c-14.7-14.48-15.54-27.7-12.69-48.15l6.17%2C11.85c3.53%2C6.77%2C5.81%2C12.89%2C6.06%2C21.05l.46%2C15.25ZM339.15%2C357.69l2.39%2C16.86c.63%2C4.44.32%2C8.78-1.11%2C13.36l-4.96%2C15.86c-9.08-15.37-6.23-29.64%2C3.68-46.08ZM315.45%2C483.67c4.14%2C5.79%2C7.8%2C11.18%2C9.06%2C18.65l2.89%2C17.04c-18.06-13.14-19.85-26.05-19.97-46.91l8.02%2C11.23ZM452.81%2C736.82l-5.61%2C34.62%2C18.22%2C3.78%2C1.23-9.24%2C12.5%2C2.07-1.68%2C13.23-8.8%2C5.7-26.61-5.16-6.55-9.13%2C6.59-42.03%2C8.35-5.02%2C25.59%2C4.96%2C6.55%2C7.96-1.38%2C13.23c-5.67-.89-8.54-1.38-12.66-2.12.66-3.48.86-5.65%2C1.49-9.57l-17.23-3.26ZM414.3%2C739.96l5.79-1.22-3.93%2C15.63-4.55-5.01-13.14-4.39-3.31%2C13.68%2C17.04%2C5.11%2C9.45-3.29-3.59%2C16.75-2.41-1.6-37.53-11.62.91-5.36%2C4.89-1.08%2C9.27-37.49c.61-2.47.16-3.97-2.63-5.18l1.45-5.83%2C37.05%2C12.07-2.82%2C14.98-3.44-3.84-2.79-3.52-16.33-5.16-2.93%2C12.03%2C13.55%2C4.35ZM351.82%2C703.64l-3.77%2C10.18%2C19.41%2C10.66%2C4.93%2C7.99-6.25%2C19.2-9.58%2C3.93-23.73-10.47-4.15-9.62%2C3.63-10.33%2C10.41%2C5.2-2.5%2C6.4%2C16.16%2C7.29%2C4.01-11.37-17.74-10.19-6.3-8.85%2C6.26-18.44%2C9.02-3.03%2C22.92%2C10.03%2C4.72%2C8.79-3.38%2C10.83-10.39-5.13%2C2.13-6.47-15.79-6.58ZM332.16%2C759.87c19.88%2C7.87%2C38.94%2C16.13%2C59.43%2C22.67%2C26.31%2C8.4%2C52.46%2C14.79%2C79.86%2C18.76%2C54.24%2C7.87%2C98.65%2C7.96%2C152.85-.74%2C30.08-4.83%2C58.85-12.74%2C87.15-23.79l52.49-22.72-16.6%2C10.36c-32.05%2C16.34-65.72%2C28.09-101.09%2C35.71-60.64%2C13.07-121.85%2C14.23-183.14%2C3.69-39.66-6.82-77.88-17.75-114.84-33.45-11.43-4.86-21.98-9.91-32.21-16.85l16.1%2C6.37ZM691.28%2C803c1.38%2C4.02%2C2.75%2C8.04%2C4.11%2C12.06.49%2C1.45%2C1.51%2C2%2C2.91%2C1.53%2C1.4-.46%2C1.88-1.51%2C1.27-3.27-.29-.82-.57-1.64-.86-2.46%2C1.22-.35%2C2.45-.71%2C3.68-1.08.32.88.63%2C1.76.95%2C2.64%2C1.2%2C3.32-.31%2C6.04-4.08%2C7.29-3.73%2C1.23-6.55-.05-7.65-3.41-1.33-4.05-2.68-8.11-4.03-12.16-1.12-3.36.29-5.97%2C3.82-7.14%2C3.56-1.18%2C6.37.03%2C7.58%2C3.36.24.66.48%2C1.32.72%2C1.98-1.17.46-2.33.92-3.5%2C1.37-.21-.6-.42-1.2-.63-1.79-.63-1.76-1.63-2.3-2.98-1.86-1.35.45-1.8%2C1.47-1.3%2C2.92ZM639.21%2C835.27c-1.29.26-2.59.51-3.88.76-1.48-7.62-2.98-15.24-4.5-22.86%2C1.78-.34%2C3.56-.7%2C5.33-1.06%2C3.96-.81%2C6.58.72%2C7.42%2C4.46.12.54.24%2C1.08.37%2C1.62.54%2C2.4%2C0%2C4.29-1.56%2C5.58%2C1.91%2C3.21%2C3.84%2C6.42%2C5.79%2C9.61-1.36.3-2.73.59-4.1.88-1.71-3-3.4-6-5.08-9.01-.59.12-1.17.24-1.76.36.66%2C3.22%2C1.31%2C6.43%2C1.97%2C9.65ZM646.58%2C815.57c-.82-3.57.93-6.24%2C4.6-7.11%2C3.67-.87%2C6.49.71%2C7.42%2C4.25%2C1.03%2C3.93%2C2.04%2C7.87%2C3.06%2C11.8.92%2C3.55-.9%2C6.31-4.78%2C7.23-3.88.92-6.75-.73-7.56-4.3-.91-3.96-1.82-7.92-2.74-11.87ZM659.92%2C810.07c-.29-1.07-.57-2.15-.86-3.22%2C3.84-.98%2C7.67-2.01%2C11.49-3.09.31%2C1.07.63%2C2.13.94%2C3.2-1.31.37-2.62.73-3.94%2C1.09%2C1.83%2C6.41%2C3.64%2C12.82%2C5.42%2C19.24-1.29.35-2.57.7-3.86%2C1.04-1.73-6.43-3.49-12.86-5.26-19.28-1.31.35-2.63.69-3.94%2C1.03ZM672.9%2C803.09c3.43-.99%2C6.86-2.01%2C10.28-3.08.34%2C1.04.68%2C2.07%2C1.02%2C3.11-2.22.69-4.44%2C1.37-6.67%2C2.03.65%2C2.1%2C1.3%2C4.21%2C1.95%2C6.31%2C1.82-.54%2C3.64-1.09%2C5.46-1.65.33%2C1.04.67%2C2.07%2C1%2C3.11-1.83.56-3.67%2C1.12-5.5%2C1.66.68%2C2.21%2C1.35%2C4.42%2C2.03%2C6.63%2C2.31-.68%2C4.61-1.38%2C6.92-2.1.33%2C1.04.66%2C2.07%2C1%2C3.11-3.6%2C1.12-7.21%2C2.2-10.82%2C3.23-2.19-7.46-4.41-14.91-6.66-22.36ZM624.29%2C838.02c-1.3.22-2.59.43-3.89.64-1.24-7.66-2.5-15.32-3.78-22.98%2C1.78-.29%2C3.56-.58%2C5.34-.89%2C3.98-.69%2C6.53.92%2C7.26%2C4.68.12.61.23%2C1.22.35%2C1.83.73%2C3.75-1.12%2C6.21-5.22%2C6.92-.56.1-1.13.19-1.69.29.55%2C3.17%2C1.09%2C6.34%2C1.63%2C9.51ZM602.41%2C834.52c-3.12.4-5.69-1.46-6.02-4.3-.32-2.84%2C1.7-5.21%2C4.75-5.6%2C3.05-.38%2C5.62%2C1.41%2C6.02%2C4.24.4%2C2.83-1.63%2C5.26-4.75%2C5.66ZM583.96%2C843.17c-1.3.11-2.6.22-3.9.32-.27-3.5-.55-7.01-.82-10.51-2.1-4.1-4.16-8.2-6.17-12.32%2C1.31-.09%2C2.62-.18%2C3.93-.28%2C1.25%2C2.66%2C2.53%2C5.32%2C3.81%2C7.97.02%2C0%2C.05%2C0%2C.07%2C0%2C.78-2.82%2C1.54-5.65%2C2.29-8.48%2C1.29-.12%2C2.57-.23%2C3.86-.36-1.27%2C4.4-2.59%2C8.8-3.96%2C13.19.3%2C3.49.61%2C6.98.91%2C10.47ZM570.37%2C844.15c-1.3.08-2.6.15-3.91.21-.33-6.64-.67-13.29-1.02-19.93-1.33.07-2.66.13-3.99.19-.05-1.11-.1-2.22-.14-3.32%2C3.88-.17%2C7.77-.38%2C11.65-.64.08%2C1.11.15%2C2.21.23%2C3.32-1.33.09-2.66.17-3.99.25.4%2C6.64.79%2C13.28%2C1.18%2C19.92ZM559.79%2C844.66c-1.3.05-2.6.09-3.91.13-.22-7.76-.45-15.51-.68-23.27%2C1.24-.04%2C2.48-.08%2C3.72-.13.3%2C7.76.59%2C15.51.87%2C23.27ZM544.02%2C845c-1.3%2C0-2.6.01-3.91%2C0%2C.03-7.76.05-15.52.07-23.28%2C1.79%2C0%2C3.58%2C0%2C5.37-.02%2C4-.04%2C6.22%2C1.96%2C6.31%2C5.79.01.55.03%2C1.11.04%2C1.66.05%2C2.46-.84%2C4.21-2.59%2C5.17%2C1.22%2C3.52%2C2.47%2C7.03%2C3.74%2C10.54-1.38.03-2.75.06-4.13.08-1.08-3.27-2.14-6.53-3.18-9.81-.59%2C0-1.18.01-1.77.01.02%2C3.28.03%2C6.56.05%2C9.85ZM530.85%2C824.54c-1.45-.03-2.21.78-2.25%2C2.31-.12%2C4.23-.23%2C8.47-.35%2C12.7-.04%2C1.53.67%2C2.38%2C2.17%2C2.41%2C1.5.03%2C2.25-.79%2C2.28-2.65.02-1.33.05-2.66.07-3.99-.72-.01-1.45-.03-2.17-.04.02-1.09.05-2.17.07-3.26%2C1.96.04%2C3.92.07%2C5.89.09-.03%2C2.54-.05%2C5.08-.08%2C7.62-.03%2C3.53-2.3%2C5.58-6.22%2C5.49-3.88-.09-6.02-2.24-5.88-5.76.15-4.25.3-8.51.45-12.76.13-3.53%2C2.31-5.5%2C5.98-5.42%2C3.71.08%2C5.83%2C2.15%2C5.8%2C5.68%2C0%2C.53-.01%2C1.06-.02%2C1.6-1.21.04-2.42.08-3.64.12%2C0-.47.02-.93.03-1.4.03-1.86-.69-2.71-2.14-2.74ZM520.51%2C831.13c-.05%2C1.09-.1%2C2.17-.14%2C3.26-1.86-.08-3.73-.17-5.59-.27-.13%2C2.3-.26%2C4.61-.39%2C6.91%2C2.34.13%2C4.68.24%2C7.02.33-.04%2C1.08-.09%2C2.17-.13%2C3.26-3.66-.15-7.32-.33-10.98-.56.49-7.75.99-15.49%2C1.49-23.24%2C3.48.22%2C6.97.4%2C10.45.53-.05%2C1.08-.09%2C2.17-.14%2C3.26-2.26-.09-4.52-.2-6.78-.32-.12%2C2.19-.25%2C4.38-.37%2C6.58%2C1.85.1%2C3.7.19%2C5.55.27ZM497.47%2C823.04c.11-1.1.21-2.21.32-3.31%2C3.87.36%2C7.75.67%2C11.63.93-.08%2C1.11-.16%2C2.21-.23%2C3.32-1.33-.09-2.66-.18-3.99-.29-.52%2C6.63-1.04%2C13.26-1.55%2C19.9-1.3-.1-2.6-.2-3.9-.31.56-6.63%2C1.13-13.26%2C1.71-19.89-1.33-.11-2.66-.23-3.99-.35ZM495.41%2C819.51c-.78%2C7.72-1.55%2C15.45-2.32%2C23.17-1.27-.12-2.55-.25-3.82-.39-1.16-5.29-2.26-10.59-3.29-15.89-.02%2C0-.05%2C0-.07%2C0-.61%2C5.11-1.21%2C10.22-1.82%2C15.33-1.22-.14-2.45-.29-3.67-.44.97-7.7%2C1.94-15.4%2C2.92-23.1%2C1.37.17%2C2.75.33%2C4.13.49.91%2C4.76%2C1.87%2C9.52%2C2.88%2C14.27.02%2C0%2C.05%2C0%2C.07%2C0%2C.49-4.6.99-9.2%2C1.49-13.79%2C1.17.12%2C2.33.24%2C3.5.35ZM479.35%2C817.67c-1.05%2C7.69-2.09%2C15.39-3.13%2C23.08-1.3-.17-2.59-.35-3.89-.53%2C1.09-7.69%2C2.2-15.37%2C3.31-23.05%2C1.23.17%2C2.47.34%2C3.7.5ZM462.65%2C826.97c-.47%2C2.82-3.14%2C4.55-6.25%2C4-3.11-.55-5.02-3.07-4.47-5.88.55-2.81%2C3.21-4.47%2C6.24-3.94%2C3.03.53%2C4.94%2C3%2C4.47%2C5.82ZM440.56%2C821c-.23%2C1.06-.47%2C2.12-.7%2C3.19-1.85-.39-3.69-.79-5.53-1.21-.52%2C2.25-1.04%2C4.5-1.56%2C6.75%2C2.32.52%2C4.64%2C1.02%2C6.95%2C1.51-.23%2C1.06-.46%2C2.13-.68%2C3.19-3.62-.76-7.25-1.56-10.86-2.4%2C1.8-7.55%2C3.62-15.11%2C5.46-22.66%2C3.44.8%2C6.88%2C1.56%2C10.33%2C2.28-.23%2C1.06-.46%2C2.13-.7%2C3.19-2.24-.47-4.47-.95-6.71-1.45-.5%2C2.14-1%2C4.28-1.5%2C6.42%2C1.83.41%2C3.66.81%2C5.49%2C1.2ZM424.17%2C810.08c-1.35-.34-2.3.27-2.7%2C1.75-1.1%2C4.1-2.2%2C8.2-3.28%2C12.29-.39%2C1.48.15%2C2.48%2C1.56%2C2.84%2C1.41.35%2C2.37-.26%2C2.84-2.07.21-.84.43-1.68.64-2.52%2C1.2.35%2C2.4.7%2C3.61%2C1.05-.22.9-.45%2C1.81-.67%2C2.71-.84%2C3.43-3.55%2C4.91-7.34%2C3.96-3.75-.95-5.39-3.53-4.45-6.93%2C1.13-4.11%2C2.26-8.22%2C3.41-12.33.95-3.4%2C3.57-4.83%2C7.13-3.94%2C3.58.9%2C5.19%2C3.4%2C4.34%2C6.83-.17.68-.34%2C1.36-.51%2C2.04-1.21-.23-2.42-.47-3.63-.71.16-.61.32-1.23.47-1.84.47-1.81-.06-2.79-1.41-3.14ZM386.78%2C814.97c-.85%2C1.58-1.69%2C3.17-2.54%2C4.75-1.27-.42-2.54-.84-3.81-1.27%2C4.03-6.85%2C8.02-13.73%2C11.97-20.63%2C1.54.5%2C3.08%2C1%2C4.62%2C1.49-1.1%2C7.82-2.1%2C15.66-3%2C23.52-1.3-.4-2.6-.8-3.9-1.21.27-1.77.55-3.53.83-5.3-1.39-.44-2.78-.89-4.17-1.34ZM403.77%2C801.4c1.35.41%2C2.7.81%2C4.05%2C1.2.07%2C4.85.19%2C9.71.37%2C14.57.02%2C0%2C.05.01.07.02%2C1.3-4.45%2C2.61-8.89%2C3.93-13.33%2C1.15.32%2C2.3.64%2C3.44.96-2.15%2C7.47-4.28%2C14.95-6.39%2C22.43-1.26-.34-2.51-.69-3.77-1.05-.24-5.42-.41-10.83-.52-16.24-.02%2C0-.05-.01-.07-.02-1.51%2C4.93-3.02%2C9.86-4.51%2C14.79-1.21-.35-2.41-.71-3.62-1.07%2C2.31-7.42%2C4.65-14.84%2C7.01-22.26ZM342.28%2C803.86c-1.25-.54-2.5-1.08-3.76-1.63%2C3.29-7.08%2C6.62-14.16%2C9.97-21.23%2C1.19.52%2C2.37%2C1.04%2C3.56%2C1.55-3.29%2C7.1-6.55%2C14.2-9.78%2C21.31ZM351.67%2C808.13c-3.75-1.52-5.04-4.32-3.59-7.55%2C1.74-3.91%2C3.5-7.82%2C5.26-11.73%2C1.47-3.24%2C4.34-4.27%2C7.88-2.83%2C3.57%2C1.45%2C4.83%2C4.16%2C3.47%2C7.44-.21.49-.41.99-.62%2C1.48-1.19-.41-2.38-.82-3.57-1.23.18-.43.37-.86.55-1.29.74-1.72.35-2.78-1.04-3.34-1.39-.57-2.44-.1-3.07%2C1.31-1.72%2C3.9-3.43%2C7.8-5.13%2C11.71-.61%2C1.41-.24%2C2.47%2C1.21%2C3.06%2C1.45.59%2C2.48.1%2C3.21-1.63.52-1.23%2C1.04-2.46%2C1.57-3.69-.7-.28-1.4-.56-2.09-.84.43-1%2C.87-2.01%2C1.3-3.01%2C1.89.77%2C3.78%2C1.52%2C5.68%2C2.26-.98%2C2.36-1.96%2C4.71-2.93%2C7.07-1.35%2C3.28-4.31%2C4.35-8.1%2C2.82ZM361.32%2C811.57c2.9-7.23%2C5.84-14.46%2C8.8-21.68%2C1.2.46%2C2.4.91%2C3.6%2C1.36-2.9%2C7.24-5.77%2C14.49-8.61%2C21.75-1.26-.47-2.53-.95-3.79-1.43ZM377.59%2C792.68c1.2.44%2C2.4.87%2C3.61%2C1.3-2.37%2C6.25-4.72%2C12.5-7.05%2C18.76%2C2.1.75%2C4.21%2C1.48%2C6.31%2C2.19-.37%2C1.05-.74%2C2.1-1.12%2C3.14-3.39-1.16-6.78-2.35-10.16-3.57%2C2.77-7.28%2C5.57-14.55%2C8.4-21.82ZM540%2C951.88c-52.27-24.68-111.86-62.81-164.22-110.35l9.64%2C3.27%2C10.47%2C3.55h-6.42c48.77%2C42.14%2C102.74%2C76.07%2C150.53%2C98.64%2C47.78-22.57%2C101.75-56.5%2C150.53-98.65h-6.42s10.47-3.54%2C10.47-3.54l9.64-3.27c-52.36%2C47.54-111.95%2C85.67-164.22%2C110.35ZM710.77%2C815.41c-2.32-6.26-4.67-12.51-7.03-18.76-1.3.46-2.6.92-3.9%2C1.38-.39-1.04-.77-2.09-1.16-3.13%2C3.79-1.32%2C7.58-2.7%2C11.35-4.12.41%2C1.03.83%2C2.07%2C1.24%2C3.1-1.3.49-2.59.97-3.89%2C1.45%2C2.43%2C6.23%2C4.82%2C12.46%2C7.2%2C18.7-1.27.47-2.54.93-3.82%2C1.38ZM721.09%2C811.6c-2.88-7.24-5.79-14.47-8.74-21.7%2C1.21-.46%2C2.41-.93%2C3.61-1.4%2C3.01%2C7.2%2C5.99%2C14.41%2C8.94%2C21.63-1.27.49-2.54.98-3.81%2C1.47ZM734.84%2C806.49c-3.8%2C1.57-6.99.42-8.41-2.97-1.58-3.76-3.17-7.52-4.77-11.27-1.44-3.39-.11-6.32%2C3.47-7.81%2C3.59-1.49%2C6.72-.41%2C8.27%2C2.94%2C1.71%2C3.71%2C3.41%2C7.43%2C5.1%2C11.15%2C1.53%2C3.35.13%2C6.4-3.67%2C7.97ZM753.05%2C798.18c-3.91-3.91-7.79-7.84-11.62-11.8-.02.01-.05.02-.07.03%2C2.24%2C4.67%2C4.47%2C9.36%2C6.68%2C14.04-1.19.53-2.37%2C1.05-3.56%2C1.57-3.27-7.09-6.59-14.17-9.94-21.24%2C1.33-.58%2C2.65-1.18%2C3.98-1.77%2C3.44%2C3.56%2C6.92%2C7.1%2C10.43%2C10.62.02-.01.05-.02.07-.03-2.06-4.18-4.13-8.36-6.22-12.54%2C1.12-.52%2C2.24-1.04%2C3.36-1.57%2C3.57%2C6.98%2C7.09%2C13.97%2C10.58%2C20.98-1.23.58-2.46%2C1.15-3.69%2C1.71ZM875.32%2C515.08c-7.63%2C51.13-21.89%2C102.39-40.96%2C146.34-6.32%2C17.16-26.7%2C56.46-46.98%2C85.42-6.26%2C9.34-12.95%2C18.48-19.99%2C27.43l-7.13%2C2.74c8.59-10.59%2C16.68-21.47%2C24.15-32.62%2C20.04-28.62%2C40.18-67.45%2C46.42-84.41%2C18.85-43.43%2C32.94-94.07%2C40.48-144.6%2C11.99-80.33%2C14-202.11%2C6.78-290.49-70.62-49.14-210.55-91.06-338.09-91.88-127.54.83-267.47%2C42.74-338.09%2C91.88-7.21%2C88.37-5.2%2C210.16%2C6.78%2C290.49%2C7.54%2C50.53%2C21.63%2C101.17%2C40.48%2C144.6%2C6.24%2C16.96%2C26.38%2C55.79%2C46.42%2C84.41%2C7.48%2C11.15%2C15.57%2C22.03%2C24.15%2C32.62l-7.13-2.74c-7.04-8.95-13.73-18.09-19.99-27.43-20.28-28.96-40.66-68.26-46.98-85.42-19.07-43.95-33.33-95.2-40.96-146.34-12.13-81.29-14.16-204.54-6.87-293.98%2C71.47-49.74%2C213.1-92.16%2C342.18-92.99%2C129.08.83%2C270.71%2C43.25%2C342.18%2C92.99%2C7.3%2C89.44%2C5.27%2C212.69-6.87%2C293.98Z%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%22267.06%20229.15%20258.7%20273.57%20275.72%20265.73%20267.06%20229.15%22%2F%3E%0A%3C%2Fsvg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22148%2074%20784%20932%22%3E%0A%20%20%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M548.11%2C828.99c0-.4-.01-.8-.02-1.2-.03-1.96-.85-2.85-2.66-2.83-.51%2C0-1.01%2C0-1.52.01.01%2C2.31.02%2C4.61.04%2C6.92.51%2C0%2C1.03%2C0%2C1.54-.01%2C1.83-.02%2C2.64-.93%2C2.61-2.89Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M729.79%2C788.95c-.72-1.59-1.89-2.11-3.32-1.52-1.43.59-1.84%2C1.77-1.15%2C3.37%2C1.62%2C3.72%2C3.24%2C7.45%2C4.84%2C11.17.69%2C1.6%2C1.87%2C2.12%2C3.37%2C1.51%2C1.49-.62%2C1.93-1.82%2C1.22-3.41-1.65-3.71-3.3-7.42-4.97-11.13Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M393.1%2C803.31s-.07-.02-.1-.03c-1.56%2C2.94-3.12%2C5.89-4.69%2C8.83%2C1.05.34%2C2.1.68%2C3.15%2C1.02.53-3.27%2C1.08-6.54%2C1.64-9.81Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M625.77%2C821.76c-.08-.46-.17-.92-.25-1.38-.35-1.93-1.33-2.67-3.12-2.36-.5.09-1.01.17-1.51.26.41%2C2.34.81%2C4.68%2C1.22%2C7.02.51-.09%2C1.02-.17%2C1.54-.26%2C1.82-.31%2C2.48-1.35%2C2.13-3.28Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M640.15%2C818.77c-.09-.39-.17-.78-.25-1.17-.42-1.92-1.41-2.63-3.2-2.26-.5.1-1.01.2-1.51.31.47%2C2.26.94%2C4.52%2C1.4%2C6.78.51-.1%2C1.02-.21%2C1.53-.31%2C1.82-.37%2C2.45-1.42%2C2.03-3.34Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M653.14%2C826.54c.4%2C1.68%2C1.45%2C2.4%2C2.97%2C2.04%2C1.53-.36%2C2.14-1.47%2C1.72-3.15-.97-3.92-1.95-7.84-2.94-11.76-.42-1.68-1.46-2.39-2.92-2.04-1.47.35-2.05%2C1.44-1.65%2C3.12.95%2C3.93%2C1.89%2C7.86%2C2.82%2C11.79Z%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%22569.12%20164.17%20569.33%20192.57%20592.36%20193.87%20592.06%20165.57%20569.12%20164.17%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%22570.64%20745.37%20571.74%20760.47%20589.55%20758.8%20588.2%20743.82%20570.64%20745.37%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%22634.9%20172.49%20635.47%20234.2%20658.97%20238.36%20658.45%20176.36%20634.9%20172.49%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M911.9%2C193.41c-77.68-54.06-231.61-100.16-371.9-101.06-140.29.9-294.22%2C47-371.9%2C101.06-7.93%2C97.2-5.72%2C231.16%2C7.46%2C319.51%2C8.29%2C55.57%2C23.79%2C111.28%2C44.52%2C159.04%2C6.87%2C18.65%2C29.02%2C61.37%2C51.06%2C92.84%2C66.85%2C99.7%2C178.03%2C179.95%2C268.86%2C222.84%2C90.83-42.9%2C202.01-123.14%2C268.86-222.84%2C22.04-31.48%2C44.19-74.19%2C51.06-92.84%2C20.73-47.77%2C36.23-103.47%2C44.52-159.04%2C13.18-88.35%2C15.4-222.31%2C7.46-319.51ZM896.32%2C513.52c-8.11%2C54.34-23.26%2C108.8-43.53%2C155.5-6.71%2C18.24-28.37%2C60-49.92%2C90.78-65.36%2C97.48-174.07%2C175.94-262.87%2C217.88-88.81-41.94-197.52-120.4-262.87-217.88-21.55-30.78-43.21-72.54-49.92-90.78-20.27-46.7-35.42-101.17-43.53-155.5-12.89-86.38-15.05-217.36-7.3-312.39%2C75.95-52.86%2C226.45-97.93%2C363.62-98.81%2C137.17.88%2C287.67%2C45.96%2C363.62%2C98.81%2C7.76%2C95.04%2C5.6%2C226.01-7.3%2C312.39Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M540%2C114.47c-133.36.86-279.68%2C44.68-353.52%2C96.07-7.54%2C92.4-5.44%2C219.74%2C7.09%2C303.72%2C7.88%2C52.83%2C22.61%2C105.78%2C42.32%2C151.19%2C6.53%2C17.73%2C27.59%2C58.33%2C48.53%2C88.26%2C63.54%2C94.78%2C169.23%2C171.05%2C255.58%2C211.83%2C86.34-40.78%2C192.03-117.06%2C255.58-211.83%2C20.95-29.92%2C42.01-70.52%2C48.53-88.26%2C19.71-45.41%2C34.44-98.36%2C42.32-151.19%2C12.53-83.99%2C14.63-211.32%2C7.09-303.72-73.84-51.39-220.17-95.21-353.52-96.07ZM326.83%2C796.95c2.11-7.64%2C4.33-15.26%2C6.65-22.84%2C1.2.58%2C2.4%2C1.14%2C3.6%2C1.71-1.84%2C5.74-3.63%2C11.5-5.36%2C17.27.02.01.05.02.07.03%2C3.55-4.93%2C7.08-9.88%2C10.6-14.84%2C1.18.54%2C2.37%2C1.07%2C3.55%2C1.6-4.72%2C6.46-9.48%2C12.9-14.28%2C19.3-1.61-.73-3.22-1.48-4.83-2.23ZM244.41%2C536.02l17.97-.19%2C5.48-17.51%2C5.45%2C17.52%2C18.02.2-14.79%2C10.49%2C5.54%2C16.95-14.11-10.38-14.33%2C10.43%2C5.47-16.99-14.7-10.5ZM249.91%2C217.11l27.78-13.17%2C17.66%2C79.16%2C4.6-1.82.71%2C12.34-25.06%2C12.18-.12-12.35%2C5.42-3.3-2.42-11.02-22.47%2C10.94-2.75%2C14.06%2C5.07-1.72.34%2C11.87-25.44%2C14.68-.03-12.58%2C4.96-3.35%2C16.32-91-4.57-4.91ZM275.37%2C413.26l-14.26-10.89-14.32%2C10.52%2C5.32-17.04-14.2-10.61%2C17.51-.18%2C5.61-17.68%2C5.38%2C17.68h18.26s-14.94%2C10.74-14.94%2C10.74l5.63%2C17.47ZM255.6%2C460.05l5.51-17.4%2C5.32%2C17.34h18.16s-14.83%2C10.77-14.83%2C10.77l5.27%2C16.46-14.04-10.45-14.13%2C10.77%2C5.34-17.02-14.69-10.56%2C18.1.08ZM310.33%2C648.84l24.18%2C13.39c59.84%2C31.36%2C125.27%2C49.5%2C192.79%2C52.63l1.79%2C6.09c-77.06-2.47-148.01-25.11-215.82-62.85-8.33%2C16.29-17.59%2C31.7-28.19%2C46.75l-3.71-6.28c10.74-15.84%2C20.1-32.2%2C28.96-49.72ZM328.53%2C223.98l15.05-5.13%2C6.15-4.6.31%2C21.74-5.35-1.75-15.89%2C5.75.16%2C26.28%2C20.62-7.84%2C1.91-6.18%2C6.87-3.94.21%2C22.91-49.43%2C18.66-.2-13.25c2.42-.86%2C4.06-1.6%2C5.66-3.04l-.61-69.34c-2.36-.03-3.8.4-6.03%2C1.21l-.23-12.35%2C49.88-16.56.18%2C21.55-6.08-.3-2.85-3.64-20.48%2C6.39.18%2C23.43ZM410.18%2C177.88l-22.57%2C4.9.5%2C63.16%2C22.79-5.42-.13-20.82-7.37%2C1.35c-1.01.19-2.93%2C1.53-3.82%2C2.24v-15.65s26.2-6%2C26.2-6l.31%2C42.81-8.6%2C10.78-34.26%2C8.31-9.71-7.55-.65-76.02%2C7.54-9.55%2C35.67-8.24%2C9.4%2C7.48.3%2C18.66c-1.07-.08-3.19.32-6.2.77l-10.46%2C2.09c.51-1.01%2C1.52-3.53%2C1.48-4.46l-.41-8.84ZM459.4%2C235.83c2.52.45%2C3.98.32%2C6.6.03l.13%2C11.39-26.82%2C4.07v-11.67c2.46-.24%2C4.81-.86%2C6.25-2.32l-.56-67.5c-1.79-1.24-3.75-1.13-6.38-.56l-.1-10.64%2C26.8-3.97.14%2C10.82c-2.65.2-4.7.51-6.69%2C1.91l.63%2C68.44ZM513.4%2C305.95l-3.16%2C10.62c-27.26%2C6.32-51.61%2C19.12-72.65%2C37.71l-7.46-5.88c23.29-22.07%2C51.56-37.01%2C83.27-42.45ZM517.24%2C164.11l-22.85%2C1.41.2%2C18.64%2C29.51%2C6.63%2C8.8%2C6.62.28%2C34.66-8.92%2C8.98-35.59%2C2.52-8.83-7.9-.34-18.42c5.08.59%2C11.14-.05%2C16.75-1.48l-1.27%2C3.27.08%2C9.79%2C22.73-1.82-.1-21.77-28.81-6.35c-3.06-.68-6.02-3.87-9.38-5.23l-.41-32.23%2C8.69-8.97%2C35.52-2.49%2C9.25%2C8.5.53%2C17.43c-4.81-1.73-10.5-1.4-16.56.27l.91-2.23-.2-9.82ZM705.49%2C254.55l6.17%2C2.44v11.41s-26.55-7.38-26.55-7.38l.11-11.17c2.05.39%2C4.22.65%2C6.54.17l-.63-68.7-6.44-2.25-.19-11.6%2C26.41%2C6.62.18%2C11.5c-2.35-.49-4.01-.78-6.18-.05l.58%2C69ZM767.67%2C203.76l-6.29-2.36-.28-12.42%2C26.22%2C9.98.32%2C12.26-6.28-1.36.91%2C85.14-14.26-5.61-24.67-69.34.13%2C47.41%2C5.62%2C2.18.11%2C12.16-26.03-9.39-.1-11.85c2.2.67%2C3.44.99%2C6.14.98l-.6-69.8c-1.37-1.55-3.5-2.21-6.09-2.6l-.21-12.08%2C21.75%2C6.52%2C20.08%2C56.6%2C3.71%2C9.3-.19-45.73ZM828.14%2C304.58c.84%2C2.56%2C4.1%2C4.13%2C6.97%2C5.02l.21%2C12.83-26.65-13.35.26-12.54%2C5.4%2C1.79-.63-73.16-8.26-3.48-2.89%2C3.29c-1%2C1.14-4.31%2C1.49-5.77%2C1.55l-.04-23.9%2C49.65%2C23.03v24.07s-6.24-5.26-6.24-5.26l-2.49-7.56-10.15-4.66.63%2C72.33ZM813.88%2C384.88l5.41-17.77%2C5.35%2C17.84%2C17.86.32-14.51%2C10.46%2C5.41%2C17.22-13.92-10.58-14.39%2C10.57%2C5.36-17.01-14.06-10.61%2C17.5-.45ZM813.98%2C459.87l5.34-17.2%2C5.17%2C17.23%2C17.79.36-14.32%2C10.34%2C5.36%2C16.99-13.96-10.7-14.18%2C10.64%2C5.27-16.89-14.51-10.6%2C18.04-.17ZM807.07%2C535.87l5.59-17.56%2C5.48%2C17.53%2C17.77.15-14.77%2C10.44%2C5.41%2C17.13-14.04-10.52-14.26%2C10.49%2C5.52-16.94-14.73-10.6%2C18.03-.13ZM798.6%2C697.92l-3.97%2C6.66c-9.87-14.82-18.92-30.36-27.55-46.9-68.18%2C39.63-137.25%2C61.71-216.26%2C63.43l1.98-6.32c78.63-1.87%2C150.44-25.87%2C217.39-65.99l28.42%2C49.12ZM722.54%2C731.23l-23.55-17.41c-.92-.68-3.87-.28-4.42-1.1-.56-.82-1.21-2.66-1.49-3.79l15.88-6.64.75%2C6.38%2C14.38%2C10.95%2C1.61-17.71-3.76-1.46c-.87-.34-1.21-2.79-1.12-3.53l16.54-7.62c1.47%2C2.49%2C1.12%2C5.53-1.37%2C7.5l-2.81%2C30.07%2C6.24%2C16.26%2C5.12-.19%2C2.76%2C5.17-20%2C8.21-1.68-5.13%2C3.42-3.51-6.51-16.41ZM682.63%2C765.45l5.13.78%2C1.7%2C4.93-19.98%2C5.86-1.48-5.35%2C3.68-2.8-10.61-38.57-9.47%2C2.47-.99%2C3.39c-.44%2C1.5-1.32%2C2.84-2.52%2C3.84l-1.59%2C1.32-3.85-16.56%2C41.47-12.27%2C5.68%2C16.32c-3.98.11-7.17-.95-8.77-4.71l-9.53%2C2.98%2C11.13%2C38.36ZM617.49%2C736.47l-4.82-.92-.97-5.35%2C20.38-3.47.88%2C5.41-4.19%2C3.08%2C6.94%2C42.22%2C5.18.97%2C1.17%2C5.16-21.25%2C3.76-.64-5.62%2C4.21-2.42-6.89-42.83ZM580.57%2C769.25l-8.21.56.86%2C15.38%2C4.29%2C1.93.81%2C4.86-20.91%2C1.14c-.36-1.31-.86-4.36.19-5.01l3.87-2.37-2.29-42.55-4.66-1.8-.25-5.3%2C37.03-2.68%2C7.89%2C6.08%2C2.01%2C22.11-8.87%2C6.53%2C9.23%2C15.51c3.4.21%2C5.55%2C1.49%2C5.66%2C5.69l-18.32%2C1.84.98-6.07-9.32-15.85ZM494.54%2C738.86l.05-5.79%2C20.67%2C1.84-.41%2C5.36c-2.17.79-3.59%2C1.33-4.85%2C2.19l-2.49%2C38%2C19.57%2C1.13%2C1.27-38.97-4.17-1.94-.02-5.16%2C20.15.68v4.99s-4.6%2C1.74-4.6%2C1.74l-.89%2C42.69-8.23%2C7.05-27.12-1.59-7.66-8.07%2C2.83-41.89c-.65-.98-2.29-1.7-4.09-2.27ZM540.27%2C732.22l-8.63-24.22%2C8.62%2C5.57%2C8.6-5.29-8.59%2C23.93ZM540.5%2C705.24c-21.16-14.26-40.75-30.23-58.46-48.64-31.58-32.83-52.99-73.12-62.45-117.7-4.13-19.44-6.88-38.35-8.92-58.12l-4.74-68.78-1.94-4.07%2C77.22-27.29%2C45.7-16.18-.08%2C17.32-105.68%2C36.87%2C3.97%2C65.41c1.25%2C20.51%2C4.53%2C40.02%2C9.56%2C59.87%2C15.25%2C63.91%2C53.08%2C107.88%2C105.92%2C145.1%2C39.02-28.47%2C70.09-60.21%2C90.14-104.16%2C7.43-16.96%2C12.74-33.82%2C16.72-51.88%2C3.36-17.12%2C6.24-33.54%2C7.51-50.99l4.62-63.24-106.21-37.25.26-17.47%2C123.15%2C43.74-2.83%2C4.17-5.3%2C71.01c-2.06%2C19.78-4.52%2C38.71-9.03%2C58.12-8.37%2C36-24.52%2C69.05-47.47%2C97.92-20.47%2C25.84-44.79%2C46.98-71.68%2C66.26ZM357.11%2C478.12l43.74-10.53%2C1.97%2C21.36-45.71-10.82ZM372.15%2C584.9l-.48%2C11.81-9.66-15.46c-3.57-5.71-5.52-12.7-4.35-19.43l2.69-15.43%2C5.09%2C11.24c3.96%2C8.75%2C7.1%2C17.49%2C6.71%2C27.27ZM364.7%2C385.1c-5.49%2C8.76-12.99%2C15.58-23.69%2C19.52l6.29-15.32c4.97-8.67%2C14.56-13.27%2C24.18-17.08l-6.77%2C12.88ZM397.27%2C416.26c-5.18%2C15.52-8.6%2C30.86-8.8%2C48.01l-9.28%2C2.39c.11-22.68%2C5-44.54%2C14.08-65.02l4%2C14.61ZM394.19%2C399.61c7.2-16.52%2C16.42-31.18%2C29.09-44.33l5.43%2C7.53c-9.67%2C10.86-17.18%2C21.88-23.64%2C34.91-3.42%2C1.92-7.06%2C3.09-10.88%2C1.89ZM379.62%2C489.12l9.69%2C2.12c3.11%2C26.34%2C12.7%2C50.69%2C28.16%2C72.32l8.57%2C24.09c-26.65-26.37-43.09-60.77-46.43-98.52ZM402.83%2C628.18l-12.55-12.51c-9.27-9.25-11.08-22.63-11.38-35.23l9.71%2C11.7c5.74%2C6.92%2C11.15%2C13.9%2C12.4%2C22.89l1.82%2C13.15ZM543.15%2C485.49l10.67%2C8.25-1.38-3.62%2C13.6-55.7c30.71%2C13.18%2C47.23%2C34.72%2C46.95%2C69.39%2C0%2C.09%2C0%2C.19%2C0%2C.28l-2.7-1.21-1.46-.65-4.17-1.86-.38.14-1.96%2C1.12-58.14%2C33.09-2.65%2C1.51v2.63l.68-.35%2C3.24-1.64%2C58.46-29.67.36.13%2C1.88.66%2C3.03%2C1.07%2C6.51%2C2.41c-1.69%2C1.84-2.87%2C3.63-3.01%2C5.59l-1.8%2C26.11c-.14%2C2.07.74%2C4.51%2C1.72%2C6.17-5.72%2C2.93-8.46%2C8.84-8.52%2C15.45.13%2C9.91%2C3.96%2C19.13%2C9.69%2C27.32-16.73%2C25.2-35.3%2C48.21-58%2C68.57l4.24-95.33-.48-3.96%2C36.24-17.79%2C2.39-24.78-51.18%2C24.68%2C1.68%2C31.84.02.32.3.31%2C1.86%2C1.91c-.08.09-.15.17-.23.26-.31.34-.61.68-.91%2C1.02-3.03%2C3.43-5.78%2C6.89-8.15%2C10.5-.44.68-.88%2C1.35-1.29%2C2.04-2.93-4.83-6.52-9.34-10.59-13.83l2.16-2.22%2C1.71-32.4-51.2-24.6%2C2.31%2C24.91%2C36.46%2C18.01c-.47%2C2.43-.85%2C4.88-.74%2C7.97l3.42%2C91.04c-22.48-20.3-41.43-43.14-57.41-68.34%2C9.18-13.18%2C15.41-35.1.99-42.77.76-1.81%2C1.32-3.69%2C1.57-5.59l-1.91-28.75-2.74-3.81%2C11.78-4.14%2C62.38%2C31.66-2.82%2C38.5%2C4.39%2C5%2C.22.25v-79.45l-.24.08-11.13%2C3.7-1.33-3.64.18-.1.13-.07%2C12.38-6.68h.02s12.36%2C6.66%2C12.36%2C6.66l.13.07%2C2.59%2C1.4.96-2.63-5.23-3.26-5.56-3.48c-1.77-1.03-3.55-2.07-5.27-3.27l-16.06%2C10.03.96%2C2.63%2C1.17%2C3.2%2C3.32%2C1.19%2C5.05%2C1.81%2C1.12%2C23.94-60.11-34.2-9.17%2C3.48c.34-9.42%2C1.09-18.65%2C4.64-27.65%2C6.38-16.2%2C18.53-29.35%2C33.91-37.26l9.22-4.74%2C12.85%2C51.65c.64%2C2.59.36%2C4.59-.19%2C8.01l13.11-9.5.18-.13v-79.69l-.73.34-18.36%2C8.63%2C13.01%2C71.38-2.08%2C1.09-14.75-68.74c-.44-2.05-1.83-3.79-3.3-5.52l26.2-12.28.26-.12%2C25.94%2C12.31c-2.14%2C2.02-3.89%2C3.87-4.42%2C6.45l-13.93%2C68.98-5-2.56.02.84ZM619.8%2C379.31l42.82-37.26c-10.62%2C13.78-21.24%2C26.74-30.65%2C41.61l-12.17-4.35ZM723.5%2C478.14l-46.57%2C10.81%2C2.26-21.65%2C44.31%2C10.84ZM682.38%2C416.25l4.71-14.31c8.87%2C20.7%2C13.61%2C41.73%2C13.81%2C64.21l-9.2-2.08c-.62-16.51-3.58-32.16-9.32-47.82ZM721.16%2C403.14l13.66%2C9.29c4.17%2C2.84%2C7.15%2C7.48%2C8.54%2C12.34l4.26%2C14.89-.44.51c-7.59-4.84-14.43-10.9-18.85-19.06l-7.17-17.97ZM731.59%2C510.48l4.98%2C13.27c2.75%2C7.32%2C2.48%2C15.31-.09%2C22.63l-4.97%2C14.14-4.37-14.96c-1.79-6.12-.72-12.54.7-18.7l3.75-16.38ZM709.23%2C372.36c7.93%2C3.16%2C20.41%2C9.49%2C23.2%2C16.08l6.91%2C16.32c-16.69-7.9-22.72-16.67-30.11-32.4ZM722.54%2C569.07c-1.07%2C5.53-3.07%2C10.41-5.99%2C15.01l-8.23%2C12.94c-.4-6.86-.86-13.93.05-21.19.79-6.25%2C3.54-11.9%2C6.16-17.52l5.43-11.63c1.82%2C7.49%2C2.87%2C14.75%2C2.58%2C22.39ZM690.95%2C491l9.61-2.01c-3.91%2C36.82-19.53%2C70.91-45.84%2C97.57l7.29-22.4c15.74-21.7%2C25.71-46.61%2C28.94-73.17ZM701.34%2C580.55l-2.51%2C19.58c-1.86%2C5.84-4.24%2C11.14-8.58%2C15.33l-13.28%2C12.81%2C2.78-16.79c2.29-7.27%2C5.85-13.63%2C11.47-18.81l10.12-12.12ZM753.28%2C440.27l-2.1-15.27c-.96-6.98%2C0-12.99%2C2.22-19.65l4.82-14.43%2C4.32%2C18.2c1.63%2C11.31-1.73%2C22.35-9.26%2C31.16ZM768.83%2C431.41c3.24%2C20.62%2C1.85%2C33.78-12.97%2C48.07l.81-19.96c.17-4.29%2C1.58-8.86%2C3.63-12.58l8.54-15.53ZM763.95%2C484.44l9.37-12.07-1.23%2C15.98c-.47%2C6.06-2.52%2C11.72-5.24%2C16.98-3.96%2C5.32-8.04%2C10.03-14.35%2C14.06l2.84-15.46c1.38-7.49%2C3.99-13.53%2C8.61-19.49ZM753.72%2C531.94l16.95-15.16-4.13%2C16.48c-3.25%2C12.97-14.43%2C22.29-26.75%2C27.34l6.32-16.24c1.76-4.51%2C3.94-9.13%2C7.62-12.42ZM741.43%2C571.52l17.09-9.77-7.47%2C15.77c-4.49%2C9.47-12.82%2C16.38-22.97%2C18.9l-11.6%2C2.88%2C9.41-13.77c4.12-6.02%2C9.2-10.38%2C15.55-14.01ZM717.22%2C610.06l19.51-5.51-12.03%2C14.39c-7.58%2C7.47-17.53%2C11.58-28.26%2C11.22l-8.32-.28%2C9.24-8.7c5.82-5.48%2C12.13-8.93%2C19.86-11.12ZM695.67%2C639.76c5.29%2C1.1%2C10.41%2C1%2C16.11.91-12.44%2C9.4-25.16%2C13.47-40.31%2C8.07l-4.95-1.38c8.89-7.15%2C18.63-9.78%2C29.16-7.6ZM745.05%2C403.65l-6.25-18.91c-1.25-3.79-.19-8.5.31-12.38l1.93-14.81%2C7.28%2C15.35c3.71%2C10.11%2C2.72%2C20.3-3.27%2C30.75ZM731.5%2C375.24c27.99%2C56.56%2C31.7%2C134.02%2C2.75%2C190.61-12.97%2C25.36-30.8%2C47.24-52.11%2C65.96l-25.48%2C21.32c-10.73%2C8.98-21.37%2C16.97-34.05%2C23.03-15.29%2C7.31-31.09%2C12.11-47.99%2C14.69l10.58-9.84c19.76-3.87%2C37.92-11.7%2C55.03-22.66%2C17.29-11.07%2C33.09-23.55%2C48.15-37.5%2C28.65-26.55%2C49.94-61.78%2C58.07-99.89-10.18-13.68-12.56-21.48-13.1-37.67l-.39-11.68%2C9.18%2C13.49c8.43%2C12.39%2C3.8%2C21.57%2C4.34%2C34.58%2C3.23-13.04%2C4.51-26.17%2C4.62-39.51-8.11-6.88-14.59-14.72-17.36-24.78l-4.03-19.64%2C12.74%2C13.05c2.77%2C2.84%2C4.97%2C6.98%2C5.54%2C10.94l2.82%2C19.55c1.08-12.04-.25-23.53-1.57-35.73-.11-1.02-.98-2.58-1.54-3.21l.83-.36c-3.03-22.29-9.63-44.18-18.28-65.26-16.08-10.4-19.7-21.5-24.65-39.57%2C17.09%2C9.23%2C26.26%2C20.35%2C25.9%2C40.06ZM686.06%2C399.56c-.86.21-3.08.75-3.65.58l-7.38-2.19c-6.19-13.04-14.13-24.51-23.17-35.3l5.45-7.71c12.16%2C13.51%2C21.85%2C28.44%2C28.76%2C44.61ZM664.3%2C255.55l-34.81-7.34-8.54-9.73-.63-73.88%2C8.85-7.22%2C33.46%2C5.86%2C9.4%2C11.34.67%2C73.6-8.4%2C7.37ZM650.5%2C348.05l-7.23%2C5.81c-21.08-18.84-45.61-31.5-73.05-37.91l-3.23-10.24c32.05%2C5.73%2C60.55%2C20.59%2C83.51%2C42.34ZM596.71%2C208.53l-27.19-1.49.16%2C23.01%2C5.94%2C1.02.15%2C11.45-27.23-.83-.05-11.07%2C6.14-.79-.57-67.52c-1.97-.95-3.44-1.12-6.17-1.24l-.19-11.35%2C49.66%2C3.01%2C9.1%2C8.96.33%2C40.28-10.09%2C6.57ZM569.63%2C334.95l-22.35%2C7.86.09%2C51.05v2s0%2C0%2C0%2C0v.24l-4.26-2.31-2.84-1.54h-.03s.03-.03.03-.03v-132.09l-.26.85-21.87%2C71.01%2C20.39%2C7.91-.21%2C19.45-.58%2C31.52-.05%2C2.75-4.57%2C2.48.48-53.21-22.41-7.74%2C29.09-91.68%2C29.36%2C91.48ZM461.47%2C379.47l-12.9%2C4.53c-9.69-14.63-19.63-27.48-30.36-41.85l43.26%2C37.32ZM375.19%2C334.72l-5.68%2C17.05c-1.16%2C3.46-3.11%2C6.91-5.08%2C9.97-3.19%2C5.88-10.02%2C8.5-13.84%2C13.48-4.47%2C7.1-6.48%2C15.94-9.21%2C24.01-4.59%2C13.59-8.15%2C27-9.5%2C41.15%2C3.14-5.56%2C3.16-11.17%2C5.19-16.7%2C3.34-9.16%2C13.2-15.31%2C22.06-20.47l-6.88%2C17.06c-3.84%2C9.52-11.91%2C15.96-20.88%2C20.97-1.77%2C12.8-3.04%2C25.21-2.1%2C38.12%2C1.49-4.78%2C1.47-9.3%2C1.92-13.92.72-7.3%2C3.36-13.68%2C8.52-18.9l10.68-10.8-3.78%2C18.63c-2.17%2C10.67-8.97%2C18.93-17.49%2C25.97.12%2C13.26%2C1.12%2C26.53%2C4.48%2C39.53.91-4.89-.24-9.01-.58-13.95-.48-7.24.43-14.16%2C4.34-19.93l9.73-14.37-.38%2C14.56c-.21%2C8-.82%2C16.05-5.14%2C22.85l-7.86%2C12.37c8.26%2C35.49%2C26.02%2C67.06%2C51.6%2C92.86%2C16.91%2C17.06%2C35.56%2C32.06%2C55.82%2C44.93%2C16.76%2C10.65%2C34.61%2C17.83%2C53.85%2C21.76l10.58%2C9.77c-29.99-4.58-55.81-15.42-79.72-34.88l-2.95-3.47-20.69-16.89c-15.56-12.7-29.01-27.23-40.6-43.63-21.39-30.28-33.47-64.97-35.46-102.08-1.61-29.97%2C2.11-59.34%2C11.53-87.75%2C3.14-9.47%2C7.23-17.88%2C11.18-26.88-.41-11.85%2C3.78-23.59%2C12.75-31.28%2C4.2-3.6%2C8.5-6.1%2C13.59-9.13ZM348.74%2C560.44l-4.71-13.12c-2.95-8.2-3.03-16.81.13-25.01l4.49-11.71%2C4.23%2C17.72c2.65%2C11.09.26%2C22.08-4.14%2C32.12ZM337.47%2C570.55c7.08%2C3.49%2C12.93%2C8.5%2C17%2C15.36l9.14%2C13.33c-24.43-4.04-33.44-15.07-41.41-37.51l15.27%2C8.82ZM322.19%2C548.28c-3.98-4.91-7.31-10.24-8.76-16.45l-3.48-14.88%2C12.28%2C11.17c5.65%2C4.53%2C10.07%2C10.19%2C12.16%2C17.21l6.59%2C15.58c-6.96-3.3-13.19-7.28-18.79-12.63ZM364.39%2C610.6c7.04%2C2.02%2C12.77%2C5.16%2C18.01%2C10.11l9.8%2C9.23c-11.94%2C1.41-24.54-.59-34.19-8.62-5.71-4.75-9.93-10.85-14.19-16.63l20.57%2C5.92ZM385.1%2C639.75c10.67-2.26%2C20.91%2C1.04%2C28.57%2C7.74-19.06%2C6.74-31.04%2C3.8-45.06-6.92%2C6.07.31%2C11.19.3%2C16.49-.82ZM322.5%2C390.28c2.64%2C15.16%2C8.66%2C18.21%2C6.21%2C35.68l-1.92%2C13.66c-13.03-15.21-10.9-31.21-4.3-49.35ZM324.27%2C479.43c-14.7-14.48-15.54-27.7-12.69-48.15l6.17%2C11.85c3.53%2C6.77%2C5.81%2C12.89%2C6.06%2C21.05l.46%2C15.25ZM339.15%2C357.69l2.39%2C16.86c.63%2C4.44.32%2C8.78-1.11%2C13.36l-4.96%2C15.86c-9.08-15.37-6.23-29.64%2C3.68-46.08ZM315.45%2C483.67c4.14%2C5.79%2C7.8%2C11.18%2C9.06%2C18.65l2.89%2C17.04c-18.06-13.14-19.85-26.05-19.97-46.91l8.02%2C11.23ZM452.81%2C736.82l-5.61%2C34.62%2C18.22%2C3.78%2C1.23-9.24%2C12.5%2C2.07-1.68%2C13.23-8.8%2C5.7-26.61-5.16-6.55-9.13%2C6.59-42.03%2C8.35-5.02%2C25.59%2C4.96%2C6.55%2C7.96-1.38%2C13.23c-5.67-.89-8.54-1.38-12.66-2.12.66-3.48.86-5.65%2C1.49-9.57l-17.23-3.26ZM414.3%2C739.96l5.79-1.22-3.93%2C15.63-4.55-5.01-13.14-4.39-3.31%2C13.68%2C17.04%2C5.11%2C9.45-3.29-3.59%2C16.75-2.41-1.6-37.53-11.62.91-5.36%2C4.89-1.08%2C9.27-37.49c.61-2.47.16-3.97-2.63-5.18l1.45-5.83%2C37.05%2C12.07-2.82%2C14.98-3.44-3.84-2.79-3.52-16.33-5.16-2.93%2C12.03%2C13.55%2C4.35ZM351.82%2C703.64l-3.77%2C10.18%2C19.41%2C10.66%2C4.93%2C7.99-6.25%2C19.2-9.58%2C3.93-23.73-10.47-4.15-9.62%2C3.63-10.33%2C10.41%2C5.2-2.5%2C6.4%2C16.16%2C7.29%2C4.01-11.37-17.74-10.19-6.3-8.85%2C6.26-18.44%2C9.02-3.03%2C22.92%2C10.03%2C4.72%2C8.79-3.38%2C10.83-10.39-5.13%2C2.13-6.47-15.79-6.58ZM332.16%2C759.87c19.88%2C7.87%2C38.94%2C16.13%2C59.43%2C22.67%2C26.31%2C8.4%2C52.46%2C14.79%2C79.86%2C18.76%2C54.24%2C7.87%2C98.65%2C7.96%2C152.85-.74%2C30.08-4.83%2C58.85-12.74%2C87.15-23.79l52.49-22.72-16.6%2C10.36c-32.05%2C16.34-65.72%2C28.09-101.09%2C35.71-60.64%2C13.07-121.85%2C14.23-183.14%2C3.69-39.66-6.82-77.88-17.75-114.84-33.45-11.43-4.86-21.98-9.91-32.21-16.85l16.1%2C6.37ZM691.28%2C803c1.38%2C4.02%2C2.75%2C8.04%2C4.11%2C12.06.49%2C1.45%2C1.51%2C2%2C2.91%2C1.53%2C1.4-.46%2C1.88-1.51%2C1.27-3.27-.29-.82-.57-1.64-.86-2.46%2C1.22-.35%2C2.45-.71%2C3.68-1.08.32.88.63%2C1.76.95%2C2.64%2C1.2%2C3.32-.31%2C6.04-4.08%2C7.29-3.73%2C1.23-6.55-.05-7.65-3.41-1.33-4.05-2.68-8.11-4.03-12.16-1.12-3.36.29-5.97%2C3.82-7.14%2C3.56-1.18%2C6.37.03%2C7.58%2C3.36.24.66.48%2C1.32.72%2C1.98-1.17.46-2.33.92-3.5%2C1.37-.21-.6-.42-1.2-.63-1.79-.63-1.76-1.63-2.3-2.98-1.86-1.35.45-1.8%2C1.47-1.3%2C2.92ZM639.21%2C835.27c-1.29.26-2.59.51-3.88.76-1.48-7.62-2.98-15.24-4.5-22.86%2C1.78-.34%2C3.56-.7%2C5.33-1.06%2C3.96-.81%2C6.58.72%2C7.42%2C4.46.12.54.24%2C1.08.37%2C1.62.54%2C2.4%2C0%2C4.29-1.56%2C5.58%2C1.91%2C3.21%2C3.84%2C6.42%2C5.79%2C9.61-1.36.3-2.73.59-4.1.88-1.71-3-3.4-6-5.08-9.01-.59.12-1.17.24-1.76.36.66%2C3.22%2C1.31%2C6.43%2C1.97%2C9.65ZM646.58%2C815.57c-.82-3.57.93-6.24%2C4.6-7.11%2C3.67-.87%2C6.49.71%2C7.42%2C4.25%2C1.03%2C3.93%2C2.04%2C7.87%2C3.06%2C11.8.92%2C3.55-.9%2C6.31-4.78%2C7.23-3.88.92-6.75-.73-7.56-4.3-.91-3.96-1.82-7.92-2.74-11.87ZM659.92%2C810.07c-.29-1.07-.57-2.15-.86-3.22%2C3.84-.98%2C7.67-2.01%2C11.49-3.09.31%2C1.07.63%2C2.13.94%2C3.2-1.31.37-2.62.73-3.94%2C1.09%2C1.83%2C6.41%2C3.64%2C12.82%2C5.42%2C19.24-1.29.35-2.57.7-3.86%2C1.04-1.73-6.43-3.49-12.86-5.26-19.28-1.31.35-2.63.69-3.94%2C1.03ZM672.9%2C803.09c3.43-.99%2C6.86-2.01%2C10.28-3.08.34%2C1.04.68%2C2.07%2C1.02%2C3.11-2.22.69-4.44%2C1.37-6.67%2C2.03.65%2C2.1%2C1.3%2C4.21%2C1.95%2C6.31%2C1.82-.54%2C3.64-1.09%2C5.46-1.65.33%2C1.04.67%2C2.07%2C1%2C3.11-1.83.56-3.67%2C1.12-5.5%2C1.66.68%2C2.21%2C1.35%2C4.42%2C2.03%2C6.63%2C2.31-.68%2C4.61-1.38%2C6.92-2.1.33%2C1.04.66%2C2.07%2C1%2C3.11-3.6%2C1.12-7.21%2C2.2-10.82%2C3.23-2.19-7.46-4.41-14.91-6.66-22.36ZM624.29%2C838.02c-1.3.22-2.59.43-3.89.64-1.24-7.66-2.5-15.32-3.78-22.98%2C1.78-.29%2C3.56-.58%2C5.34-.89%2C3.98-.69%2C6.53.92%2C7.26%2C4.68.12.61.23%2C1.22.35%2C1.83.73%2C3.75-1.12%2C6.21-5.22%2C6.92-.56.1-1.13.19-1.69.29.55%2C3.17%2C1.09%2C6.34%2C1.63%2C9.51ZM602.41%2C834.52c-3.12.4-5.69-1.46-6.02-4.3-.32-2.84%2C1.7-5.21%2C4.75-5.6%2C3.05-.38%2C5.62%2C1.41%2C6.02%2C4.24.4%2C2.83-1.63%2C5.26-4.75%2C5.66ZM583.96%2C843.17c-1.3.11-2.6.22-3.9.32-.27-3.5-.55-7.01-.82-10.51-2.1-4.1-4.16-8.2-6.17-12.32%2C1.31-.09%2C2.62-.18%2C3.93-.28%2C1.25%2C2.66%2C2.53%2C5.32%2C3.81%2C7.97.02%2C0%2C.05%2C0%2C.07%2C0%2C.78-2.82%2C1.54-5.65%2C2.29-8.48%2C1.29-.12%2C2.57-.23%2C3.86-.36-1.27%2C4.4-2.59%2C8.8-3.96%2C13.19.3%2C3.49.61%2C6.98.91%2C10.47ZM570.37%2C844.15c-1.3.08-2.6.15-3.91.21-.33-6.64-.67-13.29-1.02-19.93-1.33.07-2.66.13-3.99.19-.05-1.11-.1-2.22-.14-3.32%2C3.88-.17%2C7.77-.38%2C11.65-.64.08%2C1.11.15%2C2.21.23%2C3.32-1.33.09-2.66.17-3.99.25.4%2C6.64.79%2C13.28%2C1.18%2C19.92ZM559.79%2C844.66c-1.3.05-2.6.09-3.91.13-.22-7.76-.45-15.51-.68-23.27%2C1.24-.04%2C2.48-.08%2C3.72-.13.3%2C7.76.59%2C15.51.87%2C23.27ZM544.02%2C845c-1.3%2C0-2.6.01-3.91%2C0%2C.03-7.76.05-15.52.07-23.28%2C1.79%2C0%2C3.58%2C0%2C5.37-.02%2C4-.04%2C6.22%2C1.96%2C6.31%2C5.79.01.55.03%2C1.11.04%2C1.66.05%2C2.46-.84%2C4.21-2.59%2C5.17%2C1.22%2C3.52%2C2.47%2C7.03%2C3.74%2C10.54-1.38.03-2.75.06-4.13.08-1.08-3.27-2.14-6.53-3.18-9.81-.59%2C0-1.18.01-1.77.01.02%2C3.28.03%2C6.56.05%2C9.85ZM530.85%2C824.54c-1.45-.03-2.21.78-2.25%2C2.31-.12%2C4.23-.23%2C8.47-.35%2C12.7-.04%2C1.53.67%2C2.38%2C2.17%2C2.41%2C1.5.03%2C2.25-.79%2C2.28-2.65.02-1.33.05-2.66.07-3.99-.72-.01-1.45-.03-2.17-.04.02-1.09.05-2.17.07-3.26%2C1.96.04%2C3.92.07%2C5.89.09-.03%2C2.54-.05%2C5.08-.08%2C7.62-.03%2C3.53-2.3%2C5.58-6.22%2C5.49-3.88-.09-6.02-2.24-5.88-5.76.15-4.25.3-8.51.45-12.76.13-3.53%2C2.31-5.5%2C5.98-5.42%2C3.71.08%2C5.83%2C2.15%2C5.8%2C5.68%2C0%2C.53-.01%2C1.06-.02%2C1.6-1.21.04-2.42.08-3.64.12%2C0-.47.02-.93.03-1.4.03-1.86-.69-2.71-2.14-2.74ZM520.51%2C831.13c-.05%2C1.09-.1%2C2.17-.14%2C3.26-1.86-.08-3.73-.17-5.59-.27-.13%2C2.3-.26%2C4.61-.39%2C6.91%2C2.34.13%2C4.68.24%2C7.02.33-.04%2C1.08-.09%2C2.17-.13%2C3.26-3.66-.15-7.32-.33-10.98-.56.49-7.75.99-15.49%2C1.49-23.24%2C3.48.22%2C6.97.4%2C10.45.53-.05%2C1.08-.09%2C2.17-.14%2C3.26-2.26-.09-4.52-.2-6.78-.32-.12%2C2.19-.25%2C4.38-.37%2C6.58%2C1.85.1%2C3.7.19%2C5.55.27ZM497.47%2C823.04c.11-1.1.21-2.21.32-3.31%2C3.87.36%2C7.75.67%2C11.63.93-.08%2C1.11-.16%2C2.21-.23%2C3.32-1.33-.09-2.66-.18-3.99-.29-.52%2C6.63-1.04%2C13.26-1.55%2C19.9-1.3-.1-2.6-.2-3.9-.31.56-6.63%2C1.13-13.26%2C1.71-19.89-1.33-.11-2.66-.23-3.99-.35ZM495.41%2C819.51c-.78%2C7.72-1.55%2C15.45-2.32%2C23.17-1.27-.12-2.55-.25-3.82-.39-1.16-5.29-2.26-10.59-3.29-15.89-.02%2C0-.05%2C0-.07%2C0-.61%2C5.11-1.21%2C10.22-1.82%2C15.33-1.22-.14-2.45-.29-3.67-.44.97-7.7%2C1.94-15.4%2C2.92-23.1%2C1.37.17%2C2.75.33%2C4.13.49.91%2C4.76%2C1.87%2C9.52%2C2.88%2C14.27.02%2C0%2C.05%2C0%2C.07%2C0%2C.49-4.6.99-9.2%2C1.49-13.79%2C1.17.12%2C2.33.24%2C3.5.35ZM479.35%2C817.67c-1.05%2C7.69-2.09%2C15.39-3.13%2C23.08-1.3-.17-2.59-.35-3.89-.53%2C1.09-7.69%2C2.2-15.37%2C3.31-23.05%2C1.23.17%2C2.47.34%2C3.7.5ZM462.65%2C826.97c-.47%2C2.82-3.14%2C4.55-6.25%2C4-3.11-.55-5.02-3.07-4.47-5.88.55-2.81%2C3.21-4.47%2C6.24-3.94%2C3.03.53%2C4.94%2C3%2C4.47%2C5.82ZM440.56%2C821c-.23%2C1.06-.47%2C2.12-.7%2C3.19-1.85-.39-3.69-.79-5.53-1.21-.52%2C2.25-1.04%2C4.5-1.56%2C6.75%2C2.32.52%2C4.64%2C1.02%2C6.95%2C1.51-.23%2C1.06-.46%2C2.13-.68%2C3.19-3.62-.76-7.25-1.56-10.86-2.4%2C1.8-7.55%2C3.62-15.11%2C5.46-22.66%2C3.44.8%2C6.88%2C1.56%2C10.33%2C2.28-.23%2C1.06-.46%2C2.13-.7%2C3.19-2.24-.47-4.47-.95-6.71-1.45-.5%2C2.14-1%2C4.28-1.5%2C6.42%2C1.83.41%2C3.66.81%2C5.49%2C1.2ZM424.17%2C810.08c-1.35-.34-2.3.27-2.7%2C1.75-1.1%2C4.1-2.2%2C8.2-3.28%2C12.29-.39%2C1.48.15%2C2.48%2C1.56%2C2.84%2C1.41.35%2C2.37-.26%2C2.84-2.07.21-.84.43-1.68.64-2.52%2C1.2.35%2C2.4.7%2C3.61%2C1.05-.22.9-.45%2C1.81-.67%2C2.71-.84%2C3.43-3.55%2C4.91-7.34%2C3.96-3.75-.95-5.39-3.53-4.45-6.93%2C1.13-4.11%2C2.26-8.22%2C3.41-12.33.95-3.4%2C3.57-4.83%2C7.13-3.94%2C3.58.9%2C5.19%2C3.4%2C4.34%2C6.83-.17.68-.34%2C1.36-.51%2C2.04-1.21-.23-2.42-.47-3.63-.71.16-.61.32-1.23.47-1.84.47-1.81-.06-2.79-1.41-3.14ZM386.78%2C814.97c-.85%2C1.58-1.69%2C3.17-2.54%2C4.75-1.27-.42-2.54-.84-3.81-1.27%2C4.03-6.85%2C8.02-13.73%2C11.97-20.63%2C1.54.5%2C3.08%2C1%2C4.62%2C1.49-1.1%2C7.82-2.1%2C15.66-3%2C23.52-1.3-.4-2.6-.8-3.9-1.21.27-1.77.55-3.53.83-5.3-1.39-.44-2.78-.89-4.17-1.34ZM403.77%2C801.4c1.35.41%2C2.7.81%2C4.05%2C1.2.07%2C4.85.19%2C9.71.37%2C14.57.02%2C0%2C.05.01.07.02%2C1.3-4.45%2C2.61-8.89%2C3.93-13.33%2C1.15.32%2C2.3.64%2C3.44.96-2.15%2C7.47-4.28%2C14.95-6.39%2C22.43-1.26-.34-2.51-.69-3.77-1.05-.24-5.42-.41-10.83-.52-16.24-.02%2C0-.05-.01-.07-.02-1.51%2C4.93-3.02%2C9.86-4.51%2C14.79-1.21-.35-2.41-.71-3.62-1.07%2C2.31-7.42%2C4.65-14.84%2C7.01-22.26ZM342.28%2C803.86c-1.25-.54-2.5-1.08-3.76-1.63%2C3.29-7.08%2C6.62-14.16%2C9.97-21.23%2C1.19.52%2C2.37%2C1.04%2C3.56%2C1.55-3.29%2C7.1-6.55%2C14.2-9.78%2C21.31ZM351.67%2C808.13c-3.75-1.52-5.04-4.32-3.59-7.55%2C1.74-3.91%2C3.5-7.82%2C5.26-11.73%2C1.47-3.24%2C4.34-4.27%2C7.88-2.83%2C3.57%2C1.45%2C4.83%2C4.16%2C3.47%2C7.44-.21.49-.41.99-.62%2C1.48-1.19-.41-2.38-.82-3.57-1.23.18-.43.37-.86.55-1.29.74-1.72.35-2.78-1.04-3.34-1.39-.57-2.44-.1-3.07%2C1.31-1.72%2C3.9-3.43%2C7.8-5.13%2C11.71-.61%2C1.41-.24%2C2.47%2C1.21%2C3.06%2C1.45.59%2C2.48.1%2C3.21-1.63.52-1.23%2C1.04-2.46%2C1.57-3.69-.7-.28-1.4-.56-2.09-.84.43-1%2C.87-2.01%2C1.3-3.01%2C1.89.77%2C3.78%2C1.52%2C5.68%2C2.26-.98%2C2.36-1.96%2C4.71-2.93%2C7.07-1.35%2C3.28-4.31%2C4.35-8.1%2C2.82ZM361.32%2C811.57c2.9-7.23%2C5.84-14.46%2C8.8-21.68%2C1.2.46%2C2.4.91%2C3.6%2C1.36-2.9%2C7.24-5.77%2C14.49-8.61%2C21.75-1.26-.47-2.53-.95-3.79-1.43ZM377.59%2C792.68c1.2.44%2C2.4.87%2C3.61%2C1.3-2.37%2C6.25-4.72%2C12.5-7.05%2C18.76%2C2.1.75%2C4.21%2C1.48%2C6.31%2C2.19-.37%2C1.05-.74%2C2.1-1.12%2C3.14-3.39-1.16-6.78-2.35-10.16-3.57%2C2.77-7.28%2C5.57-14.55%2C8.4-21.82ZM540%2C951.88c-52.27-24.68-111.86-62.81-164.22-110.35l9.64%2C3.27%2C10.47%2C3.55h-6.42c48.77%2C42.14%2C102.74%2C76.07%2C150.53%2C98.64%2C47.78-22.57%2C101.75-56.5%2C150.53-98.65h-6.42s10.47-3.54%2C10.47-3.54l9.64-3.27c-52.36%2C47.54-111.95%2C85.67-164.22%2C110.35ZM710.77%2C815.41c-2.32-6.26-4.67-12.51-7.03-18.76-1.3.46-2.6.92-3.9%2C1.38-.39-1.04-.77-2.09-1.16-3.13%2C3.79-1.32%2C7.58-2.7%2C11.35-4.12.41%2C1.03.83%2C2.07%2C1.24%2C3.1-1.3.49-2.59.97-3.89%2C1.45%2C2.43%2C6.23%2C4.82%2C12.46%2C7.2%2C18.7-1.27.47-2.54.93-3.82%2C1.38ZM721.09%2C811.6c-2.88-7.24-5.79-14.47-8.74-21.7%2C1.21-.46%2C2.41-.93%2C3.61-1.4%2C3.01%2C7.2%2C5.99%2C14.41%2C8.94%2C21.63-1.27.49-2.54.98-3.81%2C1.47ZM734.84%2C806.49c-3.8%2C1.57-6.99.42-8.41-2.97-1.58-3.76-3.17-7.52-4.77-11.27-1.44-3.39-.11-6.32%2C3.47-7.81%2C3.59-1.49%2C6.72-.41%2C8.27%2C2.94%2C1.71%2C3.71%2C3.41%2C7.43%2C5.1%2C11.15%2C1.53%2C3.35.13%2C6.4-3.67%2C7.97ZM753.05%2C798.18c-3.91-3.91-7.79-7.84-11.62-11.8-.02.01-.05.02-.07.03%2C2.24%2C4.67%2C4.47%2C9.36%2C6.68%2C14.04-1.19.53-2.37%2C1.05-3.56%2C1.57-3.27-7.09-6.59-14.17-9.94-21.24%2C1.33-.58%2C2.65-1.18%2C3.98-1.77%2C3.44%2C3.56%2C6.92%2C7.1%2C10.43%2C10.62.02-.01.05-.02.07-.03-2.06-4.18-4.13-8.36-6.22-12.54%2C1.12-.52%2C2.24-1.04%2C3.36-1.57%2C3.57%2C6.98%2C7.09%2C13.97%2C10.58%2C20.98-1.23.58-2.46%2C1.15-3.69%2C1.71ZM875.32%2C515.08c-7.63%2C51.13-21.89%2C102.39-40.96%2C146.34-6.32%2C17.16-26.7%2C56.46-46.98%2C85.42-6.26%2C9.34-12.95%2C18.48-19.99%2C27.43l-7.13%2C2.74c8.59-10.59%2C16.68-21.47%2C24.15-32.62%2C20.04-28.62%2C40.18-67.45%2C46.42-84.41%2C18.85-43.43%2C32.94-94.07%2C40.48-144.6%2C11.99-80.33%2C14-202.11%2C6.78-290.49-70.62-49.14-210.55-91.06-338.09-91.88-127.54.83-267.47%2C42.74-338.09%2C91.88-7.21%2C88.37-5.2%2C210.16%2C6.78%2C290.49%2C7.54%2C50.53%2C21.63%2C101.17%2C40.48%2C144.6%2C6.24%2C16.96%2C26.38%2C55.79%2C46.42%2C84.41%2C7.48%2C11.15%2C15.57%2C22.03%2C24.15%2C32.62l-7.13-2.74c-7.04-8.95-13.73-18.09-19.99-27.43-20.28-28.96-40.66-68.26-46.98-85.42-19.07-43.95-33.33-95.2-40.96-146.34-12.13-81.29-14.16-204.54-6.87-293.98%2C71.47-49.74%2C213.1-92.16%2C342.18-92.99%2C129.08.83%2C270.71%2C43.25%2C342.18%2C92.99%2C7.3%2C89.44%2C5.27%2C212.69-6.87%2C293.98Z%22%2F%3E%0A%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%22267.06%20229.15%20258.7%20273.57%20275.72%20265.73%20267.06%20229.15%22%2F%3E%0A%3C%2Fsvg%3E") center / contain no-repeat;
}
/* client knobs: two rows only, opposite directions, a little quicker than the recipe default. */
/* The ticker sits between two dark bands, so it needs its own top edge: a slab of the What We Do
   cream across the top, one chip-row thick (56px = 26px text + 15px padding top and bottom), above
   the band's own 40px top padding. Reading down: Reality's bottom padding, the cream slab, the
   ticker's top padding, the rows. Adjust --sl-trc-lead alone to make the slab thicker or thinner. */
.sl-trc { --sl-trc-speed-1: 58; --sl-trc-speed-2: 50; --sl-trc-off-2: -140px;
  --sl-trc-lead: 56px; --sl-trc-lead-bg: var(--sl-light-bg); }
/* The band's grain is tuned for a dark surface (0.3). Letting it run over the cream slab would make
   the slab read heavier than the real What We Do band beside it, which runs at 0.2. Dropping the
   grain opacity for the whole section would instead under-grain the dark part. So keep the dark
   value and start the grain below the slab. */
.sl-trc[data-texture~="grain"]::before { inset: var(--sl-trc-lead, 0px) 0 0 0; }

/* recipe: team-about/2026-09_creohaus_owner-video-portrait-inset */
.sl-ovp { background: var(--sl-bg); color: var(--sl-text); }
/* Mobile order: eyebrow, heading, media, body, cta. */
.sl-ovp__grid { display: grid; grid-template-columns: 1fr; grid-template-areas: "eyebrow" "heading" "media" "body" "cta"; row-gap: 20px; }
.sl-ovp__copy { display: contents; }
.sl-ovp__eyebrow { grid-area: eyebrow; }
.sl-ovp__heading { grid-area: heading; }
.sl-ovp__body { grid-area: body; display: flex; flex-direction: column; gap: 12px; color: var(--sl-muted); }
.sl-ovp__cta { grid-area: cta; display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.sl-ovp__cta { align-items: flex-start; }   /* Aegispoint 2026-10-03: buttons keep their own width on phones, not full width */
@media (min-width: 640px) { .sl-ovp__cta { flex-direction: row; align-items: center; } }
.sl-ovp__role { display: block; margin-top: 6px; color: var(--sl-muted); font-size: 16px; font-weight: 400; letter-spacing: 0; }
.sl-ovp__media { grid-area: media; position: relative; margin-bottom: 32px; }
@media (min-width: 1024px) {
  .sl-ovp__grid { grid-template-columns: 6fr 6fr; grid-template-areas: "media copy"; column-gap: 56px; align-items: center; }
  .sl-ovp__copy { grid-area: copy; display: flex; flex-direction: column; row-gap: 20px; }
  .sl-ovp__media { margin-bottom: 0; }
}
/* Warmth anchor: a large real portrait. */
.sl-ovp__portrait { position: relative; aspect-ratio: 4 / 5; border-radius: var(--sl-radius); overflow: hidden; background: var(--sl-surface-2); box-shadow: var(--sl-shadow); }
.sl-ovp__portrait > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* Inset film card overlaps the portrait's corner. */
.sl-ovp__inset {
  position: absolute;
  right: 12px;
  bottom: -28px;
  width: 50%;
  max-width: 260px;
  border: 4px solid var(--sl-bg);
  border-radius: var(--sl-radius);
  overflow: hidden;
  background: var(--sl-surface);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}
@media (min-width: 1024px) { .sl-ovp__inset { right: -20px; bottom: -32px; } }
.sl-ovp__film { position: relative; aspect-ratio: 16 / 9; background: var(--sl-bg); color: var(--sl-text); }
.sl-ovp__poster, .sl-ovp__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.4s var(--sl-ease); }
.sl-ovp__video { opacity: 0; }
.sl-ovp__play { position: absolute; top: 50%; left: 50%; z-index: 2; width: 48px; height: 48px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.96); color: rgba(0, 0, 0, 0.9); display: flex; align-items: center; justify-content: center; cursor: pointer; transform: translate(-50%, -50%); transition: transform 0.2s var(--sl-ease), opacity 0.4s var(--sl-ease); }
.sl-ovp__play:hover { transform: translate(-50%, -50%) scale(1.06); }
.sl-ovp__play:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.9); outline-offset: 3px; }
.sl-ovp__play svg { width: 18px; height: 18px; margin-left: 2px; }
.sl-ovp__inset-cap { padding: 8px 12px; font-size: 14px; font-weight: 500; color: var(--sl-muted); }
.sl-ovp.is-playing .sl-ovp__video { opacity: 1; }
.sl-ovp.is-playing .sl-ovp__poster, .sl-ovp.is-playing .sl-ovp__play { opacity: 0; pointer-events: none; }
/* Knob: no film yet. Same "who" slot, portrait only, no empty gap. */
.sl-ovp[data-no-video] .sl-ovp__inset { display: none; }
.sl-ovp[data-no-video] .sl-ovp__media { margin-bottom: 0; }

/* recipe: stats-counters/2026-09_creohaus_sourced-trend-stats */
.sl-sts { background: var(--sl-bg); color: var(--sl-text); }
.sl-sts__panel { padding: 28px 22px; background: var(--sl-surface); border: 1px solid var(--sl-border); border-radius: var(--sl-radius); }
@media (min-width: 640px) { .sl-sts__panel { padding: 48px; } }

/* Head: the site's own h2 size applies. The rule under it separates claim from evidence. */
.sl-sts__head { display: flex; flex-direction: column; gap: 14px; padding-bottom: 24px; border-bottom: 1px solid var(--sl-border); }
.sl-sts__title { max-width: 24ch; }

/* ---- Chart ------------------------------------------------------------------
   The figure is the source of truth: [data-sl-opt-series] is a real ordered list of
   label/value pairs. JS reads it and draws the SVG into [data-sl-opt-plot], then hides
   the list visually but leaves it for screen readers and for no-JS. Edit the list,
   never the SVG: there is no SVG in the markup to get out of sync. */
.sl-sts__chart { margin: 32px 0 0; }
.sl-sts__plot { width: 100%; }
.sl-sts__plot svg { display: block; width: 100%; height: auto; }

/* Frame: recessive, per the house chart rules. Never louder than the data. */
.sl-sts__grid { stroke: var(--sl-border); stroke-width: 1; }
/* 13px is the smallest sanctioned tier in design-standards.md (Small / caption). The viewBox is
   sized to the real pixel width, so this renders as literal 13px at every breakpoint. */
.sl-sts__tick, .sl-sts__xlab { fill: var(--sl-muted); font-family: var(--sl-font-body); font-size: 13px; }

/* Data: one series, neutral line, accent only on the marked story points. */
.sl-sts__line { fill: none; stroke: var(--sl-text); stroke-width: 2; stroke-dasharray: 6 5; stroke-linecap: round; stroke-linejoin: round; opacity: .85; }
.sl-sts__dot { fill: var(--sl-muted); stroke: var(--sl-surface); stroke-width: 2; }
.sl-sts__dot--mark { fill: var(--sl-accent); }
.sl-sts__val { fill: var(--sl-accent); font-family: var(--sl-font-display); font-weight: 700; font-size: 16px; }
.sl-sts__ring { fill: none; stroke: var(--sl-accent); stroke-width: 2; opacity: 0; transform-box: fill-box; transform-origin: center; }

/* ---- data-chart="bar" -------------------------------------------------------
   Same series, same frame, same wipe. Use a bar when the points are categories
   being compared, not a quantity measured over time: a line between two unrelated
   categories draws a trend that does not exist. Marked bars take the accent, the
   rest stay neutral, exactly as the line's dots do.
   An optional second value per point (data-value2) renders a paired bar, for the
   case where each category carries two measures that must be read together. */
.sl-sts__bar { fill: var(--sl-muted); opacity: .55; }
.sl-sts__bar--mark { fill: var(--sl-accent); opacity: 1; }
.sl-sts__bar--b { fill: var(--sl-text); opacity: .28; }
.sl-sts__blab { fill: var(--sl-text); font-family: var(--sl-font-display); font-weight: 700; font-size: 16px; }
.sl-sts__legend { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 14px; font-size: 13px; color: var(--sl-muted); }
.sl-sts__legend li { display: flex; align-items: center; gap: 7px; }
/* Swatches match the NEUTRAL bar fills, not the accent: the accent marks one category
   as the story, exactly as it marks one point on the line, and is not a series colour. */
.sl-sts__swatch { width: 10px; height: 10px; flex: none; background: var(--sl-muted); opacity: .55; }
.sl-sts__swatch--b { background: var(--sl-text); opacity: .28; }

/* ---- data-chart="waffle" ----------------------------------------------------
   100 cells, one per percentage point. Use it for a share of a whole, where the
   point is how much of the whole it is: "86 of every 100" is read off a waffle
   instantly and is very hard to misread, which a 86%-wide bar is not.
   One grid per point, so two proportions can sit side by side and be compared. */
.sl-sts__waffles { display: grid; grid-template-columns: 1fr; gap: 28px; }
@media (min-width: 640px) { .sl-sts__waffles { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 32px; } }
/* Cap the grid: cells are aspect-ratio 1, so an uncapped column turns 100 cells into a
   very tall block on a wide screen. --sl-sts-waffle caps the square, the caption below
   still runs the full column width. */
.sl-sts__waffle { display: flex; flex-direction: column; gap: 12px; }
.sl-sts__waffle .sl-sts__wgrid { max-width: var(--sl-sts-waffle, 320px); }
.sl-sts__wgrid { display: grid; grid-template-columns: repeat(10, 1fr); gap: 3px; }
.sl-sts__cell { aspect-ratio: 1; background: var(--sl-surface-2); border: 1px solid transparent; }
.sl-sts__cell--on { background: var(--sl-accent); }
.sl-sts[data-motion="scroll"] .sl-sts__cell--on,
.sl-sts[data-motion="on"] .sl-sts__cell--on { background: var(--sl-surface-2); transition: background-color .22s var(--sl-ease, cubic-bezier(.4, 0, .2, 1)); }
.sl-sts[data-motion="scroll"] .sl-sts__cell--on.is-lit,
.sl-sts[data-motion="on"].is-drawn .sl-sts__cell--on { background: var(--sl-accent); }
.sl-sts__wval { font-family: var(--sl-font-display); font-weight: 700; font-size: clamp(32px, 4vw, 44px); line-height: 1; letter-spacing: -0.02em; color: var(--sl-text); font-variant-numeric: tabular-nums; }
.sl-sts__wlab { font-size: 16px; line-height: 1.45; color: var(--sl-muted); }   /* body tier, matching .sl-sts__label: this is a real sentence, not a caption */
@media (prefers-reduced-motion: reduce) {
  .sl-sts .sl-sts__cell--on { background: var(--sl-accent) !important; transition: none !important; }
}

/* The screen-reader / no-JS data table. Visible until JS takes over. */
.sl-sts[data-plotted] .sl-sts__data { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.sl-sts__data { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 14px; color: var(--sl-muted); }

.sl-sts__cap { margin-top: 14px; display: flex; flex-direction: column; gap: 4px; }
.sl-sts__cap-t { font-family: var(--sl-font-display); font-weight: 700; font-size: 18px; color: var(--sl-text); }
.sl-sts__cap-s { font-size: 13px; line-height: 1.45; color: var(--sl-muted); }

/* ---- Metric tiles: value first, then the plain-language line it completes ---- */
.sl-sts__metrics { list-style: none; margin-top: 32px; display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 640px) { .sl-sts__metrics { grid-template-columns: repeat(3, 1fr); } }
.sl-sts__metric { display: flex; flex-direction: column; padding: 22px 20px; border: 1px solid var(--sl-border); border-radius: var(--sl-radius-sm); background: var(--sl-bg); }
.sl-sts__value { font-variant-numeric: tabular-nums; font-family: var(--sl-font-display); font-size: var(--sl-sts-value, clamp(40px, 5vw, 56px)); font-weight: 700; line-height: 1; letter-spacing: -0.02em; color: var(--sl-text); }
.sl-sts__label { margin-top: 14px; font-size: 16px; line-height: 1.45; color: var(--sl-muted); }
/* margin-top:auto floors every source line, so they align however long each label wraps. */
.sl-sts__note { margin-top: auto; padding-top: 18px; font-size: 13px; line-height: 1.4; color: var(--sl-muted); opacity: .8; }
.sl-sts__meter { margin-top: 14px; height: 6px; background: var(--sl-surface-2); }
.sl-sts__meter span { display: block; height: 100%; background: var(--sl-accent); }

/* ---- Layout knob ------------------------------------------------------------ */
.sl-sts[data-layout="split"] .sl-sts__body { margin-top: 32px; display: grid; grid-template-columns: 1fr; gap: 24px; }
.sl-sts[data-layout="split"] .sl-sts__chart { margin-top: 0; }
@media (min-width: 1024px) {
  .sl-sts[data-layout="split"] .sl-sts__body { grid-template-columns: 7fr 5fr; gap: 40px; align-items: start; }
  .sl-sts[data-layout="split"] .sl-sts__metrics { margin-top: 0; grid-template-columns: 1fr; gap: 12px; }
  .sl-sts[data-layout="split"] .sl-sts__metric { padding: 16px 18px; }
  .sl-sts[data-layout="split"] .sl-sts__value { font-size: 38px; }
  .sl-sts[data-layout="split"] .sl-sts__label { margin-top: 8px; font-size: 15px; }
}
/* overlap: the caption moves above the plot, or the lifted tiles land on top of it. */
.sl-sts[data-layout="overlap"] .sl-sts__chart { display: flex; flex-direction: column; }
.sl-sts[data-layout="overlap"] .sl-sts__cap { order: -1; margin: 0 0 16px; }
@media (min-width: 1024px) {
  .sl-sts[data-layout="overlap"] .sl-sts__chart { padding-bottom: 52px; }
  .sl-sts[data-layout="overlap"] .sl-sts__metrics { margin-top: -46px; position: relative; z-index: 2; }
  .sl-sts[data-layout="overlap"] .sl-sts__metric { background: var(--sl-surface); box-shadow: var(--sl-shadow); }
}
.sl-sts__srcrow { list-style: none; display: flex; flex-wrap: wrap; gap: 18px; margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--sl-border); font-size: 13px; color: var(--sl-muted); }

/* ---- Motion: the signature interaction ---------------------------------------
   The line wipes in left to right once, then the marked points breathe. The wipe is a
   clipPath rect scaled on its own axis, so the dashes are untouched (stroke-dashoffset
   is already spent on the dash pattern and cannot also draw the line).
   The pulse only runs while the section is on screen (.is-live). */
.sl-sts__wipe { transform-box: fill-box; transform-origin: left center; transform: scaleX(0); }
.sl-sts[data-plotted] .sl-sts__wipe { transition: transform 1.1s var(--sl-ease, cubic-bezier(.4, 0, .2, 1)); }
.sl-sts.is-drawn .sl-sts__wipe { transform: scaleX(1); }
.sl-sts.is-drawn.is-live .sl-sts__ring { animation: sl-sts-pulse 2.6s ease-out infinite; }
.sl-sts.is-drawn.is-live .sl-sts__ring:nth-of-type(2) { animation-delay: .5s; }
.sl-sts.is-drawn.is-live .sl-sts__ring:nth-of-type(3) { animation-delay: 1s; }
@keyframes sl-sts-pulse {
  0%   { transform: scale(1);   opacity: .5; }
  70%  { transform: scale(2.4); opacity: 0; }
  100% { transform: scale(2.4); opacity: 0; }
}
/* data-motion="scroll": the line draws with the page scroll, forward only. JS writes the wipe's transform, so no
   transition here (a transition would lag behind the scroll). Marked points wait for the line to reach them: their
   dot and printed value fade in, then that point's ring starts breathing. Scrolling back up leaves all of it drawn;
   the section re-arms only once it has left the viewport entirely. */
.sl-sts[data-motion="scroll"] .sl-sts__wipe { transition: none; }
.sl-sts[data-motion="scroll"] .sl-sts__dot--mark,
.sl-sts[data-motion="scroll"] .sl-sts__val { opacity: 0; transition: opacity .34s var(--sl-ease, cubic-bezier(.4, 0, .2, 1)); }
.sl-sts[data-motion="scroll"] .sl-sts__dot--mark.is-lit,
.sl-sts[data-motion="scroll"] .sl-sts__val.is-lit { opacity: 1; }
.sl-sts[data-motion="scroll"] .sl-sts__ring { animation: none; }
.sl-sts[data-motion="scroll"].is-live .sl-sts__ring.is-lit { animation: sl-sts-pulse 2.6s ease-out infinite; }

/* data-motion="off" and reduced motion both land on the finished frame. */
.sl-sts[data-motion="off"] .sl-sts__wipe,
.sl-sts[data-motion="off"].is-drawn .sl-sts__wipe { transform: scaleX(1); transition: none; }
.sl-sts[data-motion="off"] .sl-sts__ring { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .sl-sts .sl-sts__wipe { transform: scaleX(1) !important; transition: none !important; }
  .sl-sts[data-motion="scroll"] .sl-sts__dot--mark,
  .sl-sts[data-motion="scroll"] .sl-sts__val { opacity: 1 !important; }
  .sl-sts .sl-sts__ring { animation: none !important; opacity: 0 !important; }
}

/* recipe: services-features/2026-08_creohaus_photo-tile-grid-services */
.sl-ptg { background: var(--sl-bg); color: var(--sl-text); }
.sl-ptg__head { max-width: 720px; margin-bottom: 40px; }
.sl-ptg__head h2 { margin-top: 14px; }
.sl-ptg__sub { margin-top: 14px; color: var(--sl-muted); }
.sl-ptg__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (max-width: 1023px) { .sl-ptg__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .sl-ptg__grid { grid-template-columns: 1fr; gap: 20px; } }

/* The whole tile is the link; its "Learn More" is a GHOST span (no nested links). */
.sl-ptg__tile {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background: var(--sl-surface);
  border: 1px solid var(--sl-border);
  border-radius: var(--sl-radius);
  color: inherit;
  text-decoration: none;
  transition: transform 0.3s var(--sl-ease), box-shadow 0.3s var(--sl-ease);
}
.sl-ptg__tile:hover { transform: translateY(-4px); box-shadow: var(--sl-shadow); }
.sl-ptg__tile:focus-visible { outline: 2px solid var(--sl-text); outline-offset: 3px; }

/* ---- data-sl-opt-nolink: a tile whose destination does not exist yet ------------
   Ported from the master 2026-09-20 (the standing step after any Mode F change).
   A hub page is often built before the child pages it will eventually link to.
   Such a tile renders as a <div class="sl-ptg__tile" data-sl-tile data-sl-opt-nolink>
   instead of an <a>, with its CTA block deleted. It keeps the grid shape and still
   states coverage, but it must not pretend to be clickable: no lift, no photo zoom,
   no pointer. Swap it back to an <a> and restore the CTA the day that page ships. */
.sl-ptg__tile[data-sl-opt-nolink] { cursor: default; }
.sl-ptg__tile[data-sl-opt-nolink]:hover { transform: none; box-shadow: none; }
.sl-ptg__tile[data-sl-opt-nolink]:hover .sl-ptg__media img { transform: none; }
.sl-ptg__media {
  position: relative;
  aspect-ratio: var(--sl-ptg-ratio, 4 / 3);
  margin-bottom: 20px;
  border-radius: var(--sl-radius-sm);
  overflow: hidden;
  background: var(--sl-surface-2);
}
.sl-ptg__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--sl-ease); }
.sl-ptg__tile:hover .sl-ptg__media img { transform: scale(1.05); }
/* Aegispoint icon style (Yvad 2026-10-03, board https://claude.ai/artifact/BEKRdsL6xuncMTtceg9x6B option 3 in the
   accent colour; made the site's icon theme the same day): a media slot becomes a warm-onyx panel with the band grain and
   one large Material Symbols icon in gold, filled, with a pressed edge. Gold on a dark surface only, never on cream.
   Knob data-media="icon" on a section root; the icon is <span class="sl-press-icon material-symbols-outlined">.
   Promote to a micro-element on sign-off. */
.sl-ptg[data-media="icon"] .sl-ptg__media,
.sl-apt[data-media="icon"] .sl-apt__media { display: grid; place-items: center; background: var(--bg-dark); container-type: size; }
.sl-ptg[data-media="icon"] .sl-ptg__media::before,
.sl-apt[data-media="icon"] .sl-apt__media::before { content: ""; position: absolute; inset: 0; background: var(--sl-grain-image) 0 0 / 160px auto; mix-blend-mode: soft-light; opacity: var(--sl-grain-dark, 0.3); pointer-events: none; }
.sl-press-icon {
  position: relative;
  font-size: min(70cqh, 55cqw);                     /* fills the panel (Yvad 2026-10-03: "bigger, fill the tile"); cq = the media slot */
  line-height: 1;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48;
  color: var(--primary);
  filter: drop-shadow(-1px -1px 0 rgba(255, 255, 255, 0.18)) drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.7));
  transition: transform 0.5s var(--sl-ease);
}
.sl-ptg__tile:hover .sl-press-icon { transform: scale(1.05); }
.sl-ptg__tile[data-sl-opt-nolink]:hover .sl-press-icon { transform: none; }
/* Knob data-tabs-mobile="carousel" (Aegispoint 2026-10-03, promote to the recipe on sign-off): below 1024px the tab
   list hides and the panels become one swipeable row (scroll snap), one reason per screen: its tab title, the icon,
   the heading and body. Under it: previous / next SQUARE buttons around a loading line that drives the auto-advance
   (the tab lines are hidden there, and hidden elements don't animate). */
.sl-apt__mnav { display: none; }
@media (max-width: 1023px) {
  .sl-apt[data-tabs-mobile="carousel"] .sl-apt__tabs { display: none; }
  .sl-apt[data-tabs-mobile="carousel"] .sl-apt__panels {
    display: flex;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .sl-apt[data-tabs-mobile="carousel"] .sl-apt__panels::-webkit-scrollbar { display: none; }
  .sl-apt[data-tabs-mobile="carousel"] .sl-apt__panel {
    grid-area: auto;
    flex: 0 0 100%;
    scroll-snap-align: start;
    visibility: visible;
    opacity: 1;
    transition: none;
  }
  .sl-apt[data-tabs-mobile="carousel"] .sl-apt__copy::before {
    content: attr(data-tab-title);
    font-family: var(--sl-font-body);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold-label, var(--sl-accent));
  }
  .sl-apt[data-tabs-mobile="carousel"] .sl-apt__mnav {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px 20px;
    border-top: 1px solid var(--sl-border);
  }
  .sl-apt__mbar { position: relative; flex: 1; height: var(--sl-apt-bar-h); background: var(--sl-border); overflow: hidden; }
  .sl-apt__mbar-fill { position: absolute; inset: 0; background: var(--sl-accent); transform-origin: 0 50%; transform: scaleX(1); }
  .sl-apt.is-armed .sl-apt__mbar-fill { transform: scaleX(0); }
  .sl-apt.is-armed .sl-apt__mbar-fill.is-running { animation: sl-apt-fill var(--sl-apt-dur, 6000ms) linear forwards; }
  .sl-apt.is-paused .sl-apt__mbar-fill.is-running { animation-play-state: paused; }
  .sl-apt__mcount { font-size: 14px; font-variant-numeric: tabular-nums; color: var(--sl-muted); min-width: 3ch; text-align: center; }
}
.sl-apt__panel .sl-press-icon { transform: scale(0.94); transition: transform 0.6s var(--sl-ease); }
.sl-apt__panel.is-active .sl-press-icon { transform: scale(1); }   /* a small settle as each tab's panel comes in */
@media (prefers-reduced-motion: reduce) { .sl-press-icon, .sl-apt__panel .sl-press-icon { transition: none; } }
.sl-ptg__copy { display: flex; flex-direction: column; align-items: flex-start; flex: 1; }
.sl-ptg__body { margin: 8px 0 20px; color: var(--sl-muted); flex-grow: 1; }

/* Map credit. The tiles are Mapbox static images pulled with logo=false&attribution=false, which
   Mapbox permits on the condition that the credit appears elsewhere on the page. This line is that
   condition, and their attribution guide allows matching its colour and size to the design as long
   as it stays legible. Caption/meta role, so it sits below the 16px body minimum by design.

   Tuned quieter on Yvad's note, 2026-09-20: findable on purpose, skippable on a scan.
   .7 on #5b6169 over the #f8f6f1 band measures 3.05:1 — the WCAG 3:1 floor, measured rather
   than eyeballed. Do not lower the opacity further; "legible" is Mapbox's own condition for
   letting the mark come off the tiles, and 3:1 is where that claim stops being defensible.
   The underline is hover/focus-only for the same reason: a permanently underlined pair of links
   is what made this line announce itself. Links stay real, they just stop advertising. */
.sl-ptg__credit {
  margin: 18px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--sl-muted);
  opacity: .7;
}
.sl-ptg__credit a { color: inherit; text-decoration: none; }
.sl-ptg__credit a:hover,
.sl-ptg__credit a:focus-visible { color: var(--sl-accent); text-decoration: underline; text-underline-offset: 2px; }

/* Modular remainder rule (automatic): when the count leaves exactly ONE tile after full rows of 3,
   that last tile spans the grid as a wide tile. Remainder 0: uniform grid. Remainder 2: undecided,
   design it deliberately when it comes up. data-remainder="off" disables the wide tile. */
.sl-ptg:not([data-remainder="off"]) .sl-ptg__tile:nth-child(3n+1):last-child {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "heading" "media" "body" "cta";
  row-gap: 16px;
}
.sl-ptg:not([data-remainder="off"]) .sl-ptg__tile:nth-child(3n+1):last-child .sl-ptg__copy { display: contents; }
.sl-ptg:not([data-remainder="off"]) .sl-ptg__tile:nth-child(3n+1):last-child .sl-ptg__title { grid-area: heading; }
.sl-ptg:not([data-remainder="off"]) .sl-ptg__tile:nth-child(3n+1):last-child .sl-ptg__media { grid-area: media; margin: 0; aspect-ratio: 16 / 9; }
.sl-ptg:not([data-remainder="off"]) .sl-ptg__tile:nth-child(3n+1):last-child .sl-ptg__body { grid-area: body; margin: 0; }
.sl-ptg:not([data-remainder="off"]) .sl-ptg__tile:nth-child(3n+1):last-child .sl-ptg__cta { grid-area: cta; justify-self: start; }
@media (min-width: 768px) {
  /* Text column pinned to a uniform tile's copy width; the photo edge lands on the grid line above. */
  .sl-ptg:not([data-remainder="off"]) .sl-ptg__tile:nth-child(3n+1):last-child {
    grid-template-columns: var(--sl-ptg-wide-copy, 360px) 1fr;
    grid-template-areas: "copy media";
    column-gap: 24px;
    row-gap: 0;
    align-items: start;
  }
  .sl-ptg:not([data-remainder="off"]) .sl-ptg__tile:nth-child(3n+1):last-child .sl-ptg__copy {
    grid-area: copy;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 14px;
  }
  .sl-ptg:not([data-remainder="off"]) .sl-ptg__tile:nth-child(3n+1):last-child .sl-ptg__body { margin: 0; flex-grow: 0; }
  /* Fixed height, tuned to the copy block, not an aspect ratio (a ratio leaves dead space). */
  .sl-ptg:not([data-remainder="off"]) .sl-ptg__tile:nth-child(3n+1):last-child .sl-ptg__media { aspect-ratio: auto; height: var(--sl-ptg-wide-h, 320px); }
}

/* recipe: why-choose-us/2026-09_creohaus_autoplay-progress-tabs */
.sl-apt {
  --sl-apt-bar-h: 3px;
  --sl-apt-media-min: 440px;
  background: var(--sl-bg);
  color: var(--sl-text);
}
.sl-apt__head { max-width: 720px; margin-bottom: 48px; }
.sl-apt__head h2 { margin-top: 14px; }
.sl-apt__sub { margin-top: 14px; color: var(--sl-muted); }

/* The card: tabs above the panel on phones and tablets, tabs beside it from 1024px. */
.sl-apt__card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border: 1px solid var(--sl-border);
  border-radius: var(--sl-radius);
  overflow: hidden;
  background: var(--sl-surface);
}
.sl-apt__tabs { display: flex; flex-direction: column; background: var(--sl-surface-2); border-bottom: 1px solid var(--sl-border); }
.sl-apt__tab {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 20px 20px 22px;
  border: 0;
  border-bottom: 1px solid var(--sl-border);
  border-radius: 0;
  background: transparent;
  color: var(--sl-muted);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 300ms var(--sl-ease), color 300ms var(--sl-ease);
}
.sl-apt__tab:last-child { border-bottom: 0; }
.sl-apt__tab:hover { color: var(--sl-text); }
.sl-apt__tab[aria-selected="true"] { background: var(--sl-surface); color: var(--sl-text); }
.sl-apt__tab:focus-visible { outline: 2px solid var(--sl-accent); outline-offset: -2px; }
.sl-apt__tab-top { display: flex; align-items: center; gap: 10px; }
.sl-apt__tab-top .material-symbols-outlined { font-size: 22px; }
.sl-apt__tab-title { font-size: 18px; font-weight: 600; line-height: 1.3; }
.sl-apt__tab-desc { font-size: 16px; line-height: 1.5; color: var(--sl-muted); }

/* The progress line: a track along the active tab's base, filled left to right while that tab shows.
   When it fills, the next tab takes over. Without JS (or with reduced motion) it simply shows full. */
.sl-apt__bar { position: absolute; left: 0; right: 0; bottom: 0; height: var(--sl-apt-bar-h); background: var(--sl-border); opacity: 0; transition: opacity 300ms var(--sl-ease); }
.sl-apt__tab[aria-selected="true"] .sl-apt__bar { opacity: 1; }
.sl-apt__bar-fill { display: block; height: 100%; background: var(--sl-accent); transform-origin: 0 50%; transform: scaleX(1); }
.sl-apt.is-armed .sl-apt__bar-fill { transform: scaleX(0); }
.sl-apt.is-armed .sl-apt__bar-fill.is-running { animation: sl-apt-fill var(--sl-apt-dur, 6000ms) linear forwards; }
.sl-apt.is-paused .sl-apt__bar-fill.is-running { animation-play-state: paused; }
@keyframes sl-apt-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }

/* Every panel shares one grid cell, so the card is always as tall as its longest panel:
   switching tabs never moves the page. */
.sl-apt__panels { display: grid; }
.sl-apt__panel {
  grid-area: 1 / 1;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  transition: opacity 300ms var(--sl-ease), visibility 0s linear 300ms;
}
.sl-apt__panel.is-active { visibility: visible; opacity: 1; transition: opacity 300ms var(--sl-ease), visibility 0s; }
.sl-apt__media { position: relative; aspect-ratio: var(--sl-apt-ratio, 4 / 3); overflow: hidden; background: var(--sl-surface-2); }
.sl-apt__media img, .sl-apt__media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sl-apt__copy { display: flex; flex-direction: column; gap: 14px; padding: 24px 20px 28px; }
.sl-apt__copy p { color: var(--sl-muted); }

@media (min-width: 1024px) {
  .sl-apt__card { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
  .sl-apt__tabs { border-bottom: 0; border-right: 1px solid var(--sl-border); }
  .sl-apt__tab { flex: 1 1 0; justify-content: center; padding: 28px 28px 30px; }
  /* Split panel: photo left, copy right. The photo fills the panel's full height. */
  .sl-apt__panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: var(--sl-apt-media-min); }
  .sl-apt__media { aspect-ratio: auto; }
  .sl-apt__copy { justify-content: center; padding: 48px 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .sl-apt__tab, .sl-apt__bar, .sl-apt__panel { transition: none; }
}

/* recipe: steps-process/2026-09_creohaus_scroll-lit-phase-track */
.sl-slt {
  --sl-slt-badge: 56px;
  --sl-slt-line-w: 2px;
  --sl-slt-gap: 32px;
  --sl-slt-col-gap: 32px;
  --sl-slt-fill: var(--sl-accent);
  --sl-slt-lit-scale: 1.12;
  --sl-slt-lit-ms: 500ms;
  --sl-slt-glow: 0 0 16px color-mix(in srgb, var(--sl-accent) 38%, transparent);
  /* Scroll window (read by the JS on every refresh, wrapped in clamp() so it can always finish). */
  --sl-slt-start: top 85%;
  --sl-slt-end: bottom 50%;
  --sl-slt-scrub: 0.8;
  background: var(--sl-bg);
  color: var(--sl-text);
}
.sl-slt__head { max-width: 720px; margin: 0 auto 48px; text-align: center; }
.sl-slt__head h2 { margin-top: 14px; }

/* Phones: a vertical spine. Each connector runs from its badge's bottom edge to the next badge's top edge,
   so the line always touches both squares, however long each phase's copy runs. */
.sl-slt__track { list-style: none; display: flex; flex-direction: column; }
.sl-slt__item { position: relative; display: flex; gap: 16px; padding-bottom: var(--sl-slt-gap); }
.sl-slt__item:last-child { padding-bottom: 0; }
.sl-slt__link {
  position: absolute;
  z-index: 1;
  top: var(--sl-slt-badge);
  bottom: 0;
  left: calc(var(--sl-slt-badge) / 2 - var(--sl-slt-line-w) / 2);
  width: var(--sl-slt-line-w);
}
.sl-slt__item:last-child .sl-slt__link { display: none; }
.sl-slt__link-base { position: absolute; inset: 0; background: var(--sl-border); }
/* --sl-slt-p is set by the JS (0 to 1). Unset = 1, so the finished state shows without JS. */
.sl-slt__link-fill {
  position: absolute;
  inset: 0;
  background: var(--sl-slt-fill);
  transform-origin: 50% 0;
  transform: scaleY(var(--sl-slt-p, 1));
}

/* Badge: bordered square > muted square + icon. Opaque, so the line meets its edges cleanly. */
.sl-slt__badge {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  width: var(--sl-slt-badge);
  height: var(--sl-slt-badge);
  padding: 5px;
  border: 1px solid var(--sl-border);
  border-radius: max(0px, calc(var(--sl-radius) + 2px));
  background: var(--sl-surface);
  transition: transform var(--sl-slt-lit-ms) cubic-bezier(0.16, 1, 0.3, 1), border-color var(--sl-slt-lit-ms) ease, box-shadow var(--sl-slt-lit-ms) ease;
}
.sl-slt__badge-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--sl-border);
  border-radius: var(--sl-radius-sm);
  background: var(--sl-surface-2);
  color: var(--sl-text);
  transition: background-color var(--sl-slt-lit-ms) ease, border-color var(--sl-slt-lit-ms) ease, color var(--sl-slt-lit-ms) ease;
}
.sl-slt__badge-inner .material-symbols-outlined { font-size: 22px; }

/* Lit: the line has reached this phase. Without JS (or with reduced motion) every phase shows lit. */
.sl-slt__item.is-lit .sl-slt__badge,
.sl-slt:not(.is-armed) .sl-slt__badge {
  transform: scale(var(--sl-slt-lit-scale));
  border-color: var(--sl-accent);
  box-shadow: var(--sl-slt-glow);
}
.sl-slt__item.is-lit .sl-slt__badge-inner,
.sl-slt:not(.is-armed) .sl-slt__badge-inner {
  background: var(--sl-accent);
  border-color: var(--sl-accent);
  color: var(--sl-on-accent);
}

.sl-slt__content { padding-top: 4px; }
.sl-slt__label { display: block; margin-bottom: 4px; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--sl-muted); }
.sl-slt__content p { margin-top: 6px; color: var(--sl-muted); }
.sl-slt__cta { margin-top: 48px; display: flex; justify-content: center; }

@media (min-width: 768px) {
  .sl-slt { --sl-slt-badge: 64px; --sl-slt-end: top 30%; }
  /* One column per phase, however many phases there are. */
  .sl-slt__track { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; column-gap: var(--sl-slt-col-gap); }
  .sl-slt__item { flex-direction: column; gap: 0; padding: calc(var(--sl-slt-badge) + 24px) 0 0; }
  .sl-slt__badge { position: absolute; top: 0; left: 0; }
  /* Right edge of this badge to the left edge of the next one: across the column and its gap. */
  .sl-slt__link {
    top: calc(var(--sl-slt-badge) / 2 - var(--sl-slt-line-w) / 2);
    bottom: auto;
    left: var(--sl-slt-badge);
    width: calc(100% - var(--sl-slt-badge) + var(--sl-slt-col-gap));
    height: var(--sl-slt-line-w);
  }
  .sl-slt__link-fill { transform-origin: 0 50%; transform: scaleX(var(--sl-slt-p, 1)); }
  .sl-slt__content { padding-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .sl-slt__badge, .sl-slt__badge-inner { transition: none; }
}

/* recipe: cta/2026-09_creohaus_final-cta-dual-button */
.sl-fcta { background: var(--sl-fcta-bg, var(--sl-bg)); color: var(--sl-text); }
.sl-fcta__inner {
  max-width: var(--sl-fcta-max, 640px);
  margin: 0 auto;
  text-align: center;
}
.sl-fcta__sub { margin-top: 14px; color: var(--sl-muted); }
.sl-fcta__actions {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}
@media (min-width: 640px) {
  .sl-fcta__actions { flex-direction: row; align-items: center; justify-content: center; gap: 16px; }
}
/* Aegispoint 2026-10-03: on phones each button keeps its own width (Call Us Now about as wide as the sticky bar's),
   stacked and centred, instead of stretching across the screen. */
@media (max-width: 639px) {
  .sl-fcta__actions { align-items: center; }
  .sl-fcta[data-align="left"] .sl-fcta__actions { align-items: flex-start; }
}
/* Knob: data-align="left" */
.sl-fcta[data-align="left"] .sl-fcta__inner { margin: 0; text-align: left; }
@media (min-width: 640px) {
  .sl-fcta[data-align="left"] .sl-fcta__actions { justify-content: flex-start; }
}

/* recipe: footer/2026-08_creohaus_standard-agency-footer */
.sl-ftr { background: var(--sl-bg); color: var(--sl-text); padding: 80px 0 32px; }
/* Content-sized columns + space-between: the gaps between columns read equal, whatever each holds. */
.sl-ftr__grid {
  display: grid;
  grid-template-columns: auto auto auto auto;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 56px;
}
@media (max-width: 900px) { .sl-ftr__grid { grid-template-columns: 1fr 1fr; justify-content: initial; gap: 36px; } }
@media (max-width: 540px) { .sl-ftr__grid { grid-template-columns: 1fr; } }

.sl-ftr__logo { display: inline-block; margin-bottom: 20px; }
.sl-ftr__logo img { height: var(--sl-ftr-logo-h, 88px); width: auto; }
.sl-ftr { --sl-ftr-logo-h: 140px; }               /* Yvad 2026-09-18: APS crest (light), bigger */
/* recipe: services-features/2026-08_creohaus_photo-tile-grid-services (2026-09-19 master addition, copied verbatim) */
/* Optional exit under the grid (data-sl-opt-cta): centred, one button, never inside a tile. */
.sl-ptg__exit { display: flex; justify-content: var(--sl-ptg-exit-align, center); margin-top: var(--sl-ptg-exit-gap, 40px); }
/* Two light bands in a row on /executive-protection (Why It Matters, then Who This Is For) read as one chapter.
   design-standards.md / service-page-blueprint.md: zero the FIRST section's padding-bottom, never both sides. */
.sl-sts--pair { padding-bottom: 0; }
.sl-ptg { --sl-ptg-exit-gap: 48px; }              /* Yvad 2026-09-19: homepage shows 3 of 5 services, exit under the grid */
.sl-ftr__desc { color: var(--sl-muted); max-width: 280px; }

.sl-ftr__col h4 {
  font-family: var(--sl-font-body);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sl-muted);
  margin-bottom: 18px;
}
.sl-ftr__col .sl-ftr__social-head { margin-top: 24px; }
.sl-ftr__col a,
.sl-ftr__col p {
  display: block;
  color: var(--sl-text);
  opacity: 0.8;
  margin-bottom: 12px;
  text-decoration: none;
  transition: opacity 0.3s var(--sl-ease), color 0.3s var(--sl-ease);
}
.sl-ftr__col a:hover { opacity: 1; color: var(--sl-accent); }
.sl-ftr__col--info a,
.sl-ftr__col--info p { display: flex; align-items: center; gap: 10px; max-width: 240px; }
.sl-ftr__icon { font-size: 18px; flex-shrink: 0; color: var(--sl-muted); }

/* .sl-ftr__grid prefix: the social links sit inside a column whose "a" rule is display:block.
   Without the extra class the column rule wins on source order and the icon centring collapses. */
.sl-ftr__social { display: flex; gap: 12px; }
.sl-ftr__grid .sl-ftr__social a {
  width: 40px;
  height: 40px;
  margin: 0;
  opacity: 1;
  border-radius: 50%;
  border: 1px solid var(--sl-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sl-text);
  transition: background-color 0.3s var(--sl-ease), border-color 0.3s var(--sl-ease), color 0.3s var(--sl-ease);
}
.sl-ftr__grid .sl-ftr__social a:hover { background: var(--sl-accent); border-color: var(--sl-accent); color: var(--sl-on-accent); }
.sl-ftr__social svg { width: 16px; height: 16px; }

.sl-ftr__bottom {
  border-top: 1px solid var(--sl-border);
  padding-top: 28px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  color: var(--sl-muted);
  font-size: 14px;
}
.sl-ftr__credit {
  color: var(--sl-text);
  font-family: var(--sl-font-display);
  font-size: 17px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  transition: opacity 0.3s var(--sl-ease);
}
.sl-ftr__credit:hover { opacity: 0.75; }
.sl-ftr__credit-accent { color: var(--sl-accent); }
/* Phones: every footer link is a 44px tap target (site sweep verifier 2026-10-03: links measured 24px). The row height
   replaces the 12px bottom margin, so the columns grow only slightly. */
@media (max-width: 767px) {
  .sl-ftr__col a { display: flex; align-items: center; min-height: 44px; margin-bottom: 0; }
  .sl-ftr__grid .sl-ftr__social a { width: 44px; height: 44px; }
  .sl-ftr__credit { display: inline-flex; align-items: center; min-height: 44px; }
}

/* Keep the recipe's small-caps column labels: this site's base h4 rule is !important (the Tailwind CDN
   cascade guard at the top of this file) and would otherwise blow them up to the 20-24px sub-heading. */
.sl-ftr__col h4 {
  font-family: var(--sl-font-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--sl-muted) !important;
}

/* recipe: hero/2026-09_creohaus_framed-page-header */
/* Short inner-page header: one solid panel inside an accent outline, no media. Every interior page
   (about, contact, hubs) shares it, so the H1 sits at one size site-wide. */
.sl-fph {
  background: var(--sl-bg);
  color: var(--sl-text);
  padding-block: var(--sl-fph-pad, 24px);
  padding-top: var(--sl-fph-top, var(--sl-fph-pad, 24px));
}
@media (min-width: 768px) {
  .sl-fph { padding-block: var(--sl-fph-pad-lg, 40px); padding-top: var(--sl-fph-top-lg, var(--sl-fph-pad-lg, 40px)); }
}
.sl-fph__frame {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  text-align: center;
  min-height: var(--sl-fph-min, 180px);
  padding: 28px 24px;
  background: var(--sl-fph-panel, var(--sl-surface));
  border: var(--sl-fph-line, 2px) solid var(--sl-accent);
  border-radius: var(--sl-radius);
}
@media (min-width: 768px) {
  .sl-fph__frame { min-height: var(--sl-fph-min-lg, 30vh); padding: 40px 64px; }
}
.sl-fph__title {
  margin: 0;
  font-size: var(--sl-fph-title, clamp(40px, 9vw, 108px));
  line-height: 1.02;
  letter-spacing: -0.03em;
  text-transform: var(--sl-fph-title-case, none);
}
.sl-fph__sub { max-width: 640px; color: var(--sl-muted); }

/* Knob: data-align="left" */
.sl-fph[data-align="left"] .sl-fph__frame { align-items: flex-start; text-align: left; }

/* recipe: contact/2026-09_creohaus_info-card-form-split */
/* The agency contact-page baseline (values measured off the approved 2026-09-08 build). One section: a
   compact info card beside the form. DOM is info first, form second, so phones read eyebrow, heading,
   info, form; the desktop form-left swap is CSS order only. The card fills the row height and centres
   its content. */
.section.sl-icf { background: var(--sl-bg); color: var(--sl-text); padding-top: var(--sl-icf-top, 56px); }
.sl-icf__grid {
  display: grid;
  grid-template-columns: 0.75fr 1.25fr;
  gap: 56px;
  align-items: stretch;
}
/* Tracks may shrink below a long unbreakable row (an email address) instead of blowing out the grid. */
.sl-icf__grid > * { min-width: 0; }
@media (max-width: 900px) {
  .sl-icf__grid { grid-template-columns: 1fr; gap: 40px; }
}
@media (min-width: 901px) {
  .sl-icf[data-form-side="left"] .sl-icf__grid { grid-template-columns: 1.3fr 0.7fr; }
  .sl-icf[data-form-side="left"] .sl-icf__info { order: 2; }
  .sl-icf[data-form-side="left"] .sl-icf__form { order: 1; }
}

.sl-icf__card {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 40px;
  background: var(--sl-surface-2);
  border-radius: var(--sl-radius);
}
.sl-icf__title { margin-top: 14px; }
.sl-icf__sub { margin-top: 14px; font-size: 18px; color: var(--sl-muted); }

/* Sub-labels ("Information", "Follow Us"): the same job as footer column labels, not headings. */
.sl-icf__label {
  margin-bottom: 16px;
  font-family: var(--sl-font-body);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sl-muted);
}
.sl-icf__rows { margin-top: 32px; width: 100%; }
.sl-icf__row {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 48px;      /* tap target; same 50px row pitch as the baseline 36px icon + 14px gap */
  margin-bottom: 2px;
  color: var(--sl-text);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.sl-icf__row:last-child { margin-bottom: 0; }
.sl-icf__icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--sl-accent);
  color: var(--sl-on-accent);
  border-radius: var(--sl-radius-sm);
}
.sl-icf__icon .material-symbols-outlined { font-size: 20px; }
a.sl-icf__row:hover { text-decoration: underline; text-underline-offset: 4px; }
/* Aegispoint 2026-10-03: on phones the card's side padding narrows and the email stays on one line, easing its size
   down on the narrowest screens instead of breaking mid-word. */
@media (max-width: 639px) {
  .sl-icf__card { padding: 36px 20px; }
  .sl-icf__row { gap: 12px; }
  .sl-icf__row[href^="mailto:"] { white-space: nowrap; overflow-wrap: normal; font-size: clamp(14px, 3.9vw, 16px); }
}
a.sl-icf__row:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

.sl-icf__opt-social { width: 100%; }
.sl-icf__divider { height: 1px; margin: 22px 0; border: 0; background: var(--sl-border); }
.sl-icf__social { display: flex; gap: 12px; }
.sl-icf__social a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--sl-text);
  color: var(--sl-bg);
  transition: background-color 0.3s var(--sl-ease), color 0.3s var(--sl-ease);
}
.sl-icf__social a:hover { background: var(--sl-accent); color: var(--sl-on-accent); }
.sl-icf__social a:focus-visible { outline: 2px solid var(--sl-text); outline-offset: 3px; }
.sl-icf__social svg { width: 16px; height: 16px; }

/* Form slot: the client's live embed (or native form) in a surface card. The slot is the anchor target.
   Third-party embeds style their own inside, so three knobs fix what the page can't reach:
   --sl-icf-form-pad (breathing room), --sl-icf-embed-trim (hides an embed's own bottom shadow strip) and
   data-form-bleed="phones" (the form runs to the screen edges under 641px, so fixed-width widgets such as a
   300px bot check aren't cropped). */
.sl-icf__form {
  position: relative;
  overflow: hidden;
  padding: var(--sl-icf-form-pad, 16px);
  background: var(--sl-surface);
  border: 1px solid var(--sl-border);
  border-radius: var(--sl-radius);
}
/* The trim clips the frame itself: the slot's overflow would only clip at its padding edge. */
.sl-icf__form iframe {
  display: block;
  width: 100%;
  border: 0;
  margin-bottom: calc(-1 * var(--sl-icf-embed-trim, 0px));
  clip-path: inset(0 0 var(--sl-icf-embed-trim, 0px) 0);
}
@media (max-width: 640px) {
  .sl-icf[data-form-bleed="phones"] .sl-icf__form {
    margin-inline: calc(-1 * var(--sl-icf-side, 24px));
    padding: var(--sl-icf-form-pad-sm, 0px);
    border-inline: 0;
    border-radius: 0;
  }
}
/* Loading veil (set by the recipe JS, so without JS the embed simply shows). While an embed boots it shows
   its own loading bar, a blank white page and a scrollbar before it sizes itself; the slot hides all of that
   behind a quiet field skeleton and fades the finished form in once. */
.sl-icf__form[data-embed-state] iframe { transition: opacity 450ms cubic-bezier(0.4, 0, 0.2, 1); }
.sl-icf__form[data-embed-state="loading"] iframe { opacity: 0; }
.sl-icf__form[data-embed-state="loading"]::before {
  content: "";
  position: absolute;
  inset: var(--sl-icf-form-pad, 16px);
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(to bottom, var(--sl-surface-2) 0 12px, transparent 12px) left top / 30% 96px repeat-y,
    linear-gradient(to bottom, transparent 0 22px, var(--sl-surface-2) 22px 64px, transparent 64px) left top / 100% 96px repeat-y;
  animation: sl-icf-skeleton 1.4s ease-in-out infinite alternate;
}
@keyframes sl-icf-skeleton { from { opacity: 0.45; } to { opacity: 1; } }
@media (max-width: 640px) {
  .sl-icf[data-form-bleed="phones"] .sl-icf__form[data-embed-state="loading"]::before { inset: 16px 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .sl-icf__form[data-embed-state] iframe { transition: none; }
  .sl-icf__form[data-embed-state="loading"]::before { animation: none; opacity: 0.7; }
}

/* recipe: service-areas/2026-09_creohaus_centered-area-chips */
/* The agency service-area baseline (values measured off the approved 2026-09-08 build): a centred header
   stack, one wrapping row of place chips, one button to the hub. A chip is a link only when that place has
   its own page; until then it is a plain <span> with no hover, so nothing pretends to be clickable. */
.sl-ach { background: var(--sl-bg); color: var(--sl-text); }
/* Aegispoint 2026-10-03 (padding sweep): two same-colour bands back to back read as one band, so the second drops its
   top padding and the content gap stays one section padding (56px phones / 112px desktop), not two stacked. */
.sl-icf[data-band="light"] + .sl-ach[data-band="light"],
.sl-toc[data-band="light"] + .sl-ach[data-band="light"],
.sl-ach[data-band="light"] + .sl-dcf[data-band="light"] { padding-top: 0; }
.sl-ach__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  max-width: 680px;
  margin: 0 auto 48px;
  text-align: center;
}
.sl-ach__sub { font-size: 18px; line-height: 1.7; color: var(--sl-muted); }
.sl-ach__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 4px 0 8px;
  padding: 0;
}
.sl-ach__chip {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 9px 18px;
  font-size: 14px;
  font-weight: 600;
  color: var(--sl-text);
  text-decoration: none;
  background: var(--sl-surface);
  border: 1px solid var(--sl-border);
  border-radius: var(--sl-ach-radius, 100px);
}
a.sl-ach__chip {
  transition: border-color 0.3s var(--sl-ease), background-color 0.3s var(--sl-ease), color 0.3s var(--sl-ease), transform 0.2s var(--sl-ease);
}
a.sl-ach__chip:hover { border-color: var(--sl-accent); background: var(--sl-accent); color: var(--sl-on-accent); transform: translateY(-2px); }
a.sl-ach__chip:focus-visible { outline: 2px solid var(--sl-accent); outline-offset: 2px; }
.sl-ach__cta { display: flex; justify-content: center; margin-top: 24px; }
@media (prefers-reduced-motion: reduce) {
  a.sl-ach__chip:hover { transform: none; }
}

/* recipe: services-features/2026-09_creohaus_task-offer-cards */
.sl-toc { background: var(--sl-bg); color: var(--sl-text); }
.sl-toc__head { max-width: 680px; }
.sl-toc__head h2 { margin-top: 14px; }
/* :not(.eyebrow) so a section label above the heading keeps the site's own eyebrow colour and rhythm. */
.sl-toc__head p:not(.eyebrow) { margin-top: 14px; color: var(--sl-muted); }

/* Optional category chips: they really filter (never decorative tabs). */
.sl-toc__chips { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 8px; }
.sl-toc__chip {
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid var(--sl-border);
  border-radius: var(--sl-toc-chip-radius, 999px);
  background: var(--sl-surface);
  color: var(--sl-text);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s var(--sl-ease), color 0.2s var(--sl-ease), border-color 0.2s var(--sl-ease);
}
@media (max-width: 767px) { .sl-toc__chip { min-height: 48px; } }   /* 48px tap target on phones (site sweep 2026-10-03) */
.sl-toc__chip:hover { border-color: var(--sl-text); }
.sl-toc__chip[aria-selected="true"] { background: var(--sl-text); border-color: var(--sl-text); color: var(--sl-bg); }
.sl-toc__chip:focus-visible { outline: 2px solid var(--sl-text); outline-offset: 2px; }

.sl-toc__grid { list-style: none; margin-top: 32px; display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 640px) { .sl-toc__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .sl-toc__grid { grid-template-columns: repeat(var(--sl-toc-cols, 3), 1fr); } }
.sl-toc__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  background: var(--sl-surface);
  border: 1px solid var(--sl-border);
  border-radius: var(--sl-radius);
  transition: transform 0.2s var(--sl-ease), box-shadow 0.2s var(--sl-ease);
}
.sl-toc__card:hover { transform: translateY(-2px); box-shadow: var(--sl-shadow); }
.sl-toc__card[hidden] { display: none; }
.sl-toc__icon { width: 52px; height: 52px; margin-bottom: 18px; border-radius: var(--sl-radius-sm); background: var(--sl-surface-2); display: flex; align-items: center; justify-content: center; }
.sl-toc__icon .material-symbols-outlined { font-size: 26px; }
.sl-toc__outcome { margin: 6px 0 20px; color: var(--sl-muted); flex: 1; }
.sl-toc__exit { margin-top: 40px; }
@media (prefers-reduced-motion: reduce) { .sl-toc__card { transition: none; } }

/* ---- Aegis knob settings (section-pick.md, Services hub) ---- */
.sl-toc { --sl-toc-cols: 2; --sl-toc-chip-radius: var(--sl-radius); }   /* four services, two columns; sharp chips (chrome addendum) */
.sl-trc--hub { --sl-trc-lead: 0px; }                                    /* no cream lead slab: this band sits between two light sections */
.sl-fph__sub { max-width: 640px; margin-top: 14px; }                    /* optional intro line under the page H1 (14px rule) */

/* ---- Stage 4 service pages (section-pick.md, 2026-09-20) ---- */
/* Two light toc bands run back to back as one chapter (Who This Is For, then What We Cover).
   Same documented double-gap fix as .sl-sts--pair: zero the FIRST section's bottom padding only. */
.sl-toc--pair { padding-bottom: 0; }
/* The second band is 3-up at 3 columns, so it does not read as a repeat of the 2-up grid above it. */
.sl-toc--cover { --sl-toc-cols: 3; }

/* recipe: faq/2026-08_creohaus_dot-collapse-faq-accordion */
.sl-dcf { background: var(--sl-bg); color: var(--sl-text); }
.sl-dcf__inner { max-width: var(--sl-dcf-max, 780px); margin: 0 auto; }
.sl-dcf__head { text-align: center; margin-bottom: 40px; }
.sl-dcf__head h2 { margin-top: 12px; }
.sl-dcf__sub { margin: 16px auto 0; max-width: 48ch; color: var(--sl-muted); }

.sl-dcf__list { display: flex; flex-direction: column; gap: 8px; }
.sl-dcf__row {
  border: 1px solid var(--sl-border);
  border-radius: var(--sl-radius);
  overflow: hidden;
  background: color-mix(in srgb, var(--sl-surface-2) 40%, var(--sl-surface));
  transition: background-color 0.25s ease;
}
.sl-dcf__row.is-open { background: var(--sl-surface); }
.sl-dcf__q { margin: 0; }
.sl-dcf__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  margin: 0;
  border: 0;
  background: none;
  cursor: pointer;
  text-align: left;
  color: var(--sl-text);
  font: inherit;
  /* Resting padding. The open-state question-to-answer gap is exactly half of it (see below). */
  padding: var(--sl-dcf-pad, 20px) 24px;
  transition: background-color 0.25s ease;
}
@media (min-width: 640px) { .sl-dcf__trigger { padding-left: 32px; padding-right: 32px; } }
.sl-dcf__row:not(.is-open) .sl-dcf__trigger:hover { background: color-mix(in srgb, var(--sl-surface-2) 75%, var(--sl-surface)); }
.sl-dcf__trigger:focus-visible { outline: 2px solid var(--sl-text); outline-offset: -2px; }
.sl-dcf__row.is-open .sl-dcf__trigger { padding-bottom: calc(var(--sl-dcf-pad, 20px) / 2); }

/* Collapse indicator: 3 shapes; opening a row sends the outer two into the middle one. */
.sl-dcf__ind { display: flex; flex-shrink: 0; gap: 6px; align-items: center; --step: 12px; }
.sl-dcf[data-indicator="vertical"] .sl-dcf__ind { flex-direction: column; }
.sl-dcf[data-indicator="horizontal"] .sl-dcf__ind { flex-direction: row; }
.sl-dcf__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sl-text);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.sl-dcf[data-indicator-shape="square"] .sl-dcf__dot { border-radius: 0; }
/* Star: for a brand whose own mark carries stars. A 6px box reads as a blob once cut into points, so the star
   variant gets a bigger box and a tighter gap; the collapse animation is untouched. */
.sl-dcf[data-indicator-shape="star"] .sl-dcf__ind { gap: 3px; --step: 14px; }
.sl-dcf[data-indicator-shape="star"] .sl-dcf__dot {
  width: 11px;
  height: 11px;
  border-radius: 0;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.sl-dcf[data-indicator="vertical"] .is-open .sl-dcf__dot:first-child { transform: translateY(var(--step)); opacity: 0; }
.sl-dcf[data-indicator="vertical"] .is-open .sl-dcf__dot:last-child { transform: translateY(calc(var(--step) * -1)); opacity: 0; }
.sl-dcf[data-indicator="horizontal"] .is-open .sl-dcf__dot:first-child { transform: translateX(var(--step)); opacity: 0; }
.sl-dcf[data-indicator="horizontal"] .is-open .sl-dcf__dot:last-child { transform: translateX(calc(var(--step) * -1)); opacity: 0; }

.sl-dcf__panel { height: 0; overflow: hidden; transition: height 0.4s ease; }
.sl-dcf__answer { padding: 0 24px var(--sl-dcf-pad, 20px); color: var(--sl-muted); }
@media (min-width: 640px) { .sl-dcf__answer { padding-left: 32px; padding-right: 32px; } }
@media (prefers-reduced-motion: reduce) {
  .sl-dcf__panel, .sl-dcf__dot, .sl-dcf__row { transition: none; }
}

/* recipe: footer/2026-08_creohaus_standard-agency-footer (data-sl-opt-legal block, ported from the master verbatim 2026-10-01) */
/* Optional part data-sl-opt-legal: Privacy / Terms links in the bottom bar, between the copyright and the credit
   (legal pages link from here only, never the main nav). Same muted small print as the copyright; 48px tap rows on
   phones. Delete the block if the site has no legal pages yet. */
.sl-ftr__legal { display: flex; flex-wrap: wrap; gap: 4px 24px; }
.sl-ftr__legal a {
  color: var(--sl-muted);
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 3px;
  transition: color 0.3s var(--sl-ease), text-decoration-color 0.3s var(--sl-ease);
}
.sl-ftr__legal a:hover { color: var(--sl-text); text-decoration-color: currentColor; }
.sl-ftr__legal a:focus-visible { outline: 2px solid var(--sl-text); outline-offset: 4px; }
.sl-ftr__legal a:active { transform: translateY(1px); }
@media (max-width: 767px) { .sl-ftr__legal a { display: inline-flex; align-items: center; min-height: 48px; } }

/* ==== Legal copy (/privacy, /terms): data-recipe="exempt:legal" ====
   The library has no prose recipe; section-verify.cjs allows exempt:<reason> for legal/utility copy, and CreoHaus's
   own /privacy set the precedent (its .ch-legal block, re-skinned here to Aegispoint tokens). One contained reading
   column, plain headings and paragraphs, per privacy-page-blueprint.md / terms-page-blueprint.md.
   Section headings inside a legal document are a different job from page section H2s (design-standards.md
   "Same Job, Same Size": a dense document heading is a different kind of element), so they get one scoped size,
   behind !important only because the base heading block is !important (Tailwind CDN cascade guard above). */
.aps-legal { background: var(--sl-bg); color: var(--sl-text); }
.aps-legal__doc { max-width: 70ch; margin: 0 auto; }
.aps-legal__doc p, .aps-legal__doc li { font-size: 17px; line-height: 1.7; color: var(--muted); }
.aps-legal__updated { font-size: 13px !important; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent) !important; margin-bottom: 14px; }
.aps-legal__lead { font-size: 19px !important; color: var(--text) !important; margin-bottom: 40px; }
.aps-legal__doc h2 { font-size: clamp(26px, 3vw, 32px) !important; letter-spacing: -0.01em; margin: 48px 0 14px; scroll-margin-top: 110px; }
.aps-legal__doc h2:first-of-type { margin-top: 0; }
.aps-legal__doc p + p, .aps-legal__doc ul + p, .aps-legal__doc p + ul { margin-top: 14px; }
.aps-legal__doc ul { margin: 0; padding-left: 1.25em; list-style: square; }
.aps-legal__doc li { margin-top: 8px; }
.aps-legal__doc li::marker { color: var(--accent); }
.aps-legal__doc strong { font-weight: 600; color: var(--text); }
.aps-legal__doc a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; transition: color 0.3s var(--sl-ease); }
.aps-legal__doc a:hover { color: var(--accent); text-decoration-thickness: 2px; }
.aps-legal__doc a:focus-visible { outline: 2px solid var(--text); outline-offset: 2px; }
.aps-legal__doc a:active { transform: translateY(1px); }
@media (max-width: 767px) {
  .aps-legal__lead { font-size: 18px !important; margin-bottom: 32px; }
  .aps-legal__doc h2 { margin-top: 40px; }
}