:root {
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Brand font lock for logo text in header/footer */
.heading-35,
.text-block-41 {
  font-family: "Instrument Serif", "Times New Roman", serif !important;
  font-weight: 400;
}

/* Remove sticky/scroll shadow from header */
.navbar-logo-left-container,
.navbar-logo-left-container.shadow-three,
.navbar-logo-left-container.w-nav,
.navbar-wrapper-3 {
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Header tab and CTA text consistency */
.nav-menu-two-2 .nav-link-4,
.nav-menu-two-2 .nav-link-4.w--current {
  font-weight: 400 !important;
}

.c2a-button .text-block-5 {
  font-weight: 700 !important;
}

.nav-menu-two-2 .nav-link-4 {
  transition: color 0.35s var(--ease-smooth), opacity 0.35s var(--ease-smooth),
    transform 0.35s var(--ease-smooth);
}

.nav-menu-two-2 .nav-link-4:hover {
  transform: translateY(-1px);
}

/* Smoother button transitions for all primary CTA variants */
.button,
.c2a-button,
.let-s-collaborate {
  position: relative;
  overflow: hidden;
  will-change: transform;
  transition: transform 0.38s var(--ease-smooth),
    box-shadow 0.42s var(--ease-smooth), background-color 0.35s var(--ease-smooth),
    color 0.35s var(--ease-smooth), border-color 0.35s var(--ease-smooth);
}

.button {
  border: 1.5px solid transparent;
  background:
    linear-gradient(108deg, #191c23, #101319) padding-box,
    linear-gradient(
        100deg,
        #ff9f1a 0%,
        #ff5a6f 16%,
        #b37bff 34%,
        #5f59ff 52%,
        #43d5ff 70%,
        #4fdb8a 84%,
        #ffb347 100%
      )
      border-box;
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.button:hover,
.button:focus-visible,
.button:active {
  border-color: transparent;
  background:
    linear-gradient(108deg, #191c23, #101319) padding-box,
    linear-gradient(
        100deg,
        #ff9f1a 0%,
        #ff5a6f 16%,
        #b37bff 34%,
        #5f59ff 52%,
        #43d5ff 70%,
        #4fdb8a 84%,
        #ffb347 100%
      )
      border-box;
  animation: none;
}

.button::before,
.c2a-button::before,
.let-s-collaborate::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 45%);
  transform: translateX(-110%);
  transition: transform 0.68s var(--ease-smooth);
}

.button::before {
  transform: none;
  opacity: 0.14;
  transition: opacity 0.35s var(--ease-smooth);
}

.button:hover,
.c2a-button:hover,
.let-s-collaborate:hover,
.button:focus-visible,
.c2a-button:focus-visible,
.let-s-collaborate:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(9, 14, 20, 0.14);
}

.button:hover::before,
.c2a-button:hover::before,
.let-s-collaborate:hover::before,
.button:focus-visible::before,
.c2a-button:focus-visible::before,
.let-s-collaborate:focus-visible::before {
  transform: translateX(0);
}

.button:hover::before,
.button:focus-visible::before,
.button:active::before {
  transform: none;
  opacity: 0.24;
}

.c2a-button:active,
.let-s-collaborate:active {
  transform: translateY(0) scale(0.985);
  transition-duration: 0.16s;
  box-shadow: 0 4px 10px rgba(9, 14, 20, 0.1);
}

.button .arrow-div,
.c2a-button .btn-icon,
.let-s-collaborate .div-block-21 {
  transition: transform 0.42s var(--ease-smooth),
    background-color 0.35s var(--ease-smooth), box-shadow 0.35s var(--ease-smooth);
}

.button img,
.c2a-button img,
.let-s-collaborate img {
  transition: transform 0.42s var(--ease-smooth), filter 0.35s var(--ease-smooth);
}

.button:hover .arrow-div,
.c2a-button:hover .btn-icon,
.let-s-collaborate:hover .div-block-21,
.button:focus-visible .arrow-div,
.c2a-button:focus-visible .btn-icon,
.let-s-collaborate:focus-visible .div-block-21 {
  transform: translateX(2px) scale(1.03);
}

.button:hover img,
.c2a-button:hover img,
.let-s-collaborate:hover img,
.button:focus-visible img,
.c2a-button:focus-visible img,
.let-s-collaborate:focus-visible img {
  transform: translate(1px, -1px);
}

@media (prefers-reduced-motion: reduce) {
  .button,
  .c2a-button,
  .let-s-collaborate,
  .button::before,
  .c2a-button::before,
  .let-s-collaborate::before,
  .button .arrow-div,
  .c2a-button .btn-icon,
  .let-s-collaborate .div-block-21,
  .button img,
  .c2a-button img,
  .let-s-collaborate img,
  .nav-menu-two-2 .nav-link-4 {
    transition: none !important;
  }
}
