{# Cellular strip defs — pattern-pulse CSS + state-signal cascade.

   The outer strip.svg.j2 renders a clip-path defs; here we add the living
   cell pulse animation classes (same phi offsets as the badge paradigm) and
   inline the state-signal cascade so metric-state cells can route through
   --hw-state-signal / --hw-state-value CSS vars. #}
<style>{{ font_faces | safe }}
.cz1{animation:czp {{ cellular_pulse_base_duration | default('6s') }} ease-in-out infinite;will-change:opacity}
.cz2{animation:czp {{ cellular_pulse_base_duration | default('6s') }} ease-in-out infinite 1.5s;will-change:opacity}
.cz3{animation:czp {{ cellular_pulse_base_duration | default('6s') }} ease-in-out infinite 3s;will-change:opacity}
.cz4{animation:czp {{ cellular_pulse_base_duration | default('6s') }} ease-in-out infinite 4.5s;will-change:opacity}
.czf{animation:czp {{ cellular_pulse_fast_duration | default('3s') }} ease-in-out infinite 0.5s;will-change:opacity}
.czd{opacity:.07}
@keyframes czp{0%,100%{opacity:.05}30%{opacity:.8}50%{opacity:.3}70%{opacity:.65}}
@media(prefers-reduced-motion:reduce){.cz1,.cz2,.cz3,.cz4,.czf{animation:none!important;opacity:.35!important}}
{# v0.3.0: identity / metric-label / metric-value fills come from
   cellular_palette.primary so the strip's typography shifts with variant.
   Pre-v0.3 these read from genome-level brand_text/label_text/metric_text
   (variant-agnostic), which made the strip's left zone stay teal regardless
   of ?variant= — the canonical left-zone-variant fix from v0.3.0 review. #}
.{{ uid }}-identity{font-family:'Orbitron',sans-serif;font-size:{{ identity_font_size | default(8) }}px;font-weight:700;fill:{{ cellular_palette.primary.seam_mid }};letter-spacing:0.14em}
.{{ uid }}-metric-label{font-family:'JetBrains Mono',monospace;font-size:{{ strip_metric_label_size | default(5.5) }}px;fill:{{ cellular_palette.primary.label_text }};letter-spacing:0.22em;opacity:0.9}
.{{ uid }}-metric-value{font-family:'Chakra Petch',sans-serif;font-size:16px;font-weight:700;fill:{{ cellular_palette.primary.value_text }}}
{% include "partials/state-signal-cascade.j2" %}
</style>
