/* MagnusPrime Homepage */

/* =========
   HOME GATE - MagnusPrime
   ========= */

.mp-home{
  min-height: 100svh;
  min-height: 100dvh;
  background:
    radial-gradient(1200px 600px at 60% 0%, rgba(120,200,255,.12), transparent 55%),
    radial-gradient(900px 500px at 30% 70%, rgba(190,160,255,.10), transparent 60%),
    var(--mp-bg);
  color: rgba(245,248,255,.92);
  position: relative;
  overflow: clip;
  padding-top: calc(3rem + env(safe-area-inset-top));
}

.mp-home::before{
  content:"";
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(circle at 50% 35%, rgba(140,220,255,.10), transparent 45%),
    radial-gradient(circle at 20% 65%, rgba(190,160,255,.08), transparent 48%);
  filter: blur(2px);
  opacity: .9;
  pointer-events:none;
}

.mp-home .container{
  position:relative;
  z-index:2;
  max-width:1100px;
}

/* Shared tokens/components (.mp-label, .mp-panel base, .mp-divider, .mp-chip,
   .mp-btn / .mp-btn-primary / .mp-btn-ghost) now load via
   00-magnusprime-tokens.css and 03-magnusprime-components.css — enqueued
   site-wide in functions.php. .mp-panel below only adds the extra
   depth/shadow unique to the homepage's hero treatment; its background,
   border, and radius now come from the global rule. Buttons on this page
   now pair the .mp-btn base class with the .mp-btn-primary/.mp-btn-ghost
   modifier in the markup, same as the archive pages. */
.mp-panel{
  box-shadow:
    0 10px 30px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.03);
}

/* ==========================
   SIGIL
   ========================== */

.mp-sigil-link{
  display:inline-block;
  text-decoration:none;
  color: inherit;
  cursor: pointer;
  outline: none;
}

.mp-sigil{
  width: clamp(260px, 40vw, 460px);
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  border-radius: 1.4rem;
  overflow: hidden;
  border: 1px solid rgba(120,200,255,.18);
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 35%, rgba(140,220,255,.20), rgba(5,7,11,1) 70%),
    radial-gradient(circle at 50% 85%, rgba(190,160,255,.12), rgba(5,7,11,0) 55%),
    linear-gradient(180deg, rgba(10,12,18,.55), rgba(5,7,11,1));
  transform: translateZ(0);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.mp-sigil::before{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%, rgba(140,220,255,.22), rgba(140,220,255,0) 55%),
    radial-gradient(circle at 30% 75%, rgba(190,160,255,.14), rgba(190,160,255,0) 60%);
  filter: blur(10px);
  opacity: .82;
  transform: scale(.98);
  animation: mpSigilBreathe 6.5s ease-in-out infinite;
}

.mp-sigil::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(closest-side at 18% 50%, rgba(140,220,255,.25), rgba(140,220,255,0) 65%),
    radial-gradient(closest-side at 82% 50%, rgba(140,220,255,.25), rgba(140,220,255,0) 65%),
    radial-gradient(circle at 50% 50%, rgba(0,0,0,0) 55%, rgba(0,0,0,.55) 100%),
    linear-gradient(110deg, rgba(255,255,255,0) 40%, rgba(140,220,255,.10) 50%, rgba(255,255,255,0) 60%);
  background-size: auto, auto, auto, 220% 100%;
  background-position: 0 0, 0 0, 0 0, -60% 0;
  opacity: .95;
  transition: background-position .6s ease, opacity .25s ease;
  mix-blend-mode: screen;
}

.mp-sigil img{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit: contain;
  object-position: 50% 50%;
  display:block;
  filter:
    saturate(1.08)
    contrast(1.08)
    drop-shadow(0 0 18px rgba(140,220,255,.16))
    drop-shadow(0 0 42px rgba(140,220,255,.10));
  transition: transform .35s ease, filter .35s ease;
}

.mp-sigil-hint{
  position:absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  z-index:3;
  font-size: .72rem;
  letter-spacing: .32em;
  text-transform: uppercase;
  color: rgba(245,248,255,.82);
  padding: .5rem .9rem;
  border-radius: 999px;
  border: 1px solid rgba(120,200,255,.18);
  background: rgba(10,12,18,.28);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  opacity: .92;
  transition: opacity .22s ease, transform .22s ease, border-color .22s ease;
}

.mp-sigil-link:hover .mp-sigil,
.mp-sigil-link:focus-visible .mp-sigil{
  border-color: rgba(140,220,255,.30);
  box-shadow: 0 0 0 1px rgba(140,220,255,.08), 0 26px 90px rgba(0,0,0,.60);
  transform: translateY(-2px);
}

.mp-sigil-link:hover .mp-sigil::before,
.mp-sigil-link:focus-visible .mp-sigil::before{
  opacity: .98;
  transform: scale(1.03);
}

.mp-sigil-link:hover .mp-sigil::after,
.mp-sigil-link:focus-visible .mp-sigil::after{
  background-position: 0 0, 0 0, 0 0, 60% 0;
  opacity: 1;
}

.mp-sigil-link:hover .mp-sigil img,
.mp-sigil-link:focus-visible .mp-sigil img{
  transform: scale(1.01);
}

.mp-sigil-link:hover .mp-sigil-hint,
.mp-sigil-link:focus-visible .mp-sigil-hint{
  opacity: 1;
  transform: translateX(-50%) translateY(-1px);
  border-color: rgba(140,220,255,.32);
}

@keyframes mpSigilBreathe{
  0%,100%{ transform: scale(.98); opacity:.76; }
  50%{ transform: scale(1.03); opacity:.92; }
}

/* ==========================
   PRIMARY SIGNAL CHIP
   ========================== */

.mp-primary-signal{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  border: 1px solid rgba(120,200,255,.18);
  background: rgba(10,12,18,.22);
  padding: .35rem .75rem;
  border-radius: 999px;
  font-size: .70rem;
  letter-spacing: .32em;
  text-transform: uppercase;
  color: rgba(245,248,255,.80);
  margin-bottom: .65rem;
}

.mp-primary-signal .dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background: rgba(140,220,255,.85);
  box-shadow: 0 0 18px rgba(140,220,255,.30);
  animation: mpDotPulse 1.8s ease-in-out infinite;
}

@keyframes mpDotPulse{
  0%,100%{ transform: scale(1); opacity:.78; }
  50%{ transform: scale(1.35); opacity: 1; }
}

/* ==========================
   SHARED FEATURE SLIDER
   ========================== */

.mp-feature-stage{
  position: relative;
  min-height: 560px;
  height: auto;
  overflow: hidden;
  padding: 0 3.5rem;
}

.mp-feature-card{
  position: absolute;
  inset: 0;
  width: min(760px, 100%);
  margin: 0 auto;
  opacity: 0;
  pointer-events: none;
  transition:
    transform 280ms ease,
    opacity 280ms ease,
    filter 280ms ease;
  overflow: hidden;
}

.mp-feature-card .mp-panel{
  min-height: 520px;
  height: auto;
  padding: 1.5rem 1.5rem 2rem;
  background: rgba(10,12,18,.82);
  border: 1px solid rgba(120,200,255,.18);
  box-shadow:
    0 24px 60px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.mp-feature-card .mp-panel::before,
.mp-feature-card .mp-panel::after{
  display: none !important;
  content: none !important;
}

.mp-feature-card.active{
  opacity: 1;
  transform: translateX(0) scale(1);
  z-index: 3;
  pointer-events: auto;
}

.mp-feature-card.active .mp-panel{
  min-height: 520px;
  background: rgba(8,10,14,.96);
  border: 1px solid rgba(140,220,255,.22);
  box-shadow:
    0 28px 80px rgba(0,0,0,.55),
    0 0 0 1px rgba(140,220,255,.06),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.mp-feature-card.prev{
  opacity: .88;
  transform: translateX(-46%) scale(.88);
  z-index: 2;
  filter: brightness(.68) saturate(.82);
}

.mp-feature-card.next{
  opacity: .88;
  transform: translateX(46%) scale(.88);
  z-index: 2;
  filter: brightness(.68) saturate(.82);
}

.mp-feature-card.prev .mp-panel,
.mp-feature-card.next .mp-panel{
  background: rgba(6,9,14,.96);
  border-color: rgba(120,200,255,.08);
  box-shadow:
    0 12px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.015);
}

.mp-feature-card.is-hidden-left{
  opacity: 0;
  transform: translateX(-62%) scale(.82);
  z-index: 1;
}

.mp-feature-card.is-hidden-right{
  opacity: 0;
  transform: translateX(62%) scale(.82);
  z-index: 1;
}

.mp-feature-inner{
  height: 100%;
}

.mp-feature-media{
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 1.1rem;
  overflow: hidden;
  border: none;
  background: transparent;
  box-shadow: none;
}

.mp-feature-media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  filter: none !important;
}

.mp-feature-card.active .mp-feature-media{
  background: #05070b;
}

.mp-feature-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:100%;
  padding-bottom:.5rem;
}

.mp-feature-copy h3{
  margin:0;
  font-size: clamp(1.75rem, 3vw, 2.35rem);
  line-height: 1.06;
  max-width: 12ch;
}

.mp-feature-copy p{
  margin:.8rem 0 0;
  color: rgba(245,248,255,.70);
  max-width: 42ch;
  font-size: 1rem;
  line-height: 1.55;
}

.mp-feature-copy .d-flex{
  margin-top: 1.25rem !important;
  padding-bottom: .25rem;
  flex-shrink: 0;
}

.mp-feature-card.prev .col-md-8,
.mp-feature-card.next .col-md-8{
  display:none;
}

.mp-feature-card.prev .col-md-4,
.mp-feature-card.next .col-md-4{
  width: 100%;
  max-width: 260px;
  margin: 0 auto;
}

.mp-feature-card.prev .mp-feature-media,
.mp-feature-card.next .mp-feature-media{
  aspect-ratio: 3 / 4;
  border-radius: 1rem;
  background: #05070b;
}

.mp-feature-card.prev .mp-feature-media img,
.mp-feature-card.next .mp-feature-media img{
  object-fit: contain;
  padding: .2rem;
  background: #05070b;
}

.mp-feature-card.prev a,
.mp-feature-card.next a{
  pointer-events: none;
}

.mp-feature-controls{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:.75rem;
  margin-top: 1.25rem;
}

.mp-feature-arrow{
  width: 52px;
  height: 52px;
  border-radius: 999px;
  border:1px solid rgba(120,200,255,.18);
  background: rgba(10,12,18,.20);
  color: rgba(245,248,255,.92);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 1.25rem;
  line-height: 1;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.mp-feature-arrow:hover{
  transform: translateY(-1px);
  background: rgba(10,12,18,.45);
  border-color: rgba(140,220,255,.28);
}

.mp-feature-status{
  font-size: .78rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(245,248,255,.58);
  min-width: 90px;
  text-align:center;
}

/* ==========================
   PROJECT CARD / OPS
   ========================== */

.latest-card{
  display:flex;
  gap:1.25rem;
  align-items:stretch;
  position: relative;
  border: 1px solid rgba(120,200,255,.14);
  border-radius: 1.5rem;
  padding: 1.15rem;
  background: rgba(10,12,18,.22);
  overflow:hidden;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.latest-card::after{
  content:"";
  position:absolute;
  inset:-30% -20%;
  pointer-events:none;
  background:
    linear-gradient(110deg, rgba(255,255,255,0) 40%, rgba(140,220,255,.10) 50%, rgba(255,255,255,0) 60%);
  background-size: 220% 100%;
  background-position: -60% 0;
  opacity: .55;
  mix-blend-mode: screen;
  transition: background-position .7s ease, opacity .25s ease;
}

.latest-card:hover{
  transform: translateY(-2px);
  border-color: rgba(140,220,255,.26);
  background: rgba(10,12,18,.34);
}

.latest-card:hover::after{
  background-position: 60% 0;
  opacity: .9;
}

.latest-art{
  width: 180px;
  flex: 0 0 180px;
  border-radius: 1.25rem;
  overflow:hidden;
  border:1px solid rgba(120,200,255,.18);
  background:#05070b;
}

.latest-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.latest-meta h2{
  margin:0;
  font-size:1.6rem;
}

.latest-meta p{
  margin:.4rem 0 0;
  color: rgba(245,248,255,.65);
  max-width: 60ch;
}

.mp-ops{
  position: relative;
  overflow: hidden;
}

.mp-ops::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 420px at 20% 0%, rgba(140,220,255,.10), transparent 60%),
    radial-gradient(900px 420px at 80% 20%, rgba(190,160,255,.08), transparent 60%);
  opacity: .95;
}

.mp-ops-inner{
  position: relative;
  z-index: 2;
  display:flex;
  gap: 1.25rem;
  align-items: center;
}

.mp-ops-portrait{
  width: 160px;
  flex: 0 0 160px;
  border-radius: 1.25rem;
  overflow: hidden;
  border: 1px solid rgba(120,200,255,.18);
  background:
    radial-gradient(circle at 50% 35%, rgba(140,220,255,.14), rgba(5,7,11,1) 70%),
    linear-gradient(180deg, rgba(10,12,18,.55), rgba(5,7,11,1));
  position: relative;
}

.mp-ops-portrait img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  opacity: .92;
  filter: saturate(1.03) contrast(1.04);
}

.mp-ops-portrait::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 45%, rgba(0,0,0,0) 40%, rgba(0,0,0,.55) 100%),
    linear-gradient(110deg, rgba(255,255,255,0) 40%, rgba(140,220,255,.08) 50%, rgba(255,255,255,0) 60%);
  background-size: auto, 220% 100%;
  background-position: 0 0, -60% 0;
  opacity: .95;
}

.mp-ops-meta h2{
  margin: 0 0 .35rem;
  font-size: 1.15rem;
  letter-spacing: .04em;
}

.mp-ops-meta p{
  margin: 0;
  color: rgba(245,248,255,.68);
  max-width: 70ch;
  line-height: 1.55;
}

.mp-chip-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background: rgba(140,220,255,.85);
  box-shadow: 0 0 18px rgba(140,220,255,.30);
  animation: mpDotPulse 1.8s ease-in-out infinite;
}

.mp-wave{
  height: 34px;
  width: min(420px, 100%);
  margin-top: .75rem;
  border-radius: 999px;
  border: 1px solid rgba(120,200,255,.14);
  background: rgba(10,12,18,.20);
  position: relative;
  overflow:hidden;
}

.mp-wave::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      to right,
      rgba(140,220,255,.0) 0px,
      rgba(140,220,255,.0) 10px,
      rgba(140,220,255,.10) 11px,
      rgba(140,220,255,.0) 12px
    );
  opacity: .55;
}

.mp-wave::after{
  content:"";
  position:absolute;
  inset:-35% -20%;
  background:
    radial-gradient(circle at 15% 50%, rgba(140,220,255,.18), rgba(140,220,255,0) 55%),
    radial-gradient(circle at 45% 50%, rgba(190,160,255,.12), rgba(190,160,255,0) 55%),
    radial-gradient(circle at 75% 50%, rgba(140,220,255,.16), rgba(140,220,255,0) 55%),
    linear-gradient(110deg, rgba(255,255,255,0) 40%, rgba(140,220,255,.10) 50%, rgba(255,255,255,0) 60%);
  background-size: auto, auto, auto, 220% 100%;
  background-position: 0 0, 0 0, 0 0, -60% 0;
  mix-blend-mode: screen;
  opacity: .9;
  animation: mpWaveScan 3.6s ease-in-out infinite;
}

@keyframes mpWaveScan{
  0%   { background-position: 0 0, 0 0, 0 0, -60% 0; opacity:.65; }
  50%  { opacity: .95; }
  100% { background-position: 0 0, 0 0, 0 0, 60% 0; opacity:.65; }
}

#latest,
#projects{
  scroll-margin-top: 110px;
}

@media (max-width: 991.98px){
  .mp-feature-stage{
    min-height: 760px;
    padding: 0 1rem;
  }

  .mp-feature-card{
    width: min(100%, 720px);
  }

  .mp-feature-card .mp-panel,
  .mp-feature-card.active .mp-panel{
    min-height: 650px;
    padding-bottom: 2.25rem;
  }

  .mp-feature-card.prev{
    transform: translateX(-20%) scale(.94);
    opacity: .38;
  }

  .mp-feature-card.next{
    transform: translateX(20%) scale(.94);
    opacity: .38;
  }

  .mp-feature-card.prev .col-md-8,
  .mp-feature-card.next .col-md-8{
    display:none;
  }

  .mp-feature-card.prev .col-md-4,
  .mp-feature-card.next .col-md-4{
    max-width: 170px;
  }

  .latest-card,
  .mp-ops-inner{
    flex-direction:column;
    align-items:stretch;
  }

  .latest-art{
    width:100%;
    flex: unset;
  }

  .mp-ops-portrait{
    width:100%;
    flex: unset;
    height:220px;
  }
}

@media (max-width: 767.98px){
  .mp-home{
    padding-top: calc(2rem + env(safe-area-inset-top));
    padding-bottom: calc(2.5rem + env(safe-area-inset-bottom));
  }

  .mp-sigil{
    width: min(92vw, 420px);
    border-radius: 1.1rem;
  }

  .mp-feature-stage{
    display:flex;
    align-items:flex-start; /* prevent cards stretching to match tallest sibling */
    gap:1rem;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
    padding:0 .75rem;
    min-height:auto !important;
    height:auto !important; /* override the 760px tablet rule */
  }

  .mp-feature-stage::-webkit-scrollbar{
    display:none;
  }

  .mp-feature-card{
    position:relative !important;
    /* Spell out inset longhand — iOS Safari can ignore the shorthand override */
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    inset:auto !important;
    width:100% !important;
    flex:0 0 88%;
    height:auto !important;
    scroll-snap-align:center;
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    pointer-events:auto !important;
  }

  .mp-feature-card.active,
  .mp-feature-card.prev,
  .mp-feature-card.next,
  .mp-feature-card.is-hidden-left,
  .mp-feature-card.is-hidden-right{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    z-index:auto !important;
  }

  .mp-feature-card.prev .col-md-8,
  .mp-feature-card.next .col-md-8,
  .mp-feature-card.is-hidden-left .col-md-8,
  .mp-feature-card.is-hidden-right .col-md-8{
    display:block !important;
  }

  .mp-feature-card.prev .col-md-4,
  .mp-feature-card.next .col-md-4,
  .mp-feature-card.is-hidden-left .col-md-4,
  .mp-feature-card.is-hidden-right .col-md-4{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    flex:0 0 auto !important;
  }

  /* ── Nuke Bootstrap grid inside cards on mobile, use simple flex column ── */
  .mp-feature-card .mp-panel,
  .mp-feature-card.active .mp-panel,
  .mp-feature-card.prev .mp-panel,
  .mp-feature-card.next .mp-panel,
  .mp-feature-card.is-hidden-left .mp-panel,
  .mp-feature-card.is-hidden-right .mp-panel{
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    border-color:rgba(120,200,255,.18) !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden;
  }

  /* Restore link tappability */
  .mp-feature-card.prev a,
  .mp-feature-card.next a{
    pointer-events:auto !important;
  }

  /* Flatten Bootstrap row — no gutters, no grid, just a block */
  .mp-feature-inner{
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
  }

  /* Both cols: full width, no Bootstrap sizing */
  .mp-feature-inner .col-md-4,
  .mp-feature-inner .col-md-8{
    width:100% !important;
    max-width:100% !important;
    flex:none !important;
    padding:0 !important;
    margin:0 !important;
  }

  /* Image — full image visible, no crop */
  .mp-feature-media{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:unset !important;
    border-radius:0 !important;
    overflow:visible !important;
    background:#05070b;
    margin:0 !important;
  }

  .mp-feature-media img{
    width:100% !important;
    height:auto !important;
    object-fit:unset !important;
    display:block !important;
    padding:0 !important;
  }

  /* Text+button area */
  .mp-feature-inner .col-md-8{
    padding:1rem !important;
  }

  .mp-feature-copy{
    display:flex !important;
    flex-direction:column !important;
    min-height:295px; /* floor sized to worst case: 2-line title + 2-line desc + 2 buttons */
    justify-content:flex-start;
    padding-bottom:0 !important;
  }

  .mp-feature-copy h3{
    max-width:none;
    font-size:clamp(1.4rem, 5.5vw, 1.8rem);
    line-height:1.2;
    margin:0 0 .35rem;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .mp-feature-copy p{
    max-width:none;
    font-size:.875rem;
    line-height:1.45;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  /* Button row — pinned to bottom of copy floor */
  .mp-feature-copy .d-flex{
    margin-top:auto !important;
    padding-top:.65rem;
    gap:.5rem;
    row-gap:.5rem;
    align-items:center;
    flex-wrap:wrap;
  }

  .mp-feature-controls{
    margin-top:1rem;
  }
}

@media (max-height: 780px){
  .mp-divider{
    margin: 1rem 0;
  }

  h1.display-4{
    font-size: clamp(2rem, 6vw, 3rem);
  }

  p.lead{
    font-size: 1.05rem;
  }
}

@media (prefers-reduced-motion: reduce){
  .mp-feature-card,
  .mp-feature-arrow,
  .mp-btn-primary,
  .mp-btn-ghost,
  .latest-card,
  .mp-sigil,
  .mp-sigil img,
  .mp-sigil::before,
  .mp-sigil::after,
  .mp-primary-signal .dot,
  .mp-chip-dot,
  .mp-wave::after{
    transition: none !important;
    animation: none !important;
  }
}