/* ============================================================
   Sector UI refinements
   Shared across capability sector pages.
   ============================================================ */

body :where([class$="-num"], [class*="-num "], [class$="-number"], [class*="-number "]),
.im-fs-phase {
  display: none !important;
}

body :where(section[id]) {
  scroll-margin-top: calc(var(--header-h, 68px) + 2rem);
}

:where(
  .vm-cap-card,
  .vm-sys-block,
  .vm-depot-block,
  .vm-why-card,
  .fo-cap-card,
  .fo-ps,
  .fo-sys,
  .fo-env-card,
  .fo-why-card,
  .im-cap,
  .im-pillar,
  .im-flow-step,
  .im-comp-item,
  .im-qb,
  .im-why-card,
  .hp-cap-card,
  .hp-pillar,
  .hp-fs-box,
  .hp-comp-block,
  .hp-perf-card,
  .hp-why-card,
  .lh-cap,
  .lh-fd-step-inner,
  .lh-equip-card,
  .lh-sb,
  .lh-why-card,
  .wi-cap,
  .wi-fb-block,
  .wi-pl-right,
  .wi-equip-block,
  .wi-eff-card,
  .wi-why-card
) {
  background-color: rgba(12, 17, 12, 0.96);
  border-color: rgba(77, 110, 85, 0.32);
}

body :where(
  .vm-caps,
  .vm-process,
  .vm-systems,
  .vm-depot,
  .vm-why,
  .fo-caps,
  .fo-readiness,
  .fo-process,
  .fo-systems,
  .fo-environments,
  .fo-why,
  .im-caps,
  .im-depth,
  .im-flow,
  .im-components,
  .im-quality,
  .im-why,
  .hp-caps,
  .hp-depth,
  .hp-flow,
  .hp-components,
  .hp-performance,
  .hp-why,
  .lh-caps,
  .lh-opflow,
  .lh-flow,
  .lh-equipment,
  .lh-scale,
  .lh-why,
  .wi-caps,
  .wi-foundation,
  .wi-process,
  .wi-equipment,
  .wi-efficiency,
  .wi-why
) {
  overflow: hidden;
}

body :where(
  .vm-caps,
  .vm-process,
  .vm-systems,
  .vm-depot,
  .vm-why,
  .fo-caps,
  .fo-readiness,
  .fo-process,
  .fo-systems,
  .fo-environments,
  .fo-why,
  .im-caps,
  .im-depth,
  .im-flow,
  .im-components,
  .im-quality,
  .im-why,
  .hp-caps,
  .hp-depth,
  .hp-flow,
  .hp-components,
  .hp-performance,
  .hp-why,
  .lh-caps,
  .lh-opflow,
  .lh-flow,
  .lh-equipment,
  .lh-scale,
  .lh-why,
  .wi-caps,
  .wi-foundation,
  .wi-process,
  .wi-equipment,
  .wi-efficiency,
  .wi-why
) > .wrap {
  position: relative;
  z-index: 2;
}

body :where(
  .vm-caps,
  .vm-process,
  .vm-systems,
  .vm-depot,
  .vm-why,
  .fo-caps,
  .fo-readiness,
  .fo-process,
  .fo-systems,
  .fo-environments,
  .fo-why,
  .im-caps,
  .im-depth,
  .im-flow,
  .im-components,
  .im-quality,
  .im-why,
  .hp-caps,
  .hp-depth,
  .hp-flow,
  .hp-components,
  .hp-performance,
  .hp-why,
  .lh-caps,
  .lh-opflow,
  .lh-flow,
  .lh-equipment,
  .lh-scale,
  .lh-why,
  .wi-caps,
  .wi-foundation,
  .wi-process,
  .wi-equipment,
  .wi-efficiency,
  .wi-why
)::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0%, transparent 42%, rgba(87, 122, 94, 0.075) 49%, transparent 56%, transparent 100%),
    repeating-linear-gradient(90deg, rgba(77, 110, 85, 0.045) 0 1px, transparent 1px 96px);
  opacity: 0.55;
  transform: translateX(-18%);
  animation: sector-scan 14s cubic-bezier(.22, 1, .36, 1) infinite;
}

@keyframes sector-scan {
  0%, 16% { transform: translateX(-18%); opacity: 0; }
  32%, 70% { opacity: 0.55; }
  100% { transform: translateX(18%); opacity: 0; }
}

:where(
  .vm-cap-card,
  .vm-sys-block,
  .vm-depot-block,
  .vm-why-card,
  .fo-cap-card,
  .fo-ps,
  .fo-sys,
  .fo-env-card,
  .fo-why-card,
  .im-cap,
  .im-pillar,
  .im-flow-step,
  .im-comp-item,
  .im-qb,
  .im-why-card,
  .hp-cap-card,
  .hp-pillar,
  .hp-fs-box,
  .hp-comp-block,
  .hp-perf-card,
  .hp-why-card,
  .lh-cap,
  .lh-fd-step-inner,
  .lh-equip-card,
  .lh-sb,
  .lh-why-card,
  .wi-cap,
  .wi-fb-block,
  .wi-pl-right,
  .wi-equip-block,
  .wi-eff-card,
  .wi-why-card
) {
  background-image:
    linear-gradient(140deg, rgba(87, 122, 94, 0.08) 0%, transparent 35%),
    linear-gradient(180deg, rgba(240, 241, 238, 0.018), transparent 48%);
  box-shadow:
    inset 0 1px 0 rgba(240, 241, 238, 0.045),
    0 16px 48px rgba(0, 0, 0, 0.18);
  transform: translateZ(0);
}

:where(
  .vm-cap-card,
  .vm-sys-block,
  .vm-depot-block,
  .vm-why-card,
  .fo-cap-card,
  .fo-ps,
  .fo-sys,
  .fo-env-card,
  .fo-why-card,
  .im-cap,
  .im-pillar,
  .im-flow-step,
  .im-comp-item,
  .im-qb,
  .im-why-card,
  .hp-cap-card,
  .hp-pillar,
  .hp-fs-box,
  .hp-comp-block,
  .hp-perf-card,
  .hp-why-card,
  .lh-cap,
  .lh-fd-step-inner,
  .lh-equip-card,
  .lh-sb,
  .lh-why-card,
  .wi-cap,
  .wi-fb-block,
  .wi-pl-right,
  .wi-equip-block,
  .wi-eff-card,
  .wi-why-card
):hover {
  border-color: rgba(87, 122, 94, 0.62);
  box-shadow:
    inset 0 1px 0 rgba(240, 241, 238, 0.08),
    0 22px 70px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(77, 110, 85, 0.09);
  filter: saturate(1.08);
}

:where(
  .vm-cap-title,
  .vm-ps-title,
  .vm-sys-title,
  .vm-depot-block-body h4,
  .vm-why-title,
  .fo-cap-title,
  .fo-ps-title,
  .fo-sys-title,
  .fo-env-card-title,
  .fo-why-title,
  .im-cap-title,
  .im-pillar-title,
  .im-fs-title,
  .im-ci-title,
  .im-qb-title,
  .im-why-title,
  .hp-cap-title,
  .hp-pillar strong,
  .hp-fs-title,
  .hp-cb-title,
  .hp-pc-title,
  .hp-wc-title,
  .lh-cap-title,
  .lh-fd-title,
  .lh-eq-title,
  .lh-sb-title,
  .lh-wc-title,
  .wi-cap-title,
  .wi-fbb-label h3,
  .wi-pl-title,
  .wi-eq-title,
  .wi-ec-title,
  .wi-wc-title
) {
  color: var(--gray-05);
  letter-spacing: 0;
}

:where(
  .vm-cap-desc,
  .vm-ps-desc,
  .vm-sys-list li,
  .vm-depot-block-body p,
  .vm-why-desc,
  .fo-cap-desc,
  .fo-ps-desc,
  .fo-sys-desc,
  .fo-env-card-desc,
  .fo-why-desc,
  .im-cap-desc,
  .im-pillar-desc,
  .im-fs-desc,
  .im-ci-list li,
  .im-qb-desc,
  .im-why-desc,
  .hp-cap-desc,
  .hp-pillar p,
  .hp-fs-desc,
  .hp-cb-list li,
  .hp-pc-desc,
  .hp-wc-desc,
  .lh-cap-desc,
  .lh-fd-desc,
  .lh-eq-list li,
  .lh-sb-desc,
  .lh-wc-desc,
  .wi-cap-desc,
  .wi-fb-block p,
  .wi-pl-desc,
  .wi-eq-list li,
  .wi-ec-desc,
  .wi-wc-desc
) {
  color: var(--gray-10);
}

.im-cap-top,
.wi-ec-top {
  justify-content: flex-start;
}

.im-pillar-header,
.hp-cb-header,
.wi-eq-header,
.wi-wc-front {
  align-items: center;
}

.im-pillar-desc {
  padding-left: 0;
  max-width: 100%;
}

.im-flow-step .im-fs-title {
  grid-row: 1;
}

.im-flow-step .im-fs-desc {
  grid-row: 2;
}

.lh-fd-step,
.hp-flow-step,
.fo-sys {
  display: block;
}

.lh-fd-step-inner {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: var(--sp-3) var(--sp-5);
  align-items: start;
}

.lh-fd-icon {
  grid-row: 1 / span 2;
}

.lh-fd-title,
.lh-fd-desc {
  grid-column: 2;
}

.hp-fs-box {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: var(--sp-3) var(--sp-5);
  align-items: start;
}

.hp-fs-icon {
  grid-row: 1 / span 2;
}

.hp-fs-title,
.hp-fs-desc {
  grid-column: 2;
}

.wi-process-layers {
  gap: var(--sp-4);
}

.wi-proc-layer {
  display: block;
}

.wi-pl-left {
  display: none;
}

.wi-pl-right {
  padding: var(--sp-7) var(--sp-8);
  border: 1px solid rgba(77, 110, 85, 0.32);
  border-radius: var(--r-md);
}

.wi-proc-layer--final .wi-pl-right {
  padding: var(--sp-7) var(--sp-8);
}

.vm-depot-block,
.lh-why-card,
.vm-why-card {
  gap: var(--sp-5);
}

.lh-fd-note,
.lh-fd-note-line {
  color: var(--gray-20);
}

.im-quality-photo,
.lh-scale-photo,
.wi-eff-photo,
.hp-perf-photo,
.fo-env-photo {
  opacity: 0.1;
}

.im-quality-overlay,
.lh-scale-overlay,
.wi-eff-overlay,
.hp-perf-overlay,
.fo-env-overlay {
  background:
    linear-gradient(to bottom, rgba(6, 8, 6, 0.72) 0%, rgba(6, 8, 6, 0.66) 48%, rgba(6, 8, 6, 0.82) 100%),
    linear-gradient(to right, rgba(6, 8, 6, 0.36) 0%, transparent 55%);
}

.im-caps-grid,
.hp-caps-grid,
.lh-caps-grid,
.wi-caps-grid,
.vm-caps-grid,
.fo-caps-grid,
.hp-perf-grid,
.wi-eff-cards,
.im-quality-blocks,
.fo-env-grid,
.vm-why-grid,
.fo-why-grid,
.hp-why-grid,
.lh-why-cards,
.wi-why-grid {
  perspective: 1200px;
}

.im-cap,
.hp-cap-card,
.lh-cap,
.wi-cap,
.vm-cap-card,
.fo-cap-card,
.hp-perf-card,
.wi-eff-card,
.im-qb,
.fo-env-card {
  min-height: 100%;
  transition:
    transform 360ms cubic-bezier(.22, 1, .36, 1),
    border-color 240ms var(--ease-out),
    background 240ms var(--ease-out),
    box-shadow 360ms cubic-bezier(.22, 1, .36, 1),
    filter 240ms var(--ease-out);
}

.im-cap:hover,
.hp-cap-card:hover,
.lh-cap:hover,
.wi-cap:hover,
.vm-cap-card:hover,
.fo-cap-card:hover,
.hp-perf-card:hover,
.wi-eff-card:hover,
.im-qb:hover,
.fo-env-card:hover {
  transform: translateY(-8px);
}

:where(
  .im-cap-icon,
  .hp-cap-icon,
  .lh-cap-icon,
  .wi-cap-icon,
  .vm-cap-icon,
  .fo-cap-icon,
  .hp-fs-icon,
  .lh-fd-icon,
  .wi-ec-icon,
  .hp-wc-icon,
  .fo-why-icon
) {
  box-shadow: inset 0 1px 0 rgba(240, 241, 238, 0.05);
  transition:
    transform 320ms cubic-bezier(.22, 1, .36, 1),
    background 240ms var(--ease-out),
    border-color 240ms var(--ease-out),
    box-shadow 320ms cubic-bezier(.22, 1, .36, 1);
}

:where(
  .im-cap:hover .im-cap-icon,
  .hp-cap-card:hover .hp-cap-icon,
  .lh-cap:hover .lh-cap-icon,
  .wi-cap:hover .wi-cap-icon,
  .vm-cap-card:hover .vm-cap-icon,
  .fo-cap-card:hover .fo-cap-icon,
  .hp-flow-step:hover .hp-fs-icon,
  .lh-fd-step:hover .lh-fd-icon,
  .wi-eff-card:hover .wi-ec-icon,
  .hp-why-card:hover .hp-wc-icon,
  .fo-why-card:hover .fo-why-icon
) {
  transform: translateY(-3px) scale(1.04);
  box-shadow:
    inset 0 1px 0 rgba(240, 241, 238, 0.08),
    0 10px 26px rgba(0, 0, 0, 0.28);
}

:where(
  .im-cap-specs span,
  .hp-cap-specs span,
  .lh-cap-tags span,
  .wi-cap-points span,
  .fo-cap-list li,
  .fo-sys-items span,
  .hp-cb-list li,
  .lh-eq-list li,
  .wi-eq-list li,
  .wi-pl-outputs span
) {
  transition:
    transform 220ms var(--ease-out),
    border-color 220ms var(--ease-out),
    color 220ms var(--ease-out),
    background 220ms var(--ease-out);
}

:where(
  .im-cap:hover .im-cap-specs span,
  .hp-cap-card:hover .hp-cap-specs span,
  .lh-cap:hover .lh-cap-tags span,
  .wi-cap:hover .wi-cap-points span,
  .fo-cap-card:hover .fo-cap-list li,
  .fo-sys:hover .fo-sys-items span,
  .hp-comp-block:hover .hp-cb-list li,
  .lh-equip-card:hover .lh-eq-list li,
  .wi-equip-block:hover .wi-eq-list li,
  .wi-pl-right:hover .wi-pl-outputs span
) {
  color: var(--gray-10);
  border-color: rgba(87, 122, 94, 0.45);
  background-color: rgba(30, 51, 39, 0.42);
}

.im-flow-steps,
.fo-process-flow,
.hp-flow-track,
.lh-flow-diagram,
.wi-process-layers {
  position: relative;
}

.im-flow-steps::before,
.fo-process-flow::before,
.hp-flow-track::before,
.lh-flow-diagram::before,
.wi-process-layers::before {
  content: "";
  position: absolute;
  top: var(--sp-3);
  bottom: var(--sp-3);
  left: 26px;
  width: 1px;
  background: linear-gradient(to bottom, transparent, rgba(87, 122, 94, 0.42), transparent);
  pointer-events: none;
}

.im-flow-step,
.fo-ps,
.hp-fs-box,
.lh-fd-step-inner,
.wi-pl-right {
  position: relative;
  transition:
    transform 360ms cubic-bezier(.22, 1, .36, 1),
    border-color 240ms var(--ease-out),
    background 240ms var(--ease-out),
    box-shadow 360ms cubic-bezier(.22, 1, .36, 1);
}

.im-flow-step::after,
.fo-ps::after,
.hp-fs-box::after,
.lh-fd-step-inner::after,
.wi-pl-right::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: linear-gradient(to bottom, transparent, rgba(87, 122, 94, 0.72), transparent);
  opacity: 0;
  transition: opacity 280ms var(--ease-out), transform 360ms cubic-bezier(.22, 1, .36, 1);
  transform: scaleY(0.35);
}

.im-flow-step:hover,
.fo-ps:hover,
.hp-flow-step:hover .hp-fs-box,
.lh-fd-step:hover .lh-fd-step-inner,
.wi-pl-right:hover {
  transform: translateX(10px);
}

.im-flow-step:hover::after,
.fo-ps:hover::after,
.hp-flow-step:hover .hp-fs-box::after,
.lh-fd-step:hover .lh-fd-step-inner::after,
.wi-pl-right:hover::after {
  opacity: 1;
  transform: scaleY(1);
}

.lh-equip-grid,
.wi-equip-grid {
  display: grid;
  gap: var(--sp-4);
  background: transparent;
  border: 0;
  overflow: visible;
}

.lh-equip-card,
.wi-equip-block {
  position: relative;
  border: 1px solid rgba(77, 110, 85, 0.30);
  border-radius: var(--r-md);
  overflow: hidden;
  transition:
    transform 320ms cubic-bezier(.22, 1, .36, 1),
    border-color 220ms var(--ease-out),
    background 220ms var(--ease-out),
    box-shadow 320ms cubic-bezier(.22, 1, .36, 1);
}

.lh-equip-card:hover,
.wi-equip-block:hover {
  transform: translateY(-6px);
  border-color: rgba(87, 122, 94, 0.58);
}

.lh-equip-card::after,
.wi-equip-block::after,
.hp-perf-card::after,
.wi-eff-card::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(87, 122, 94, 0.65), transparent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 420ms cubic-bezier(.22, 1, .36, 1);
}

.lh-equip-card:hover::after,
.wi-equip-block:hover::after,
.hp-perf-card:hover::after,
.wi-eff-card:hover::after {
  transform: scaleX(1);
}

.hp-perf-grid,
.wi-eff-cards,
.lh-scale-blocks {
  align-items: stretch;
}

.hp-perf-card,
.wi-eff-card,
.lh-sb {
  background-color: rgba(8, 12, 8, 0.96);
  min-height: 210px;
}

.hp-pc-val,
.wi-ec-title,
.lh-sb-title {
  position: relative;
}

.hp-pc-val {
  display: inline-flex;
  width: fit-content;
  padding: 0.22rem 0.48rem;
  border: 1px solid rgba(77, 110, 85, 0.30);
  background: rgba(30, 51, 39, 0.22);
  border-radius: var(--r-sm);
  margin-bottom: var(--sp-4);
}

.hp-perf-card:hover .hp-pc-val {
  border-color: rgba(87, 122, 94, 0.58);
  background: rgba(30, 51, 39, 0.42);
}

.lh-eq-title,
.wi-eq-title {
  display: flex;
  align-items: center;
  min-height: 2.1rem;
}

.lh-equip-card:hover .lh-eq-title,
.wi-equip-block:hover .wi-eq-title {
  color: var(--glo-green);
}

.wi-caps-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.wi-cap--feature,
.wi-cap--wide {
  grid-column: auto;
}

.wi-cap,
.lh-cap,
.im-cap {
  display: flex;
  flex-direction: column;
}

.wi-cap-points,
.lh-cap-tags,
.im-cap-specs {
  margin-top: var(--sp-1);
}

.hp-performance .sec-header,
.wi-efficiency .sec-header,
.lh-equipment .lh-equip-header,
.im-caps-header,
.wi-caps .sec-header,
.lh-caps-top {
  position: relative;
}

.hp-performance .sec-header::after,
.wi-efficiency .sec-header::after,
.lh-equipment .lh-equip-header::after,
.im-caps-header::after,
.wi-caps .sec-header::after,
.lh-caps-top::after {
  content: "";
  display: block;
  width: min(220px, 42vw);
  height: 1px;
  margin-top: var(--sp-5);
  background: linear-gradient(90deg, rgba(87, 122, 94, 0.72), transparent);
}

@media (min-width: 901px) {
  .im-caps-grid .im-cap:nth-child(2),
  .im-caps-grid .im-cap:nth-child(5),
  .hp-caps-grid .hp-cap-card:nth-child(2),
  .hp-caps-grid .hp-cap-card:nth-child(5),
  .lh-caps-grid .lh-cap:nth-child(2),
  .wi-caps-grid .wi-cap:nth-child(3) {
    transform: translateY(16px);
  }

  .im-caps-grid .im-cap:nth-child(2):hover,
  .im-caps-grid .im-cap:nth-child(5):hover,
  .hp-caps-grid .hp-cap-card:nth-child(2):hover,
  .hp-caps-grid .hp-cap-card:nth-child(5):hover,
  .lh-caps-grid .lh-cap:nth-child(2):hover,
  .wi-caps-grid .wi-cap:nth-child(3):hover {
    transform: translateY(6px);
  }
}

@media (max-width: 1100px) {
  .wi-caps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body :where([class$="-ambient"], [class*="-ambient "]) {
    display: none !important;
  }

  body :where(
    .vm-caps,
    .vm-process,
    .vm-systems,
    .vm-depot,
    .vm-why,
    .fo-caps,
    .fo-readiness,
    .fo-process,
    .fo-systems,
    .fo-environments,
    .fo-why,
    .im-caps,
    .im-depth,
    .im-flow,
    .im-components,
    .im-quality,
    .im-why,
    .hp-caps,
    .hp-depth,
    .hp-flow,
    .hp-components,
    .hp-performance,
    .hp-why,
    .lh-caps,
    .lh-opflow,
    .lh-flow,
    .lh-equipment,
    .lh-scale,
    .lh-why,
    .wi-caps,
    .wi-foundation,
    .wi-process,
    .wi-equipment,
    .wi-efficiency,
    .wi-why
  )::after {
    animation: none;
    opacity: 0.22;
    transform: none;
  }

  .lh-cfb-fill {
    left: 0;
    animation: none;
    opacity: 0.5;
  }

  .lh-fd-step-inner,
  .hp-fs-box {
    grid-template-columns: 1fr;
  }

  .lh-fd-icon,
  .lh-fd-title,
  .lh-fd-desc,
  .hp-fs-icon,
  .hp-fs-title,
  .hp-fs-desc {
    grid-column: 1;
  }

  .im-flow-steps::before,
  .fo-process-flow::before,
  .hp-flow-track::before,
  .lh-flow-diagram::before,
  .wi-process-layers::before {
    display: none;
  }

  .wi-cap--feature,
  .wi-cap--wide,
  .hp-perf-card,
  .wi-eff-card,
  .lh-sb {
    min-height: 0;
  }

  .wi-caps-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  body :where(
    .vm-caps,
    .vm-process,
    .vm-systems,
    .vm-depot,
    .vm-why,
    .fo-caps,
    .fo-readiness,
    .fo-process,
    .fo-systems,
    .fo-environments,
    .fo-why,
    .im-caps,
    .im-depth,
    .im-flow,
    .im-components,
    .im-quality,
    .im-why,
    .hp-caps,
    .hp-depth,
    .hp-flow,
    .hp-components,
    .hp-performance,
    .hp-why,
    .lh-caps,
    .lh-opflow,
    .lh-flow,
    .lh-equipment,
    .lh-scale,
    .lh-why,
    .wi-caps,
    .wi-foundation,
    .wi-process,
    .wi-equipment,
    .wi-efficiency,
    .wi-why
  )::after {
    animation: none;
  }

  :where(
    .vm-cap-card,
    .vm-sys-block,
    .vm-depot-block,
    .vm-why-card,
    .fo-cap-card,
    .fo-ps,
    .fo-sys,
    .fo-env-card,
    .fo-why-card,
    .im-cap,
    .im-pillar,
    .im-flow-step,
    .im-comp-item,
    .im-qb,
    .im-why-card,
    .hp-cap-card,
    .hp-pillar,
    .hp-fs-box,
    .hp-comp-block,
    .hp-perf-card,
    .hp-why-card,
    .lh-cap,
    .lh-fd-step-inner,
    .lh-equip-card,
    .lh-sb,
    .lh-why-card,
    .wi-cap,
    .wi-fb-block,
    .wi-pl-right,
    .wi-equip-block,
    .wi-eff-card,
    .wi-why-card
  ) {
    transition: none;
  }
}