/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 19 2025 | 20:48:29 */
/* =========================================
   Animated Shield — FMV
   - Bars & circle: stroke-draw
   - Text glyphs: fade-in with variable-based stagger
   ========================================= */

/* ---------- Generic container ---------- */
.home-shield .animated-icon {
  display: block;
  margin: 0 auto;
  cursor: pointer;
  width: 100%;
  max-width: 346.8px;
  height: auto;
}

/* ---------- Keyframes ---------- */
@keyframes drawIn {
  from {
    stroke-dashoffset: var(--dash-length);
    opacity: var(--start-opacity, 1);
  }
  to {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@keyframes fadeInText {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ---------- Shield palette ---------- */
#fmv-shield {
  --orange: #f68933;
  --orange-dark: #f26532;
  --gray: #808083;
}

#fmv-shield .orange      { stroke: var(--orange); }
#fmv-shield .orange-dark { stroke: var(--orange-dark); }
#fmv-shield .gray        { stroke: var(--gray); }
#fmv-shield .cls-1       { fill:  var(--gray); }

/* ---------- Element bases ---------- */
#fmv-shield .bar {
  stroke-width: 14;
  fill: none;
}

#fmv-shield .circle {
  stroke: var(--gray);
  stroke-width: 3;
  fill: none;
}

/* Initial state: hidden */
#fmv-shield .svg-element {
  stroke-dasharray: var(--dash-length);
  stroke-dashoffset: var(--dash-length);
  animation: none;
}

#fmv-shield .text-element {
  opacity: 0;
  animation: none;
}

/* Drawn state (after JS flips to .drawn) */
#fmv-shield.drawn .svg-element { stroke-dashoffset: 0; }
#fmv-shield.drawn .text-element { opacity: 1; }

/* ---------- Dash lengths ---------- */
#fmv-shield #BAR_1         { --dash-length: 118.6; }
#fmv-shield #BAR_2         { --dash-length: 118.6; }
#fmv-shield #BAR_3         { --dash-length: 118.6; }
#fmv-shield #BAR_4         { --dash-length: 53.3; }
#fmv-shield #BAR_5         { --dash-length: 28.26; }
#fmv-shield #BAR_6         { --dash-length: 74.6; }
#fmv-shield #INNER_CIRCLE  { --dash-length: 967; }

/* =========================================
   Animation wiring (when JS adds .animating)
   ========================================= */

/* Stroke-drawn elements use dash animation */
#fmv-shield.animating .svg-element {
  animation: drawIn var(--animation-duration, 0.4s) ease-out forwards;
  animation-delay: var(--animation-delay, 0s);
}

/* Individual timings for bars/circle */
#fmv-shield.animating #BAR_1         { --animation-duration: 0.4s; --animation-delay: 0.10s; }
#fmv-shield.animating #BAR_2         { --animation-duration: 0.4s; --animation-delay: 0.15s; }
#fmv-shield.animating #BAR_3         { --animation-duration: 0.4s; --animation-delay: 0.20s; }
#fmv-shield.animating #BAR_4         { --animation-duration: 0.3s; --animation-delay: 0.25s; }
#fmv-shield.animating #BAR_5         { --animation-duration: 0.3s; --animation-delay: 0.30s; }
#fmv-shield.animating #BAR_6         { --animation-duration: 0.3s; --animation-delay: 0.35s; }
#fmv-shield.animating #INNER_CIRCLE  { --animation-duration: 1.5s; --animation-delay: 0.50s; }

/* Text elements get a pure fade */
#fmv-shield.animating .text-element {
  animation: fadeInText 0.4s ease-out forwards;
}

/* =========================================
   SOUND INVESTMENTS — variable-based stagger
   - Set group-level base & step once
   - Give each glyph an index (--i)
   - Delay = base + step * i
   ========================================= */

/* ---------------- SOUND INVESTMENTS ---------------- */
#fmv-shield #SOUND_INVESTMENTS {
  --base: 0.60s;          /* first glyph starts */
  --step: 0.05s;          /* spacing between glyphs */
}
#fmv-shield.animating #SOUND_INVESTMENTS .text-element,
#fmv-shield.animating #SOUND_INVESTMENTS path {
  animation: fadeInText 0.4s ease-out forwards;
  animation-delay: calc(var(--base) + (var(--step) * var(--i, 0)));
}
/* Index assignment (1..16) */
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(1),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(1)  { --i: 0;  }
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(2),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(2)  { --i: 1;  }
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(3),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(3)  { --i: 2;  }
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(4),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(4)  { --i: 3;  }
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(5),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(5)  { --i: 4;  }
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(6),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(6)  { --i: 5;  }
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(7),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(7)  { --i: 6;  }
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(8),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(8)  { --i: 7;  }
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(9),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(9)  { --i: 8;  }
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(10),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(10) { --i: 9;  }
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(11),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(11) { --i: 10; }
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(12),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(12) { --i: 11; }
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(13),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(13) { --i: 12; }
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(14),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(14) { --i: 13; }
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(15),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(15) { --i: 14; }
#fmv-shield #SOUND_INVESTMENTS .text-element:nth-child(16),
#fmv-shield #SOUND_INVESTMENTS path:nth-child(16) { --i: 15; }

/* ---------------- THAT MAKE NOISE ---------------- */
#fmv-shield #THAT_MAKE_NOISE {
  --base: 1.40s;
  --step: 0.05s;
}
#fmv-shield.animating #THAT_MAKE_NOISE .text-element,
#fmv-shield.animating #THAT_MAKE_NOISE path {
  animation: fadeInText 0.4s ease-out forwards;
  animation-delay: calc(var(--base) + (var(--step) * var(--i, 0)));
}
/* Index assignment (1..13) */
#fmv-shield #THAT_MAKE_NOISE .text-element:nth-child(1),
#fmv-shield #THAT_MAKE_NOISE path:nth-child(1)  { --i: 0;  }
#fmv-shield #THAT_MAKE_NOISE .text-element:nth-child(2),
#fmv-shield #THAT_MAKE_NOISE path:nth-child(2)  { --i: 1;  }
#fmv-shield #THAT_MAKE_NOISE .text-element:nth-child(3),
#fmv-shield #THAT_MAKE_NOISE path:nth-child(3)  { --i: 2;  }
#fmv-shield #THAT_MAKE_NOISE .text-element:nth-child(4),
#fmv-shield #THAT_MAKE_NOISE path:nth-child(4)  { --i: 3;  }
#fmv-shield #THAT_MAKE_NOISE .text-element:nth-child(5),
#fmv-shield #THAT_MAKE_NOISE path:nth-child(5)  { --i: 4;  }
#fmv-shield #THAT_MAKE_NOISE .text-element:nth-child(6),
#fmv-shield #THAT_MAKE_NOISE path:nth-child(6)  { --i: 5;  }
#fmv-shield #THAT_MAKE_NOISE .text-element:nth-child(7),
#fmv-shield #THAT_MAKE_NOISE path:nth-child(7)  { --i: 6;  }
#fmv-shield #THAT_MAKE_NOISE .text-element:nth-child(8),
#fmv-shield #THAT_MAKE_NOISE path:nth-child(8)  { --i: 7;  }
#fmv-shield #THAT_MAKE_NOISE .text-element:nth-child(9),
#fmv-shield #THAT_MAKE_NOISE path:nth-child(9)  { --i: 8;  }
#fmv-shield #THAT_MAKE_NOISE .text-element:nth-child(10),
#fmv-shield #THAT_MAKE_NOISE path:nth-child(10) { --i: 9;  }
#fmv-shield #THAT_MAKE_NOISE .text-element:nth-child(11),
#fmv-shield #THAT_MAKE_NOISE path:nth-child(11) { --i: 10; }
#fmv-shield #THAT_MAKE_NOISE .text-element:nth-child(12),
#fmv-shield #THAT_MAKE_NOISE path:nth-child(12) { --i: 11; }
#fmv-shield #THAT_MAKE_NOISE .text-element:nth-child(13),
#fmv-shield #THAT_MAKE_NOISE path:nth-child(13) { --i: 12; }

/* ---------------- ESTABLISHED 2013 ---------------- */
#fmv-shield #ESTABLISHED_2013 {
  --base: 2.10s;
  --step: 0.02s;
}
#fmv-shield.animating #ESTABLISHED_2013 .text-element,
#fmv-shield.animating #ESTABLISHED_2013 path {
  animation: fadeInText 0.4s ease-out forwards;
  animation-delay: calc(var(--base) + (var(--step) * var(--i, 0)));
}
/* Index assignment (1..15) */
#fmv-shield #ESTABLISHED_2013 .text-element:nth-child(1),
#fmv-shield #ESTABLISHED_2013 path:nth-child(1)  { --i: 0;  }
#fmv-shield #ESTABLISHED_2013 .text-element:nth-child(2),
#fmv-shield #ESTABLISHED_2013 path:nth-child(2)  { --i: 1;  }
#fmv-shield #ESTABLISHED_2013 .text-element:nth-child(3),
#fmv-shield #ESTABLISHED_2013 path:nth-child(3)  { --i: 2;  }
#fmv-shield #ESTABLISHED_2013 .text-element:nth-child(4),
#fmv-shield #ESTABLISHED_2013 path:nth-child(4)  { --i: 3;  }
#fmv-shield #ESTABLISHED_2013 .text-element:nth-child(5),
#fmv-shield #ESTABLISHED_2013 path:nth-child(5)  { --i: 4;  }
#fmv-shield #ESTABLISHED_2013 .text-element:nth-child(6),
#fmv-shield #ESTABLISHED_2013 path:nth-child(6)  { --i: 5;  }
#fmv-shield #ESTABLISHED_2013 .text-element:nth-child(7),
#fmv-shield #ESTABLISHED_2013 path:nth-child(7)  { --i: 6;  }
#fmv-shield #ESTABLISHED_2013 .text-element:nth-child(8),
#fmv-shield #ESTABLISHED_2013 path:nth-child(8)  { --i: 7;  }
#fmv-shield #ESTABLISHED_2013 .text-element:nth-child(9),
#fmv-shield #ESTABLISHED_2013 path:nth-child(9)  { --i: 8;  }
#fmv-shield #ESTABLISHED_2013 .text-element:nth-child(10),
#fmv-shield #ESTABLISHED_2013 path:nth-child(10) { --i: 9;  }
#fmv-shield #ESTABLISHED_2013 .text-element:nth-child(11),
#fmv-shield #ESTABLISHED_2013 path:nth-child(11) { --i: 10; }
#fmv-shield #ESTABLISHED_2013 .text-element:nth-child(12),
#fmv-shield #ESTABLISHED_2013 path:nth-child(12) { --i: 11; }
#fmv-shield #ESTABLISHED_2013 .text-element:nth-child(13),
#fmv-shield #ESTABLISHED_2013 path:nth-child(13) { --i: 12; }
#fmv-shield #ESTABLISHED_2013 .text-element:nth-child(14),
#fmv-shield #ESTABLISHED_2013 path:nth-child(14) { --i: 13; }
#fmv-shield #ESTABLISHED_2013 .text-element:nth-child(15),
#fmv-shield #ESTABLISHED_2013 path:nth-child(15) { --i: 14; }

/* ---------------- FREE MARKET VENTURES ---------------- */
#fmv-shield #FREE_MARKET_VENTURES {
  --base: 2.60s;
  --step: 0.02s;
}
#fmv-shield.animating #FREE_MARKET_VENTURES .text-element,
#fmv-shield.animating #FREE_MARKET_VENTURES path {
  animation: fadeInText 0.4s ease-out forwards;
  animation-delay: calc(var(--base) + (var(--step) * var(--i, 0)));
}
/* Index assignment (1..19) */
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(1),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(1)  { --i: 0;  }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(2),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(2)  { --i: 1;  }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(3),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(3)  { --i: 2;  }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(4),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(4)  { --i: 3;  }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(5),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(5)  { --i: 4;  }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(6),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(6)  { --i: 5;  }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(7),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(7)  { --i: 6;  }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(8),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(8)  { --i: 7;  }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(9),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(9)  { --i: 8;  }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(10),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(10) { --i: 9;  }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(11),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(11) { --i: 10; }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(12),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(12) { --i: 11; }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(13),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(13) { --i: 12; }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(14),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(14) { --i: 13; }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(15),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(15) { --i: 14; }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(16),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(16) { --i: 15; }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(17),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(17) { --i: 16; }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(18),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(18) { --i: 17; }
#fmv-shield #FREE_MARKET_VENTURES .text-element:nth-child(19),
#fmv-shield #FREE_MARKET_VENTURES path:nth-child(19) { --i: 18; }

/* ---------------- Tick marks (keep your chunked groups) ---------------- */
#fmv-shield.animating #LEFT_SIDE rect,
#fmv-shield.animating #RIGHT_SIDE rect {
  animation: fadeInText 0.05s ease forwards;
}

/* LEFT side chunks */
#fmv-shield.animating #LEFT_SIDE rect:nth-child(n)    { animation-delay: 2.40s; }
#fmv-shield.animating #LEFT_SIDE rect:nth-child(n+5)  { animation-delay: 2.42s; }
#fmv-shield.animating #LEFT_SIDE rect:nth-child(n+10) { animation-delay: 2.44s; }
#fmv-shield.animating #LEFT_SIDE rect:nth-child(n+15) { animation-delay: 2.46s; }
#fmv-shield.animating #LEFT_SIDE rect:nth-child(n+20) { animation-delay: 2.48s; }
#fmv-shield.animating #LEFT_SIDE rect:nth-child(n+25) { animation-delay: 2.50s; }
#fmv-shield.animating #LEFT_SIDE rect:nth-child(n+30) { animation-delay: 2.52s; }
#fmv-shield.animating #LEFT_SIDE rect:nth-child(n+35) { animation-delay: 2.54s; }
#fmv-shield.animating #LEFT_SIDE rect:nth-child(n+40) { animation-delay: 2.56s; }

/* RIGHT side chunks */
#fmv-shield.animating #RIGHT_SIDE rect:nth-child(n)    { animation-delay: 2.40s; }
#fmv-shield.animating #RIGHT_SIDE rect:nth-child(n+5)  { animation-delay: 2.42s; }
#fmv-shield.animating #RIGHT_SIDE rect:nth-child(n+10) { animation-delay: 2.44s; }
#fmv-shield.animating #RIGHT_SIDE rect:nth-child(n+15) { animation-delay: 2.46s; }
#fmv-shield.animating #RIGHT_SIDE rect:nth-child(n+20) { animation-delay: 2.48s; }
#fmv-shield.animating #RIGHT_SIDE rect:nth-child(n+25) { animation-delay: 2.50s; }
#fmv-shield.animating #RIGHT_SIDE rect:nth-child(n+30) { animation-delay: 2.52s; }
#fmv-shield.animating #RIGHT_SIDE rect:nth-child(n+35) { animation-delay: 2.54s; }
#fmv-shield.animating #RIGHT_SIDE rect:nth-child(n+40) { animation-delay: 2.56s; }

/* =========================================
   Accessibility
   ========================================= */
@media (prefers-reduced-motion: reduce) {
  #fmv-shield .svg-element {
    stroke-dashoffset: 0;
    animation: none;
  }
  #fmv-shield .text-element {
    opacity: 1;
    animation: none;
  }
}