/* FITfactory v76: focused neon treatment for the homepage brand creed. */

:root {
  --ff-creed-neon-v76:#f5a6ff;
  --ff-creed-core-v76:#fff7ff;
  --ff-creed-aura-v76:rgba(240,108,255,.58);
}

.brand-creed-neon-v76 {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 12%,rgba(251,197,255,.22),transparent 48%),
    linear-gradient(105deg,#4f185f 0%,#7d3292 50%,#572069 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,222,255,.72),
    inset 0 -1px 0 rgba(255,166,255,.7),
    0 0 34px rgba(196,57,221,.2);
}

.brand-creed-neon-v76::before {
  position:absolute;
  z-index:0;
  top:-120%;
  left:12%;
  width:76%;
  height:300%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(247,180,255,.24) 0%,rgba(240,108,255,.1) 34%,transparent 68%);
  filter:blur(22px);
  opacity:.72;
  pointer-events:none;
  content:"";
  animation:ff-creed-aura-v76 7.5s ease-in-out infinite alternate;
}

.brand-creed-neon-v76::after {
  position:absolute;
  z-index:2;
  inset:0;
  border-block:1px solid rgba(255,212,255,.48);
  box-shadow:
    inset 0 12px 24px -22px rgba(255,238,255,.9),
    inset 0 -12px 28px -22px rgba(249,152,255,.9);
  pointer-events:none;
  content:"";
}

.brand-creed-neon-v76 .shell {
  position:relative;
  z-index:1;
}

.brand-creed-neon-v76 .eyebrow {
  color:#ffe4ff;
  text-shadow:0 0 10px rgba(249,174,255,.65);
}

.brand-creed-neon-v76 h2 {
  color:var(--ff-creed-core-v76);
  text-shadow:
    0 0 2px rgba(255,255,255,.98),
    0 0 9px rgba(255,225,255,.92),
    0 0 22px var(--ff-creed-aura-v76),
    0 0 46px rgba(240,108,255,.32);
}

.brand-creed-neon-v76 h2 span:nth-child(2) {
  color:#ffd7ff;
  text-shadow:
    0 0 2px rgba(255,255,255,.98),
    0 0 10px rgba(255,220,255,.95),
    0 0 26px rgba(240,108,255,.72),
    0 0 54px rgba(240,108,255,.38);
}

.brand-creed-neon-v76 p:last-child {
  color:#fff7ff;
  text-shadow:0 0 12px rgba(245,166,255,.34);
}

@keyframes ff-creed-aura-v76 {
  from { opacity:.54; transform:scaleX(.9); }
  to { opacity:.86; transform:scaleX(1.08); }
}

@media screen and (max-width:699px) {
  .brand-creed-neon-v76 {
    padding-block:44px;
  }

  .brand-creed-neon-v76::before {
    left:-10%;
    width:120%;
  }

  .brand-creed-neon-v76 h2 {
    gap:.04em .2em;
    text-shadow:
      0 0 2px rgba(255,255,255,.98),
      0 0 8px rgba(255,225,255,.9),
      0 0 18px rgba(240,108,255,.58),
      0 0 34px rgba(240,108,255,.26);
  }
}

@media (prefers-reduced-motion:reduce) {
  .brand-creed-neon-v76::before {
    animation:none;
    opacity:.68;
    transform:none;
  }
}

@media (forced-colors:active) {
  .brand-creed-neon-v76 {
    color:CanvasText;
    background:Canvas;
    border-block:2px solid CanvasText;
    box-shadow:none;
  }

  .brand-creed-neon-v76::before,
  .brand-creed-neon-v76::after {
    display:none;
  }

  .brand-creed-neon-v76 .eyebrow,
  .brand-creed-neon-v76 h2,
  .brand-creed-neon-v76 h2 span:nth-child(2),
  .brand-creed-neon-v76 p:last-child {
    color:CanvasText;
    text-shadow:none;
  }
}