@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: ENVOCS Studio
    Theme URI: http://
    Description: Creative Agency & Portfolio
    Author: ENVOCS Studio
    Author URI: https://envocs.my
    Version: 1.0

-----------------------------------------------------------------------------------*/
/* ==================================================
  ENVOCS STYLE ARCHITECTURE
================================================== */

/* ============ LEGACY THEME BASE ============ */
/* This file keeps template-era base rules plus ENVOCS terminal overrides in source order.
   Do not reorder large blocks without browser verification because the cascade is intentional. */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  list-style: none;
}

body {
  color: #fff;
  background-color: #0f0f0f;
  font-size: 16px;
  font-family: var(--envocs-font-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden !important;
  scrollbar-color: rgba(210, 193, 175, 0.58) transparent;
  scrollbar-width: thin;
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body.crev-agency h1,
body.crev-agency h2,
body.crev-agency h3,
body.crev-agency h4,
body.crev-agency h5,
body.crev-agency h6 {
  font-weight: 500;
}

body.envocs-home .container,
.envocs-home .container {
  max-width: 1280px;
}

main {
  position: relative;
  z-index: 5;
}

.row > * {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0;
}

.row.sm-marg {
  margin-left: -5px;
  margin-right: -5px;
}

.row.sm-marg > * {
  padding-left: 5px;
  padding-right: 5px;
}

.row.stand-marg {
  margin-left: -20px;
  margin-right: -20px;
}

.row.stand-marg > * {
  padding-left: 20px;
  padding-right: 20px;
}

.row.md-marg {
  margin-left: -25px;
  margin-right: -25px;
}

.row.md-marg > * {
  padding-left: 25px;
  padding-right: 25px;
}

.row.lg-marg {
  margin-left: -40px;
  margin-right: -40px;
}

.row.lg-marg > * {
  padding-left: 40px;
  padding-right: 40px;
}

.row.xlg-marg {
  margin-left: -50px;
  margin-right: -50px;
}

.row.xlg-marg > * {
  padding-left: 50px;
  padding-right: 50px;
}

.row.xxlg-marg {
  margin-left: -80px;
  margin-right: -80px;
}

.row.xxlg-marg > * {
  padding-left: 80px;
  padding-right: 80px;
}

.container-xxl {
  max-width: 1500px;
}

.container-xl {
  max-width: 1400px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0;
}

h1 {
  font-size: 70px;
}

h2 {
  font-size: 50px;
}

h3 {
  font-size: 40px;
}

h4 {
  font-size: 32px;
}

h5 {
  font-size: 25px;
}

h6 {
  font-size: 20px;
}

p {
  line-height: 1.8;
  font-size: 16px;
  font-weight: 400;
  color: #c6c8c9;
  margin: 0;
}

.text p {
  font-weight: 400;
}

a,
a:hover {
  color: inherit;
}

span {
  display: inline-block;
}

a {
  display: inline-block;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

img {
  width: 100%;
  height: auto;
}

figure {
  margin: 0;
}

.main-color {
  color: #d2c1af !important;
}

.main-colorbg {
  background: #d2c1af !important;
}

.main-color2 {
  color: #caff33 !important;
}

.main-colorbg2 {
  background: #caff33 !important;
}

.main-bg {
  background: #0f0f0f !important;
}

.sub-bg {
  background: #121212 !important;
}

.sub-bg2 {
  background: #000 !important;
}

.p-color {
  color: #c6c8c9;
}

.btn:hover,
.btn:focus,
.btn:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.lines.two:after {
  content: '';
  position: absolute;
  top: 0;
  left: 30%;
  width: 40%;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.lines.four {
  left: 5%;
  width: 90%;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  border-left: 1px solid rgba(255, 255, 255, 0.05);
}

.lines.four:after {
  content: '';
  position: absolute;
  top: 0;
  left: 33.3333%;
  width: 33.3333%;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  border-left: 1px solid rgba(255, 255, 255, 0.05);
}

.lines.two-out {
  left: 60px;
  right: 60px;
  width: auto;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  z-index: 7;
}

.line-overlay {
  position: absolute;
  top: -10%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.line-overlay.revers {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.line-overlay.up {
  top: -25%;
}

.line-overlay svg path {
  stroke: #353535;
}

.overlay-center {
  position: relative;
}

.overlay-center:after {
  content: '';
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: 0;
  width: 100%;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#0f0f0f),
    color-stop(rgba(255, 255, 255, 0)),
    color-stop(rgba(255, 255, 255, 0)),
    to(#0f0f0f)
  );
  background: -webkit-linear-gradient(
    bottom,
    #0f0f0f,
    rgba(255, 255, 255, 0) calc(100% - 80%),
    rgba(255, 255, 255, 0) calc(100% - 80%),
    #0f0f0f
  );
  background: -o-linear-gradient(
    bottom,
    #0f0f0f,
    rgba(255, 255, 255, 0) calc(100% - 80%),
    rgba(255, 255, 255, 0) calc(100% - 80%),
    #0f0f0f
  );
  background: linear-gradient(
    to top,
    #0f0f0f,
    rgba(255, 255, 255, 0) calc(100% - 80%),
    rgba(255, 255, 255, 0) calc(100% - 80%),
    #0f0f0f
  );
}

.in-box {
  width: calc(100% - 30px);
  margin: auto;
}

.blur-left-top {
  position: absolute;
  top: -120px;
  left: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.blur-right-top {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateX(50%) translateY(-50%);
  -ms-transform: translateX(50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);
  pointer-events: none;
}

.bg-pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.bg-pattern.bg-repeat {
  background-repeat: repeat;
}

.social-icon a {
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}

.bord-top-grd {
  position: relative;
}

.bord-top-grd:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(transparent),
    color-stop(#fff),
    to(transparent)
  );
  background: -webkit-linear-gradient(left, transparent, #fff, transparent);
  background: -o-linear-gradient(left, transparent, #fff, transparent);
  background: linear-gradient(to right, transparent, #fff, transparent);
  height: 1px;
  width: 100%;
  opacity: 0.3;
}

.bord-bottom-grd {
  position: relative;
}

.bord-bottom-grd:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(transparent),
    color-stop(#fff),
    to(transparent)
  );
  background: -webkit-linear-gradient(left, transparent, #fff, transparent);
  background: -o-linear-gradient(left, transparent, #fff, transparent);
  background: linear-gradient(to right, transparent, #fff, transparent);
  height: 1px;
  width: 100%;
  opacity: 0.3;
}

.noise {
  -webkit-animation: grain 8s steps(10) infinite;
  animation: grain 8s steps(10) infinite;
  background-image: url(../imgs/patterns/noise.png);
  content: '';
  height: 300%;
  left: -50%;
  opacity: 0.4;
  position: absolute;
  top: -100%;
  width: 300%;
  pointer-events: none;
}

@-webkit-keyframes grain {
  0%,
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  10% {
    -webkit-transform: translate(-5%, -10%);
    transform: translate(-5%, -10%);
  }
  20% {
    -webkit-transform: translate(-15%, 5%);
    transform: translate(-15%, 5%);
  }
  30% {
    -webkit-transform: translate(7%, -25%);
    transform: translate(7%, -25%);
  }
  40% {
    -webkit-transform: translate(-5%, 25%);
    transform: translate(-5%, 25%);
  }
  50% {
    -webkit-transform: translate(-15%, 10%);
    transform: translate(-15%, 10%);
  }
  60% {
    -webkit-transform: translate(15%);
    transform: translate(15%);
  }
  70% {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }
  80% {
    -webkit-transform: translate(3%, 35%);
    transform: translate(3%, 35%);
  }
  90% {
    -webkit-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%);
  }
}

@keyframes grain {
  0%,
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  10% {
    -webkit-transform: translate(-5%, -10%);
    transform: translate(-5%, -10%);
  }
  20% {
    -webkit-transform: translate(-15%, 5%);
    transform: translate(-15%, 5%);
  }
  30% {
    -webkit-transform: translate(7%, -25%);
    transform: translate(7%, -25%);
  }
  40% {
    -webkit-transform: translate(-5%, 25%);
    transform: translate(-5%, 25%);
  }
  50% {
    -webkit-transform: translate(-15%, 10%);
    transform: translate(-15%, 10%);
  }
  60% {
    -webkit-transform: translate(15%);
    transform: translate(15%);
  }
  70% {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }
  80% {
    -webkit-transform: translate(3%, 35%);
    transform: translate(3%, 35%);
  }
  90% {
    -webkit-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%);
  }
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(210, 193, 175, 0.48);
  border: 2px solid rgba(15, 15, 15, 0.92);
  border-radius: 40px;
  box-shadow: 0 0 10px rgba(210, 193, 175, 0.12);
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(210, 193, 175, 0.72);
  box-shadow: 0 0 14px rgba(210, 193, 175, 0.2);
}

/* ============ BUTTONS ============ */
.butn {
  border: 1px solid transparent;
}

.butn.butn-md {
  padding: 14px 35px;
}

.butn.butn-sm {
  padding: 8px 18px;
}

.butn.butn-full {
  width: 100%;
  padding: 15px 25px;
  text-align: center;
}

.butn.butn-bord {
  border-color: #fff;
  background: transparent;
  color: #fff;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.butn.butn-bord:hover {
  background: #fff;
  color: #000;
}

.butn.butn-bord:hover span {
  color: #000;
}

.butn.butn-bord-thin {
  border-color: rgba(255, 255, 255, 0.12);
  background: transparent;
  color: #fff;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.butn.butn-bord-thin:hover {
  background: #fff;
  color: #000;
}

.butn.butn-bord-thin:hover span {
  color: #000;
}

.butn.butn-bg {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.butn.butn-bg:hover {
  background: transparent !important;
  border-color: #fff;
  color: #fff !important;
}

.butn .rolling-text {
  margin-bottom: -5px;
}

.butn-crev .circle {
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-right: 15px;
}

.btn-circle {
  border-radius: 50%;
  border: 1px solid #fff;
  width: 105px;
  height: 105px;
  position: relative;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.btn-circle:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #d2c1af;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.btn-circle:hover {
  border-color: #d2c1af;
}

.btn-circle:hover:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.btn-circle:hover span {
  color: #1c1c1c;
}

.btn-circle span {
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.btn-circle span:last-of-type {
  display: block;
  padding-left: 10px;
}

.btn-circle.btn-md {
  width: 120px;
  height: 120px;
}

.btn-circle.btn-lg {
  width: 140px;
  height: 140px;
}

.butn-circle-text .text {
  margin-right: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
}

.butn-circle-text .circle {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

.butn-circle-text .circle svg {
  width: 22px;
  height: 22px;
}

.circle-button {
  position: relative;
  display: inline-block;
}

.circle-button.in-bord:after {
  content: '';
  position: absolute;
  top: 55px;
  left: 55px;
  right: 55px;
  bottom: 55px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}

.circle-button.in-bord:before {
  content: '';
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}

.circle-button a {
  position: relative;
}

.circle-button .rotate-circle svg {
  width: 210px;
  fill: #fff;
}

.circle-button .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-20px) translateY(-20px);
  -ms-transform: translateX(-20px) translateY(-20px);
  transform: translateX(-20px) translateY(-20px);
  display: inline-block;
  width: 0;
  height: 0;
}

.circle-button .arrow svg {
  width: 40px;
  height: 40px;
}

.circle-button .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.circle-button .in-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.circle-button.no-animate .rotate-circle {
  -webkit-animation: none;
  animation: none;
}

.rotate-circle {
  -webkit-animation-name: rotateCircle;
  animation-name: rotateCircle;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes rotateCircle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotateCircle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rmore.to-in {
  margin-left: -100px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.rmore.to-in:hover {
  margin-left: 0;
}

.go-more {
  position: relative;
  padding: 0 20px;
}

.go-more:after {
  content: '';
  position: absolute;
  right: 5px;
  top: -10px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.05);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.go-more .icon {
  margin-left: 15px;
  bottom: -2px;
  position: relative;
}

.go-more:hover:after {
  width: 100%;
  right: 0;
}

.vew-all {
  position: relative;
  padding: 50px 0 50px 50px;
  z-index: 3;
}

.vew-all:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-right-color: transparent;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  z-index: -1;
}

.vew-all:hover:after {
  -webkit-transform: translateY(-50%) rotate(360deg);
  -ms-transform: translateY(-50%) rotate(360deg);
  transform: translateY(-50%) rotate(360deg);
}

.vi-more .butn {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.vi-more .icon {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.vi-more:hover .icon {
  background: #d2c1af;
}

/* ============ CURSOR ============ */
.hover-this .hover-anim {
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  -o-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.cursor {
  pointer-events: none;
  position: fixed;
  padding: 0.3rem;
  background-color: #fff;
  border-radius: 50%;
  mix-blend-mode: difference;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, opacity 0.4s ease;
  transition: transform 0.3s ease, opacity 0.4s ease;
  transition: transform 0.3s ease, opacity 0.4s ease,
    -webkit-transform 0.3s ease;
  z-index: 99999;
}

.cursor-active {
  -webkit-transform: translate(-50%, -50%) scale(8);
  -ms-transform: translate(-50%, -50%) scale(8);
  transform: translate(-50%, -50%) scale(8);
  opacity: 0.1;
}

.rolling-text {
  display: inline-block;
  overflow: hidden;
  line-height: 50px;
  height: 50px;
}

.rolling-text.butn {
  padding: 0 35px;
}

.social-text .rolling-text {
  line-height: 30px;
  height: 30px;
}

.rolling-text:hover .letter,
.rolling-text.play .letter {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.rolling-text .letter {
  display: inline-block;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
  -o-transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
  transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
  transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1),
    -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}

.letter:nth-child(1) {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.letter:nth-child(2) {
  -webkit-transition-delay: 0.015s;
  -o-transition-delay: 0.015s;
  transition-delay: 0.015s;
}

.letter:nth-child(3) {
  -webkit-transition-delay: 0.03s;
  -o-transition-delay: 0.03s;
  transition-delay: 0.03s;
}

.letter:nth-child(4) {
  -webkit-transition-delay: 0.045s;
  -o-transition-delay: 0.045s;
  transition-delay: 0.045s;
}

.letter:nth-child(5) {
  -webkit-transition-delay: 0.06s;
  -o-transition-delay: 0.06s;
  transition-delay: 0.06s;
}

.letter:nth-child(6) {
  -webkit-transition-delay: 0.075s;
  -o-transition-delay: 0.075s;
  transition-delay: 0.075s;
}

.letter:nth-child(7) {
  -webkit-transition-delay: 0.09s;
  -o-transition-delay: 0.09s;
  transition-delay: 0.09s;
}

.letter:nth-child(8) {
  -webkit-transition-delay: 0.105s;
  -o-transition-delay: 0.105s;
  transition-delay: 0.105s;
}

.letter:nth-child(9) {
  -webkit-transition-delay: 0.12s;
  -o-transition-delay: 0.12s;
  transition-delay: 0.12s;
}

.letter:nth-child(10) {
  -webkit-transition-delay: 0.135s;
  -o-transition-delay: 0.135s;
  transition-delay: 0.135s;
}

.letter:nth-child(11) {
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.letter:nth-child(12) {
  -webkit-transition-delay: 0.165s;
  -o-transition-delay: 0.165s;
  transition-delay: 0.165s;
}

.letter:nth-child(13) {
  -webkit-transition-delay: 0.18s;
  -o-transition-delay: 0.18s;
  transition-delay: 0.18s;
}

.letter:nth-child(14) {
  -webkit-transition-delay: 0.195s;
  -o-transition-delay: 0.195s;
  transition-delay: 0.195s;
}

.letter:nth-child(15) {
  -webkit-transition-delay: 0.21s;
  -o-transition-delay: 0.21s;
  transition-delay: 0.21s;
}

.letter:nth-child(16) {
  -webkit-transition-delay: 0.225s;
  -o-transition-delay: 0.225s;
  transition-delay: 0.225s;
}

.letter:nth-child(17) {
  -webkit-transition-delay: 0.24s;
  -o-transition-delay: 0.24s;
  transition-delay: 0.24s;
}

.letter:nth-child(18) {
  -webkit-transition-delay: 0.255s;
  -o-transition-delay: 0.255s;
  transition-delay: 0.255s;
}

.letter:nth-child(19) {
  -webkit-transition-delay: 0.27s;
  -o-transition-delay: 0.27s;
  transition-delay: 0.27s;
}

.letter:nth-child(20) {
  -webkit-transition-delay: 0.285s;
  -o-transition-delay: 0.285s;
  transition-delay: 0.285s;
}

.letter:nth-child(21) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.progress-wrap,
.envocs-back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  height: 44px;
  width: 44px;
  padding: 0;
  border: 1px solid rgba(210, 193, 175, 0.16);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  isolation: isolate;
  overflow: hidden;
  appearance: none;
  -webkit-appearance: none;
  -webkit-transform: translate3d(0, 20px, 0);
  -ms-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  contain: layout paint;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: opacity 360ms ease, visibility 360ms ease, transform 360ms ease, border-color 220ms ease, box-shadow 220ms ease;
  -o-transition: opacity 360ms ease, visibility 360ms ease, transform 360ms ease, border-color 220ms ease, box-shadow 220ms ease;
  transition: opacity 360ms ease, visibility 360ms ease, transform 360ms ease, border-color 220ms ease, box-shadow 220ms ease;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.015)),
    rgba(10, 10, 10, 0.75);
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  mix-blend-mode: normal;
}

.progress-wrap.active-progress,
.envocs-back-to-top.active-progress {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.progress-wrap::before,
.envocs-back-to-top::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at 50% 0%, rgba(210, 193, 175, 0.12), transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 34%);
  opacity: 0.52;
  pointer-events: none;
}

.progress-wrap::after,
.envocs-back-to-top::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 8px;
  width: 8px;
  margin-left: -0.5px;
  border-top: 1.35px solid rgba(238, 238, 238, 0.74);
  border-left: 1.35px solid rgba(238, 238, 238, 0.74);
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(-50%, -35%) rotate(45deg);
  transform: translate(-50%, -35%) rotate(45deg);
  -webkit-transition: border-color 220ms ease, opacity 220ms ease, transform 220ms ease;
  -o-transition: border-color 220ms ease, opacity 220ms ease, transform 220ms ease;
  transition: border-color 220ms ease, opacity 220ms ease, transform 220ms ease;
}

.progress-wrap svg,
.envocs-back-to-top-icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  shape-rendering: geometricPrecision;
  text-rendering: geometricPrecision;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.progress-wrap svg path,
.envocs-back-to-top-icon path {
  fill: none;
}

.progress-wrap svg.progress-circle .progress-circle-ring,
.envocs-back-to-top-icon .envocs-back-to-top-ring {
  stroke: rgba(210, 193, 175, 0.52);
  stroke-width: 1.35;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-opacity: 0.58;
  shape-rendering: geometricPrecision;
  vector-effect: non-scaling-stroke;
}

.progress-wrap:hover,
.progress-wrap:focus-visible,
.envocs-back-to-top:hover,
.envocs-back-to-top:focus-visible {
  border-color: rgba(210, 193, 175, 0.38);
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.24),
    0 0 20px rgba(210, 193, 175, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
  outline: none;
}

.progress-wrap:hover::after,
.progress-wrap:focus-visible::after,
.envocs-back-to-top:hover::after,
.envocs-back-to-top:focus-visible::after {
  border-color: rgba(238, 238, 238, 0.9);
  -webkit-transform: translate(-50%, -42%) rotate(45deg);
  transform: translate(-50%, -42%) rotate(45deg);
}

.progress-wrap:hover svg.progress-circle .progress-circle-ring,
.progress-wrap:focus-visible svg.progress-circle .progress-circle-ring,
.envocs-back-to-top:hover .envocs-back-to-top-ring,
.envocs-back-to-top:focus-visible .envocs-back-to-top-ring {
  stroke-opacity: 0.78;
}

/* ============ LAYOUT / UTILITIES ============ */
.d-rotate {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.d-rotate .rotate-text {
  display: block;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: translate3d(0px, 50px, -50px) rotateX(-45deg) scale(0.95);
  transform: translate3d(0px, 50px, -50px) rotateX(-45deg) scale(0.95);
  opacity: 0;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.d-rotate.animated .rotate-text {
  -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) scale(1);
  transform: translate3d(0px, 0px, 0px) rotateX(0deg) scale(1);
  opacity: 1;
}

.d-slideup .sideup-text {
  overflow: hidden;
  display: block;
}

.d-slideup .sideup-text:first-of-type .up-text {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.d-slideup .sideup-text:nth-of-type(2) .up-text {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.d-slideup .sideup-text:nth-of-type(3) .up-text {
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

.d-slideup .sideup-text:nth-of-type(4) .up-text {
  -webkit-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.d-slideup .sideup-text:nth-of-type(5) .up-text {
  -webkit-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

.d-slideup .sideup-text .up-text {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}

.d-slideup.animated .up-text {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.main-marq {
  position: relative;
  padding: 0;
}

.main-marq:after {
  content: '';
  position: absolute;
  top: -30px;
  bottom: -30px;
  left: -30px;
  right: -30px;
  pointer-events: none;
  background: -webkit-linear-gradient(
    right,
    #0f0f0f,
    rgba(255, 255, 255, 0) 280px,
    rgba(255, 255, 255, 0) calc(100% - 280px),
    #0f0f0f
  );
  background: -o-linear-gradient(
    right,
    #0f0f0f,
    rgba(255, 255, 255, 0) 280px,
    rgba(255, 255, 255, 0) calc(100% - 280px),
    #0f0f0f
  );
  background: linear-gradient(
    to left,
    #0f0f0f,
    rgba(255, 255, 255, 0) 280px,
    rgba(255, 255, 255, 0) calc(100% - 280px),
    #0f0f0f
  );
}

.main-marq.shadow-off:after {
  display: none;
}

.main-marq.md-text .box .item h4 {
  font-size: 40px;
}

.main-marq.lrg .box .item h4 {
  font-size: 5vw;
}

.main-marq.xlrg .box .item {
  padding: 0 30px;
}

.main-marq.xlrg .box .item h4 {
  font-size: 8vw;
}

.main-marq .slide-har {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-rendering: geometricPrecision;
}

.main-marq .slide-har .overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-marq .strok .item h4 {
  color: rgba(255, 255, 255, 0.035) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.035);
  -webkit-text-stroke: 0.35px rgba(255, 255, 255, 0.72);
}

.main-marq .strok .item h4 a {
  color: rgba(255, 255, 255, 0.035) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.035);
  -webkit-text-stroke: 0.35px rgba(255, 255, 255, 0.72);
}

.main-marq .non-strok .item h4 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-text-stroke: 0 !important;
}

.main-marq .non-strok .item h4 a {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-text-stroke: 0 !important;
}

.main-marq .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-marq .box .item {
  padding: 0 30px;
}

.main-marq .box .item h4 {
  white-space: nowrap;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.main-marq .box .item h4 .icon {
  margin-bottom: -15px;
}

.main-marq .box .item h2 {
  margin: 0;
}

.main-marq .box .item:nth-of-type(even) h4 {
  color: rgba(255, 255, 255, 0.035);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.035);
  -webkit-text-stroke: 0.35px rgba(255, 255, 255, 0.72);
}

.main-marq .box .item:nth-of-type(even) h4 a {
  color: rgba(255, 255, 255, 0.035);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.035);
  -webkit-text-stroke: 0.35px rgba(255, 255, 255, 0.72);
}

.main-marq .box:last-of-type .item:nth-of-type(even) h4 {
  color: #fff;
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke: 0;
}

.main-marq .box:last-of-type .item:nth-of-type(even) h4 a {
  color: #fff;
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke: 0;
}

.main-marq .box:last-of-type .item:nth-of-type(odd) h4 {
  color: rgba(255, 255, 255, 0.035);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.035);
  -webkit-text-stroke: 0.35px rgba(255, 255, 255, 0.72);
}

.main-marq .box:last-of-type .item:nth-of-type(odd) h4 a {
  color: rgba(255, 255, 255, 0.035);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.035);
  -webkit-text-stroke: 0.35px rgba(255, 255, 255, 0.72);
}

.dark-text {
  color: #000 !important;
}

.dark-text .box .item h4,
.dark-text .box:last-of-type .item:nth-of-type(even) h4 {
  color: #000 !important;
}

.dark-text .strok .box .item h4,
.dark-text .box .item:nth-of-type(even) h4,
.dark-text .box:last-of-type .item:nth-of-type(odd) h4 {
  -webkit-text-stroke: 1px #000;
}

.light-text {
  color: #fff;
}

.light-text .box .item h4,
.light-text .box:last-of-type .item:nth-of-type(even) h4 {
  color: #fff;
}

.light-text .box .item:nth-of-type(even) h4,
.light-text .box:last-of-type .item:nth-of-type(odd) h4 {
  -webkit-text-stroke: 1px #fff;
}

.slide-har {
  position: relative;
}

.slide-har.st1 .box {
  position: relative;
  -webkit-animation: slide-har 80s linear infinite;
  animation: slide-har 80s linear infinite;
}

.slide-har.st2 .box {
  position: relative;
  -webkit-animation: slide-har-revers 80s linear infinite;
  animation: slide-har-revers 80s linear infinite;
}

@-webkit-keyframes slide-har {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes slide-har {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes slide-har-revers {
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes slide-har-revers {
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.main-marqv {
  position: relative;
  padding: 0;
}

.main-marqv:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: -webkit-linear-gradient(
    bottom,
    #121212,
    rgba(255, 255, 255, 0) 80px,
    rgba(255, 255, 255, 0) calc(100% - 80px),
    #121212
  );
  background: -o-linear-gradient(
    bottom,
    #121212,
    rgba(255, 255, 255, 0) 80px,
    rgba(255, 255, 255, 0) calc(100% - 80px),
    #121212
  );
  background: linear-gradient(
    to top,
    #121212,
    rgba(255, 255, 255, 0) 80px,
    rgba(255, 255, 255, 0) calc(100% - 80px),
    #121212
  );
  pointer-events: none;
}

.main-marqv .slide-vertical {
  overflow: hidden;
  height: 600px;
  margin: 0 auto;
  position: relative;
}

.main-marqv .slide-vertical:hover .box {
  -webkit-animation-play-state: paused !important;
  animation-play-state: paused !important;
}

.main-marqv .slide-vertical .box {
  position: relative;
  -webkit-animation: slide-vertical 50s linear infinite;
  animation: slide-vertical 50s linear infinite;
}

@-webkit-keyframes slide-vertical {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes slide-vertical {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

.imago {
  -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
  clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transition: -webkit-clip-path 0.8s ease-in-out 0.3s,
    -webkit-transform 0.8s ease-in-out 1.1s,
    -webkit-filter 0.5s ease-in-out 1.1s;
  transition: -webkit-clip-path 0.8s ease-in-out 0.3s,
    -webkit-transform 0.8s ease-in-out 1.1s,
    -webkit-filter 0.5s ease-in-out 1.1s;
  -o-transition: clip-path 0.8s ease-in-out 0.3s,
    transform 0.8s ease-in-out 1.1s, filter 0.5s ease-in-out 1.1s;
  transition: clip-path 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 1.1s,
    filter 0.5s ease-in-out 1.1s;
  transition: clip-path 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 1.1s,
    filter 0.5s ease-in-out 1.1s, -webkit-clip-path 0.8s ease-in-out 0.3s,
    -webkit-transform 0.8s ease-in-out 1.1s,
    -webkit-filter 0.5s ease-in-out 1.1s;
  position: relative;
}

.imago.animated {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

.imago.simpl {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

/* ============ HELPER CLASSES ============ */
.o-hidden {
  overflow: hidden;
}

.position-re {
  position: relative;
}

.position-abs {
  position: absolute;
}

.cursor-pointer {
  cursor: pointer;
}

.revers-x {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.revers-y {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.full-over {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ontop {
  position: relative;
  z-index: 7;
}

.rest {
  padding: 0 !important;
  margin: 0 !important;
}

img.out-box {
  width: 140%;
}

img.left {
  margin-left: -40%;
}

.no-bord {
  border: 0 !important;
}

.bord-thin-top {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.bord-thin-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.bord-thin-right {
  border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.bord-thin-left {
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.radius-5 {
  border-radius: 5px !important;
}

.radius-10 {
  border-radius: 10px !important;
}

.radius-15 {
  border-radius: 15px !important;
}

.radius-20 {
  border-radius: 20px !important;
}

.radius-25 {
  border-radius: 25px !important;
}

.radius-30 {
  border-radius: 30px !important;
}

.radius-50 {
  border-radius: 50px;
}

.order-md-1,
.order-md-2,
.order-md-3,
.order-md-4 {
  -webkit-box-ordinal-group: inherit !important;
  -ms-flex-order: inherit !important;
  order: inherit !important;
}

.full-width {
  width: 100% !important;
}

.bg-img {
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-top {
  background-position: center top;
}

.bg-bottom {
  background-position: center bottom;
}

.bg-center {
  background-position: center center;
}

.bg-fixed {
  background-attachment: fixed;
}

.bg-repeat {
  background-size: auto;
  background-repeat: repeat;
}

.bg-auto {
  background-size: auto;
  background-repeat: no-repeat;
}

.section-padding {
  padding-top: 140px;
  padding-bottom: 140px;
}

.section-ptb {
  padding: 80px 0;
}

.cmd-padding {
  padding: 0 10px;
}

.csm-padding {
  padding: 0 5px;
}

.head-pt {
  padding: 80px 0 0;
}

.head-pb {
  padding: 0 0 80px;
}

.no-shad {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.stroke {
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.7);
}

.fit-img {
  overflow: hidden;
}

.fit-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.rounded {
  border-radius: 5px;
}

.circle {
  border-radius: 50%;
}

.circle-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.circle-30 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
}

.circle-40 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  overflow: hidden;
}

.circle-50 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  overflow: hidden;
}

.circle-60 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  overflow: hidden;
}

.circle-70 {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  line-height: 70px;
  overflow: hidden;
}

.circle-80 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  overflow: hidden;
}

.circle-90 {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  text-align: center;
  line-height: 90px;
  overflow: hidden;
}

.circle-100 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  line-height: 100px;
  overflow: hidden;
}

.circle-120 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  text-align: center;
  line-height: 120px;
  overflow: hidden;
}

.nowrap {
  white-space: nowrap;
}

.unlist {
  list-style: none;
}

.underline a {
  text-decoration: underline !important;
}

.underline span {
  text-decoration: underline;
}

.undecro:hover {
  text-decoration: none;
}

.inline {
  display: inline-block;
}

.valign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.horizontal-link li {
  display: inline-block;
}

.rest {
  margin: 0;
  padding: 0;
}

.plink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.social.circle-bord a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 50%;
}

.primery-shadow {
  -webkit-box-shadow: 0px 8px 30px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 30px -4px rgba(0, 0, 0, 0.1);
}

/*-------------------------------------------------------
           icon Size
-------------------------------------------------------*/
.icon-img-20 {
  width: 20px;
}

.icon-img-30 {
  width: 30px;
}

.icon-img-40 {
  width: 40px;
}

.icon-img-50 {
  width: 50px;
}

.icon-img-60 {
  width: 60px;
}

.icon-img-70 {
  width: 70px;
}

.icon-img-80 {
  width: 80px;
}

.icon-img-90 {
  width: 90px;
}

.icon-img-100 {
  width: 100px;
}

.icon-img-120 {
  width: 120px;
}

/*-------------------------------------------------------
           Z-index
-------------------------------------------------------*/
.zindex-1 {
  z-index: 1;
}

.zindex-2 {
  z-index: 2;
}

.zindex-3 {
  z-index: 3;
}

.zindex-4 {
  z-index: 4;
}

.zindex-5 {
  z-index: 5;
}

.zindex-10 {
  z-index: 10;
}

.zindex-99 {
  z-index: 99;
}

/*-------------------------------------------------------
           opacity
-------------------------------------------------------*/
.opacity-05 {
  opacity: 0.05 !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-1 {
  opacity: 0.1 !important;
}

.opacity-2 {
  opacity: 0.2 !important;
}

.opacity-3 {
  opacity: 0.3 !important;
}

.opacity-4 {
  opacity: 0.4 !important;
}

.opacity-5 {
  opacity: 0.5 !important;
}

.opacity-6 {
  opacity: 0.6 !important;
}

.opacity-7 {
  opacity: 0.7 !important;
}

.opacity-8 {
  opacity: 0.8 !important;
}

.opacity-9 {
  opacity: 0.9 !important;
}

/*-------------------------------------------------------
           text color
-------------------------------------------------------*/
.text-white {
  color: #fff;
}

.text-black {
  color: #000;
}

.text-dark {
  color: #444;
}

.text-extra-light-gray {
  color: #b7b7b7;
}

.text-hover-inherit:hover {
  color: inherit !important;
}

.text-hover-light:hover {
  color: #fff !important;
}

/*-------------------------------------------------------
          font-weight
-------------------------------------------------------*/
.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

/*-------------------------------------------------------
           font-size
-------------------------------------------------------*/
.fz-10 {
  font-size: 10px !important;
}

.fz-12 {
  font-size: 12px !important;
}

.fz-13 {
  font-size: 13px !important;
}

.fz-14 {
  font-size: 14px !important;
}

.fz-15 {
  font-size: 15px !important;
}

.fz-16 {
  font-size: 16px !important;
}

.fz-18 {
  font-size: 18px !important;
}

.fz-20 {
  font-size: 20px !important;
}

.fz-22 {
  font-size: 22px !important;
}

.fz-24 {
  font-size: 24px !important;
}

.fz-25 {
  font-size: 25px !important;
}

.fz-26 {
  font-size: 26px !important;
}

.fz-28 {
  font-size: 28px !important;
}

.fz-30 {
  font-size: 30px !important;
}

.fz-35 {
  font-size: 35px !important;
}

.fz-40 {
  font-size: 40px !important;
}

.fz-42 {
  font-size: 42px !important;
}

.fz-44 {
  font-size: 44px !important;
}

.fz-45 {
  font-size: 45px !important;
}

.fz-46 {
  font-size: 46px !important;
}

.fz-48 {
  font-size: 48px !important;
}

.fz-50 {
  font-size: 50px !important;
}

.fz-55 {
  font-size: 55px !important;
}

.fz-60 {
  font-size: 60px !important;
}

.fz-65 {
  font-size: 65px !important;
}

.fz-70 {
  font-size: 70px !important;
}

.fz-80 {
  font-size: 80px !important;
}

.fz-100 {
  font-size: 100px !important;
  line-height: 1.1;
}

.fz-120 {
  font-size: 120px !important;
  line-height: 1.1;
}

/*-------------------------------------------------------
          line-height
-------------------------------------------------------*/
.line-height-1 {
  line-height: 1;
}

.line-height-10 {
  line-height: 10px;
}

.line-height-13 {
  line-height: 13px;
}

.line-height-18 {
  line-height: 18px;
}

.line-height-20 {
  line-height: 20px;
}

.line-height-22 {
  line-height: 22px;
}

.line-height-24 {
  line-height: 24px;
}

.line-height-26 {
  line-height: 26px;
}

.line-height-28 {
  line-height: 28px;
}

.line-height-30 {
  line-height: 30px;
}

.line-height-35 {
  line-height: 35px;
}

.line-height-40 {
  line-height: 40px;
}

.line-height-45 {
  line-height: 45px;
}

.line-height-50 {
  line-height: 50px;
}

.line-height-55 {
  line-height: 55px;
}

.line-height-60 {
  line-height: 60px;
}

.line-height-65 {
  line-height: 65px;
}

.line-height-70 {
  line-height: 70px;
}

.line-height-75 {
  line-height: 75px;
}

.line-height-80 {
  line-height: 80px;
}

.line-height-85 {
  line-height: 85px;
}

.line-height-90 {
  line-height: 90px;
}

.line-height-95 {
  line-height: 95px;
}

.line-height-100 {
  line-height: 100px;
}

.line-height-110 {
  line-height: 110px;
}

.line-height-120 {
  line-height: 120px;
}

/*-------------------------------------------------------
          text-transform
-------------------------------------------------------*/
.text-u {
  text-transform: uppercase !important;
}

.text-l {
  text-transform: lowercase !important;
}

.text-c {
  text-transform: capitalize !important;
}

.text-non {
  text-transform: none !important;
}

.text-i {
  font-style: italic;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

/*-------------------------------------------------------
           letter-spacing
-------------------------------------------------------*/
.ls0 {
  letter-spacing: 0px !important;
}

.ls1 {
  letter-spacing: 1px !important;
}

.ls2 {
  letter-spacing: 2px !important;
}

.ls3 {
  letter-spacing: 3px !important;
}

.ls4 {
  letter-spacing: 4px !important;
}

.ls5 {
  letter-spacing: 5px !important;
}

.ls6 {
  letter-spacing: 6px !important;
}

.ls7 {
  letter-spacing: 7px !important;
}

.ls8 {
  letter-spacing: 8px !important;
}

.ls9 {
  letter-spacing: 9px !important;
}

.ls10 {
  letter-spacing: 10px !important;
}

.ls15 {
  letter-spacing: 15px !important;
}

.ls20 {
  letter-spacing: 20px !important;
}

.ls25 {
  letter-spacing: 25px !important;
}

.ls30 {
  letter-spacing: 30px !important;
}

/*-------------------------------------------------------
       margin-top  (0/100) +5
-------------------------------------------------------*/
.mt-0 {
  margin-top: 0 !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-62 {
  margin-top: 62px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

.mt-140 {
  margin-top: 140px !important;
}

/*-------------------------------------------------------
       margin-bottom  (0/100) +5
-------------------------------------------------------*/
.mb-0 {
  margin-bottom: 0 !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-62 {
  margin-bottom: 62px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.mb-140 {
  margin-bottom: 140px !important;
}

/*-------------------------------------------------------
       margin-right  (0/100) +5
-------------------------------------------------------*/
.mr-0 {
  margin-right: 0 !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mr-62 {
  margin-right: 62px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mr-85 {
  margin-right: 85px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.mr-95 {
  margin-right: 95px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

/*-------------------------------------------------------
       margin-left  (0/100) +5
-------------------------------------------------------*/
.ml-auto {
  margin-left: auto;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.ml-62 {
  margin-left: 62px !important;
}

.ml-65 {
  margin-left: 65px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.ml-85 {
  margin-left: 85px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.ml-95 {
  margin-left: 95px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.m-auto {
  margin-left: auto;
  margin-right: auto;
}

.min-30 {
  margin-left: -30px;
  margin-right: -30px;
}

/*-------------------------------------------------------
      margin left right  (0/50) +5
-------------------------------------------------------*/
.margin-rl-5 {
  margin-right: 5px;
  margin-left: 5px;
}

.margin-rl-10 {
  margin-right: 10px;
  margin-left: 10px;
}

.margin-rl-15 {
  margin-right: 15px;
  margin-left: 15px;
}

.margin-rl-20 {
  margin-right: 20px;
  margin-left: 20px;
}

.margin-rl-25 {
  margin-right: 25px;
  margin-left: 25px;
}

.margin-rl-30 {
  margin-right: 30px;
  margin-left: 30px;
}

.margin-rl-35 {
  margin-right: 35px;
  margin-left: 35px;
}

.margin-rl-40 {
  margin-right: 40px;
  margin-left: 40px;
}

.margin-rl-45 {
  margin-right: 45px;
  margin-left: 45px;
}

.margin-rl-50 {
  margin-right: 50px;
  margin-left: 50px;
}

/*-------------------------------------------------------
      padding-top  (0/100) +5
-------------------------------------------------------*/
.pt-0 {
  padding-top: 0 !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-65 {
  padding-top: 65px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-85 {
  padding-top: 85px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pt-95 {
  padding-top: 95px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pt-120 {
  padding-top: 120px !important;
}

.pt-140 {
  padding-top: 140px !important;
}

/*-------------------------------------------------------
     padding-bottom  (0/100) +5
-------------------------------------------------------*/
.pb-0 {
  padding-bottom: 0 !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-85 {
  padding-bottom: 85px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

.pb-140 {
  padding-bottom: 140px !important;
}

.no-padding {
  padding: 0 !important;
}

.pr-30 {
  padding-right: 30px;
}

.pr-50 {
  padding-right: 50px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-50 {
  padding-left: 50px;
}

/*-------------------------------------------------------
      padding left right  (0/50) +5
-------------------------------------------------------*/
.padding-rl-5 {
  padding-right: 5px;
  padding-left: 5px;
}

.padding-rl-10 {
  padding-right: 10px;
  padding-left: 10px;
}

.padding-rl-15 {
  padding-right: 15px;
  padding-left: 15px;
}

.padding-rl-20 {
  padding-right: 20px;
  padding-left: 20px;
}

.padding-rl-25 {
  padding-right: 25px;
  padding-left: 25px;
}

.padding-rl-30 {
  padding-right: 30px;
  padding-left: 30px;
}

.padding-rl-35 {
  padding-right: 35px;
  padding-left: 35px;
}

.padding-rl-40 {
  padding-right: 40px;
  padding-left: 40px;
}

.padding-rl-45 {
  padding-right: 45px;
  padding-left: 45px;
}

.padding-rl-50 {
  padding-right: 50px;
  padding-left: 50px;
}

/* ============ OVERLAY ============ */
[data-overlay-dark],
[data-overlay-light] {
  position: relative;
}

[data-overlay-dark] .container,
[data-overlay-dark] .container-xxl,
[data-overlay-light] .container-xxl,
[data-overlay-light] .container {
  position: relative;
  z-index: 7;
}

[data-overlay-dark]:before,
[data-overlay-light]:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}

[data-overlay-dark]:before {
  background: #0f0f0f;
}

[data-overlay-light]:before {
  background: #fff;
}

[data-overlay-dark],
[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-dark span,
.bg-color h1,
.bg-color h2,
.bg-color h3,
.bg-color h4,
.bg-color h5,
.bg-color h6,
.bg-color span {
  color: #fff;
}

[data-overlay-dark='0']:before,
[data-overlay-light='0']:before {
  opacity: 0;
}

[data-overlay-dark='1']:before,
[data-overlay-light='1']:before {
  opacity: 0.1;
}

[data-overlay-dark='2']:before,
[data-overlay-light='2']:before {
  opacity: 0.2;
}

[data-overlay-dark='3']:before,
[data-overlay-light='3']:before {
  opacity: 0.3;
}

[data-overlay-dark='4']:before,
[data-overlay-light='4']:before {
  opacity: 0.4;
}

[data-overlay-dark='5']:before,
[data-overlay-light='5']:before {
  opacity: 0.5;
}

[data-overlay-dark='6']:before,
[data-overlay-light='6']:before {
  opacity: 0.6;
}

[data-overlay-dark='7']:before,
[data-overlay-light='7']:before {
  opacity: 0.7;
}

[data-overlay-dark='8']:before,
[data-overlay-light='8']:before {
  opacity: 0.8;
}

[data-overlay-dark='9']:before,
[data-overlay-light='9']:before,
[data-overlay-color='9']:before {
  opacity: 0.9;
}

[data-overlay-dark='10']:before,
[data-overlay-light='10']:before {
  opacity: 1;
}

/* ============ NAVIGATION ============ */
.navbar {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  background: transparent;
  border-bottom: 2px solid transparent;
  z-index: 999;
}

.navbar.nav-crev {
  width: calc(100% - 80px);
  left: 40px;
  top: 30px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 40px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  min-height: auto;
  -webkit-transform: translate(0) !important;
  -ms-transform: translate(0) !important;
  transform: translate(0) !important;
}

.navbar.nav-crev.nav-scroll {
  background: #0f0f0f;
  border-color: rgba(255, 255, 255, 0.05);
  padding: 0;
  position: fixed;
  top: -80px;
  -webkit-transform: translateY(80px) !important;
  -ms-transform: translateY(80px) !important;
  transform: translateY(80px) !important;
  left: 0;
  width: 100%;
  border-radius: 0;
}

.navbar.static {
  position: relative;
}

.navbar.main-bg {
  background: #0f0f0f;
  border-color: rgba(255, 255, 255, 0.05);
}

.navbar.sub-bg {
  background: #121212;
  border-color: rgba(255, 255, 255, 0.05);
}

.navbar.bord {
  border-color: rgba(255, 255, 255, 0.05);
}

.navbar.blur {
  border-color: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.navbar.nav-scroll {
  border-color: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-color: rgba(255, 255, 255, 0.05);
  padding: 0;
  position: fixed;
  top: -80px;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  -o-transition: transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
}

.navbar .icon-bar {
  color: #fff;
}

.navbar .navbar-nav .nav-link {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  padding: 20px 10px 15px 10px;
  margin: 0 15px;
}

.navbar .navbar-nav .nav-link .rolling-text {
  height: 30px;
  line-height: 30px;
}

.navbar .navbar-nav .dropdown-menu {
  padding: 20px 10px;
  border: 1px solid #393939;
}

.navbar .dropdown-menu {
  display: block;
  position: absolute;
  top: 75px;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  color: #fff;
  background: #121212;
  border: 1px solid #393939;
  border-radius: 5px;
  min-width: 255px;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.navbar .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.navbar .dropdown-menu.show-left .dropdown-item .dropdown-side {
  left: auto;
  right: 248px;
}

.navbar .dropdown-menu .dropdown-item {
  font-size: 14px;
  color: #fff;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  padding: 10px 25px;
  position: relative;
}

.navbar .dropdown-menu .dropdown-item .dropdown-side {
  position: absolute;
  left: 248px;
  top: -15px;
  display: block;
  opacity: 0;
  visibility: hidden;
  border: 1px solid #393939;
  border-radius: 5px;
  background: #121212;
  width: 240px;
  padding: 20px 0px;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.navbar .dropdown-menu .dropdown-item .dropdown-side.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.navbar .dropdown-menu .dropdown-item .icon-arrow {
  position: absolute;
  right: 15px;
}

.navbar .dropdown-menu .dropdown-item:after {
  content: '';
  width: 0px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 10px;
  top: 18px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.navbar .dropdown-menu .dropdown-item:hover {
  padding-left: 30px;
  background: transparent;
}

.navbar .dropdown-menu .dropdown-item:hover:after {
  width: 10px;
}

.navbar .no-relative {
  position: static;
}

.navbar .dropdown {
  position: static;
}

.navbar .mega-menu {
  width: 100%;
  position: absolute;
  left: 0;
  top: 75px;
  overflow: hidden;
  padding: 0 !important;
  border: 0 !important;
  background: transparent;
}

.navbar .mega-menu .container {
  padding: 40px !important;
  border: 1px solid #393939;
  background: #121212;
  border-radius: 5px;
}

.navbar .mega-menu .title {
  margin-bottom: 20px;
}

.navbar .mega-menu .title .sub-title {
  font-weight: 600;
}

.navbar .mega-menu .item-img .img {
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.navbar .logo {
  position: relative;
}

.navbar .logo:after {
  content: '';
  position: absolute;
  top: -30px;
  bottom: -30px;
  right: -30px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar .contact-button {
  position: relative;
}

.navbar .contact-button:after {
  content: '';
  position: absolute;
  top: -30px;
  bottom: -30px;
  left: -30px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar .menu-icon {
  padding: 25px 30px;
}

.navbar .dropdown-toggle:after {
  margin-left: 5px;
  vertical-align: 12px;
}

/* ============ TYPOGRAPHY / TITLES ============ */
.sec-head h2 span {
  background: -webkit-linear-gradient(#fff, #222);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sec-head .sub-title span {
  white-space: nowrap;
  font-weight: 600;
}

.sec-head .thin {
  margin-left: 30px;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sub-title {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.title-bord {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 20px 10px 40px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: relative;
}

.title-bord:after {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d2c1af;
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sec-bottom {
  position: relative;
}

.sec-bottom:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sec-bottom .d-flex {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 30px;
  border-radius: 30px;
  position: relative;
  z-index: 3;
}

/* ============ ABOUT ============ */
.intro .img-full {
  height: 100%;
}

.intro-crev .sec-head {
  margin-bottom: -50px;
}

.intro-crev .sec-head h2 {
  font-size: 8vw;
}

.intro-crev .img {
  position: relative;
}

.intro-crev .img img {
  width: 120%;
  margin-left: -20%;
}

.intro-crev .img .exp {
  position: absolute;
  top: -80px;
  left: 0;
}

.intro-crev .img .exp h3 {
  font-size: 100px;
}

.intro-skill .imgs {
  position: relative;
  height: 100%;
  width: 100%;
}

.intro-skill .imgs .img1,
.intro-skill .imgs .img2,
.intro-skill .imgs .img3 {
  position: absolute;
  border-radius: 10px;
  overflow: hidden;
}

.intro-skill .imgs .img1 img,
.intro-skill .imgs .img2 img,
.intro-skill .imgs .img3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.intro-skill .imgs .img1 {
  width: 260px;
  height: 180px;
  top: -80px;
  left: 30px;
}

.intro-skill .imgs .img2 {
  width: 200px;
  height: 240px;
  bottom: -80px;
  left: 30px;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.intro-skill .imgs .img3 {
  width: 250px;
  height: 280px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.intro-accord {
  position: relative;
}

.intro-accord .circle-blur {
  position: absolute;
  bottom: -80px;
  left: -25vw;
  width: 60vw;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0.15;
}

.intro-personal .img {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.intro-personal .exp {
  position: absolute;
  left: 40px;
  bottom: 40px;
}

.intro-personal .exp h6 {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 12px 20px;
  background: #0f0f0f;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: -2px 0;
  position: relative;
}

.intro-personal .exp h6 .shap-right-top svg {
  position: absolute;
  top: 0;
  right: -1.1rem;
  width: 1.2rem;
  height: 1.2rem;
}

.intro-personal .exp h6:first-of-type {
  border-radius: 10px 10px 10px 0;
}

.intro-personal .exp h6:nth-of-type(2) {
  border-radius: 0 0 10px 10px;
}

.about-author .profile-img {
  position: relative;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 500px;
}

.about-author .profile-img .icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 11px;
  background: rgba(10, 10, 10, 0.52);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  overflow: hidden;
  z-index: 3;
}

.about-author .profile-img .icon.envocs-tool-card {
  -webkit-filter: none;
  filter: none;
  opacity: 0.9;
  z-index: 3;
}

.about-author .profile-img .icon .envocs-tool-icon {
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.about-author .profile-img .icon.envocs-tool-float {
  -webkit-animation: envocsToolFloat 5.8s ease-in-out infinite;
  animation: envocsToolFloat 5.8s ease-in-out infinite;
}

.about-author .profile-img .icon.envocs-tool-card-1 {
  top: 24px;
  left: 30px;
  -webkit-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.about-author .profile-img .icon.envocs-tool-card-2 {
  top: 112px;
  right: -8px;
  -webkit-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg);
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s;
}

.about-author .profile-img .icon.envocs-tool-card-3 {
  top: 44%;
  right: -16px;
  -webkit-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.about-author .profile-img .icon.envocs-tool-card-4 {
  bottom: 92px;
  right: 28px;
  -webkit-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  -webkit-animation-delay: 1.65s;
  animation-delay: 1.65s;
}

.about-author .profile-img .icon.envocs-tool-card-5 {
  bottom: 44px;
  left: 72px;
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}

.about-author .profile-img .icon.envocs-tool-card-6 {
  bottom: 78px;
  left: -18px;
  -webkit-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  transform: rotate(-9deg);
  -webkit-animation-delay: 2.75s;
  animation-delay: 2.75s;
}

@-webkit-keyframes envocsToolFloat {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 -6px;
  }
}

@keyframes envocsToolFloat {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 -6px;
  }
}

.about-author .envocs-about-copy {
  -webkit-transition: color 0.6s ease, opacity 0.6s ease;
  -o-transition: color 0.6s ease, opacity 0.6s ease;
  transition: color 0.6s ease, opacity 0.6s ease;
}

.about-author .img {
  border-radius: 500px;
  height: 680px;
  overflow: hidden;
}

.about-author .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.about-author .info {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px 40px;
  border-radius: 10px;
}

.about-author .info .item .icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background: #d2c1af;
  color: #0c0c0c;
  font-size: 20px;
}

.about-author .envocs-about-label {
  color: rgba(210, 193, 175, 0.78);
  font-family: var(--envocs-font-mono);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.5;
  text-transform: uppercase;
}

.about-author .envocs-about-lead {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.42;
}

.about-author .envocs-about-body {
  color: rgba(255, 255, 255, 0.62);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.75;
  max-width: 720px;
}

.about-author .envocs-stat-reveal {
  will-change: opacity, transform;
}

@media (prefers-reduced-motion: reduce) {
  .about-author .profile-img .icon.envocs-tool-float {
    -webkit-animation: none !important;
    animation: none !important;
  }
  .about-author .envocs-tool-reveal,
  .about-author .envocs-about-copy-reveal,
  .about-author .envocs-stat-reveal {
    opacity: 1 !important;
    translate: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    visibility: visible !important;
  }
}

.page-intro .img {
  position: relative;
}

.page-intro .img .img-icon {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 200px;
}

/* Awards
-----------------------------------------------------------------*/
.awards .item-line {
  padding: 25px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 3;
}

.awards .item-line > div {
  padding: 0;
}

.awards .item-line > div:last-of-type {
  text-align: right;
}

.awards .item-line:hover {
  color: #0c0c0c;
}

.awards .item-line:hover:after {
  height: 100%;
}

.awards .item-line:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #fff;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  z-index: -1;
}

.awards .item-line .project-date span {
  font-size: 14px;
  opacity: 0.7;
  margin-left: 15px;
}

.awards .item-title {
  padding: 0 15px 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.awards .item-title > div {
  padding: 0;
}

/* ============ BLOG ============ */
.blog .item .fit-img {
  height: 400px;
}

.blog.style2 .item {
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.blog.style2 .item .fit-img {
  height: 280px;
}

.sidebar .search-box {
  position: relative;
}

.sidebar .search-box input {
  color: #fff;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  width: 100%;
  background: transparent;
}

.sidebar .search-box input:focus {
  border-color: #fff;
}

.sidebar .search-box .icon {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sidebar .widget {
  margin-top: 50px;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.sidebar .widget .title-widget {
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 17px;
}

.sidebar .widget.catogry li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  padding: 10px 20px;
  border-radius: 30px;
}

.sidebar .widget.catogry li:last-of-type {
  margin-bottom: 0;
}

.sidebar .widget.catogry li:hover {
  background: rgba(255, 255, 255, 0.02);
}

.sidebar .widget.last-post-thum .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.sidebar .widget.last-post-thum .item:last-of-type {
  margin-bottom: 0;
}

.sidebar .widget.last-post-thum .item:hover .img a .date {
  opacity: 1;
}

.sidebar .widget.last-post-thum .item .img {
  width: 90px;
  height: 100px;
  border-radius: 5px;
  overflow: hidden;
}

.sidebar .widget.last-post-thum .item .img a {
  width: 100%;
  height: 100%;
  position: relative;
}

.sidebar .widget.last-post-thum .item .img a .date {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 14px;
  width: 50px;
  height: 50px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.sidebar .widget.last-post-thum .item .img a .date span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  line-height: 1;
}

.sidebar .widget.last-post-thum .item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sidebar .widget.last-post-thum .item .cont {
  padding-left: 25px;
}

.sidebar .widget.last-post-thum .item .cont h6 {
  font-size: 17px;
}

.sidebar .widget.last-post-thum .item .cont .tag {
  font-size: 12px;
  padding: 5px 15px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.03);
  margin-bottom: 10px;
}

.sidebar .widget.tags a {
  padding: 8px 15px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.02);
  margin: 2px 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.sidebar .widget.tags a:hover {
  background: #d2c1af;
}

.blog-main .item .content {
  margin-top: 40px;
}

.blog-main .item .content .post-date {
  padding: 7px 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  font-size: 12px;
  color: #ddd;
  text-transform: uppercase;
  margin-right: 15px;
}

.blog-header .background {
  height: 75vh;
  min-height: 480px;
}

.main-post .spec-letter {
  font-size: 60px;
  line-height: 50px;
  padding-right: 10px;
  float: left;
}

.main-post .post-qoute {
  position: relative;
  padding: 40px;
  padding-left: 120px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.main-post .post-qoute h6 {
  position: relative;
}

.main-post .post-qoute h6:before {
  content: '“';
  position: absolute;
  top: 80px;
  left: -100px;
  font-size: 180px;
  font-family: var(--envocs-font-primary);
  line-height: 0;
}

.main-post .iner-img {
  height: 400px;
}

.main-post .iner-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.main-post .unorder-list li,
.main-post .order-list li {
  margin-top: 10px;
  opacity: 0.7;
  padding-left: 15px;
  position: relative;
}

.main-post .unorder-list li:before,
.main-post .order-list li:before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 10px;
}

.main-post .order-list li {
  padding-left: 0;
}

.main-post .order-list li:before {
  display: none;
}

.main-post .order-list li span {
  font-size: 13px;
}

.main-post .info-area .tags span,
.main-post .info-area .share-icon span {
  font-size: 14px;
  margin-right: 5px;
  opacity: 0.7;
}

.main-post .info-area .tags a,
.main-post .info-area .share-icon a {
  padding: 7px 20px;
  font-size: 13px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 30px;
  margin-right: 5px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.main-post .info-area .tags a:hover,
.main-post .info-area .share-icon a:hover {
  background: #d2c1af;
  color: #1d1d1d;
}

.main-post .info-area .share-icon a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 11px;
  text-align: center;
  padding: 0;
}

.main-post .author-area {
  padding: 40px;
  background: rgba(255, 255, 255, 0.02);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.main-post .author-area .author-img .img {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  overflow: hidden;
}

.main-post .next-prv-post .thumb-post {
  width: 100%;
  padding: 40px;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.main-post .next-prv-post .thumb-post:after {
  content: '';
  background: #0f0f0f;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  z-index: -1;
  opacity: 0.7;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.main-post .next-prv-post .thumb-post:first-of-type {
  margin-right: 15px;
}

.main-post .next-prv-post .thumb-post:last-of-type {
  margin-left: 15px;
}

.comments-post .item-box {
  position: relative;
}

.comments-post .item-box p {
  font-size: 14px;
  width: 80%;
}

.comments-post .item-box.replayed {
  margin-left: 30px;
}

.comments-post .item-box .replay-butn {
  position: absolute;
  top: 15px;
  right: 15px;
}

.comments-post .item-box .replay-butn a {
  font-size: 13px;
  padding: 8px 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.comments-post .item-box .replay-butn a:hover {
  background: var(--maincolor);
  color: #1d1d1d;
}

.comments-from input,
.comments-from textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  background: transparent;
  color: #fff;
  padding: 15px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.comments-from input:focus,
.comments-from textarea:focus {
  border-color: #fff;
}

.comments-from textarea {
  min-height: 180px;
}

.comments-from button {
  padding: 15px 35px;
  width: 100%;
  background: rgba(255, 255, 255, 0.02);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.comments-from button .text {
  position: relative;
  z-index: 4;
}

.comments-from button:hover {
  color: #1d1d1d;
  background: #fff;
}

/* Brands & Clients
-----------------------------------------------------------------*/
.clients-carso .img {
  margin: auto;
}

.clients-carso.in-circle .item {
  width: 220px;
  height: 220px;
  line-height: 220px;
  border: 1px solid rgba(225, 255, 255, 0.1);
  border-radius: 50%;
}

/* ============ FORMS / CONTACT ============ */
.call-marq .main-marq:after {
  display: none;
}

.call-marq .main-marq.sub-bg {
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  position: relative;
  z-index: 2;
}

.call-marq .main-marq.bord-item {
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.call-marq .main-marq.bord-item .item {
  padding: 15px 50px !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 60px;
  margin: 0 10px;
}

.call-marq .main-marq.bord-item .item h4 {
  font-size: 50px !important;
}

.contact input,
.contact textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  color: #fff;
  padding: 15px 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.contact input:focus,
.contact textarea:focus {
  border-color: #fff;
}

.contact textarea {
  min-height: 180px;
}

.contact .info-box {
  padding: 80px 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}

.contact .info-box:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../imgs/map.png);
  background-size: cover;
  opacity: 0.3;
  z-index: -1;
}

.contact .form2 input,
.contact .form2 textarea {
  padding: 15px 30px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 30px;
}

.google-map {
  height: 450px;
  width: 100%;
  position: relative;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.google-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Features
-----------------------------------------------------------------*/
.accordion .item:first-of-type .title {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.accordion .title {
  padding: 25px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  position: relative;
}

.accordion .title .ico {
  position: absolute;
  bottom: 30px;
  right: 15px;
}

.accordion .accordion-info {
  display: none;
  padding: 25px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.accordion .active .title .ico {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.accordion .active .accordion-info {
  display: block;
}

.list-arrow li .icon {
  width: 15px;
  margin-right: 10px;
}

.dot-list li {
  position: relative;
  padding-left: 15px;
}

.dot-list li:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  background: #fff;
}

.text-dark .dot-list li:before {
  background: #0f0f0f;
}

.page-faqs .img1 {
  position: absolute;
  top: 250px;
  left: 0;
  width: 220px;
}

.page-faqs .img2 {
  position: absolute;
  top: 450px;
  left: 180px;
  width: 150px;
}

.page-faqs .img3 {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 250px;
}

.page-error {
  min-height: 100vh;
  position: relative;
}

.page-error h1 {
  font-size: 15vw;
  font-weight: 700;
}

.page-error .marq {
  position: absolute;
  width: 104%;
  left: -2%;
  background: #0f0f0f;
}

.page-error .marq .non-strok i {
  color: transparent;
  -webkit-text-stroke: 0.5px white;
}

.page-error .marq .strok i {
  color: rgba(255, 255, 255, 0.8);
  -webkit-text-stroke: 0;
}

.page-error .marq h4 {
  font-size: 50px;
  text-transform: uppercase;
}

.page-error .marq:nth-of-type(2) {
  top: 50px;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.page-error .marq:nth-of-type(3) {
  bottom: 30px;
  -webkit-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg);
}

.page-error .marq:nth-of-type(4) {
  left: -10%;
  bottom: -10%;
  -webkit-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  transform: rotate(35deg);
}

.page-error .marq:nth-of-type(4) .main-marq:after {
  left: -10%;
}

.page-error .marq:nth-of-type(5) {
  left: -10%;
  top: -100%;
  -webkit-transform: rotate(60deg) translateX(100%);
  -ms-transform: rotate(60deg) translateX(100%);
  transform: rotate(60deg) translateX(100%);
}

/* ============ FOOTER ============ */
footer .subscribe-minimal .form-group {
  position: relative;
}

footer .subscribe-minimal input {
  color: #fff;
  background: transparent;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  padding: 15px 0;
}

footer .subscribe-minimal input:focus {
  border-color: rgba(255, 255, 255, 0.5);
}

footer .subscribe-minimal button {
  color: #fff;
  padding: 15px 0;
  position: absolute;
  top: 5px;
  right: 0px;
  background: transparent;
  border: 0;
}

footer .subscribe-minimal .social-icon a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}

footer.clean-footer.crev {
  position: relative;
}

footer.clean-footer.crev:after {
  content: '';
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(255, 255, 255, 0.01)),
    to(transparent)
  );
  background: -webkit-linear-gradient(
    bottom,
    rgba(255, 255, 255, 0.01),
    transparent
  );
  background: -o-linear-gradient(
    bottom,
    rgba(255, 255, 255, 0.01),
    transparent
  );
  background: linear-gradient(to top, rgba(255, 255, 255, 0.01), transparent);
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  position: absolute;
  top: 0;
  left: 40px;
  bottom: 40px;
  right: 40px;
}

footer.clean-footer.crev .circle-blur {
  position: absolute;
  bottom: -50px;
  right: 50px;
  width: 400px;
  z-index: -1;
}

/* ============ PAGE HEADERS ============ */
.main-header {
  padding: 180px 0 100px;
  min-height: 100vh;
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden;
}

.main-header .caption h1 {
  font-size: 105px;
}

.main-header .icon-img {
  width: 160px;
}

.crev-header {
  padding: 180px 0 0;
  position: relative;
}

.crev-header .full-img {
  position: relative;
  width: calc(100% + 30vw);
  height: 550px;
  background-position: center center;
}

.crev-header .full-img:after {
  content: '';
  position: absolute;
  top: -30vw;
  left: -30vw;
  width: 80vw;
  height: 80vw;
  background: -webkit-radial-gradient(circle, #d2c1af 0%, transparent 66%);
  background: -o-radial-gradient(circle, #d2c1af 0%, transparent 66%);
  background: radial-gradient(circle, #d2c1af 0%, transparent 66%);
  opacity: 0.5;
  z-index: -1;
}

.crev-header .caption {
  position: relative;
  z-index: 2;
}

.crev-header .caption h1 {
  font-size: 90px;
}

.modern-slider {
  position: relative;
  overflow: hidden;
}

.modern-slider:after {
  content: '';
  position: absolute;
  top: -20vw;
  right: -20vw;
  width: 50vw;
  height: 50vw;
  background: -webkit-radial-gradient(circle, #d2c1af 0%, transparent 66%);
  background: -o-radial-gradient(circle, #d2c1af 0%, transparent 66%);
  background: radial-gradient(circle, #d2c1af 0%, transparent 66%);
  opacity: 0.35;
  z-index: -1;
}

.modern-slider .gallery-img .bg-img {
  height: 100vh;
  overflow: hidden;
  position: relative;
  background-position: center;
}

.modern-slider .gallery-img .bg-img a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modern-slider .gallery-text {
  position: absolute;
  width: 40vw;
  top: 50%;
  left: 10%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
}

.modern-slider .gallery-text .swiper-container,
.modern-slider .gallery-text .swiper-slide {
  height: 450px !important;
}

.modern-slider .gallery-text .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modern-slider .gallery-text .text {
  width: 100%;
}

.modern-slider .gallery-text .text h4 {
  font-size: 50px;
  font-weight: 500;
  line-height: 1;
}

.modern-slider .gallery-text .text h6 {
  margin-top: 15px;
  overflow: hidden;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 3px;
}

.modern-slider .gallery-text .text h6 span {
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}

.modern-slider .gallery-text .swiper-slide-active .text h6 span {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.modern-slider .swiper-controls {
  position: absolute;
  bottom: 0;
  right: calc(18% - 10px);
  z-index: 9;
}

.modern-slider .swiper-controls .swiper-button-prev,
.modern-slider .swiper-controls .swiper-button-next {
  position: static;
  color: #fff;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #0f0f0f;
  margin: 0;
  z-index: 9;
}

.modern-slider .swiper-controls .swiper-button-prev:after,
.modern-slider .swiper-controls .swiper-button-next:after {
  display: none;
}

.modern-slider .swiper-controls .swiper-button-prev span,
.modern-slider .swiper-controls .swiper-button-next span {
  white-space: nowrap;
}

.modern-slider .swiper-controls .swiper-button-next {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.modern-slider .swiper-pagination {
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
}

.modern-slider .swiper-pagination-bullet {
  background: transparent;
  margin: 0 10px !important;
}

.modern-slider .swiper-pagination-bullet-active .path {
  display: inline-block !important;
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  -webkit-animation: dash linear 10s;
  animation: dash linear 10s;
  -webkit-animation-iteration-count: unset;
  animation-iteration-count: unset;
}

.modern-slider .path {
  display: none;
}

@-webkit-keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.header-digital {
  padding-top: 180px;
  position: relative;
}

.header-digital .caption h1 {
  font-size: 100px;
}

.header-digital .img {
  position: relative;
}

.header-digital .img .vid {
  width: 85px;
  height: 85px;
  line-height: 85px;
  text-align: center;
  background: #d2c1af;
  position: absolute;
  top: 0;
  left: 100px;
}

.header-digital .img:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: -1px;
  top: 85px;
  background: #0f0f0f;
  width: 100px;
}

.header-digital .img:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 90px;
  height: 22%;
  background: #0f0f0f;
  width: 100px;
}

.header-digital .cont {
  position: relative;
  height: 100%;
  padding-top: 30px;
}

.header-digital .cont .thum {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}

.header-digital .cont a {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #d2c1af;
  margin-left: -20px;
}

.header-digital .cont .numb {
  position: absolute;
  bottom: 30px;
  left: 0;
}

.header-digital .cont .numb h2 {
  margin-bottom: -20px;
}

.envocs-home-header {
  padding: 200px 0 60px;
  position: relative;
  overflow: hidden;
}

.envocs-home-header:after {
  content: '';
  position: absolute;
  top: -30vw;
  left: -30vw;
  width: 80vw;
  height: 80vw;
  background: -webkit-radial-gradient(circle, #d2c1af 0%, transparent 66%);
  background: -o-radial-gradient(circle, #d2c1af 0%, transparent 66%);
  background: radial-gradient(circle, #d2c1af 0%, transparent 66%);
  opacity: 0.5;
  pointer-events: none;
  z-index: 2;
}

.envocs-home-header .caption h1 {
  line-height: 1.2;
  position: relative;
  z-index: 2;
}

.envocs-home-header .envocs-hero-title {
  color: rgba(255, 255, 255, 0.92);
  font-weight: 500;
  letter-spacing: -0.05em;
  margin-bottom: 18px !important;
}

.envocs-home-header .envocs-presence-gradient {
  background: linear-gradient(90deg, #ffffff 0%, #d2c1af 55%, rgba(210, 193, 175, 0.7) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.envocs-home-header .envocs-hero-kicker {
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--envocs-font-mono);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.5;
  margin-bottom: 22px !important;
  text-transform: uppercase;
}

.envocs-home-header .envocs-hero-description {
  color: rgba(255, 255, 255, 0.6);
  font-size: 17px;
  font-weight: 400 !important;
  line-height: 1.7;
  max-width: 520px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.envocs-home-header .envocs-hero-skeleton-slot {
  display: block;
  width: min(100%, 520px);
}

.envocs-home-header .envocs-hero-skeleton-slot.is-title {
  width: min(100%, 640px);
}

.envocs-home-header .envocs-hero-skeleton-slot .envocs-skeleton-nav {
  width: min(320px, 72%);
  height: 22px;
  border-radius: 999px;
}

.envocs-home-header .envocs-hero-skeleton-slot .envocs-skeleton-hero {
  width: min(640px, 100%);
  height: clamp(82px, 11vw, 150px);
  border-radius: 20px;
}

.envocs-home-header .envocs-hero-copy-skeleton {
  width: min(520px, 100%);
}

.envocs-home-header .envocs-hero-action-skeleton {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  width: min(320px, 100%);
}

.envocs-home-header .envocs-hero-action-skeleton .envocs-skeleton-nav {
  width: 180px;
  height: 46px;
  border-radius: 999px;
}

.envocs-home-header .envocs-hero-action-skeleton .envocs-skeleton-circle {
  width: 60px;
  height: 60px;
}

.envocs-header-kicker-icon {
  color: #d2c1af;
  display: inline-flex;
  height: 16px;
  line-height: 0;
  opacity: 0.62;
  width: 16px;
  vertical-align: middle;
}

.envocs-header-kicker-icon img {
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.envocs-home-header .envocs-hero-button {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
  position: relative;
}

.envocs-home-header .envocs-hero-button span {
  color: rgba(255, 255, 255, 0.85);
}

.envocs-home-header .envocs-hero-button:hover {
  background: rgba(210, 193, 175, 0.12);
  border-color: rgba(210, 193, 175, 0.8);
  color: rgba(255, 255, 255, 0.95);
}

.envocs-home-header .envocs-hero-button:hover span {
  color: rgba(255, 255, 255, 0.95);
}

.envocs-nav-button {
  -webkit-animation: envocsSubtleGlow 3.8s ease-in-out infinite;
  animation: envocsSubtleGlow 3.8s ease-in-out infinite;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  -webkit-box-shadow: 0 0 0 rgba(210, 193, 175, 0);
  box-shadow: 0 0 0 rgba(210, 193, 175, 0);
  color: rgba(255, 255, 255, 0.85);
  font-size: 13px;
  padding: 8px 16px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.envocs-nav-button span {
  color: rgba(255, 255, 255, 0.85);
}

.envocs-nav-button:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  background: rgba(210, 193, 175, 0.12);
  border-color: rgba(210, 193, 175, 0.8);
  -webkit-box-shadow: 0 0 18px rgba(210, 193, 175, 0.16);
  box-shadow: 0 0 18px rgba(210, 193, 175, 0.16);
  color: rgba(255, 255, 255, 0.95);
}

.envocs-nav-button:hover span {
  color: rgba(255, 255, 255, 0.95);
}

@-webkit-keyframes envocsSubtleGlow {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 rgba(210, 193, 175, 0);
    box-shadow: 0 0 0 rgba(210, 193, 175, 0);
  }
  50% {
    -webkit-box-shadow: 0 0 18px rgba(210, 193, 175, 0.18);
    box-shadow: 0 0 18px rgba(210, 193, 175, 0.18);
  }
}

@keyframes envocsSubtleGlow {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 rgba(210, 193, 175, 0);
    box-shadow: 0 0 0 rgba(210, 193, 175, 0);
  }
  50% {
    -webkit-box-shadow: 0 0 18px rgba(210, 193, 175, 0.18);
    box-shadow: 0 0 18px rgba(210, 193, 175, 0.18);
  }
}

.envocs-home-header .info .item {
  padding-right: 60px;
  position: relative;
}

.envocs-home-header .envocs-contact-label {
  color: rgba(255, 255, 255, 0.5);
  font-family: var(--envocs-font-mono);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin-bottom: 6px;
}

.envocs-home-header .info .item:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  height: 30px;
  border-left: 1px solid #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.envocs-home-header .info .item:last-of-type {
  padding: 0;
}

.envocs-home-header .info .item:last-of-type:after {
  display: none;
}

.page-header {
  background-position: center;
}

.page-header:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: -2px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    to(#0f0f0f)
  );
  background: -webkit-linear-gradient(transparent, #0f0f0f);
  background: -o-linear-gradient(transparent, #0f0f0f);
  background: linear-gradient(transparent, #0f0f0f);
}

.header-project {
  min-height: 70vh;
  padding: 220px 0 120px;
}

.header-project:before {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#0f0f0f),
    to(transparent)
  );
  background: -webkit-linear-gradient(bottom, #0f0f0f, transparent);
  background: -o-linear-gradient(bottom, #0f0f0f, transparent);
  background: linear-gradient(to top, #0f0f0f, transparent);
  opacity: 1;
}

/* ============ HERO ============ */
.skills-box h6 {
  font-size: 13px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.skills-box .skill-progress {
  height: 25px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}

.skills-box .skill-progress .progres {
  position: absolute;
  width: 10%;
  top: 5px;
  bottom: 5px;
  left: 5px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
}

.my-skills {
  position: relative;
  padding-bottom: 110px;
}

.my-skills:after {
  content: '';
  position: absolute;
  bottom: -50vw;
  left: 5vw;
  width: 80vw;
  height: 80vw;
  background: -webkit-radial-gradient(circle, #d2c1af 0%, transparent 66%);
  background: -o-radial-gradient(circle, #d2c1af 0%, transparent 66%);
  background: radial-gradient(circle, #d2c1af 0%, transparent 66%);
  opacity: 0.3;
  z-index: -1;
}

.my-skills .item {
  text-align: center;
}

.my-skills .item .box-bord {
  padding: 40px 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100px;
}

.my-skills .item .img {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  margin: 0 auto 30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
}

.my-skills .item .img img {
  width: 55px;
}

.my-skills .item .value {
  font-size: 30px;
}

.my-skills .item h6 {
  margin-top: 25px;
}

.numbers-crev {
  position: relative;
}

.numbers-crev:after {
  content: '';
  position: absolute;
  bottom: -50vw;
  left: 10vw;
  width: 80vw;
  height: 80vw;
  background: -webkit-radial-gradient(circle, #d2c1af 0%, transparent 66%);
  background: -o-radial-gradient(circle, #d2c1af 0%, transparent 66%);
  background: radial-gradient(circle, #d2c1af 0%, transparent 66%);
  opacity: 0.3;
  z-index: -1;
}

.numbers-crev .item h3 {
  font-size: 100px;
  font-weight: 800;
  line-height: 1;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}

.numbers-crev .item h6 {
  padding-top: 30px;
}

/* Interactive
-----------------------------------------------------------------*/
.interactive-inline {
  min-height: 100vh;
  padding: 380px 0 60px;
}

.interactive-inline .item {
  position: relative;
  display: inline-block;
  margin-right: 40px;
  padding-bottom: 60px;
}

.interactive-inline .item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.interactive-inline .item span {
  font-size: 13px;
  opacity: 0.8;
  margin-right: 5px;
}

.interactive-inline .item h4 {
  font-size: 35px;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.interactive-inline .item p {
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
}

.interactive-inline .item:hover h4 {
  color: #fff;
  -webkit-text-stroke-color: transparent;
}

.interactive-inline .item .hover-reveal {
  position: absolute !important;
  top: -10px !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) translateY(-100%);
  -ms-transform: translateX(-50%) translateY(-100%);
  transform: translateX(-50%) translateY(-100%);
  width: 380px;
  height: 280px;
}

.interactive-center {
  min-height: 100vh;
  padding: 120px 0 80px;
}

.interactive-center .item a {
  padding: 50px 0;
}

.interactive-center .item a:hover h4 {
  color: #fff;
  -webkit-text-stroke-color: transparent;
}

.interactive-center .item .cont {
  position: relative;
  z-index: 3;
}

.interactive-center .item h4 {
  font-size: 70px;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.interactive-center .item p {
  font-weight: 400;
  margin-top: 15px;
}

.interactive-center .item .hover-reveal {
  z-index: -1;
  top: 15vh !important;
  left: 20vw !important;
  width: 60vw;
  height: 70vh;
  min-width: 600px;
  min-height: 450px;
}

.inter-links-center {
  position: relative;
  height: 100vh;
  overflow: auto;
}

.inter-links-center::-webkit-scrollbar {
  width: 0;
}

.inter-links-center.horizontal .links-text ul {
  margin-left: -40px !important;
  margin-right: -40px !important;
}

.inter-links-center.horizontal .links-text li {
  display: inline-block;
  padding: 40px;
}

.inter-links-center.horizontal .links-text li .sub-title {
  margin-bottom: 10px;
}

.inter-links-center.horizontal .links-text li h2 {
  font-weight: 700;
  font-size: 30px;
}

.inter-links-center.horizontal .links-text li h2 a .tag {
  display: block;
  font-weight: 400;
}

.inter-links-center.horizontal .links-text li h2 .num {
  font-size: 14px;
  font-weight: 600;
  opacity: 0.7;
  margin-right: 15px;
}

.inter-links-center.vertical .links-text {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: relative;
  z-index: 66;
}

.inter-links-center.vertical .links-text li {
  padding: 0 20px;
}

.inter-links-center .links-text li {
  padding: 40px 0;
  position: relative;
  z-index: 9;
}

.inter-links-center .links-text li:hover .text {
  color: #fff;
  -webkit-text-stroke-color: transparent;
}

.inter-links-center .links-text li .text {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}

.inter-links-center .links-text li h2 {
  font-weight: 700;
}

.inter-links-center .links-text li h2 a .tag {
  font-weight: 400;
  opacity: 0.5;
}

.inter-links-center .links-text li h2 .num {
  display: block;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.7;
  margin-right: 15px;
}

.inter-links-center .links-img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  overflow: hidden;
}

.inter-links-center .links-img .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: scale(1.04, 1.04);
  -ms-transform: scale(1.04, 1.04);
  transform: scale(1.04, 1.04);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.inter-links-center .links-img .img.current {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.inter-links-center .links-img .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* ============ PROJECT PAGES ============ */
.work-fade {
  position: relative;
}

.work-fade .item {
  position: relative;
}

.work-fade .item .cont {
  position: absolute;
  top: 80px;
  left: 0;
}

.work-fade .item .cont .text {
  position: relative;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 10px 30px;
  margin: -1px 0;
}

.work-fade .item .cont .text:first-of-type {
  border-radius: 0 20px 0 0;
}

.work-fade .item .cont .text:first-of-type .shap-left-top svg {
  position: absolute;
  top: -1.4rem;
  left: -1px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  width: 1.5rem;
  height: 1.5rem;
}

.work-fade .item .cont .text:first-of-type .shap-right-bottom svg {
  position: absolute;
  bottom: 0;
  right: -1.4rem;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  width: 1.5rem;
  height: 1.5rem;
}

.work-fade .item .cont .text:nth-of-type(2) {
  border-radius: 0 20px 20px 0;
}

.work-fade .item .cont .text:nth-of-type(2) .shap-left-bottom svg {
  position: absolute;
  bottom: -1.4rem;
  left: -1px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 1.5rem;
  height: 1.5rem;
}

.work-fade .swiper-pagination {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.work-fade .swiper-pagination-bullet {
  position: relative;
  margin: 30px 0 !important;
}

.work-fade .swiper-pagination-bullet:after {
  content: '';
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.work-fade .swiper-pagination-bullet svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.work-fade .swiper-pagination-bullet svg .path {
  strokewidth: 0.5px;
}

.work-fade .marq-head {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.work-fade .marq-head .main-marq:after {
  background: -webkit-linear-gradient(
    right,
    #121212,
    rgba(255, 255, 255, 0) 280px,
    rgba(255, 255, 255, 0) calc(100% - 280px),
    #121212
  );
  background: -o-linear-gradient(
    right,
    #121212,
    rgba(255, 255, 255, 0) 280px,
    rgba(255, 255, 255, 0) calc(100% - 280px),
    #121212
  );
  background: linear-gradient(
    to left,
    #121212,
    rgba(255, 255, 255, 0) 280px,
    rgba(255, 255, 255, 0) calc(100% - 280px),
    #121212
  );
}

.work-fade .marq-head .main-marq .box {
  -webkit-animation: slide-har 200s linear infinite;
  animation: slide-har 200s linear infinite;
}

.work-fade .marq-head .main-marq .box .item {
  padding: 0 60px;
}

.work-fade .marq-head .main-marq .box .item h4 {
  font-size: 12vw;
  font-weight: 800;
}

.work-fade .marq-head .main-marq .box .item:nth-of-type(2n) h4 {
  -webkit-text-stroke: 1px white;
}

.work-crev .swiper-slide {
  width: 70vw !important;
}

.work-crev .item .cont h2 {
  white-space: nowrap;
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.work-crev .item .img {
  padding-left: 80px;
}

.work-crev .swiper-slide-active .item .cont h2 {
  color: #fff;
  -webkit-text-stroke: 1px transparent;
}

.work-crev .out-right {
  -webkit-clip-path: inset(-100vw -100vw -100vw 0);
  clip-path: inset(-100vw -100vw -100vw 0);
}

.work-crev .swiper-container {
  overflow: visible;
}

.work-crev .swiper-pagination {
  top: auto;
  bottom: 0;
  background: rgba(255, 255, 255, 0.1);
}

.work-crev .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #fff;
}

.portfolio-tab.crev .cluom {
  position: relative;
}

.portfolio-tab.crev .cluom .img {
  position: absolute;
  top: -25px;
  right: 200px;
  width: 200px;
  height: 300px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.portfolio-tab.crev .cluom h4 {
  white-space: nowrap;
}

.portfolio-tab.crev .cluom h4 a {
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 0.5px #fff;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.portfolio-tab.crev .cluom h6 {
  white-space: nowrap;
}

.portfolio-tab.crev .cluom.current h4 a {
  color: #fff;
  -webkit-text-stroke: 0.5px transparent;
}

.portfolio-tab.crev .glry-img {
  position: relative;
  z-index: 2;
}

.portfolio-tab.crev .glry-img .circle-blur {
  width: 400px;
  position: absolute;
  right: -100px;
  bottom: -80px;
  -webkit-filter: blur(80px);
  filter: blur(80px);
  z-index: -1;
}

.portfolio-tab.crev .glry-img .tab-img {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-clip-path 0.8s;
  transition: -webkit-clip-path 0.8s;
  -o-transition: clip-path 0.8s;
  transition: clip-path 0.8s;
  transition: clip-path 0.8s, -webkit-clip-path 0.8s;
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

.portfolio-tab.crev .glry-img .tab-img.current {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  z-index: 3;
}

.portfolio-tab.crev .glry-img .tab-img:first-of-type {
  position: relative;
}

.work-card .card-item {
  margin-bottom: 30px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
}

.work-card .card-item .cont {
  height: 100%;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.work-card .card-item .cont .tag {
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px 15px;
  margin: 2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
}

.work-card .card-item .img {
  padding: 20px;
}

.work-card .card-item .img img {
  border-radius: 10px;
}

.swiper-pagination-bullet {
  display: block;
  background: transparent;
}

.swiper-pagination-bullet-active .path {
  display: inline-block !important;
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  -webkit-animation: dash linear 10s;
  animation: dash linear 10s;
  -webkit-animation-iteration-count: unset;
  animation-iteration-count: unset;
}

.path {
  display: none;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.portfolio-crev {
  min-height: 100vh;
}

.portfolio-crev .work-boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.portfolio-crev .item {
  width: 350px;
  height: 80vh;
  min-height: 450px;
  margin: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.portfolio-crev .item .bg-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  position: relative;
}

.portfolio-crev .item .bg-img .cont {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px 20px 20px 30px;
  opacity: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  visibility: hidden;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.portfolio-crev .item .bg-img .cont .arrow img {
  width: 60px;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  margin-left: 50px;
}

.portfolio-crev .item .bg-img .cont h5,
.portfolio-crev .item .bg-img .cont span {
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  opacity: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

.portfolio-crev .item .bg-img .cont .arrow {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.portfolio-crev .item.active {
  width: calc(100vw - 140px * 3);
}

.portfolio-crev .item.active .bg-img .cont {
  opacity: 1;
  visibility: visible;
}

.portfolio-crev .item.active .bg-img .cont h5,
.portfolio-crev .item.active .bg-img .cont span {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
}

.portfolio-crev .item.active .bg-img .cont h5 {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.portfolio-crev .item.active .bg-img .cont span {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.portfolio-crev .item.active .bg-img .cont .arrow {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.work-minimal .item:hover .img .cont {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.work-minimal .item .img {
  position: relative;
}

.work-minimal .item .img .cont {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  padding: 15px 30px;
  background: #0f0f0f;
  border-radius: 5px;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.work-minimal .item .img .cont h5 {
  font-size: 20px;
}

.work-minimal .item .img .cont p {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.work-minimal .item .img .cont img {
  width: 20px;
}

.work-minimal .item .img .cont.inline {
  padding: 25px 30px;
}

.filtering .filter {
  padding: 11px 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  display: inline-block;
}

.filtering span {
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 30px;
  cursor: pointer;
  position: relative;
  opacity: 0.7;
}

.filtering span.active {
  opacity: 1;
  color: #d2c1af;
}

.filtering span.text {
  pointer-events: none;
}

.filtering span:after {
  content: attr(data-count);
  font-size: 12px;
  position: absolute;
  top: -10px;
  right: -20px;
  opacity: 0.7;
}

.img-column .img {
  height: 100vh;
  min-height: 500px;
}

.img-column .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.next-project {
  position: relative;
}

.next-project .box {
  padding: 200px 80px;
  position: relative;
}

.next-project .box:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: #121212;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.next-project .box .cont {
  position: relative;
  z-index: 3;
}

.next-project .box:hover:after {
  opacity: 0.3;
}

.next-project .all-works-butn {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 25px;
  background: #0f0f0f;
  z-index: 4;
}

/* Pricing
-----------------------------------------------------------------*/
.price-hr .item {
  padding: 50px 30px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
}

.price-hr .item .butn {
  padding: 7px 25px;
}

.price-hr .item.text-dark .butn {
  border-color: #121212;
}

.price-hr .item.text-dark .butn:hover {
  border-color: #fff;
}

.pricing .item {
  padding: 50px 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 5px;
}

.pricing .item li {
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}

.pricing .item li:after {
  content: '';
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: calc(50% - 5px);
}

/* Process
-----------------------------------------------------------------*/
.process .item {
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.process .item:last-of-type {
  border: 0;
}

.process .item:hover .to-in {
  margin-left: 0;
}

/* ============ SERVICES ============ */
.services .item-box {
  padding: 60px 40px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
}

.services .item-box .icon {
  width: 80px;
}

.services .swiper-container {
  overflow: visible;
}

.services-crev .item-box {
  padding: 60px 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.services-crev .item-box h5 span {
  position: relative;
  top: -5px;
}

.services-crev .item-box .icon {
  width: 60px;
}

.services-inline {
  position: relative;
}

.services-inline .circle-blur {
  position: absolute;
  bottom: 50px;
  left: -20%;
  width: 30%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: -1;
}

.services-inline .item {
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.services-inline .item:first-of-type {
  padding-top: 0;
}

.services-inline .item .num {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  margin-right: 30px;
  font-size: 13px;
}

.services-modern .serv-boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.services-modern .item {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 40px 30px;
  width: 350px;
  height: 450px;
  margin: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.services-modern .item.active {
  width: calc(100vw - 350px * 3);
}

.services-modern .item.active p {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

.services-modern .item h6 {
  font-size: 14px !important;
  font-weight: 400;
  padding: 10px 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 30px;
}

.services-modern .item p {
  font-size: 20px;
  text-indent: 15%;
  opacity: 0;
  -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.4s ease-out,
    -webkit-clip-path 0.6s cubic-bezier(0.25, 0.59, 0.29, 0.96);
  transition: opacity 0.1s ease-out, -webkit-transform 0.4s ease-out,
    -webkit-clip-path 0.6s cubic-bezier(0.25, 0.59, 0.29, 0.96);
  -o-transition: opacity 0.1s ease-out, transform 0.4s ease-out,
    clip-path 0.6s cubic-bezier(0.25, 0.59, 0.29, 0.96);
  transition: opacity 0.1s ease-out, transform 0.4s ease-out,
    clip-path 0.6s cubic-bezier(0.25, 0.59, 0.29, 0.96);
  transition: opacity 0.1s ease-out, transform 0.4s ease-out,
    clip-path 0.6s cubic-bezier(0.25, 0.59, 0.29, 0.96),
    -webkit-transform 0.4s ease-out,
    -webkit-clip-path 0.6s cubic-bezier(0.25, 0.59, 0.29, 0.96);
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}

.envocs-services-hero {
  min-height: 78vh;
  background:
    radial-gradient(circle at 82% 22%, rgba(210, 193, 175, 0.12), transparent 34%),
    linear-gradient(135deg, #050505 0%, #0b0b0b 46%, #111 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  overflow: hidden;
}

.envocs-services-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent 88%);
  pointer-events: none;
}

.envocs-services-hero:after {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(210, 193, 175, 0.45), transparent);
}

.envocs-services-hero .container {
  position: relative;
  z-index: 2;
}

.envocs-bracket-label {
  color: #d2c1af !important;
  letter-spacing: 0;
  font-family: var(--font-envocs-mono), monospace;
}

.envocs-services-hero-copy h1 {
  line-height: 1;
  max-width: 920px;
}

.envocs-services-hero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 18px;
  line-height: 1.65;
  border-left: 1px solid rgba(210, 193, 175, 0.32);
  padding-left: 24px;
}

.envocs-services-modern {
  background: #080808;
}

.envocs-services-modern .sec-head h4 {
  color: rgba(255, 255, 255, 0.82);
  font-weight: 400;
  line-height: 1.45;
}

.envocs-services-modern .serv-boxs.envocs-service-boxes {
  align-items: stretch;
  gap: 6px;
  overflow: visible;
  padding: 0 18px;
}

.envocs-services-modern .item.envocs-service-item {
  width: auto;
  flex: 0 1 142px;
  height: 440px;
  margin: 0;
  min-width: 0;
  position: relative;
  z-index: 1;
  border-color: rgba(255, 255, 255, 0.085);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.008)),
    rgba(255, 255, 255, 0.015);
  cursor: pointer;
  opacity: 0.5;
  outline: none;
  overflow: hidden;
  transition:
    flex-basis 0.58s cubic-bezier(0.22, 1, 0.36, 1),
    flex-grow 0.58s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.34s ease,
    border-color 0.34s ease,
    background 0.34s ease,
    box-shadow 0.34s ease,
    margin 0.58s cubic-bezier(0.22, 1, 0.36, 1);
}

.envocs-services-modern .item.envocs-service-item:hover,
.envocs-services-modern .item.envocs-service-item:focus-visible {
  opacity: 0.76;
  border-color: rgba(210, 193, 175, 0.22);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.032), rgba(255, 255, 255, 0.01)),
    rgba(255, 255, 255, 0.018);
}

.envocs-services-modern .item.envocs-service-active,
.envocs-services-modern .item.envocs-service-item.active {
  flex: 1 0 min(58vw, 610px);
  width: auto;
  opacity: 1;
  z-index: 4;
  margin-left: -8px;
  margin-right: -8px;
  border-color: rgba(210, 193, 175, 0.42);
  background:
    radial-gradient(circle at 78% 16%, rgba(210, 193, 175, 0.13), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.015));
  box-shadow:
    0 0 0 1px rgba(210, 193, 175, 0.075) inset,
    0 28px 82px rgba(0, 0, 0, 0.42),
    0 0 34px rgba(210, 193, 175, 0.055);
}

.envocs-services-modern .icon-img-60.envocs-service-icon {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(210, 193, 175, 0.16);
  border-radius: 50%;
  background: rgba(210, 193, 175, 0.035);
  transition: border-color 0.34s ease, background 0.34s ease, opacity 0.34s ease;
}

.envocs-services-modern .envocs-service-icon-svg {
  width: 28px;
  height: 28px;
  overflow: visible;
  opacity: 0.86;
  stroke: rgba(210, 193, 175, 0.9);
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity 0.34s ease, stroke 0.34s ease;
}

.envocs-services-modern .envocs-service-icon-svg * {
  vector-effect: non-scaling-stroke;
}

.envocs-services-modern .item.envocs-service-item p {
  color: rgba(255, 255, 255, 0.66);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.62;
  text-indent: 0;
  -webkit-clip-path: none;
  clip-path: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.envocs-services-modern .item.envocs-service-item:not(.active) p {
  opacity: 0.24;
}

.envocs-services-modern .item.envocs-service-item.active p {
  opacity: 0.92;
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-icon,
.envocs-services-modern .item.envocs-service-item:hover .envocs-service-icon {
  border-color: rgba(210, 193, 175, 0.34);
  background: rgba(210, 193, 175, 0.055);
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-icon-svg,
.envocs-services-modern .item.envocs-service-item:hover .envocs-service-icon-svg {
  opacity: 1;
  stroke: rgba(210, 193, 175, 0.98);
}

.envocs-services-modern .item.envocs-service-item h6.envocs-subtitle {
  color: rgba(255, 255, 255, 0.74);
  border-color: rgba(210, 193, 175, 0.18);
  background: rgba(255, 255, 255, 0.014);
  font-family: var(--font-envocs-mono), monospace;
  font-size: 11px !important;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  padding: 9px 15px;
  white-space: nowrap;
}

.envocs-services-modern .item.envocs-service-item.active h6.envocs-subtitle {
  color: rgba(255, 255, 255, 0.9);
  border-color: rgba(210, 193, 175, 0.3);
}

.envocs-services-modern .envocs-service-number {
  color: rgba(210, 193, 175, 0.72);
  font-family: var(--font-envocs-mono), monospace;
  font-size: 11px;
}

.envocs-services-process,
.envocs-offer-pathways,
.envocs-services-cta {
  background: #080808;
}

.envocs-process-step,
.envocs-offer-card,
.envocs-services-cta-box {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012));
}

.envocs-process-step {
  min-height: 170px;
  padding: 28px;
  border-radius: 10px;
  position: relative;
}

.envocs-process-step:after {
  content: "";
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 24px;
  height: 1px;
  background: linear-gradient(90deg, rgba(210, 193, 175, 0.45), transparent);
}

.envocs-process-number,
.envocs-offer-card span {
  display: block;
  color: #d2c1af;
  font-family: var(--font-envocs-mono), monospace;
  font-size: 13px;
  margin-bottom: 44px;
}

.envocs-process-step h6 {
  font-size: 18px;
}

.envocs-offer-card {
  min-height: 260px;
  padding: 30px;
  border-radius: 10px;
  transition: all 0.3s ease;
}

.envocs-offer-card:hover {
  border-color: rgba(210, 193, 175, 0.34);
  transform: translateY(-4px);
}

.envocs-offer-card h5 {
  margin-bottom: 24px;
}

.envocs-offer-card p,
.envocs-services-cta-box p {
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.65;
}

.envocs-services-cta-box {
  padding: 56px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.envocs-services-cta-box:before {
  content: "";
  position: absolute;
  inset: auto -10% -40% 50%;
  height: 280px;
  background: radial-gradient(circle, rgba(210, 193, 175, 0.16), transparent 68%);
  pointer-events: none;
}

.envocs-services-cta-box > * {
  position: relative;
  z-index: 2;
}

.envocs-service-accord {
  background: #080808;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.envocs-accord-panel {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 38px;
  background:
    radial-gradient(circle at 80% 0%, rgba(210, 193, 175, 0.11), transparent 44%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012));
}

.envocs-accord-panel h3 {
  line-height: 1.14;
}

.envocs-accord-panel p,
.envocs-service-accordion-list .accordion-info p {
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.7;
}

.envocs-service-accord .accordion .title {
  border-color: rgba(255, 255, 255, 0.1);
}

.envocs-service-accord .accordion .item.active .title h6,
.envocs-service-accord .accordion .item:hover .title h6 {
  color: #d2c1af;
}

.envocs-service-accord .accordion .title .ico {
  color: #d2c1af;
}

.envocs-service-numbers {
  background: #080808;
}

.envocs-service-numbers:after {
  opacity: 0.12;
}

.envocs-service-numbers .sec-head h3,
.envocs-service-clients .sec-head h3 {
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 500;
  line-height: 1.08;
}

.envocs-service-numbers .item {
  padding: 26px 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.018);
}

.envocs-service-numbers .item h3 {
  color: transparent;
  -webkit-text-stroke-color: rgba(210, 193, 175, 0.72);
}

.envocs-service-numbers .item h6 {
  color: rgba(255, 255, 255, 0.62);
}

.envocs-service-clients {
  background: #080808;
  padding-top: 90px !important;
}

.envocs-service-clients.in-circle .item {
  width: 160px;
  height: 160px;
  line-height: 160px;
  border-color: rgba(255, 255, 255, 0.09);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.024);
  transition: border-color 0.3s ease, background 0.3s ease;
}

.envocs-service-clients.in-circle .item:hover {
  border-color: rgba(210, 193, 175, 0.36);
  background: rgba(210, 193, 175, 0.045);
}

.envocs-service-clients .img img {
  max-height: 92px;
  object-fit: contain;
  opacity: 0.72;
  filter: grayscale(1);
  transition: opacity 0.3s ease, filter 0.3s ease;
}

.envocs-service-clients .item:hover img {
  opacity: 0.95;
  filter: grayscale(0);
}

.envocs-service-journal {
  background: #080808;
  padding-bottom: 110px;
}

.envocs-service-journal .sec-head .sub-title {
  display: block;
  margin-bottom: 12px !important;
}

.envocs-service-journal .item {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.024);
  transition: border-color 0.32s ease, background 0.32s ease, box-shadow 0.32s ease;
}

.envocs-service-journal .item:hover {
  border-color: rgba(210, 193, 175, 0.34) !important;
  background: rgba(255, 255, 255, 0.032);
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.26);
}

.envocs-service-journal .item .fit-img {
  border-radius: 10px;
  overflow: hidden;
}

.envocs-service-journal .info {
  font-size: 11px;
  gap: 14px;
}

.envocs-service-journal .info a {
  color: rgba(255, 255, 255, 0.48);
}

.envocs-service-journal .cont h5 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 23px;
  font-weight: 500;
  line-height: 1.25;
}

.services-clas .item {
  padding: 40px 30px;
  border-radius: 15px;
}

.services-clas .item .tag {
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px 15px;
  margin: 2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
}

.services-clas .item a {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #0f0f0f;
  border-radius: 50%;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.services-clas .item a:hover {
  background: #d2c1af;
}

.services-inline2 .item {
  padding: 50px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.services-inline2 .item:hover .img a {
  opacity: 1;
  visibility: visible;
}

.services-inline2 .item:hover .img:after {
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}

.services-inline2 .item .num {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  margin-bottom: 15px;
  font-size: 13px;
}

.services-inline2 .item h2 {
  font-size: 47px;
}

.services-inline2 .item .img {
  position: relative;
  height: 140px;
  border-radius: 100px;
  overflow: visible;
}

.services-inline2 .item .img img {
  border-radius: 100px;
}

.services-inline2 .item .img a {
  height: 100px;
  width: 100px;
  line-height: 100px;
  text-align: center;
  border-radius: 50%;
  background: #d2c1af;
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.services-inline2 .item .img:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  border: 2px dashed rgba(255, 255, 255, 0.1);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  z-index: -1;
}

.feat {
  position: relative;
}

.feat .item {
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.feat .item .info {
  padding: 30px;
}

.feat .circle-blur {
  position: absolute;
  bottom: 0;
  left: -25vw;
  width: 60vw;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0.15;
}

/* Sliders
-----------------------------------------------------------------*/
.full-showcase .parallax-slider {
  position: relative;
}

.full-showcase .parallax-slider .swiper-slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
  padding: 80px 0;
}

.full-showcase .parallax-slider .swiper-slide .bg-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}

.full-showcase .parallax-slider .swiper-slide .video-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.full-showcase .parallax-slider .swiper-slide .video-container video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.full-showcase .parallax-slider .swiper-slide-active {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  z-index: 99;
}

.full-showcase .parallax-slider .swiper-slide-active .caption .thin,
.full-showcase .parallax-slider .swiper-slide-active .caption .btn-curve,
.full-showcase .parallax-slider .swiper-slide-active .caption p {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.full-showcase .parallax-slider .caption h1 {
  font-size: 100px;
}

.full-showcase .parallax-slider .caption .cal-act {
  position: relative;
}

.full-showcase .parallax-slider .caption p {
  color: #eee;
  margin-top: 15px;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

.full-showcase .swiper-controls {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  z-index: 9;
}

.full-showcase .swiper-controls .swiper-button-prev,
.full-showcase .swiper-controls .swiper-button-next {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: auto;
  color: #fff;
  z-index: 9;
}

.full-showcase .swiper-controls .swiper-button-prev:after,
.full-showcase .swiper-controls .swiper-button-next:after {
  display: none;
}

.full-showcase .swiper-controls .swiper-button-prev span,
.full-showcase .swiper-controls .swiper-button-next span {
  white-space: nowrap;
}

.full-showcase .swiper-controls .swiper-button-prev {
  left: 120px;
}

.full-showcase .swiper-controls .swiper-button-prev i {
  margin-right: 25px;
}

.full-showcase .swiper-controls .swiper-button-next {
  right: 120px;
}

.full-showcase .swiper-controls .swiper-button-next i {
  margin-left: 25px;
}

.full-showcase .swiper-pagination {
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
}

.full-showcase .swiper-pagination-bullet {
  background: transparent;
  margin: 0 10px !important;
}

.full-showcase .swiper-pagination-bullet-active .path {
  display: inline-block !important;
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  -webkit-animation: dash linear 10s;
  animation: dash linear 10s;
  -webkit-animation-iteration-count: unset;
  animation-iteration-count: unset;
}

.full-showcase .path {
  display: none;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.carousel-slider {
  min-height: 100vh;
  position: relative;
}

.carousel-slider .gallery-img .bg-img {
  height: 60vh;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  background-position: center;
}

.carousel-slider .gallery-img .bg-img a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.carousel-slider .gallery-text {
  position: absolute;
  width: auto;
  top: 70%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  margin: auto;
  z-index: 9;
}

.carousel-slider .gallery-text .swiper-container,
.carousel-slider .gallery-text .swiper-slide {
  height: 100px !important;
}

.carousel-slider .gallery-text .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.carousel-slider .gallery-text .text {
  width: 100%;
  text-align: center;
}

.carousel-slider .gallery-text .text h4 {
  font-size: 50px;
  font-weight: 500;
  line-height: 1;
}

.carousel-slider .gallery-text .text h6 {
  margin-top: 15px;
  overflow: hidden;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 3px;
}

.carousel-slider .gallery-text .text h6 span {
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}

.carousel-slider .gallery-text .swiper-slide-active .text h6 span {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.carousel-slider .swiper-controls {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  z-index: 9;
}

.carousel-slider .swiper-controls .swiper-button-prev,
.carousel-slider .swiper-controls .swiper-button-next {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: auto;
  color: #fff;
  z-index: 9;
}

.carousel-slider .swiper-controls .swiper-button-prev:after,
.carousel-slider .swiper-controls .swiper-button-next:after {
  display: none;
}

.carousel-slider .swiper-controls .swiper-button-prev span,
.carousel-slider .swiper-controls .swiper-button-next span {
  white-space: nowrap;
}

.carousel-slider .swiper-controls .swiper-button-prev {
  left: 120px;
}

.carousel-slider .swiper-controls .swiper-button-prev i {
  margin-right: 25px;
}

.carousel-slider .swiper-controls .swiper-button-next {
  right: 120px;
}

.carousel-slider .swiper-controls .swiper-button-next i {
  margin-left: 25px;
}

.carousel-slider .swiper-pagination {
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
}

.carousel-slider .swiper-pagination-bullet {
  background: transparent;
  margin: 0 10px !important;
}

.carousel-slider .swiper-pagination-bullet-active .path {
  display: inline-block !important;
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  -webkit-animation: dash linear 10s;
  animation: dash linear 10s;
  -webkit-animation-iteration-count: unset;
  animation-iteration-count: unset;
}

.carousel-slider .path {
  display: none;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.half-slider {
  min-height: 100vh;
  position: relative;
}

.half-slider .gallery-img {
  width: 75vw;
  margin-left: 25vw;
}

.half-slider .gallery-img .swiper-slide {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.half-slider .gallery-img .swiper-slide-active .bg-img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.half-slider .gallery-img .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
  background-position: center;
}

.half-slider .gallery-img .bg-img a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.half-slider .gallery-text {
  position: absolute;
  width: auto;
  top: 50%;
  left: -15vw;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
}

.half-slider .gallery-text .text h4 {
  font-size: 70px;
  font-weight: 600;
  color: transparent;
  -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}

.half-slider .gallery-text .text h6 {
  margin-bottom: 15px;
  overflow: hidden;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 3px;
}

.half-slider .gallery-text .text h6 span {
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}

.half-slider .gallery-text .swiper-slide-active .text h4 {
  color: #fff;
  -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0);
}

.half-slider .gallery-text .swiper-slide-active .text h6 span {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.half-slider .swiper-controls {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  z-index: 9;
}

.half-slider .swiper-controls .swiper-button-prev,
.half-slider .swiper-controls .swiper-button-next {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: auto;
  color: #fff;
  z-index: 9;
}

.half-slider .swiper-controls .swiper-button-prev:after,
.half-slider .swiper-controls .swiper-button-next:after {
  display: none;
}

.half-slider .swiper-controls .swiper-button-prev span,
.half-slider .swiper-controls .swiper-button-next span {
  white-space: nowrap;
}

.half-slider .swiper-controls .swiper-button-prev {
  left: 120px;
}

.half-slider .swiper-controls .swiper-button-prev i {
  margin-right: 25px;
}

.half-slider .swiper-controls .swiper-button-next {
  right: 120px;
}

.half-slider .swiper-controls .swiper-button-next i {
  margin-left: 25px;
}

.half-slider .swiper-pagination {
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
}

.half-slider .swiper-pagination-bullet {
  background: transparent;
  margin: 0 10px !important;
}

.half-slider .swiper-pagination-bullet-active .path {
  display: inline-block !important;
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  -webkit-animation: dash linear 10s;
  animation: dash linear 10s;
  -webkit-animation-iteration-count: unset;
  animation-iteration-count: unset;
}

.half-slider .path {
  display: none;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.slider {
  position: relative;
}

.slider .parallax-slider {
  position: relative;
}

.slider .parallax-slider .swiper-slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
  padding: 80px 0;
  border-radius: 0 0 0 30px;
}

.slider .parallax-slider .swiper-slide .bg-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
}

.slider .parallax-slider .caption h2 {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 7px;
}

.slider .parallax-slider .caption h1 {
  font-size: 110px;
}

.slider .slider-contro {
  position: absolute;
  bottom: -2px;
  right: 0;
  border-radius: 40px 0 0 0;
  padding: 20px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 5;
}

.slider .slider-contro .swiper-nav-ctrl {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  color: inherit;
  text-transform: uppercase;
}

.slider .slider-contro .swiper-nav-ctrl:after {
  display: none;
}

.slider .slider-contro .shap-left-bottom {
  position: absolute;
  bottom: 0;
  left: -2rem;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slider .slider-contro .shap-left-bottom svg {
  width: 2.1rem;
  height: 2.1rem;
}

.slider .slider-contro .shap-right-top {
  position: absolute;
  top: -2.05rem;
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slider .slider-contro .shap-right-top svg {
  width: 2.1rem;
  height: 2.1rem;
}

.slider .swiper-pagination {
  position: absolute;
  left: 30px;
  bottom: 20px;
  width: auto;
  font-size: 40px;
}

.slider .swiper-pagination .swiper-pagination-total {
  position: relative;
  padding-left: 25px;
  margin-left: 15px;
}

.slider .swiper-pagination .swiper-pagination-total:before {
  content: '/';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
}

.swiper-arrow-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 25px;
}

.swiper-arrow-control .swiper-button-next,
.swiper-arrow-control .swiper-button-prev {
  position: static;
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  color: inherit;
}

.swiper-arrow-control .swiper-button-next:after,
.swiper-arrow-control .swiper-button-prev:after {
  display: none;
}

.swiper-arrow-control .swiper-button-next {
  margin-left: 15px;
}

/* ============ TEAM ============ */
.team .item {
  position: relative;
  padding-right: 60px;
}

.team .item:hover .img .info {
  bottom: 15px;
  opacity: 1;
}

.team .item:hover .social {
  right: 5px;
  -webkit-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
}

.team .item .img {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.team .item .img .info {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: -15px;
  padding: 15px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border-radius: 10px;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.team .item .social {
  position: absolute;
  top: 50px;
  left: 50px;
  right: 60px;
  bottom: 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #121212;
  border-radius: 10px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.team .item .social .links {
  position: absolute;
  top: 15px;
  right: 15px;
}

.team .item .social .links a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  margin-bottom: 5px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.team .item .social .links a:hover {
  background: #d2c1af;
  border-color: #d2c1af;
  color: #111;
}

.team-crev .item {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}

.team-crev .item .social a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  margin: 0 2px;
}

.team-crev .item .img {
  position: relative;
  height: 300px;
  z-index: 2;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
}

.team-crev .item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}

.team-crev .item .circle-blur {
  position: absolute;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}

.team-crev2 {
  position: relative;
  overflow: hidden;
}

.team-crev2 .circle-blur {
  position: absolute;
  bottom: -100px;
  right: -20%;
  width: 30%;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: -1;
}

.team-crev2 .item .bg-blur {
  position: relative;
  overflow: hidden;
}

.team-crev2 .item .bg-blur .circle-blur {
  position: absolute;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80%;
}

.team-crev2 .item .img {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  padding-top: 30px;
  height: 300px;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  z-index: 2;
}

.team-crev2 .item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}

.team-crev2 .item .img .social {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.team-crev2 .item .img .social a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  margin: 0 2px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.team-crev2 .item .img .social a:hover {
  background: #d2c1af;
}

.team-crev2 .item:hover .img .social {
  bottom: 30px;
  opacity: 1;
}

.team-crev2 .item-bord {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 30px;
  height: 300px;
}

.team-single .bord {
  position: relative;
  padding: 0 60px;
}

.team-single .bord:before {
  content: '';
  position: absolute;
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  z-index: -1;
}

.team-single .bord:after {
  content: '';
  position: absolute;
  top: 40px;
  left: 40px;
  right: 40px;
  bottom: 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  z-index: -1;
}

/* ============ TESTIMONIALS ============ */
.testimonials {
  position: relative;
}

.testimonials .img-full {
  position: relative;
  height: 100%;
}

.testimonials .img-full .fit-img {
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.testimonials .img-full .fix-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  max-width: 200px;
}

.testimonials .img-full .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  z-index: 3;
}

.testimonials .img-full .text h3 {
  line-height: 1.5;
}

.testimonials .cont-full {
  position: relative;
}

.testimonials .cont-full .qout-svg {
  position: absolute;
  left: 80px;
  top: -70px;
  width: 140px;
}

.testimonials .cont-full .control-abslout {
  position: absolute;
  bottom: 90px;
  right: 80px;
}

.testimonials .cont-full .testim-swiper {
  padding: 80px;
  border: 10px;
  background: rgba(255, 255, 255, 0.01);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  overflow: hidden;
}

.testimonials .cont-full .circle-blur {
  position: absolute;
  top: -50px;
  left: 50px;
  width: 180px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: -1;
}

.testimonials .small-line {
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 400px;
  height: 400px;
  z-index: 1;
  pointer-events: none;
}

.testimonials .small-line .line-overlay svg path {
  stroke: #6c6969;
}

.testimonials .swiper-slide {
  padding-top: 50px;
}

.testimonials .item .circle {
  width: 80px;
  height: 80px;
}

.testimonials .control-abslout {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.testimonials-minim {
  position: relative;
}

.testimonials-minim .swiper-slide {
  padding-top: 50px;
  padding-left: 50px;
}

.testimonials-minim .item .text {
  position: relative;
}

.testimonials-minim .item .text .qout-svg {
  position: absolute;
  left: -40px;
  top: -70px;
  width: 160px;
}

.testimonials-minim .item .circle {
  width: 80px;
  height: 80px;
}

.testimonials-minim .item.style2 .text {
  position: relative;
}

.testimonials-minim .item.style2 .text .qout-svg {
  position: absolute;
  left: -20px;
  top: -80px;
  width: 100px;
}

.testimonials-minim .control-abslout {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.testimonials-modern {
  position: relative;
  overflow: hidden;
}

.testimonials-modern .bg-pattern {
  position: absolute;
  top: 25%;
  left: 0;
  width: 100%;
  background-size: cover;
  background-position: bottom;
  opacity: 0.08;
}

.testimonials-modern .gallery-thumbs {
  width: 500px;
  margin: auto;
}

.testimonials-modern .gallery-thumbs .swiper-slide {
  width: 100px;
}

.testimonials-modern .gallery-thumbs .item {
  opacity: 0.3;
  position: relative;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  cursor: pointer;
}

.testimonials-modern .gallery-thumbs .item .img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  position: relative;
}

.testimonials-modern .gallery-thumbs .item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 50%;
}

.testimonials-modern .gallery-thumbs .swiper-slide-active .item {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.testimonials-modern .swiper-arrow-control .swiper-button-prev {
  position: absolute;
  left: 10px;
  bottom: 50%;
}

.testimonials-modern .swiper-arrow-control .swiper-button-next {
  position: absolute;
  right: 10px;
  bottom: 50%;
}

.testim-modern .out-right {
  -webkit-clip-path: inset(-100vw -100vw -100vw 0);
  clip-path: inset(-100vw -100vw -100vw 0);
}

.testim-modern .swiper-container {
  overflow: visible;
}

.testim-modern .swiper-slide {
  width: 500px;
}

.testim-modern .item {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
}

.testim-modern .item .cont {
  padding: 40px;
}

.testim-modern .item .cont p {
  font-size: 20px;
}

.testim-modern .item .info {
  padding: 20px 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
}

.testim-modern .item .info .img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

/* Videos
-----------------------------------------------------------------*/
/* Shop
-----------------------------------------------------------------*/
/* ============ RESPONSIVE ============ */
@media screen and (max-width: 992px) {
  .md-mb10 {
    margin-bottom: 10px;
  }
  .md-mb15 {
    margin-bottom: 15px;
  }
  .md-mb20 {
    margin-bottom: 20px;
  }
  .md-mb30 {
    margin-bottom: 30px;
  }
  .md-mb40 {
    margin-bottom: 40px;
  }
  .md-mb50 {
    margin-bottom: 50px !important;
  }
  .md-mb80 {
    margin-bottom: 80px;
  }
  .md-no-mrg {
    margin: 0 !important;
  }
  .md-pb10 {
    padding-bottom: 10px;
  }
  .md-pb20 {
    padding-bottom: 20px;
  }
  .md-pb30 {
    padding-bottom: 30px;
  }
  .md-pb40 {
    padding-bottom: 40px;
  }
  .md-pb50 {
    padding-bottom: 50px;
  }
  .md-pb60 {
    padding-bottom: 60px;
  }
  .md-pb70 {
    padding-bottom: 70px;
  }
  .md-pb80 {
    padding-bottom: 80px;
  }
  .md-pt80 {
    padding-top: 80px !important;
  }
  .md-no-pad {
    padding: 0 !important;
  }
  .md-center {
    text-align: center !important;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }
  .md-hide {
    display: none;
  }
  .justify-end {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-end .vew-all {
    margin-left: 25px;
    margin-top: 25px;
  }
  .justify-end .swiper-controls {
    margin-top: 30px;
  }
  .justify-end .ml-auto {
    margin-left: 0;
    margin-top: 30px;
  }
  .row.sm-marg {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row.sm-marg > * {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row.stand-marg {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row.stand-marg > * {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row.md-marg {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row.md-marg > * {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row.lg-marg {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row.lg-marg > * {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row.xlg-marg {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row.xlg-marg > * {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row.xxlg-marg {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row.xxlg-marg > * {
    padding-left: 15px;
    padding-right: 15px;
  }
  h1 {
    font-size: 50px;
  }
  h2 {
    font-size: 40px;
  }
  h3 {
    font-size: 30px;
  }
  h4 {
    font-size: 28px;
  }
  h5 {
    font-size: 23px;
  }
  h6 {
    font-size: 20px;
  }
  .fz-120 {
    font-size: 90px !important;
  }
  .fz-80 {
    font-size: 60px !important;
  }
  .fz-70 {
    font-size: 50px !important;
  }
  .sec-head .d-flex {
    display: block !important;
  }
  .sec-head .ml-auto {
    margin-left: 0 !important;
    margin-top: 15px;
  }
  .sec-head .sub-title span:first-of-type {
    display: none;
  }
  .sec-head .sub-title span.thin {
    margin: 0;
  }
  .navbar .logo:after {
    display: none;
  }
  .navbar .contact-button {
    display: none;
  }
  .navbar .mega-menu .item-img .img {
    display: none;
  }
  .navbar {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar .navbar-collapse {
    max-height: 440px;
    overflow: auto;
  }
  .navbar .navbar-collapse::-webkit-scrollbar {
    display: none;
  }
  .navbar.nav-scroll {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar .container {
    padding: 0;
    width: 100%;
    max-width: 100%;
  }
  .navbar .mega-menu .container {
    padding: 20px 10px !important;
  }
  .navbar .logo {
    max-width: 80px !important;
    margin-left: 30px;
  }
  .navbar .navbar-collapse {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 15px;
  }
  .navbar .navbar-toggler {
    font-size: 20px;
    border-radius: 0;
    padding: 0;
    margin-right: 30px;
  }
  .navbar .navbar-toggler:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    outline: none;
  }
  .navbar .dropdown-menu {
    display: none;
  }
  .navbar .dropdown-menu.show {
    display: block;
    position: static;
  }
  .navbar .dropdown-menu .dropdown-item .dropdown-side {
    display: none;
    position: static;
    width: 100%;
    margin-top: 15px;
  }
  .navbar .dropdown-menu .dropdown-item .dropdown-side.show {
    display: block;
  }
  .navbar .navbar-nav .nav-link {
    padding: 15px 30px 10px;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .navbar .navbar-nav .nav-item:last-of-type .nav-link {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .navbar .navbar-nav .mega-menu {
    width: auto;
    position: static;
    padding: 0;
  }
  .navbar .navbar-nav .mega-menu .item-img {
    font-size: 14px;
    color: #fff;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    padding: 10px 25px;
    position: relative;
  }
  .navbar .navbar-nav .mega-menu .item-img .mt-15 {
    margin-top: 0 !important;
  }
  .navbar .navbar-nav .mega-menu .item-img:after {
    content: '';
    width: 0px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 10px;
    top: 18px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  }
  .navbar .navbar-nav .mega-menu .item-img:hover {
    padding-left: 30px;
    background: transparent;
  }
  .navbar .navbar-nav .mega-menu .item-img:hover:after {
    width: 10px;
  }
  .main-header {
    min-height: auto;
  }
  .main-header .caption h1 {
    font-size: 80px;
  }
  .main-header .caption .text {
    display: none;
  }
  .main-header .justify-content-end {
    display: block !important;
    margin-bottom: 50px;
  }
  .modern-slider .container {
    max-width: 100%;
  }
  .modern-slider .swiper-controls {
    right: 15px;
  }
  .crev-header .caption h1 {
    font-size: 70px;
  }
  .crev-header .full-img {
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .header-digital .caption h1 {
    font-size: 60px;
  }
  .header-digital .cont .numb {
    position: static;
    margin-top: 15px;
  }
  .envocs-home-header {
    background-position: 60%;
  }
  .envocs-home-header .info {
    display: none !important;
  }
  .intro-crev .sec-head {
    margin-bottom: 80px;
  }
  .intro-skill .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .intro-skill .imgs {
    display: none;
  }
  .about-author .profile-img {
    width: 600px;
    margin: 0 auto 50px;
  }
  .my-skills .item .box-bord {
    border-radius: 200px;
  }
  .numbers-crev .item h3 {
    font-size: 80px;
  }
  .services-modern .serv-boxs {
    display: block;
  }
  .services-modern .item {
    width: 100%;
    padding: 60px 40px;
    margin: 5px 0;
  }
  .services-modern .item p {
    opacity: 1;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    text-indent: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .services-modern .item.active {
    width: 100% !important;
  }
  .envocs-services-hero {
    min-height: auto;
  }
  .envocs-services-hero-copy h1 {
    font-size: 58px !important;
  }
  .envocs-services-hero-desc {
    padding-left: 18px;
  }
  .envocs-services-modern .serv-boxs.envocs-service-boxes {
    padding: 0 15px;
    gap: 8px;
    overflow: visible;
  }
  .envocs-services-modern .item.envocs-service-item,
  .envocs-services-modern .item.envocs-service-active,
  .envocs-services-modern .item.envocs-service-item.active {
    flex: none;
    width: 100% !important;
    height: auto;
    min-height: 285px;
    margin: 5px 0;
    opacity: 1;
  }
  .envocs-services-modern .item.envocs-service-item:not(.active) p {
    opacity: 0.86;
  }
  .envocs-services-modern .item.envocs-service-item p {
    font-size: 15px;
    line-height: 1.65;
  }
  .envocs-services-modern .item.envocs-service-item h6.envocs-subtitle {
    max-width: calc(100% - 48px);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .envocs-services-modern .icon-img-60.envocs-service-icon {
    width: 42px;
    height: 42px;
  }
  .envocs-services-modern .envocs-service-icon-svg {
    width: 25px;
    height: 25px;
  }
  .envocs-offer-card,
  .envocs-process-step {
    margin-bottom: 20px;
  }
  .envocs-services-cta-box {
    padding: 34px 24px;
  }
  .envocs-services-cta-actions {
    flex-wrap: wrap;
    gap: 18px;
  }
  .envocs-services-cta-actions .ml-30 {
    margin-left: 0 !important;
  }
  .envocs-accord-panel {
    padding: 28px 22px;
  }
  .envocs-service-numbers .item {
    margin-bottom: 20px;
  }
  .envocs-service-clients.in-circle .item {
    width: 132px;
    height: 132px;
    line-height: 132px;
  }
  .envocs-service-clients .img img {
    max-height: 74px;
  }
  .envocs-service-journal .sec-head .d-flex {
    display: block !important;
  }
  .envocs-service-journal .vi-more {
    margin-top: 24px;
  }
  .envocs-service-journal .info {
    display: block !important;
  }
  .envocs-service-journal .info .ml-30 {
    margin-left: 0 !important;
    margin-top: 6px;
  }
  .work-fade .text.pb-100 {
    padding-bottom: 50px !important;
  }
  .work-fade .swiper-pagination {
    top: 80%;
    right: -20px;
  }
  .work-crev .swiper-slide {
    width: 100% !important;
  }
  footer.clean-footer.crev:after,
  footer.clean-footer.crev .circle-blur {
    display: none;
  }
  .team-single .bord {
    padding: 0 40px 80px;
  }
  .team-single .bord:after {
    top: 30px;
    left: 10px;
    right: 10px;
    bottom: 30px;
  }
  .team-single .bord:before {
    top: 20px;
    left: 0;
    right: 0;
    bottom: 20px;
  }
  .services-inline2 .d-flex {
    display: block !important;
  }
  .page-faqs .img1,
  .page-faqs .img2,
  .page-faqs .img3 {
    display: none;
  }
  .work-grid {
    padding-top: 100px !important;
    padding-bottom: 0 !important;
  }
  .work-grid .item {
    margin: 40px 0 !important;
  }
  .portfolio-crev .work-boxs {
    display: block;
  }
  .portfolio-crev .work-boxs .item {
    width: 100% !important;
    height: 250px;
    min-height: auto;
  }
  .portfolio-crev .work-boxs .item.active {
    height: calc(100vh - 250px * 3);
  }
  .work-grid .filtering,
  .work-minimal .filtering {
    display: block !important;
    margin-top: 30px;
  }
  .next-project .box .cont .fz-40 {
    font-size: 30px !important;
  }
}

@media screen and (max-width: 768px) {
  .sm-mb10 {
    margin-bottom: 10px;
  }
  .sm-mb20 {
    margin-bottom: 20px;
  }
  .sm-mb30 {
    margin-bottom: 30px;
  }
  .sm-mb40 {
    margin-bottom: 40px;
  }
  .sm-mb50 {
    margin-bottom: 50px;
  }
  .sm-mb80 {
    margin-bottom: 80px;
  }
  .sm-pb10 {
    padding-bottom: 10px;
  }
  .sm-pb20 {
    padding-bottom: 20px;
  }
  .sm-pb30 {
    padding-bottom: 30px;
  }
  .sm-pb40 {
    padding-bottom: 40px;
  }
  .sm-pb50 {
    padding-bottom: 50px;
  }
  .sm-pb60 {
    padding-bottom: 60px;
  }
  .sm-pb70 {
    padding-bottom: 70px;
  }
  .sm-pb80 {
    padding-bottom: 80px;
  }
  .sm-hide {
    display: none;
  }
  .fz-70 {
    font-size: 40px !important;
  }
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 34px;
  }
  h3 {
    font-size: 22px;
  }
  h4 {
    font-size: 20px;
  }
  h4.fz-30 {
    font-size: 24px !important;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 18px;
  }
  .progress-wrap,
  .envocs-back-to-top {
    bottom: 15px;
    right: 15px;
  }
  .in-box {
    width: 100%;
  }
  .in-box.mb-15 {
    margin-bottom: 0 !important;
  }
  .section-padding {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .sec-head h3.fz-50 {
    font-size: 30px !important;
  }
  .sec-head h2.fz-70 {
    font-size: 35px !important;
  }
  .call-marq .main-marq.bord-item .item h4 {
    font-size: 20px !important;
  }
  .call-marq .main-marq .icon-img-50 {
    width: 30px !important;
  }
  .main-header .caption h1,
  .crev-header .caption h1 {
    font-size: 40px;
  }
  .main-header .icon-img {
    width: 100px;
  }
  .modern-slider .gallery-text {
    width: 100%;
  }
  .header-digital .caption h1 {
    font-size: 50px;
  }
  .header-digital .img:after,
  .header-digital .img:before {
    display: none;
  }
  .header-digital .img .vid {
    left: 0;
  }
  .about-author .profile-img {
    width: 420px;
  }
  .about-author .profile-img .img {
    height: 500px;
  }
  .about-author h4 span {
    display: inline;
  }
  .services-inline .item .ml-auto,
  .services-inline .item .num {
    display: none !important;
  }
  .work-fade .item .cont {
    position: static;
    margin-top: 15px;
    opacity: 0;
  }
  .work-fade .item .cont .text {
    display: inline-block;
    background: transparent;
    font-size: 22px;
    padding: 0 1px;
    margin: 0;
    border-radius: 0;
  }
  .work-fade .item .cont .shap-left-top,
  .work-fade .item .cont .shap-left-bottom {
    display: none;
  }
  .work-fade .swiper-slide-active .item .cont {
    opacity: 1;
  }
  .work-crev .item {
    display: block !important;
  }
  .work-crev .item .img {
    padding: 0;
    margin-top: 40px;
  }
  .testimonials .img-full .fix-img {
    max-width: 80px;
  }
  .testimonials .cont-full .testim-swiper {
    padding: 60px 20px;
  }
  .testimonials .cont-full .testim-swiper p.fz-30 {
    font-size: 18px !important;
  }
  .testimonials .cont-full .control-abslout {
    bottom: 15px;
    right: 15px;
  }
  .testimonials-minim .item .text .qout-svg {
    width: 90px;
  }
  .testimonials-minim .item .text .fz-30 {
    font-size: 18px !important;
  }
  .testimonials-minim .control-abslout {
    bottom: -50px;
  }
  .page-header .fz-80 {
    font-size: 35px !important;
  }
  .services-inline2 .item h2 {
    font-size: 35px;
    margin-bottom: 15px;
  }
  .team-single .bord {
    padding: 0 20px 80px;
  }
  .portfolio-crev .work-boxs .item {
    height: 350px;
    min-height: auto;
    background-position: center center;
  }
  .portfolio-crev .work-boxs .item.active {
    height: 350px;
  }
  .work-grid .filtering span,
  .work-minimal .filtering span {
    margin: 14px 25px;
  }
  .work-minimal .item .img .cont.inline {
    padding: 20px 15px;
  }
  .blog-header .fz-55 {
    font-size: 30px !important;
  }
  .blog-header .info {
    display: block !important;
  }
  .blog-header .date {
    margin-left: 30px !important;
  }
  .blog-header .right-info {
    margin: 30px 0 0;
  }
  .main-post .fz-60 {
    display: none;
  }
  .main-post .post-qoute {
    padding: 30px 15px;
  }
  .main-post .post-qoute h6:before {
    position: relative;
    left: 0;
  }
  .main-post .info-area {
    display: block;
  }
  .main-post .info-area .tags {
    margin-bottom: 30px;
  }
  .main-post .author-area .flex {
    display: block;
  }
  .main-post .author-area .author-img {
    margin: 0 0 30px 0;
  }
  .main-post .author-area .author-img .img {
    width: 80px;
    height: 80px;
  }
  .main-post .next-prv-post {
    display: block;
  }
  .main-post .next-prv-post .thumb-post {
    margin: 0 !important;
  }
  .main-post .next-prv-post .text-right {
    text-align: left;
    margin-top: 30px !important;
  }
  .comments-post .item-box .flex {
    display: block;
  }
  .comments-post .item-box .user-img {
    margin: 0 0 15px 0;
  }
  .comments-post .item-box .replay-post {
    margin: 15px 0 0 0;
  }
  .comments-post .item-box.replayed {
    margin-left: 0;
  }
  .main-post .post-qoute h6:before {
    top: 70px;
  }
}

/* ============ ENVOCS OVERRIDES ============ */
.carddx {
  break-inside: avoid;
  margin-bottom: 2.3em;
}
.container3x {
  column-count: 3;
  column-gap: 2.3em;
}

.carddx {
  break-inside: avoid;
  margin-bottom: 2.3em;
}
@media (max-width: 600px) {
  .container3x {
    column-count: 1;
  }
}
.container2x {
  column-count: 2;
  column-gap: 2.3em;
}

.carddx {
  break-inside: avoid;
  margin-bottom: 2.3em;
}
@media (max-width: 600px) {
  .container2x {
    column-count: 1;
  }
}

/* ENVOCS Studio refinement layer
-----------------------------------------------------------------*/
.navbar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-height: 72px;
}

.navbar .logo {
  width: 54px;
  min-width: 54px;
}

.navbar .logo img {
  display: block;
  width: 54px;
  height: auto;
  max-height: 54px;
  object-fit: contain;
}

.navbar .navbar-collapse {
  flex: 1 1 auto;
}

.navbar .navbar-nav {
  align-items: center;
}

.navbar .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.78);
  position: relative;
  transition: color 0.32s ease, opacity 0.32s ease, filter 0.32s ease;
}

.navbar .navbar-nav .nav-link:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 14px;
  width: 16px;
  height: 1px;
  background: rgba(210, 193, 175, 0.7);
  opacity: 0;
  transform: translateX(-50%) scaleX(0.45);
  transition: opacity 0.32s ease, transform 0.32s ease;
}

.navbar .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.96);
  filter: brightness(1.08);
}

.navbar .navbar-nav .nav-link:hover:after {
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}

.navbar .contact-button {
  display: flex;
  justify-content: flex-end;
  min-width: 118px;
}

.about-author .envocs-about-line {
  display: block;
  color: rgba(255, 255, 255, 0.35);
  opacity: 0.35;
  will-change: color, opacity;
}

.envocs-services .sec-head .sub-title {
  font-family: var(--envocs-font-mono);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.08em;
}

.envocs-view-all {
  align-items: center;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.82);
  display: inline-flex;
  justify-content: center;
  min-height: 38px;
  padding: 9px 18px;
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.envocs-view-all span {
  color: rgba(255, 255, 255, 0.82);
}

.envocs-view-all:hover {
  background: rgba(210, 193, 175, 0.12);
  border-color: rgba(210, 193, 175, 0.55);
}

.envocs-view-all:hover span {
  color: rgba(255, 255, 255, 0.95);
}

.services-clas.envocs-services .item.envocs-service-card {
  align-items: flex-start;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: grid;
  grid-template-columns: 56px 1fr 48px;
  gap: 24px;
  min-height: 250px;
  padding: 34px;
  transition: border-color 0.35s ease, background 0.35s ease, transform 0.35s ease;
}

.services-clas.envocs-services .item.envocs-service-card:hover {
  background: linear-gradient(180deg, rgba(210, 193, 175, 0.08), rgba(255, 255, 255, 0.018));
  border-color: rgba(210, 193, 175, 0.22);
  transform: translateY(-4px);
}

.envocs-service-icon {
  align-items: center;
  background: rgba(0, 0, 0, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  color: rgba(210, 193, 175, 0.86);
  display: inline-flex;
  font-family: var(--envocs-font-mono);
  font-size: 12px;
  height: 48px;
  justify-content: center;
  letter-spacing: 0.08em;
  width: 48px;
}

.envocs-service-content h5 {
  color: rgba(255, 255, 255, 0.92);
  font-weight: 500;
  letter-spacing: -0.02em;
}

.envocs-service-content p {
  color: rgba(255, 255, 255, 0.62);
  font-size: 15px;
  line-height: 1.72;
}

.services-clas.envocs-services .item .envocs-service-link {
  align-items: center;
  background: rgba(0, 0, 0, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.72);
  display: inline-flex;
  height: 42px;
  justify-content: center;
  line-height: 1;
  margin-left: auto;
  width: 42px;
}

.services-clas.envocs-services .item .envocs-service-link:hover {
  background: rgba(210, 193, 175, 0.12);
  border-color: rgba(210, 193, 175, 0.5);
  color: rgba(255, 255, 255, 0.95);
}

footer.clean-footer.crev .footer-logo {
  width: 220px;
}

footer.clean-footer.crev .footer-logo img {
  display: block;
  max-height: 54px;
  object-fit: contain;
  width: 100%;
}

.envocs-footer-description {
  color: rgba(255, 255, 255, 0.62);
  font-size: 15px;
  line-height: 1.75;
  max-width: 360px;
}

.envocs-footer-contact li {
  margin-bottom: 16px;
}

.envocs-footer-contact a,
.envocs-footer-links a {
  color: rgba(255, 255, 255, 0.64);
  font-size: 14px;
  line-height: 1.6;
  transition: color 0.28s ease, opacity 0.28s ease;
}

.envocs-footer-contact a:hover,
.envocs-footer-links a:hover {
  color: rgba(210, 193, 175, 0.95);
}

.envocs-footer-social {
  gap: 10px;
}

footer .envocs-footer-social a {
  align-items: center;
  background: rgba(255, 255, 255, 0.02);
  display: inline-flex;
  justify-content: center;
  transition: border-color 0.28s ease, background 0.28s ease, color 0.28s ease;
}

footer .envocs-footer-social a:hover {
  background: rgba(210, 193, 175, 0.1);
  border-color: rgba(210, 193, 175, 0.42);
}

.envocs-token-page {
  min-height: 100vh;
}

.envocs-token-hero {
  min-height: 92vh;
  padding: 180px 0 100px;
  position: relative;
}

.envocs-token-hero:before {
  background: radial-gradient(circle at 50% 30%, rgba(210, 193, 175, 0.1), transparent 34%);
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.envocs-token-title {
  color: rgba(255, 255, 255, 0.94);
  font-size: clamp(48px, 7vw, 112px);
  font-weight: 500;
  letter-spacing: -0.055em;
  line-height: 0.98;
}

.envocs-token-subtitle,
.envocs-token-copy {
  color: rgba(255, 255, 255, 0.62);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.75;
  margin-inline: auto;
  max-width: 760px;
}

.envocs-token-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
}

.envocs-token-button {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(210, 193, 175, 0.34);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.88);
  padding: 12px 22px;
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.envocs-token-button span {
  color: rgba(255, 255, 255, 0.88);
}

.envocs-token-button:hover {
  background: rgba(210, 193, 175, 0.12);
  border-color: rgba(210, 193, 175, 0.72);
}

.envocs-token-button-muted {
  border-color: rgba(255, 255, 255, 0.16);
}

.envocs-token-address {
  color: rgba(255, 255, 255, 0.42);
  font-family: var(--envocs-font-mono);
  font-size: 12px;
  letter-spacing: 0.02em;
  overflow-wrap: anywhere;
}

.envocs-token-panel,
.envocs-token-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
}

.envocs-token-panel {
  padding: 48px;
}

.envocs-token-section-title {
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(32px, 4vw, 58px);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.05;
}

.envocs-token-market-panel {
  overflow: hidden;
  position: relative;
}

.envocs-token-market-panel:before {
  background: radial-gradient(circle at 82% 16%, rgba(210, 193, 175, 0.14), transparent 34%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.envocs-token-market-panel > * {
  position: relative;
  z-index: 1;
}

.envocs-token-market-copy {
  margin: 0;
  max-width: none;
}

.envocs-token-market-actions {
  justify-content: flex-start;
  margin-top: 28px;
}

.envocs-token-market-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 42px;
}

.envocs-token-market-stat {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 12px;
  min-height: 152px;
  padding: 22px;
}

.envocs-token-market-stat span {
  color: rgba(210, 193, 175, 0.76);
  display: block;
  font-family: var(--envocs-font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.envocs-token-market-stat strong {
  color: rgba(255, 255, 255, 0.9);
  display: block;
  font-size: clamp(18px, 2vw, 25px);
  font-weight: 500;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.envocs-token-market-stat strong.is-mono {
  font-family: var(--envocs-font-mono);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
}

.envocs-token-market-stat p {
  color: rgba(255, 255, 255, 0.54);
  font-size: 13px;
  line-height: 1.6;
  margin-top: 14px;
}

.envocs-token-source-list {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 16px;
}

.envocs-token-source-list a {
  align-items: center;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 12px;
  display: grid;
  gap: 4px;
  grid-template-columns: auto 1fr;
  padding: 18px;
  transition: border-color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}

.envocs-token-source-list a:hover {
  background: rgba(210, 193, 175, 0.07);
  border-color: rgba(210, 193, 175, 0.3);
  transform: translateY(-2px);
}

.envocs-token-source-list span {
  color: rgba(210, 193, 175, 0.72);
  font-family: var(--envocs-font-mono);
  font-size: 11px;
  grid-row: span 2;
  margin-right: 10px;
}

.envocs-token-source-list strong {
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  font-weight: 500;
}

.envocs-token-source-list small {
  color: rgba(255, 255, 255, 0.52);
  font-size: 12px;
}

.envocs-token-card {
  min-height: 285px;
  padding: 34px;
  transition: border-color 0.3s ease, transform 0.3s ease;
}

.envocs-token-card:hover {
  border-color: rgba(210, 193, 175, 0.22);
  transform: translateY(-3px);
}

.envocs-token-card span {
  color: rgba(210, 193, 175, 0.76);
  display: inline-block;
  font-family: var(--envocs-font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  margin-bottom: 34px;
}

.envocs-token-card h5 {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-bottom: 18px;
}

.envocs-token-card p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 15px;
  line-height: 1.72;
}

@media (max-width: 991px) {
  .navbar .container {
    min-height: auto;
  }

  .navbar .logo,
  .navbar .logo img {
    width: 48px;
    min-width: 48px;
  }

  .services-clas.envocs-services .item.envocs-service-card {
    grid-template-columns: 48px 1fr;
    padding: 28px;
  }

  .services-clas.envocs-services .item .envocs-service-link {
    grid-column: 2;
    margin-left: 0;
  }

  .envocs-token-panel {
    padding: 34px;
  }

  .envocs-token-market-grid,
  .envocs-token-source-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  .envocs-token-title {
    font-size: 46px;
  }

  .envocs-token-hero {
    min-height: auto;
    padding: 140px 0 80px;
  }

  .envocs-token-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .envocs-token-button {
    text-align: center;
  }

  .envocs-token-market-actions {
    align-items: stretch;
  }

  .envocs-token-market-grid,
  .envocs-token-source-list {
    grid-template-columns: 1fr;
  }

  .services-clas.envocs-services .item.envocs-service-card {
    display: block;
  }

  .envocs-service-content {
    margin-top: 24px;
  }

  .services-clas.envocs-services .item .envocs-service-link {
    margin-top: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .navbar .navbar-nav .nav-link,
  .envocs-view-all,
  .envocs-service-card,
  .envocs-service-link,
  .envocs-token-card,
  .envocs-token-market-stat,
  .envocs-token-source-list a,
  .envocs-token-button {
    transition: none !important;
  }
}

/* ENVOCS Studio native-scroll refinements
-----------------------------------------------------------------*/
.envocs-scroll-root,
.envocs-scroll-content {
  min-height: 100%;
}

.navbar {
  min-height: 78px;
}

.navbar .container {
  min-height: 78px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar .logo,
.navbar .logo img {
  width: 46px;
  min-width: 46px;
  max-height: 46px;
}

.navbar .navbar-nav .nav-link {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
}

.about-author .profile-img,
.about-author .img,
.about-author .img img {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.about-author .envocs-about-lead {
  font-size: clamp(26px, 2.2vw, 40px);
  line-height: 1.36;
}

.about-author .envocs-about-body {
  font-size: 15px;
  line-height: 1.82;
}

.about-author .envocs-about-line + .envocs-about-line {
  margin-top: 0.24em;
}

.envocs-typing-title {
  display: inline-block;
  max-width: 100%;
}

.envocs-typing-title > span {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  vertical-align: bottom;
  white-space: nowrap;
  width: 0;
}

.envocs-typing-title:after {
  color: rgba(210, 193, 175, 0.78);
  content: '_';
  font-family: var(--envocs-font-mono);
  margin-left: 4px;
  opacity: 0;
}

.envocs-typing-title.is-typing > span {
  animation: envocsTypingReveal 1.15s steps(var(--envocs-title-chars)) forwards;
}

.envocs-typing-title.is-typing:after {
  animation: envocsCursorBlink 0.72s step-end infinite;
  opacity: 1;
}

.envocs-typing-title.is-done:after {
  animation: none;
  opacity: 0;
}

.envocs-typing-title.is-done > span {
  width: 100%;
}

@keyframes envocsTypingReveal {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes envocsCursorBlink {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.envocs-services .sec-head {
  position: relative;
  z-index: 2;
}

.envocs-service-deck {
  display: flex;
  overflow-x: auto;
  overflow-y: visible;
  padding: 18px 16vw 30px 0;
  scrollbar-width: none;
}

.envocs-service-deck::-webkit-scrollbar {
  display: none;
}

.envocs-service-card-shell {
  flex: 0 0 clamp(330px, 42vw, 560px);
  position: relative;
}

.envocs-service-card-shell + .envocs-service-card-shell {
  margin-left: clamp(-190px, -14vw, -80px);
}

.envocs-service-card-shell:nth-child(1) {
  z-index: 10;
}

.envocs-service-card-shell:nth-child(2) {
  z-index: 9;
}

.envocs-service-card-shell:nth-child(3) {
  z-index: 8;
}

.envocs-service-card-shell:nth-child(4) {
  z-index: 7;
}

.envocs-service-card-shell:nth-child(5) {
  z-index: 6;
}

.envocs-service-card-shell:nth-child(6) {
  z-index: 5;
}

.envocs-service-card-shell:nth-child(n + 7) {
  z-index: 4;
}

.services-clas.envocs-services .item.envocs-service-card {
  grid-template-columns: 52px 1fr;
  min-height: 330px;
  position: relative;
}

.services-clas.envocs-services .item.envocs-service-card:hover {
  transform: translateY(-6px);
}

.services-clas.envocs-services .item .envocs-service-link {
  bottom: 30px;
  position: absolute;
  right: 30px;
}

.envocs-service-layer-index {
  bottom: 31px;
  color: rgba(255, 255, 255, 0.18);
  font-family: var(--envocs-font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  position: absolute;
  left: 34px;
}

.envocs-service-scroll-note {
  color: rgba(255, 255, 255, 0.36);
  font-family: var(--envocs-font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.work-card .sec-head .sub-title,
.envocs-journal .sec-head .sub-title,
.envocs-clients .sec-head .sub-title,
.envocs-capabilities .sec-head .sub-title {
  font-family: var(--envocs-font-mono);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.08em;
}

.work-card .card-item {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018));
  border-color: rgba(255, 255, 255, 0.08);
  border-radius: 14px;
}

.work-card .card-item .cont .underline .text {
  border-bottom: 1px solid rgba(210, 193, 175, 0.42);
  color: rgba(210, 193, 175, 0.82) !important;
  display: inline-flex;
  padding-bottom: 4px;
}

.envocs-capabilities:after {
  opacity: 0.12;
}

.envocs-capabilities .sec-head h3,
.envocs-clients .sec-head h3 {
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.08;
}

.envocs-capabilities-intro,
.envocs-clients-intro {
  color: rgba(255, 255, 255, 0.58);
  font-size: 16px;
  line-height: 1.75;
  margin-inline: auto;
  max-width: 680px;
}

.envocs-capability-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.envocs-capability-card {
  align-items: center;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  gap: 18px;
  padding: 20px;
  transition: background 0.3s ease, border-color 0.3s ease, filter 0.34s ease, transform 0.3s ease;
}

.envocs-capability-card:hover {
  background: rgba(210, 193, 175, 0.07);
  border-color: rgba(210, 193, 175, 0.22);
  transform: translateY(-3px);
}

.envocs-capability-icon {
  align-items: center;
  background: rgba(0, 0, 0, 0.34);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  color: rgba(210, 193, 175, 0.85);
  display: flex;
  flex: 0 0 54px;
  font-family: var(--envocs-font-mono);
  font-size: 13px;
  height: 54px;
  justify-content: center;
  letter-spacing: 0.08em;
}

.envocs-capability-icon img {
  height: 30px;
  object-fit: contain;
  width: 30px;
}

.envocs-capability-card h6 {
  color: rgba(255, 255, 255, 0.88);
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 4px;
}

.envocs-capability-card p {
  color: rgba(255, 255, 255, 0.48);
  font-family: var(--envocs-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  margin: 0;
  text-transform: uppercase;
}

.envocs-clients.in-circle .item {
  background: rgba(255, 255, 255, 0.025);
  border-color: rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  height: 150px;
  line-height: 150px;
  width: 150px;
}

.envocs-clients .img img {
  filter: grayscale(1);
  max-height: 90px;
  object-fit: contain;
  opacity: 0.72;
  transition: filter 0.3s ease, opacity 0.3s ease;
}

.envocs-clients .item:hover .img img {
  filter: grayscale(0);
  opacity: 0.95;
}

.envocs-journal {
  padding: 110px 0;
}

.envocs-journal-card {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px;
  padding: 24px !important;
}

.envocs-journal-card-row > [class*="col-"] {
  will-change: opacity, filter, transform;
}

.envocs-journal-meta {
  font-size: 11px;
  letter-spacing: 0.05em;
}

.envocs-journal-meta a {
  color: rgba(255, 255, 255, 0.48);
}

.envocs-journal .item .fit-img {
  border-radius: 10px;
  height: 260px;
  overflow: hidden;
}

.envocs-journal .cont h5 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 23px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

.envocs-read-more {
  border-bottom: 1px solid rgba(210, 193, 175, 0.36);
  color: rgba(210, 193, 175, 0.82);
  display: inline-flex;
  font-family: var(--envocs-font-mono);
  font-size: 12px;
  letter-spacing: 0.06em;
  padding-bottom: 5px;
  text-transform: uppercase;
  transition: border-color 0.3s ease, color 0.3s ease;
}

.envocs-read-more:hover {
  border-color: rgba(210, 193, 175, 0.85);
  color: rgba(255, 255, 255, 0.92);
}

footer.clean-footer.crev .sub-title {
  white-space: nowrap;
}

footer .envocs-footer-social a {
  color: rgba(255, 255, 255, 0.58);
}

footer .envocs-footer-social a:hover {
  color: rgba(255, 255, 255, 0.92);
  filter: brightness(1.18);
}

.cursor {
  background-color: rgba(255, 255, 255, 0.74);
  mix-blend-mode: difference;
  padding: 0.22rem;
}

.cursor-active {
  opacity: 0.16;
  transform: translate(-50%, -50%) scale(2.4);
}

.cursor-button {
  border-radius: 999px;
  opacity: 0.2;
  transform: translate(-50%, -50%) scale(3.3);
}

@media (min-width: 1600px) {
  .envocs-service-card-shell {
    flex-basis: 520px;
  }
}

@media (max-width: 991px) {
  .envocs-service-deck {
    padding-right: 80px;
  }

  .envocs-service-card-shell {
    flex-basis: 78vw;
  }

  .envocs-service-card-shell + .envocs-service-card-shell {
    margin-left: -18vw;
  }

  .envocs-capability-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .envocs-typing-title > span {
    white-space: normal;
    width: auto;
  }

  .envocs-typing-title.is-typing > span {
    animation: envocsTypingFade 0.55s ease forwards;
  }
}

@media (max-width: 767px) {
  .navbar .container {
    min-height: 66px;
  }

  .navbar .logo,
  .navbar .logo img {
    width: 42px;
    min-width: 42px;
    max-height: 42px;
  }

  .about-author .envocs-about-lead {
    font-size: 24px;
  }

  .envocs-capability-grid {
    grid-template-columns: 1fr;
  }

  .envocs-service-card-shell {
    flex-basis: 86vw;
  }

  .envocs-service-card-shell + .envocs-service-card-shell {
    margin-left: -12vw;
  }

  .envocs-journal {
    padding: 80px 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .envocs-typing-title > span {
    animation: none !important;
    width: auto !important;
  }

  .envocs-typing-title:after {
    display: none !important;
  }
}

@keyframes envocsTypingFade {
  from {
    opacity: 0.48;
  }
  to {
    opacity: 1;
  }
}

/* ENVOCS Studio homepage refinement pass
-----------------------------------------------------------------*/
.navbar .container {
  min-height: 76px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.navbar .logo,
.navbar .logo img {
  width: 41px;
  min-width: 41px;
  max-height: 41px;
}

.about-author .envocs-about-lead {
  font-size: clamp(23px, 1.86vw, 34px);
  line-height: 1.42;
}

.about-author .envocs-about-body {
  font-size: 14px;
  line-height: 1.86;
  max-width: 690px;
}

.about-author .envocs-about-line + .envocs-about-line {
  margin-top: 0.28em;
}

.envocs-services .sec-head,
.work-card .sec-head,
.envocs-capabilities .sec-head,
.envocs-clients .sec-head,
.envocs-journal .sec-head {
  overflow: visible;
}

.envocs-services .sec-head .d-flex > div:first-child,
.work-card .sec-head .d-flex > div:first-child,
.envocs-journal .sec-head .d-flex > div:first-child,
.envocs-capabilities .sec-head,
.envocs-clients .sec-head {
  display: flex;
  flex-direction: column;
}

.envocs-services .sec-head .sub-title,
.work-card .sec-head .sub-title,
.envocs-capabilities .sec-head .sub-title,
.envocs-clients .sec-head .sub-title,
.envocs-journal .sec-head .sub-title {
  display: block;
  margin-bottom: 12px !important;
  order: 0;
}

.envocs-services .envocs-typing-title,
.work-card .envocs-typing-title,
.envocs-capabilities .envocs-typing-title,
.envocs-clients .envocs-typing-title,
.envocs-journal .envocs-typing-title {
  font-size: clamp(31px, 3.2vw, 42px) !important;
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.12;
  max-width: min(760px, 100%);
  order: 1;
  text-transform: none;
}

.envocs-service-controls {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}

.envocs-service-nav {
  display: flex;
  gap: 10px;
}

.envocs-service-nav button {
  align-items: center;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.68);
  display: inline-flex;
  height: 38px;
  justify-content: center;
  transition: background 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease;
  width: 38px;
}

.envocs-service-nav button:hover {
  background: rgba(210, 193, 175, 0.1);
  border-color: rgba(210, 193, 175, 0.46);
  color: rgba(255, 255, 255, 0.92);
  transform: translateY(-2px);
}

.envocs-service-card-shell {
  cursor: pointer;
  will-change: opacity, transform;
}

.envocs-service-card-shell.is-active {
  z-index: 20;
}

.envocs-service-card-shell.is-active .envocs-service-card {
  background: linear-gradient(180deg, rgba(210, 193, 175, 0.1), rgba(255, 255, 255, 0.02));
  border-color: rgba(210, 193, 175, 0.32);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.26);
  transform: translateY(-8px);
}

.work-card .card-item .cont .envocs-details-link {
  align-items: center;
  color: rgba(210, 193, 175, 0.78);
  display: inline-flex;
  font-family: var(--envocs-font-mono);
  font-size: 11px;
  letter-spacing: 0.07em;
  line-height: 1;
  margin-top: 15px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  transition: color 0.28s ease, opacity 0.28s ease;
}

.work-card .card-item .cont .envocs-details-link:after {
  background: rgba(210, 193, 175, 0.42);
  bottom: -7px;
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  transform: scaleX(0.36);
  transform-origin: left;
  transition: background 0.28s ease, transform 0.28s ease;
  width: 100%;
}

.work-card .card-item .cont .envocs-details-link:hover {
  color: rgba(255, 255, 255, 0.9);
}

.work-card .card-item .cont .envocs-details-link:hover:after {
  background: rgba(210, 193, 175, 0.82);
  transform: scaleX(1);
}

.envocs-capability-card {
  will-change: opacity, transform;
}

.envocs-clients .sec-head {
  text-align: left;
}

.envocs-clients .swiper-container {
  overflow: visible;
}

.envocs-clients.in-circle .item {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: background 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease, transform 0.32s ease;
}

.envocs-clients.in-circle .item:hover {
  background: rgba(210, 193, 175, 0.06);
  border-color: rgba(210, 193, 175, 0.24);
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.2);
  transform: translateY(-4px);
}

footer.clean-footer.crev .sub-title {
  color: rgba(210, 193, 175, 0.72) !important;
  font-family: var(--envocs-font-mono);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.08em;
  opacity: 0.82;
  white-space: nowrap;
}

footer.clean-footer.crev .bord-thin-top p {
  color: rgba(255, 255, 255, 0.66);
  font-weight: 400;
}

footer.clean-footer.crev {
  margin-bottom: 0;
  overflow: hidden;
  padding-bottom: 0;
}

footer.clean-footer.crev .container {
  padding-bottom: 0 !important;
}

footer.clean-footer.crev .bord-thin-top {
  margin-bottom: 0;
  padding-bottom: 20px !important;
}

footer.clean-footer.crev:after {
  bottom: 0;
}

footer.clean-footer.crev .circle-blur {
  bottom: 0;
  opacity: 0.36;
  pointer-events: none;
}

.cursor {
  background-color: rgba(255, 255, 255, 0.88);
  box-shadow: 0 0 0 1px rgba(210, 193, 175, 0.18);
  mix-blend-mode: normal;
  opacity: 0.88;
  padding: 0.18rem;
  transform: translate(-50%, -50%);
  transition: opacity 0.24s ease, transform 0.24s ease, background 0.24s ease, box-shadow 0.24s ease;
}

.cursor-active {
  background-color: rgba(210, 193, 175, 0.9);
  box-shadow: 0 0 16px rgba(210, 193, 175, 0.16);
  opacity: 0.34;
  transform: translate(-50%, -50%) scale(1.85);
}

.cursor-button {
  background-color: rgba(210, 193, 175, 0.72);
  border-radius: 999px;
  opacity: 0.28;
  transform: translate(-50%, -50%) scale(2.45);
}

@media (max-width: 991px) {
  .envocs-services .sec-head .d-flex,
  .work-card .sec-head .d-flex,
  .envocs-journal .sec-head .d-flex {
    align-items: flex-start !important;
    flex-direction: column;
    gap: 24px;
  }

  .envocs-services .sec-head .ml-auto,
  .work-card .sec-head .ml-auto,
  .envocs-journal .sec-head .ml-auto {
    margin-left: 0 !important;
  }

  .envocs-capabilities .envocs-typing-title,
  .envocs-clients .envocs-typing-title {
    margin-inline: 0;
  }
}

@media (max-width: 767px) {
  .navbar .logo,
  .navbar .logo img {
    width: 38px;
    min-width: 38px;
    max-height: 38px;
  }

  .about-author .envocs-about-lead {
    font-size: 22px;
  }

  .about-author .envocs-about-body {
    font-size: 13.5px;
  }

  .envocs-service-controls {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .envocs-service-card-shell,
  .envocs-capability-card {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }
}

/* ENVOCS homepage fix pass
-----------------------------------------------------------------*/
.navbar {
  min-height: 68px;
}

.navbar .container {
  min-height: 68px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.navbar .logo,
.navbar .logo img {
  width: 40px;
  min-width: 40px;
  max-height: 40px;
}

.about-author .envocs-about-lead {
  font-size: clamp(22px, 1.55vw, 26px);
  line-height: 1.44;
  margin-bottom: 24px !important;
}

.about-author .envocs-about-body {
  font-size: 14px;
  line-height: 1.84;
  margin-bottom: 0;
}

.about-author .envocs-about-line {
  display: block;
  line-height: inherit;
  margin: 0;
  overflow: hidden;
}

.about-author .envocs-about-line-text {
  clip-path: inset(0% 100% 0% 0%);
  display: inline-block;
  transform-origin: left center;
  will-change: clip-path, color, opacity;
}

.about-author .envocs-about-line + .envocs-about-line {
  margin-top: 0.18em;
}

.about-author .numbers.mt-50 {
  margin-top: 38px !important;
}

.envocs-services .sec-head,
.work-card .sec-head,
.envocs-journal .sec-head {
  margin-bottom: 58px !important;
}

/* ENVOCS lightweight scroll/layout fixes
-----------------------------------------------------------------*/
.my-skills.envocs-capabilities {
  isolation: isolate;
  position: relative;
}

.envocs-capabilities:after {
  backdrop-filter: none !important;
  pointer-events: none;
  z-index: 0;
}

.envocs-capabilities .container {
  position: relative;
  z-index: 2;
}

.envocs-capability-card {
  will-change: opacity, filter, transform;
}

.envocs-clients .sec-bottom {
  margin-top: 76px !important;
}

.envocs-clients .sec-bottom .main-bg {
  backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, 0.028) !important;
}

.envocs-journal {
  padding-top: 58px !important;
  position: relative;
  z-index: 5;
}

.envocs-journal .container,
.envocs-journal .sec-head,
.envocs-journal .vi-more,
.envocs-journal .envocs-view-all {
  position: relative;
  z-index: 6;
}

.envocs-journal .envocs-view-all {
  pointer-events: auto;
}

footer.clean-footer.crev .bord-thin-top {
  margin-top: 60px !important;
  padding-bottom: 24px !important;
  padding-top: 24px !important;
  text-align: center;
}

footer.clean-footer.crev .bord-thin-top p {
  color: rgba(255, 255, 255, 0.64);
}

footer.clean-footer.crev:after {
  backdrop-filter: blur(32px);
  pointer-events: none;
}

footer.clean-footer.crev .circle-blur {
  opacity: 0.28;
}

/* ENVOCS final homepage interaction refinements
-----------------------------------------------------------------*/
.services-clas.envocs-services .item.envocs-service-card {
  isolation: isolate;
  overflow: hidden;
}

.envocs-service-visual {
  color: rgba(210, 193, 175, 0.78);
  fill: none;
  height: 140px;
  opacity: 0.07;
  pointer-events: none;
  position: absolute;
  right: 20px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.4;
  top: 20px;
  transform: rotate(-2deg);
  width: 180px;
  z-index: 0;
}

.envocs-service-icon,
.envocs-service-content,
.envocs-service-link,
.envocs-service-layer-index {
  position: relative;
  z-index: 1;
}

.envocs-service-visual.is-events,
.envocs-service-visual.is-ai,
.envocs-service-visual.is-web3 {
  opacity: 0.085;
}

.envocs-service-visual.is-brand,
.envocs-service-visual.is-website,
.envocs-service-visual.is-direction {
  right: 14px;
  top: 16px;
}

.envocs-services .envocs-service-nav {
  display: none !important;
}

.envocs-services .envocs-service-controls {
  justify-content: flex-start;
}

.envocs-services .envocs-service-card-shell.is-prev,
.envocs-services .envocs-service-card-shell.is-next {
  cursor: pointer;
}

.envocs-services .envocs-service-card-shell.is-active {
  cursor: grab;
}

.envocs-services .envocs-service-deck.is-dragging .envocs-service-card-shell.is-active {
  cursor: grabbing;
}

.work-card .sec-head {
  will-change: transform;
  z-index: 12;
}

@media (max-width: 767px) {
  .envocs-service-visual {
    height: 118px;
    opacity: 0.055;
    right: -4px;
    top: 14px;
    width: 152px;
  }
}

/* ENVOCS liquid glass nav v2 source-order override
-----------------------------------------------------------------*/
.navbar.envocs-floating-nav.nav-scroll {
  top: 18px;
  width: min(1180px, calc(100% - 44px));
  border: 0;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  overflow: visible;
  pointer-events: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-inner {
  display: grid;
  grid-template-columns: minmax(70px, 1fr) auto minmax(108px, 1fr);
  align-items: center;
  width: 100%;
  min-height: 70px;
  gap: clamp(12px, 1.45vw, 22px);
  padding: 0;
  overflow: visible !important;
  pointer-events: none;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-collapse {
  display: flex !important;
  justify-content: center !important;
  justify-self: center;
  width: auto;
  max-width: max-content;
  pointer-events: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.2), transparent 29%),
    radial-gradient(circle at 86% 110%, rgba(210, 193, 175, 0.13), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.038) 48%, rgba(255, 255, 255, 0.075)),
    rgba(8, 8, 8, 0.58);
  -webkit-backdrop-filter: blur(22px) saturate(150%) contrast(1.04);
  backdrop-filter: blur(22px) saturate(150%) contrast(1.04);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.24) inset,
    0 -1px 0 rgba(255, 255, 255, 0.07) inset,
    0 0 0 1px rgba(255, 255, 255, 0.035) inset,
    0 18px 46px rgba(0, 0, 0, 0.38),
    0 8px 18px rgba(210, 193, 175, 0.035);
  transition: background 0.36s ease, border-color 0.36s ease, box-shadow 0.36s ease, transform 0.36s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: auto;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass > * {
  position: relative;
  z-index: 2;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(118deg, transparent 8%, rgba(255, 255, 255, 0.18) 32%, transparent 58%),
    radial-gradient(circle at 50% -24%, rgba(255, 255, 255, 0.18), transparent 38%);
  mix-blend-mode: screen;
  opacity: 0.46;
  transform: translate3d(-14%, 0, 0);
  transition: opacity 0.36s ease, transform 0.44s cubic-bezier(0.22, 1, 0.36, 1);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent 24%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.12), transparent 18%, transparent 82%, rgba(255, 255, 255, 0.09));
  opacity: 0.36;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:hover,
.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:focus-visible {
  border-color: rgba(255, 255, 255, 0.18);
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.24), transparent 31%),
    radial-gradient(circle at 86% 110%, rgba(210, 193, 175, 0.16), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.05) 48%, rgba(255, 255, 255, 0.09)),
    rgba(10, 10, 10, 0.63);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 -1px 0 rgba(255, 255, 255, 0.08) inset,
    0 0 0 1px rgba(255, 255, 255, 0.045) inset,
    0 22px 54px rgba(0, 0, 0, 0.42),
    0 9px 24px rgba(210, 193, 175, 0.055);
  transform: translateY(-1px);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:hover:before,
.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:focus-visible:before {
  opacity: 0.68;
  transform: translate3d(10%, 0, 0);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
  width: 70px;
  min-width: 70px;
  height: 70px;
  padding: 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  box-sizing: border-box;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
  width: 34px;
  min-width: 34px;
  max-width: 34px;
  max-height: 34px;
  object-fit: contain;
  filter: drop-shadow(0 1px 9px rgba(255, 255, 255, 0.1));
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu {
  width: auto !important;
  max-width: 100%;
  min-height: 58px;
  border-radius: 999px;
  padding: 7px 16px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link {
  position: relative;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 16px;
  border-radius: 999px;
  overflow: hidden;
  isolation: isolate;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:before {
  content: "";
  position: absolute;
  inset: 3px;
  z-index: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at 24% 0%, rgba(255, 255, 255, 0.24), transparent 43%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.035)),
    rgba(210, 193, 175, 0.06);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.16) inset,
    0 -1px 0 rgba(255, 255, 255, 0.045) inset,
    0 9px 24px rgba(0, 0, 0, 0.16);
  opacity: 0;
  transform: translateY(2px) scaleX(0.74) scaleY(0.82);
  transform-origin: center;
  transition: opacity 0.28s ease, transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:after {
  display: none;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover:before,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible:before,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link.is-active:before {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link .rolling-text {
  position: relative;
  z-index: 2;
  height: auto;
  line-height: 1;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-token {
  min-width: auto;
  justify-self: end;
  justify-content: flex-end;
  pointer-events: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
  min-width: 106px;
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0 22px;
  line-height: 1;
  text-align: center;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass span,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  min-height: 1em;
  color: rgba(255, 255, 255, 0.86);
}

.envocs-services-modern .container-fluid.rest {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: clamp(14px, 2.5vw, 42px);
  padding-right: clamp(14px, 2.5vw, 42px);
  box-sizing: border-box;
}

.envocs-services-modern .serv-boxs.envocs-service-boxes {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: clamp(8px, 0.85vw, 14px);
  padding: 0;
  box-sizing: border-box;
}

.envocs-services-modern .item.envocs-service-item {
  flex: 0 0 clamp(68px, 5vw, 82px);
  min-width: 0;
  height: 358px;
  padding: 0 !important;
  display: block;
}

.envocs-services-modern .item.envocs-service-active,
.envocs-services-modern .item.envocs-service-item.active {
  flex: 1 1 clamp(780px, 58vw, 900px);
  min-width: min(780px, calc(100% - 430px));
  max-width: 900px;
  height: 358px;
  padding: 0 !important;
}

.envocs-services-modern .envocs-service-panel-body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  width: 100%;
  padding: 34px 38px;
  box-sizing: border-box;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-body {
  grid-template-rows: 76px 1fr 74px;
  justify-items: center;
  align-items: stretch;
  padding: 24px 10px 22px;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-copy {
  display: none;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-icon {
  place-self: start center;
  margin: 0;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-footer {
  width: 100%;
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: end;
  align-self: end;
  gap: 12px;
  margin: 0;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-number {
  order: 1;
  width: 46px;
  display: block;
  margin: 0 !important;
  text-align: center;
  line-height: 1;
}

.envocs-services-modern .item.envocs-service-item:not(.active) h6.envocs-subtitle {
  order: 2;
  width: 46px;
  min-width: 46px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .navbar.envocs-floating-nav.nav-scroll {
    top: 14px;
    width: calc(100% - 24px);
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-inner {
    display: flex;
    min-height: 58px;
    gap: 10px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: 58px;
    min-width: 58px;
    height: 58px;
    padding: 12px;
  }

  .envocs-services-modern .serv-boxs.envocs-service-boxes {
    max-width: 100%;
  }

  .envocs-services-modern .item.envocs-service-item,
  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    min-width: 0;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  body {
    padding-bottom: calc(82px + env(safe-area-inset-bottom));
  }

  .navbar.envocs-site-nav .navbar-toggler,
  .navbar.envocs-site-nav .navbar-collapse,
  .navbar.envocs-site-nav .contact-button {
    display: none !important;
  }

  .navbar.envocs-floating-nav.nav-scroll {
    top: 10px;
    left: 14px;
    width: auto;
    transform: none !important;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-inner {
    width: auto;
    min-height: 56px;
    padding: 0;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: 56px;
    min-width: 56px;
    height: 56px;
    padding: 12px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    max-height: 30px;
  }

  .envocs-mobile-bottom-nav {
    position: fixed;
    left: 50%;
    right: auto;
    bottom: calc(10px + env(safe-area-inset-bottom));
    z-index: 1001;
    width: min(94vw, 430px);
    min-height: 64px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: center;
    gap: 4px;
    padding: 7px;
    border-radius: 999px;
    transform: translateX(-50%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    background:
      radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.2), transparent 31%),
      radial-gradient(circle at 84% 120%, rgba(210, 193, 175, 0.14), transparent 38%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.038)),
      rgba(8, 8, 8, 0.68);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
    backdrop-filter: blur(22px) saturate(150%);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.22) inset,
      0 -1px 0 rgba(255, 255, 255, 0.06) inset,
      0 20px 48px rgba(0, 0, 0, 0.48),
      0 8px 18px rgba(210, 193, 175, 0.04);
    pointer-events: auto;
  }

  .envocs-mobile-bottom-nav:before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    pointer-events: none;
    background:
      linear-gradient(118deg, transparent 10%, rgba(255, 255, 255, 0.16) 34%, transparent 60%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.2), transparent 26%);
    opacity: 0.42;
  }

  .envocs-mobile-nav-link {
    min-height: 50px;
  }

  .envocs-mobile-nav-link:before {
    background:
      radial-gradient(circle at 28% 0%, rgba(255, 255, 255, 0.22), transparent 44%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03)),
      rgba(210, 193, 175, 0.06);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.13) inset,
      0 8px 20px rgba(0, 0, 0, 0.18);
  }

  .envocs-services-modern .container-fluid.rest {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .envocs-services-modern .serv-boxs.envocs-service-boxes {
    flex-direction: column;
    gap: 12px;
  }

  .envocs-services-modern .item.envocs-service-item,
  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    width: 100% !important;
    max-width: none;
    flex: none;
    min-width: 0;
    height: auto;
  }

  .envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-body {
    min-height: 104px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: 1fr;
    align-items: center;
    justify-items: stretch;
    gap: 14px;
    padding: 20px;
  }

  .envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-icon {
    place-self: center;
  }

  .envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-footer {
    display: grid !important;
    grid-template-columns: auto auto;
    align-items: center !important;
    justify-content: end;
    gap: 12px;
  }
}

/* ENVOCS liquid glass nav v2 + service tab alignment
-----------------------------------------------------------------*/
.navbar.envocs-floating-nav.nav-scroll {
  top: 18px;
  width: min(1180px, calc(100% - 44px));
  border: 0;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  overflow: visible;
  pointer-events: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-inner {
  display: grid;
  grid-template-columns: minmax(70px, 1fr) auto minmax(108px, 1fr);
  align-items: center;
  width: 100%;
  min-height: 70px;
  gap: clamp(12px, 1.45vw, 22px);
  padding: 0;
  overflow: visible !important;
  pointer-events: none;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-collapse {
  display: flex !important;
  justify-content: center !important;
  justify-self: center;
  width: auto;
  max-width: max-content;
  pointer-events: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.2), transparent 29%),
    radial-gradient(circle at 86% 110%, rgba(210, 193, 175, 0.13), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.038) 48%, rgba(255, 255, 255, 0.075)),
    rgba(8, 8, 8, 0.58);
  -webkit-backdrop-filter: blur(22px) saturate(150%) contrast(1.04);
  backdrop-filter: blur(22px) saturate(150%) contrast(1.04);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.24) inset,
    0 -1px 0 rgba(255, 255, 255, 0.07) inset,
    0 0 0 1px rgba(255, 255, 255, 0.035) inset,
    0 18px 46px rgba(0, 0, 0, 0.38),
    0 8px 18px rgba(210, 193, 175, 0.035);
  transition:
    background 0.36s ease,
    border-color 0.36s ease,
    box-shadow 0.36s ease,
    -webkit-transform 0.36s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.36s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: auto;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass > * {
  position: relative;
  z-index: 2;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(118deg, transparent 8%, rgba(255, 255, 255, 0.18) 32%, transparent 58%),
    radial-gradient(circle at 50% -24%, rgba(255, 255, 255, 0.18), transparent 38%);
  mix-blend-mode: screen;
  opacity: 0.46;
  transform: translate3d(-14%, 0, 0);
  transition: opacity 0.36s ease, transform 0.44s cubic-bezier(0.22, 1, 0.36, 1);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent 24%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.12), transparent 18%, transparent 82%, rgba(255, 255, 255, 0.09));
  opacity: 0.36;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:hover,
.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:focus-visible {
  border-color: rgba(255, 255, 255, 0.18);
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.24), transparent 31%),
    radial-gradient(circle at 86% 110%, rgba(210, 193, 175, 0.16), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.05) 48%, rgba(255, 255, 255, 0.09)),
    rgba(10, 10, 10, 0.63);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 -1px 0 rgba(255, 255, 255, 0.08) inset,
    0 0 0 1px rgba(255, 255, 255, 0.045) inset,
    0 22px 54px rgba(0, 0, 0, 0.42),
    0 9px 24px rgba(210, 193, 175, 0.055);
  transform: translateY(-1px);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:hover:before,
.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:focus-visible:before {
  opacity: 0.68;
  transform: translate3d(10%, 0, 0);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
  width: 70px;
  min-width: 70px;
  height: 70px;
  padding: 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  box-sizing: border-box;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
  width: 34px;
  min-width: 34px;
  max-width: 34px;
  max-height: 34px;
  object-fit: contain;
  filter: drop-shadow(0 1px 9px rgba(255, 255, 255, 0.1));
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu {
  width: auto !important;
  max-width: 100%;
  min-height: 58px;
  border-radius: 999px;
  padding: 7px 16px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link {
  position: relative;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 16px;
  border-radius: 999px;
  overflow: hidden;
  isolation: isolate;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:before {
  content: "";
  position: absolute;
  inset: 3px;
  z-index: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at 24% 0%, rgba(255, 255, 255, 0.24), transparent 43%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.035)),
    rgba(210, 193, 175, 0.06);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.16) inset,
    0 -1px 0 rgba(255, 255, 255, 0.045) inset,
    0 9px 24px rgba(0, 0, 0, 0.16);
  opacity: 0;
  transform: translateY(2px) scaleX(0.74) scaleY(0.82);
  transform-origin: center;
  transition:
    opacity 0.28s ease,
    -webkit-transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:after {
  display: none;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover:before,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible:before,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link.is-active:before {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link.is-active {
  color: rgba(255, 255, 255, 0.95);
  filter: none;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link .rolling-text {
  position: relative;
  z-index: 2;
  height: auto;
  line-height: 1;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-token {
  min-width: auto;
  justify-self: end;
  justify-content: flex-end;
  pointer-events: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-token:after {
  display: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
  min-width: 106px;
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0 22px;
  line-height: 1;
  text-align: center;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass span,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  min-height: 1em;
  color: rgba(255, 255, 255, 0.86);
}

.envocs-services-modern .container-fluid.rest {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: clamp(14px, 2.5vw, 42px);
  padding-right: clamp(14px, 2.5vw, 42px);
  box-sizing: border-box;
}

.envocs-services-modern .serv-boxs.envocs-service-boxes {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: clamp(8px, 0.85vw, 14px);
  padding: 0;
  box-sizing: border-box;
}

.envocs-services-modern .item.envocs-service-item {
  flex: 0 0 clamp(68px, 5vw, 82px);
  min-width: 0;
  height: 358px;
  padding: 0 !important;
  display: block;
}

.envocs-services-modern .item.envocs-service-active,
.envocs-services-modern .item.envocs-service-item.active {
  flex: 1 1 clamp(780px, 58vw, 900px);
  min-width: min(780px, calc(100% - 430px));
  max-width: 900px;
  height: 358px;
  padding: 0 !important;
}

.envocs-services-modern .envocs-service-panel-body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  width: 100%;
  padding: 34px 38px;
  box-sizing: border-box;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-body {
  grid-template-rows: 76px 1fr 74px;
  justify-items: center;
  align-items: stretch;
  padding: 24px 10px 22px;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-copy {
  display: none;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-icon {
  place-self: start center;
  margin: 0;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-footer {
  width: 100%;
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: end;
  align-self: end;
  gap: 12px;
  margin: 0;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-number {
  order: 1;
  width: 46px;
  display: block;
  margin: 0 !important;
  text-align: center;
  line-height: 1;
}

.envocs-services-modern .item.envocs-service-item:not(.active) h6.envocs-subtitle {
  order: 2;
  width: 46px;
  min-width: 46px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .navbar.envocs-floating-nav.nav-scroll {
    top: 14px;
    width: calc(100% - 24px);
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-inner {
    display: flex;
    min-height: 58px;
    gap: 10px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: 58px;
    min-width: 58px;
    height: 58px;
    padding: 12px;
  }

  .envocs-services-modern .serv-boxs.envocs-service-boxes {
    max-width: 100%;
  }

  .envocs-services-modern .item.envocs-service-item,
  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    min-width: 0;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  body {
    padding-bottom: calc(82px + env(safe-area-inset-bottom));
  }

  .navbar.envocs-site-nav .navbar-toggler,
  .navbar.envocs-site-nav .navbar-collapse,
  .navbar.envocs-site-nav .contact-button {
    display: none !important;
  }

  .navbar.envocs-floating-nav.nav-scroll {
    top: 10px;
    left: 14px;
    width: auto;
    transform: none !important;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-inner {
    width: auto;
    min-height: 56px;
    padding: 0;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: 56px;
    min-width: 56px;
    height: 56px;
    padding: 12px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    max-height: 30px;
  }

  .envocs-mobile-bottom-nav {
    position: fixed;
    left: 50%;
    right: auto;
    bottom: calc(10px + env(safe-area-inset-bottom));
    z-index: 1001;
    width: min(94vw, 430px);
    min-height: 64px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: center;
    gap: 4px;
    padding: 7px;
    border-radius: 999px;
    transform: translateX(-50%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    background:
      radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.2), transparent 31%),
      radial-gradient(circle at 84% 120%, rgba(210, 193, 175, 0.14), transparent 38%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.038)),
      rgba(8, 8, 8, 0.68);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
    backdrop-filter: blur(22px) saturate(150%);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.22) inset,
      0 -1px 0 rgba(255, 255, 255, 0.06) inset,
      0 20px 48px rgba(0, 0, 0, 0.48),
      0 8px 18px rgba(210, 193, 175, 0.04);
    pointer-events: auto;
  }

  .envocs-mobile-bottom-nav:before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    pointer-events: none;
    background:
      linear-gradient(118deg, transparent 10%, rgba(255, 255, 255, 0.16) 34%, transparent 60%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.2), transparent 26%);
    opacity: 0.42;
  }

  .envocs-mobile-nav-link {
    min-height: 50px;
  }

  .envocs-mobile-nav-link:before {
    background:
      radial-gradient(circle at 28% 0%, rgba(255, 255, 255, 0.22), transparent 44%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03)),
      rgba(210, 193, 175, 0.06);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.13) inset,
      0 8px 20px rgba(0, 0, 0, 0.18);
  }

  .envocs-services-modern .container-fluid.rest {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .envocs-services-modern .serv-boxs.envocs-service-boxes {
    flex-direction: column;
    gap: 12px;
  }

  .envocs-services-modern .item.envocs-service-item,
  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    width: 100% !important;
    max-width: none;
    flex: none;
    min-width: 0;
    height: auto;
  }

  .envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-body {
    min-height: 104px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: 1fr;
    align-items: center;
    justify-items: stretch;
    gap: 14px;
    padding: 20px;
  }

  .envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-icon {
    place-self: center;
  }

  .envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-footer {
    display: grid !important;
    grid-template-columns: auto auto;
    align-items: center !important;
    justify-content: end;
    gap: 12px;
  }
}

/* ENVOCS liquid navigation and services sizing refinement
-----------------------------------------------------------------*/
.navbar.envocs-site-nav {
  transition:
    top 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    left 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    min-height 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    border-radius 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.42s ease,
    border-color 0.42s ease,
    box-shadow 0.42s ease,
    -webkit-backdrop-filter 0.42s ease,
    backdrop-filter 0.42s ease,
    -webkit-transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, width, background;
}

.navbar.envocs-site-nav .envocs-nav-inner {
  transition:
    min-height 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    padding 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    gap 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

.navbar.envocs-floating-nav.nav-scroll {
  position: fixed;
  top: 16px;
  left: 50%;
  width: min(1080px, calc(100% - 48px));
  min-height: 58px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.035)),
    rgba(8, 8, 8, 0.68);
  -webkit-backdrop-filter: blur(22px) saturate(1.28);
  backdrop-filter: blur(22px) saturate(1.28);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.14) inset,
    0 -1px 0 rgba(255, 255, 255, 0.035) inset,
    0 22px 70px rgba(0, 0, 0, 0.42),
    0 0 34px rgba(210, 193, 175, 0.055);
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  overflow: visible;
}

.navbar.envocs-floating-nav.nav-scroll:before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.18), transparent 28%),
    radial-gradient(circle at 84% 100%, rgba(210, 193, 175, 0.12), transparent 32%);
  opacity: 0.72;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-inner {
  width: 100%;
  max-width: none;
  min-height: 58px;
  padding: 7px 16px 7px 18px;
  gap: 18px;
  position: relative;
  z-index: 2;
}

.navbar.envocs-floating-nav.nav-scroll .logo,
.navbar.envocs-floating-nav.nav-scroll .logo img {
  width: 34px;
  min-width: 34px;
  max-height: 34px;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.74);
  font-family: var(--envocs-font-mono) !important;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.045em;
  margin: 0 7px;
  padding: 9px 8px;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link .rolling-text {
  height: 22px;
  line-height: 22px;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:after {
  bottom: 6px;
  width: 12px;
  background: rgba(210, 193, 175, 0.62);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button {
  animation: none;
  background: rgba(0, 0, 0, 0.24);
  border-color: rgba(210, 193, 175, 0.24);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset;
  font-family: var(--envocs-font-mono) !important;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.035em;
  padding: 7px 13px;
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .navbar.envocs-floating-nav.nav-scroll {
    background: rgba(10, 10, 10, 0.94);
  }
}

.envocs-services-modern .serv-boxs.envocs-service-boxes {
  justify-content: center;
  gap: 8px;
  padding: 0 clamp(12px, 2vw, 24px);
}

.envocs-services-modern .item.envocs-service-item {
  flex: 0 0 68px;
  height: 358px;
  padding: 28px 18px;
  border-radius: 12px;
  opacity: 0.66;
  transition:
    flex-basis 0.54s cubic-bezier(0.22, 1, 0.36, 1),
    max-width 0.54s cubic-bezier(0.22, 1, 0.36, 1),
    padding 0.54s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.28s ease,
    border-color 0.28s ease,
    background 0.28s ease,
    box-shadow 0.28s ease,
    transform 0.28s ease;
}

.envocs-services-modern .item.envocs-service-item:not(.active):hover,
.envocs-services-modern .item.envocs-service-item:not(.active):focus-visible {
  opacity: 0.86;
  transform: translateY(-2px);
  border-color: rgba(210, 193, 175, 0.25);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
}

.envocs-services-modern .item.envocs-service-active,
.envocs-services-modern .item.envocs-service-item.active {
  flex: 0 0 clamp(760px, 64vw, 880px);
  max-width: 880px;
  height: 358px;
  padding: 34px 38px;
  margin-left: 0;
  margin-right: 0;
  border-color: rgba(210, 193, 175, 0.34);
  background:
    radial-gradient(circle at 82% 14%, rgba(210, 193, 175, 0.105), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.012));
  box-shadow:
    0 0 0 1px rgba(210, 193, 175, 0.055) inset,
    0 22px 62px rgba(0, 0, 0, 0.34),
    0 0 28px rgba(210, 193, 175, 0.04);
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-copy {
  display: none;
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-panel-copy {
  display: block;
  max-width: 560px;
}

.envocs-services-modern .item.envocs-service-item p {
  color: rgba(255, 255, 255, 0.62);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.68;
}

.envocs-services-modern .item.envocs-service-item.active p {
  opacity: 0.88;
}

.envocs-services-modern .envocs-service-panel-footer {
  gap: 12px;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-footer {
  flex-direction: column-reverse;
  align-items: flex-start !important;
  gap: 10px;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-number {
  margin-left: 0 !important;
}

.envocs-services-modern .envocs-service-title-full {
  display: inline;
}

.envocs-services-modern .envocs-service-abbr {
  display: none;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-title-full {
  display: none;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-abbr {
  display: inline;
}

.envocs-services-modern .item.envocs-service-item:not(.active) h6.envocs-subtitle {
  min-width: 42px;
  padding: 8px 10px;
  text-align: center;
  font-family: var(--envocs-font-pixel) !important;
  font-size: 11px !important;
  letter-spacing: 0;
}

.envocs-services-modern .item.envocs-service-item.active h6.envocs-subtitle {
  font-family: var(--envocs-font-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.035em;
  padding: 9px 14px;
}

.envocs-services-modern .envocs-service-number {
  font-family: var(--envocs-font-mono) !important;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .envocs-services-modern .item.envocs-service-item {
    flex-basis: 64px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .envocs-services-modern .item.envocs-service-active,
  .envocs-services-modern .item.envocs-service-item.active {
    flex-basis: clamp(600px, 58vw, 700px);
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 991px) {
  .navbar.envocs-floating-nav.nav-scroll {
    top: 10px;
    width: calc(100% - 24px);
    border-radius: 24px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-inner {
    min-height: 56px;
    padding: 8px 14px;
  }

  .navbar.envocs-floating-nav.nav-scroll .logo,
  .navbar.envocs-floating-nav.nav-scroll .logo img {
    width: 36px;
    min-width: 36px;
    max-height: 36px;
  }

  .navbar.envocs-floating-nav.nav-scroll .navbar-collapse {
    border-top-color: rgba(255, 255, 255, 0.1);
    margin-top: 10px;
  }

  .envocs-services-modern .serv-boxs.envocs-service-boxes {
    flex-direction: column;
    padding: 0 16px;
  }

  .envocs-services-modern .item.envocs-service-item,
  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    width: 100% !important;
    max-width: none;
    flex: none;
    margin: 0;
  }

  .envocs-services-modern .item.envocs-service-item {
    min-height: 116px;
    height: auto;
    padding: 22px;
  }

  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    min-height: 286px;
    padding: 28px 24px;
  }

  .envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-footer {
    flex-direction: row;
    align-items: center !important;
  }
}

/* ENVOCS separated liquid nav islands + service tab alignment
-----------------------------------------------------------------*/
.navbar.envocs-floating-nav.nav-scroll {
  width: min(1160px, calc(100% - 48px));
  border: 0;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  overflow: visible;
  pointer-events: none;
}

.navbar.envocs-floating-nav.nav-scroll:before {
  display: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-inner {
  display: grid;
  grid-template-columns: minmax(58px, 1fr) auto minmax(92px, 1fr);
  align-items: center;
  width: 100%;
  min-height: 58px;
  gap: 14px;
  padding: 0;
  overflow: visible !important;
  pointer-events: none;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-collapse {
  display: flex !important;
  justify-content: center !important;
  justify-self: center;
  width: auto;
  max-width: max-content;
  pointer-events: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.105);
  background:
    radial-gradient(circle at 22% 0%, rgba(255, 255, 255, 0.14), transparent 33%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.032)),
    rgba(9, 9, 9, 0.62);
  -webkit-backdrop-filter: blur(24px) saturate(1.32);
  backdrop-filter: blur(24px) saturate(1.32);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.13) inset,
    0 -1px 0 rgba(255, 255, 255, 0.035) inset,
    0 18px 46px rgba(0, 0, 0, 0.36),
    0 0 28px rgba(210, 193, 175, 0.035);
  transition:
    background 0.34s ease,
    border-color 0.34s ease,
    box-shadow 0.34s ease,
    -webkit-transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: auto;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.105) 38%, transparent 64%),
    radial-gradient(circle at 82% 100%, rgba(210, 193, 175, 0.12), transparent 34%);
  opacity: 0.64;
  transform: translateX(-10%);
  transition: opacity 0.34s ease, transform 0.34s ease;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(circle at 50% -20%, rgba(255, 255, 255, 0.12), transparent 36%);
  opacity: 0.46;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:hover,
.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:focus-visible {
  border-color: rgba(255, 255, 255, 0.16);
  background:
    radial-gradient(circle at 28% 0%, rgba(255, 255, 255, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.04)),
    rgba(12, 12, 12, 0.66);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.18) inset,
    0 -1px 0 rgba(255, 255, 255, 0.04) inset,
    0 22px 54px rgba(0, 0, 0, 0.42),
    0 0 30px rgba(210, 193, 175, 0.055);
  transform: translateY(-1px);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:hover:before,
.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:focus-visible:before {
  opacity: 0.82;
  transform: translateX(8%);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
  width: 58px;
  min-width: 58px;
  height: 58px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
  width: 34px;
  min-width: 34px;
  max-height: 34px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu {
  width: auto !important;
  max-width: 100%;
  min-height: 50px;
  border-radius: 999px;
  padding: 5px 18px;
  display: inline-flex !important;
  flex: 0 0 auto;
  justify-content: center;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-token {
  min-width: auto;
  justify-content: flex-end;
  justify-self: end;
  pointer-events: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-token:after {
  display: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
  min-height: 50px;
  border-radius: 999px;
  padding: 7px 17px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass span {
  color: rgba(255, 255, 255, 0.82);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass {
    background: rgba(12, 12, 12, 0.94);
  }
}

.envocs-services-modern .container-fluid.rest {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.envocs-services-modern .serv-boxs.envocs-service-boxes {
  width: 100%;
  max-width: none;
  justify-content: center;
  align-items: stretch;
  gap: clamp(8px, 0.8vw, 12px);
  padding: 0 clamp(12px, 2vw, 32px);
  box-sizing: border-box;
}

.envocs-services-modern .item.envocs-service-item {
  flex: 0 0 72px;
  height: 358px;
  padding: 0;
  display: block;
}

.envocs-services-modern .item.envocs-service-active,
.envocs-services-modern .item.envocs-service-item.active {
  flex: 1 1 900px;
  min-width: min(760px, calc(100% - 420px));
  max-width: 900px;
  height: 358px;
  padding: 0;
}

.envocs-services-modern .envocs-service-panel-body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  width: 100%;
  padding: 34px 38px;
  box-sizing: border-box;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-body {
  grid-template-rows: auto 1fr auto;
  justify-items: center;
  padding: 24px 13px;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-icon {
  justify-self: center;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-footer {
  width: 100%;
  display: flex !important;
  flex-direction: column-reverse;
  align-items: center !important;
  justify-content: flex-end;
  gap: 10px;
  margin: 0;
}

.envocs-services-modern .item.envocs-service-item:not(.active) h6.envocs-subtitle {
  width: 42px;
  min-width: 42px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-number {
  width: 42px;
  display: block;
  margin: 0 !important;
  text-align: center;
  line-height: 1;
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-panel-copy {
  align-self: end;
  max-width: 560px;
  margin-bottom: 0 !important;
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-panel-footer {
  width: 100%;
  align-self: end;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .envocs-services-modern .serv-boxs.envocs-service-boxes {
    padding: 0 16px;
    gap: 8px;
  }

  .envocs-services-modern .item.envocs-service-item {
    flex-basis: 62px;
  }

  .envocs-services-modern .item.envocs-service-active,
  .envocs-services-modern .item.envocs-service-item.active {
    flex-basis: min(700px, calc(100% - 350px));
    min-width: min(600px, calc(100% - 350px));
    max-width: 700px;
  }

  .envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-body {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 991px) {
  .navbar.envocs-floating-nav.nav-scroll {
    width: calc(100% - 24px);
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-inner {
    display: flex;
    gap: 10px;
  }

  .navbar.envocs-floating-nav.nav-scroll .navbar-collapse:not(.show) {
    display: none !important;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: 54px;
    min-width: 54px;
    height: 54px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu {
    width: auto;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu:after {
    display: none;
  }

  .envocs-services-modern .item.envocs-service-item,
  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    min-width: 0;
    height: auto;
  }

  .envocs-services-modern .envocs-service-panel-body,
  .envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-body {
    padding: 22px;
  }
}

/* Route A content rendering
-----------------------------------------------------------------*/
.envocs-markdown-content {
  color: rgba(255, 255, 255, 0.7);
}

.envocs-markdown-content h1,
.envocs-markdown-content h2,
.envocs-markdown-content h3 {
  color: rgba(255, 255, 255, 0.92);
  font-weight: 500;
  letter-spacing: -0.03em;
  margin-bottom: 18px;
  margin-top: 42px;
}

.envocs-markdown-content h1:first-child,
.envocs-markdown-content h2:first-child,
.envocs-markdown-content h3:first-child {
  margin-top: 0;
}

/* ENVOCS liquid nav spacing, item bubble, and mobile bottom nav
-----------------------------------------------------------------*/
.envocs-mobile-bottom-nav {
  display: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
  width: 64px;
  min-width: 64px;
  height: 64px;
  padding: 10px;
  box-sizing: border-box;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
  width: 34px;
  min-width: 34px;
  max-width: 34px;
  max-height: 34px;
  object-fit: contain;
  filter: drop-shadow(0 1px 8px rgba(255, 255, 255, 0.08));
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu {
  min-height: 54px;
  padding: 6px 10px;
  align-items: center;
  gap: 2px;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 14px;
  border-radius: 999px;
  overflow: hidden;
  isolation: isolate;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:before {
  content: "";
  position: absolute;
  inset: 4px 3px;
  z-index: -1;
  border-radius: 999px;
  background:
    radial-gradient(circle at 28% 0%, rgba(255, 255, 255, 0.18), transparent 46%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.035)),
    rgba(210, 193, 175, 0.055);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.12) inset,
    0 7px 20px rgba(0, 0, 0, 0.18);
  opacity: 0;
  transform: scaleX(0.72) scaleY(0.82);
  transform-origin: center;
  transition: opacity 0.28s ease, transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:after {
  display: none;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover:before,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible:before,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link.is-active:before {
  opacity: 1;
  transform: scale(1);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link.is-active {
  color: rgba(255, 255, 255, 0.94);
  filter: none;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link .rolling-text {
  height: auto;
  line-height: 1;
  position: relative;
  z-index: 1;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
  min-width: 94px;
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  line-height: 1;
  text-align: center;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass span,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  min-height: 1em;
}

@media screen and (max-width: 767px) {
  body {
    padding-bottom: calc(82px + env(safe-area-inset-bottom));
  }

  .navbar.envocs-site-nav .navbar-toggler,
  .navbar.envocs-site-nav .navbar-collapse,
  .navbar.envocs-site-nav .contact-button {
    display: none !important;
  }

  .navbar.envocs-site-nav {
    min-height: 58px;
  }

  .navbar.envocs-site-nav .envocs-nav-inner {
    min-height: 58px;
    justify-content: flex-start;
  }

  .navbar.envocs-floating-nav.nav-scroll {
    top: 10px;
    width: auto;
    left: 14px;
    transform: none !important;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-inner {
    width: auto;
    min-height: 50px;
    padding: 0;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: 52px;
    min-width: 52px;
    height: 52px;
    padding: 9px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    max-height: 30px;
  }

  .envocs-mobile-bottom-nav {
    position: fixed;
    left: 50%;
    right: auto;
    bottom: calc(10px + env(safe-area-inset-bottom));
    z-index: 1001;
    width: min(94vw, 430px);
    min-height: 64px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: center;
    gap: 3px;
    padding: 7px;
    border-radius: 999px;
    transform: translateX(-50%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    background:
      radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.14), transparent 34%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.032)),
      rgba(8, 8, 8, 0.72);
    -webkit-backdrop-filter: blur(24px) saturate(1.28);
    backdrop-filter: blur(24px) saturate(1.28);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.13) inset,
      0 20px 46px rgba(0, 0, 0, 0.46),
      0 0 30px rgba(210, 193, 175, 0.04);
    pointer-events: auto;
  }

  .envocs-mobile-bottom-nav:before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(110deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    opacity: 0.52;
  }

  .envocs-mobile-nav-link {
    position: relative;
    min-width: 0;
    min-height: 50px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.62);
    font-family: var(--envocs-font-mono) !important;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    text-align: center;
    overflow: hidden;
    isolation: isolate;
    transition: color 0.28s ease;
  }

  .envocs-mobile-nav-link:before {
    content: "";
    position: absolute;
    inset: 3px;
    z-index: -1;
    border-radius: inherit;
    background:
      radial-gradient(circle at 30% 0%, rgba(255, 255, 255, 0.16), transparent 46%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.025)),
      rgba(210, 193, 175, 0.045);
    opacity: 0;
    transform: scale(0.84);
    transition: opacity 0.28s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .envocs-mobile-nav-link:hover,
  .envocs-mobile-nav-link:focus-visible,
  .envocs-mobile-nav-link.is-active {
    color: rgba(255, 255, 255, 0.92);
  }

  .envocs-mobile-nav-link:hover:before,
  .envocs-mobile-nav-link:focus-visible:before,
  .envocs-mobile-nav-link.is-active:before {
    opacity: 1;
    transform: scale(1);
  }

  .envocs-mobile-nav-mark {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(210, 193, 175, 0.16);
    color: rgba(210, 193, 175, 0.78);
    font-size: 10px;
  }

  .envocs-mobile-nav-label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.envocs-markdown-content p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.85;
  margin-bottom: 24px;
}

.envocs-markdown-content ul {
  margin-bottom: 28px;
  padding-left: 18px;
}

.envocs-markdown-content li {
  color: rgba(255, 255, 255, 0.66);
  font-size: 17px;
  line-height: 1.75;
  list-style: disc;
  margin-bottom: 8px;
}

.envocs-markdown-content blockquote {
  border-left: 1px solid rgba(210, 193, 175, 0.55);
  color: rgba(255, 255, 255, 0.82);
  font-size: 20px;
  line-height: 1.65;
  margin: 42px 0;
  padding: 4px 0 4px 24px;
}

.envocs-markdown-content figure {
  margin: 40px 0;
}

.envocs-markdown-content figure img {
  border-radius: 8px;
  width: 100%;
}

/* ENVOCS section rhythm refinement pass
-----------------------------------------------------------------*/
.work-card .sec-head {
  margin-bottom: 82px !important;
  padding-bottom: 12px;
}

.envocs-portfolio-bottom .main-bg h6 {
  color: rgba(255, 255, 255, 0.68);
  font-weight: 400;
  letter-spacing: 0.01em;
}

.envocs-portfolio-emphasis {
  color: #d2c1af;
  font-weight: 500;
}

.envocs-work-stack .cards {
  isolation: isolate;
  transform-style: preserve-3d;
}

.envocs-work-stack .card-item {
  backface-visibility: hidden;
  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.34),
    0 1px 0 rgba(255, 255, 255, 0.055) inset;
  overflow: hidden;
  transform: translateZ(0);
  transform-style: preserve-3d;
  transition:
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}

.envocs-work-stack .card-item:hover {
  border-color: rgba(210, 193, 175, 0.24);
  box-shadow:
    0 34px 100px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(210, 193, 175, 0.055) inset,
    0 1px 0 rgba(255, 255, 255, 0.07) inset;
}

.envocs-work-stack .card-item .cont {
  gap: clamp(24px, 3.2vw, 40px);
}

.envocs-featured-portfolio-heading,
.envocs-featured-portfolio-body {
  min-width: 0;
}

.envocs-work-stack .envocs-featured-portfolio-tags {
  color: #d2c1af;
  display: flex;
  flex-wrap: wrap;
  font-size: 10px;
  gap: 8px 10px;
  margin-bottom: 16px !important;
}

.envocs-work-stack .card-item .cont .envocs-featured-portfolio-tags .tag {
  color: #d2c1af !important;
  font-family: var(--envocs-font-mono);
  font-size: 10px !important;
  letter-spacing: 0.08em;
  line-height: 1.2;
  margin: 0;
}

.envocs-work-stack .card-item .cont h4 {
  margin-bottom: 0;
}

.envocs-featured-portfolio-body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: auto;
}

.envocs-featured-portfolio-copy {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: rgba(255, 255, 255, 0.68);
  display: -webkit-box;
  line-height: 1.55;
  margin: 0;
  max-width: 540px;
  overflow: hidden;
}

.work-card .card-item .cont .envocs-featured-portfolio-body .envocs-details-link {
  margin-top: 0;
}

@media (min-width: 992px) {
  .envocs-work-stack .cards {
    min-height: clamp(520px, 52vw, 690px);
    position: relative;
  }
}

@media (max-width: 991px) {
  .envocs-work-stack .cards {
    min-height: 0;
  }
}

/* ENVOCS home sticky hero + portfolio rolodex
-----------------------------------------------------------------*/
.envocs-home-page-main {
  --envocs-home-marquee-peek: clamp(52px, 7vh, 80px);
  overflow-x: clip !important;
  overflow-y: visible !important;
  position: relative;
}

@supports not (overflow: clip) {
  .envocs-home-page-main {
    overflow-x: hidden !important;
  }
}

.envocs-home-page-main .envocs-home-hero {
  box-sizing: border-box;
  height: 100svh;
  min-height: 100svh;
  position: sticky !important;
  top: 0;
  z-index: 0;
}

.envocs-home-scroll-layer {
  background: #080808;
  isolation: isolate;
  position: relative;
  z-index: 2;
}

.envocs-home-scroll-layer::before {
  background: linear-gradient(
    180deg,
    rgba(8, 8, 8, 0),
    rgba(8, 8, 8, 0.14) 48%,
    rgba(8, 8, 8, 0.44)
  );
  content: "";
  height: calc(var(--envocs-home-marquee-peek) + 80px);
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: calc((var(--envocs-home-marquee-peek) + 80px) * -1);
  z-index: 0;
}

.envocs-home-scroll-layer > * {
  position: relative;
  z-index: 1;
}

.envocs-home-marquee {
  box-shadow:
    0 -12px 34px rgba(0, 0, 0, 0.16),
    0 18px 54px rgba(0, 0, 0, 0.18);
  margin-top: calc(var(--envocs-home-marquee-peek) * -1);
  overflow: visible;
  position: relative;
  z-index: 3;
}

.envocs-home-marquee::before {
  background: linear-gradient(
    180deg,
    rgba(8, 8, 8, 0),
    rgba(8, 8, 8, 0.18) 55%,
    rgba(8, 8, 8, 0.5)
  );
  content: "";
  height: 44px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -44px;
  z-index: 0;
}

.envocs-home-marquee .main-marq {
  position: relative;
  z-index: 1;
}

.envocs-work-stack {
  overflow: visible;
}

.envocs-work-stack .envocs-work-stack-pin {
  overflow: visible;
  position: relative;
}

.envocs-work-stack .cards.envocs-work-stack-stage {
  display: grid;
  gap: 30px;
  min-height: 0;
  overflow: visible;
  position: relative;
  transform-style: preserve-3d;
}

.envocs-work-stack .envocs-work-stack-card-shell {
  transform-origin: center center;
  width: 100%;
}

.envocs-work-stack .envocs-work-stack-card-shell .card-item {
  margin-bottom: 0;
}

.envocs-work-stack .envocs-work-stack-heading {
  margin-bottom: clamp(28px, 4vh, 44px) !important;
}

.envocs-work-stack.is-work-stack-rolodex .envocs-work-stack-pin {
  height: clamp(520px, calc(100svh - 340px), 600px);
  min-height: 0;
  overflow: visible;
  position: relative;
  z-index: 2;
}

.envocs-work-stack.is-work-stack-rolodex .cards.envocs-work-stack-stage {
  display: grid;
  gap: 0;
  height: 100%;
  isolation: isolate;
  min-height: 0;
  overflow: visible;
  perspective: 1400px;
  place-items: center;
  transform-style: preserve-3d;
}

.envocs-work-stack.is-work-stack-rolodex.is-work-stack-pinned
  .cards.envocs-work-stack-stage {
  transform: translate3d(
    0,
    var(--envocs-work-stack-center-shift, 0px),
    0
  );
}

.envocs-work-stack.is-work-stack-rolodex .envocs-work-stack-card-shell {
  backface-visibility: hidden;
  grid-area: 1 / 1;
  transform-origin: center center;
  width: min(calc(100% - 96px), 1180px);
  will-change: transform, opacity, filter;
}

.envocs-work-stack.is-work-stack-rolodex
  .envocs-work-stack-card-shell[aria-hidden="true"] {
  pointer-events: none;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .envocs-home-page-main {
    --envocs-home-marquee-peek: clamp(44px, 6vh, 62px);
  }

  .envocs-work-stack.is-work-stack-rolodex .envocs-work-stack-pin {
    height: clamp(476px, calc(100svh - 300px), 560px);
  }

  .envocs-work-stack.is-work-stack-rolodex .envocs-work-stack-card-shell {
    width: min(calc(100% - 104px), 1040px);
  }
}

@media (max-width: 767px) {
  .envocs-home-page-main {
    --envocs-home-marquee-peek: 40px;
  }

  .envocs-home-scroll-layer::before {
    height: 88px;
    top: -88px;
  }

  .envocs-home-marquee {
    box-shadow:
      0 -10px 26px rgba(0, 0, 0, 0.14),
      0 14px 38px rgba(0, 0, 0, 0.16);
  }

  .envocs-work-stack .cards.envocs-work-stack-stage {
    display: grid;
    gap: 28px;
  }

  .envocs-work-stack .envocs-work-stack-card-shell {
    transform: none !important;
    width: 100%;
  }
}

.envocs-work-stack .envocs-portfolio-bottom {
  margin-top: clamp(56px, 7vh, 84px) !important;
}

.envocs-home-page-main .envocs-portfolio-bottom,
.envocs-home-page-main .envocs-home-client-bottom,
.envocs-service-clients .envocs-service-clients-bottom {
  box-sizing: border-box;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
}

.envocs-home-page-main .envocs-home-client-bottom {
  margin-bottom: clamp(38px, 5vh, 60px);
  margin-top: clamp(64px, 7vh, 96px) !important;
  isolation: isolate;
  position: relative;
  z-index: 3;
}

.envocs-home-page-main .envocs-home-client-bottom .main-bg {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.045),
      rgba(255, 255, 255, 0.018)
    ),
    rgb(15, 15, 15) !important;
  border: 1px solid rgba(255, 255, 255, 0.075);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.14);
  position: relative;
  z-index: 2;
}

.envocs-home-page-main .envocs-home-client-bottom .main-bg h6 {
  color: rgba(255, 255, 255, 0.68);
  font-weight: 400;
  letter-spacing: 0.01em;
}

.envocs-home-page-main .envocs-home-client-bottom + .envocs-home-clients {
  padding-top: clamp(64px, 7vh, 88px) !important;
}

.envocs-home-page-main .my-skills.envocs-capabilities:after {
  bottom: -68vw;
  left: 15vw;
  width: 70vw;
  height: 70vw;
  background: radial-gradient(
    circle,
    rgba(210, 193, 175, 0.62) 0%,
    rgba(210, 193, 175, 0.16) 34%,
    transparent 68%
  );
  opacity: 0.055;
}

.envocs-home-page-main .envocs-home-cta {
  --envocs-footer-bg: #0f0f0f;
  background:
    linear-gradient(
      180deg,
      rgba(15, 15, 15, 0) 0%,
      rgba(15, 15, 15, 0.36) 48%,
      var(--envocs-footer-bg) 100%
    );
  isolation: isolate;
  position: relative;
}

.envocs-home-page-main .envocs-home-cta::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: clamp(140px, 18vw, 260px);
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(15, 15, 15, 0),
    var(--envocs-footer-bg) 100%
  );
  z-index: 1;
}

.envocs-home-page-main .envocs-home-cta > * {
  position: relative;
  z-index: 2;
}

.envocs-home-page-main .envocs-home-cta .main-marq.lrg.sub-bg {
  position: relative;
  z-index: 3;
}

.envocs-home-page-main .envocs-home-cta .main-marq.bord-item {
  position: relative;
  z-index: 2;
}

.envocs-home-page-main .envocs-portfolio-bottom::after,
.envocs-home-page-main .envocs-home-client-bottom::after,
.envocs-service-clients .envocs-service-clients-bottom::after {
  left: 0;
  right: 0;
  width: 100%;
}

.envocs-bottom-pill-reveal .main-bg {
  will-change: opacity, transform, filter;
}

.envocs-bottom-pill-reveal {
  will-change: opacity, transform, filter;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .envocs-work-stack .envocs-portfolio-bottom {
    margin-top: clamp(64px, 8vh, 92px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .envocs-work-stack .cards.envocs-work-stack-stage {
    display: grid;
    gap: 30px;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible;
    perspective: none;
  }

  .envocs-work-stack .envocs-work-stack-card-shell {
    filter: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    visibility: visible !important;
    will-change: auto;
  }
}

.envocs-capabilities .sec-head {
  align-items: center;
  margin-bottom: 38px !important;
  text-align: center;
}

.envocs-capabilities .envocs-typing-title {
  margin-left: auto !important;
  margin-right: auto !important;
}

.envocs-capabilities-intro {
  margin: 16px auto 0 !important;
  max-width: 640px;
  order: 2;
  text-align: center;
}

.envocs-capability-grid {
  margin-top: 0;
}

.envocs-capability-card {
  transform-origin: center center;
}

.envocs-capability-icon img {
  height: 32px;
  width: 32px;
}

.envocs-clients .sec-head {
  align-items: flex-start;
  margin-bottom: 54px !important;
  text-align: left;
}

.envocs-clients .envocs-typing-title {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.envocs-clients-intro {
  margin: 16px 0 0 !important;
  max-width: 720px;
  order: 2;
  text-align: left;
}

.envocs-client-emphasis {
  color: rgba(210, 193, 175, 0.84);
  font-weight: 500;
}

.envocs-journal {
  padding-top: 82px !important;
}

.envocs-journal-intro {
  color: rgba(255, 255, 255, 0.58);
  font-size: 15px;
  line-height: 1.7;
  margin: 16px 0 0 !important;
  max-width: 680px;
  order: 2;
}

.envocs-journal-card {
  box-shadow: 0 0 0 rgba(210, 193, 175, 0);
  transition: border-color 0.34s ease, box-shadow 0.34s ease, background 0.34s ease;
}

.envocs-journal-card:hover {
  background: rgba(255, 255, 255, 0.032);
  border-color: rgba(210, 193, 175, 0.34) !important;
  box-shadow: 0 0 22px rgba(210, 193, 175, 0.1), 0 16px 44px rgba(0, 0, 0, 0.22);
}

.envocs-journal-card:hover .envocs-read-more {
  border-color: rgba(210, 193, 175, 0.72);
  color: rgba(210, 193, 175, 0.95);
}

@media (max-width: 767px) {
  .work-card .sec-head {
    margin-bottom: 62px !important;
    padding-bottom: 6px;
  }

  .envocs-capabilities .sec-head,
  .envocs-clients .sec-head {
    margin-bottom: 42px !important;
  }
}

/* ENVOCS scoped motion affordances
-----------------------------------------------------------------*/
.envocs-home-header .envocs-hero-reveal,
.envocs-home-header .envocs-contact-reveal {
  will-change: opacity, transform;
}

/* ENVOCS seamless marquee + native scroll refinement
-----------------------------------------------------------------*/
.envocs-marquee,
.call-marq .main-marq {
  overflow: hidden;
}

.envocs-marquee .slide-har,
.call-marq .slide-har {
  display: flex;
  position: relative;
  width: max-content;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-rendering: geometricPrecision;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.envocs-marquee .slide-har.st1,
.call-marq .slide-har.st1 {
  animation: envocsMarqueeLeft 72s linear infinite;
}

.call-marq .slide-har.st2 {
  animation: envocsMarqueeRight 58s linear infinite;
}

.envocs-marquee .slide-har .box,
.call-marq .slide-har .box {
  animation: none !important;
  flex: 0 0 auto;
  min-width: max-content;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.envocs-marquee .box:last-of-type .item:nth-of-type(even) h4,
.call-marq .main-marq .box:last-of-type .item:nth-of-type(even) h4 {
  color: rgba(255, 255, 255, 0.035);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.035);
  -webkit-text-stroke: 0.35px rgba(255, 255, 255, 0.72);
}

.main-marq.envocs-marquee .box .item:nth-of-type(even) h4,
.main-marq.envocs-marquee .box .item:nth-of-type(even) h4 a {
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.4px rgba(255, 255, 255, 0.72);
}

.envocs-marquee .box:last-of-type .item:nth-of-type(odd) h4,
.call-marq .main-marq .box:last-of-type .item:nth-of-type(odd) h4 {
  color: #fff;
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke: 0;
}

.call-marq.section-padding.o-hidden .main-marq .envocs-marq-fill h4,
.call-marq.section-padding.o-hidden .main-marq .envocs-marq-fill h4 a,
.call-marq.section-padding.o-hidden .main-marq .envocs-marq-fill h4 span {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-stroke: 0 !important;
}

.call-marq.section-padding.o-hidden .main-marq .envocs-marq-stroke h4,
.call-marq.section-padding.o-hidden .main-marq .envocs-marq-stroke h4 a,
.call-marq.section-padding.o-hidden .main-marq .envocs-marq-stroke h4 span {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 0.4px rgba(255, 255, 255, 0.72);
}

.call-marq .main-marq .overlay-link {
  inset: 0;
  z-index: 3;
}

@keyframes envocsMarqueeLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes envocsMarqueeRight {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .envocs-marquee .slide-har,
  .call-marq .slide-har {
    animation: none !important;
    transform: none !important;
  }
}

.envocs-services .envocs-service-deck {
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}

.envocs-services
  .envocs-service-deck.is-entrance-pending
  .envocs-service-card-shell {
  pointer-events: none !important;
}

.envocs-services
  .envocs-service-deck.is-entrance-pending
  .envocs-service-card-shell:not(.is-entrance-revealing) {
  opacity: 0 !important;
  visibility: hidden !important;
}

.envocs-services
  .envocs-service-deck.is-entrance-pending
  .envocs-service-card-shell.is-active.is-entrance-revealing {
  z-index: 40 !important;
}

.envocs-services
  .envocs-service-deck.is-entrance-pending
  .envocs-service-card-shell.is-prev.is-entrance-revealing,
.envocs-services
  .envocs-service-deck.is-entrance-pending
  .envocs-service-card-shell.is-next.is-entrance-revealing {
  z-index: 12 !important;
}

.envocs-services .envocs-service-deck.is-dragging {
  cursor: grabbing;
}

.envocs-services .envocs-service-deck.is-dragging .envocs-service-card-shell {
  cursor: grabbing;
}

.envocs-services .envocs-service-card-shell {
  cursor: pointer;
}

.envocs-services .envocs-service-card-shell.is-hidden {
  cursor: default;
}

/* ENVOCS Services clean 3-card carousel visual states
-----------------------------------------------------------------*/
.envocs-services .envocs-service-deck {
  align-items: stretch;
  min-height: 430px;
  overflow: hidden;
  padding: 18px 0 54px;
  position: relative;
}

.envocs-services .envocs-service-card-shell,
.envocs-services .envocs-service-card-shell + .envocs-service-card-shell,
.envocs-services .envocs-service-card-shell:nth-child(n + 6),
.envocs-services .envocs-service-card-shell:nth-child(n + 8) {
  flex: none;
  left: 50%;
  margin-left: 0 !important;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 18px;
  transform: translate3d(-50%, 0, 0);
  transition: left 0.42s ease, opacity 0.32s ease, transform 0.42s ease, visibility 0s linear 0.32s, width 0.42s ease;
  visibility: hidden;
  width: clamp(300px, 30vw, 430px);
  z-index: 1 !important;
}

.envocs-services .envocs-service-card-shell.is-prev,
.envocs-services .envocs-service-card-shell.is-active,
.envocs-services .envocs-service-card-shell.is-next {
  pointer-events: auto;
  visibility: visible;
  transition-delay: 0s;
}

.envocs-services .envocs-service-card-shell.is-prev {
  left: 20%;
  opacity: 0.74;
  z-index: 10 !important;
}

.envocs-services .envocs-service-card-shell.is-active {
  left: 50%;
  opacity: 1;
  width: clamp(360px, 40vw, 560px);
  z-index: 30 !important;
}

.envocs-services .envocs-service-card-shell.is-next {
  left: 80%;
  opacity: 0.74;
  z-index: 10 !important;
}

.envocs-services .envocs-service-card-shell.is-hidden {
  left: 50%;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  z-index: 0 !important;
}

.services-clas.envocs-services .item.envocs-service-card,
.envocs-services .envocs-service-card-shell .envocs-service-card {
  filter: brightness(0.9);
  min-height: 330px;
  transform: none;
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease, transform 0.3s ease;
  width: 100%;
}

.services-clas.envocs-services .item.envocs-service-card.is-prev,
.services-clas.envocs-services .item.envocs-service-card.is-next {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.016));
  border-color: rgba(255, 255, 255, 0.075);
  box-shadow: none;
  filter: brightness(0.88);
}

.services-clas.envocs-services .item.envocs-service-card.is-active {
  background: linear-gradient(180deg, rgba(210, 193, 175, 0.1), rgba(255, 255, 255, 0.022));
  border-color: rgba(210, 193, 175, 0.3);
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.26), 0 0 20px rgba(210, 193, 175, 0.08);
  filter: brightness(1);
  transform: none;
}

.services-clas.envocs-services .item.envocs-service-card.is-hidden {
  opacity: 0;
  visibility: hidden;
}

.services-clas.envocs-services .item.envocs-service-card.is-active:hover {
  background: linear-gradient(180deg, rgba(210, 193, 175, 0.11), rgba(255, 255, 255, 0.024));
  border-color: rgba(210, 193, 175, 0.45);
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.26), 0 0 24px rgba(210, 193, 175, 0.1);
  transform: none;
}

.services-clas.envocs-services .item.envocs-service-card.is-prev:hover,
.services-clas.envocs-services .item.envocs-service-card.is-next:hover {
  background: linear-gradient(180deg, rgba(210, 193, 175, 0.065), rgba(255, 255, 255, 0.018));
  border-color: rgba(210, 193, 175, 0.32);
  filter: brightness(0.96);
  transform: translateY(-6px);
}

@media (max-width: 1199px) {
  .envocs-services .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell + .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell:nth-child(n + 6),
  .envocs-services .envocs-service-card-shell:nth-child(n + 8) {
    width: clamp(285px, 29vw, 370px);
  }

  .envocs-services .envocs-service-card-shell.is-active {
    width: clamp(340px, 42vw, 500px);
  }

  .envocs-services .envocs-service-card-shell.is-prev {
    left: 18%;
  }

  .envocs-services .envocs-service-card-shell.is-next {
    left: 82%;
  }
}

@media (max-width: 991px) {
  .envocs-services .envocs-service-deck {
    min-height: 405px;
  }

  .envocs-services .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell + .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell:nth-child(n + 6),
  .envocs-services .envocs-service-card-shell:nth-child(n + 8) {
    width: 30vw;
  }

  .envocs-services .envocs-service-card-shell.is-active {
    width: 56vw;
  }

  .envocs-services .envocs-service-card-shell.is-prev {
    left: 16%;
    opacity: 0.62;
  }

  .envocs-services .envocs-service-card-shell.is-next {
    left: 84%;
    opacity: 0.62;
  }
}

@media (max-width: 767px) {
  .envocs-services .envocs-service-deck {
    min-height: 420px;
    padding-left: 0;
    padding-right: 0;
  }

  .envocs-services .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell + .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell:nth-child(n + 6),
  .envocs-services .envocs-service-card-shell:nth-child(n + 8),
  .envocs-services .envocs-service-card-shell.is-active {
    left: 50%;
    width: min(88vw, 430px);
  }

  .envocs-services .envocs-service-card-shell.is-prev,
  .envocs-services .envocs-service-card-shell.is-next {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }

  .services-clas.envocs-services .item.envocs-service-card,
  .envocs-services .envocs-service-card-shell .envocs-service-card {
    min-height: 350px;
  }
}

.envocs-capabilities .sec-head {
  margin-bottom: 54px !important;
}

.envocs-services .envocs-typing-title,
.work-card .envocs-typing-title,
.envocs-capabilities .envocs-typing-title,
.envocs-clients .envocs-typing-title,
.envocs-journal .envocs-typing-title {
  margin: 0;
}

.envocs-service-deck {
  padding-right: clamp(100px, 10vw, 180px);
}

.envocs-service-card-shell:nth-child(n + 6) {
  margin-left: clamp(-360px, -23vw, -210px);
}

.envocs-service-card-shell:nth-child(n + 8) {
  margin-left: clamp(-420px, -27vw, -245px);
}

.envocs-service-card-shell:nth-child(7) {
  z-index: 4;
}

.envocs-service-card-shell:nth-child(8) {
  z-index: 3;
}

.envocs-service-card-shell:nth-child(9) {
  z-index: 2;
}

.envocs-service-card-shell:nth-child(10) {
  z-index: 1;
}

.envocs-service-card-shell.is-active {
  z-index: 30;
}

.my-skills.envocs-capabilities {
  padding-bottom: 70px;
}

.envocs-capability-grid {
  position: relative;
  z-index: 2;
}

.envocs-clients .swiper5 {
  overflow: hidden;
  padding: 6px 0;
}

.envocs-clients .swiper-wrapper {
  align-items: center;
  transition-timing-function: linear !important;
}

.envocs-clients.in-circle .item {
  height: 132px;
  line-height: 132px;
  width: 132px;
}

.envocs-clients .img img {
  max-height: 74px;
}

.envocs-clients .sec-bottom {
  margin-top: 64px !important;
}

.envocs-clients .sec-bottom .main-bg {
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
}

.envocs-clients .sec-bottom .main-bg h6 {
  color: rgba(255, 255, 255, 0.68);
}

@media (max-width: 991px) {
  .envocs-service-card-shell:nth-child(n + 6),
  .envocs-service-card-shell:nth-child(n + 8) {
    margin-left: -20vw;
  }

  .my-skills.envocs-capabilities {
    padding-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .navbar {
    min-height: 62px;
  }

  .navbar .container {
    min-height: 62px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .navbar .logo,
  .navbar .logo img {
    width: 37px;
    min-width: 37px;
    max-height: 37px;
  }

  .about-author .envocs-about-lead {
    font-size: 21px;
  }

  .envocs-service-card-shell:nth-child(n + 6),
  .envocs-service-card-shell:nth-child(n + 8) {
    margin-left: -12vw;
  }

  .envocs-clients.in-circle .item {
    height: 116px;
    line-height: 116px;
    width: 116px;
  }
}

/* ENVOCS Services deck consistency fix
-----------------------------------------------------------------*/
.envocs-services .envocs-typing-title {
  display: block;
  min-height: calc(clamp(31px, 3.2vw, 42px) * 1.14);
  padding-right: 18px;
  position: relative;
  width: max-content;
}

.envocs-services .envocs-typing-title:before {
  content: attr(data-title);
  display: block;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  pointer-events: none;
  visibility: hidden;
  white-space: nowrap;
}

.envocs-services .envocs-typing-title > span {
  left: 0;
  max-width: none;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.envocs-services .envocs-typing-title:after {
  left: calc(100% + 4px);
  line-height: inherit;
  margin-left: 0;
  position: absolute;
  top: 0;
}

.envocs-services .envocs-typing-title.is-done > span {
  width: 100%;
}

.envocs-services .envocs-service-deck {
  align-items: stretch;
  overflow-x: hidden;
  padding: 18px clamp(90px, 10vw, 170px) 54px clamp(120px, 12vw, 210px);
}

.envocs-services .envocs-service-card-shell,
.envocs-services .envocs-service-card-shell + .envocs-service-card-shell,
.envocs-services .envocs-service-card-shell:nth-child(n + 6),
.envocs-services .envocs-service-card-shell:nth-child(n + 8) {
  flex: 0 0 clamp(330px, 42vw, 560px);
  margin-left: clamp(-190px, -14vw, -80px) !important;
  opacity: var(--envocs-service-opacity, 1);
  position: relative;
  transition: opacity 0.3s ease, filter 0.3s ease;
}

.envocs-services .envocs-service-card-shell.is-active {
  margin-left: 0 !important;
  opacity: 1;
  z-index: 30 !important;
}

.envocs-services .envocs-service-card-shell:not(.is-active) .envocs-service-card {
  transform: none;
}

.envocs-services .envocs-service-card-shell.is-active .envocs-service-card {
  transform: translateY(-8px);
}

.envocs-services .envocs-service-card-shell:not(.is-active):hover .envocs-service-card {
  transform: translateY(-4px);
}

@media (max-width: 991px) {
  .envocs-services .envocs-service-deck {
    padding-left: clamp(34px, 8vw, 76px);
    padding-right: 70px;
  }

  .envocs-services .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell + .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell:nth-child(n + 6),
  .envocs-services .envocs-service-card-shell:nth-child(n + 8) {
    flex-basis: 78vw;
    margin-left: -18vw !important;
  }

  .envocs-services .envocs-service-card-shell.is-active {
    margin-left: 0 !important;
  }
}

/* ENVOCS Services circular carousel positioning
-----------------------------------------------------------------*/
.envocs-services .envocs-service-deck {
  min-height: 430px;
  overflow: hidden;
  padding: 18px 0 54px;
  position: relative;
}

.envocs-services .envocs-service-card-shell,
.envocs-services .envocs-service-card-shell + .envocs-service-card-shell,
.envocs-services .envocs-service-card-shell:nth-child(n + 6),
.envocs-services .envocs-service-card-shell:nth-child(n + 8) {
  --envocs-service-step: clamp(112px, 10vw, 168px);
  flex: none;
  left: calc(48% + (var(--envocs-service-diff) * var(--envocs-service-step)));
  margin-left: 0 !important;
  opacity: var(--envocs-service-opacity, 1);
  pointer-events: auto;
  position: absolute;
  top: calc(18px + (var(--envocs-service-depth) * 7px));
  transition: left 0.45s ease, opacity 0.32s ease, top 0.45s ease, filter 0.32s ease;
  width: clamp(330px, 42vw, 560px);
}

.envocs-services .envocs-service-card-shell.is-hidden-tail {
  pointer-events: none;
}

.envocs-services .envocs-service-card-shell .envocs-service-card {
  filter: brightness(var(--envocs-service-brightness, 1));
  transform: translateX(-50%) scale(var(--envocs-service-scale, 1));
  transform-origin: center center;
  transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, filter 0.32s ease, transform 0.35s ease;
  width: 100%;
}

.envocs-services .envocs-service-card-shell.is-active .envocs-service-card {
  filter: brightness(1);
  transform: translateX(-50%) translateY(-8px) scale(1);
}

.envocs-services .envocs-service-card-shell:not(.is-active):hover .envocs-service-card {
  transform: translateX(-50%) translateY(-4px) scale(var(--envocs-service-scale, 1));
}

.envocs-services .envocs-service-card-shell:not(.is-active) .envocs-service-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.012));
  border-color: rgba(255, 255, 255, 0.055);
  box-shadow: none;
}

.services-clas.envocs-services .item .envocs-service-link {
  align-items: center;
  background: transparent;
  border: 0;
  bottom: 33px;
  color: rgba(255, 255, 255, 0.32);
  display: inline-flex;
  font-family: var(--envocs-font-mono);
  font-size: 10px;
  height: auto;
  justify-content: center;
  letter-spacing: 0.08em;
  line-height: 1.2;
  pointer-events: none;
  position: absolute;
  right: 30px;
  text-transform: uppercase;
  width: auto;
}

.services-clas.envocs-services .item .envocs-service-link:hover {
  background: transparent;
  border-color: transparent;
  color: rgba(255, 255, 255, 0.32);
}

.envocs-service-layer-index {
  color: rgba(210, 193, 175, 0.42);
  font-size: 11px;
}

@media (max-width: 991px) {
  .envocs-services .envocs-service-deck {
    min-height: 410px;
    padding-left: 0;
    padding-right: 0;
  }

  .envocs-services .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell + .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell:nth-child(n + 6),
  .envocs-services .envocs-service-card-shell:nth-child(n + 8) {
    --envocs-service-step: clamp(72px, 13vw, 118px);
    left: calc(50% + (var(--envocs-service-diff) * var(--envocs-service-step)));
    width: 78vw;
  }
}

@media (max-width: 767px) {
  .envocs-services .envocs-service-deck {
    min-height: 410px;
  }

  .envocs-services .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell + .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell:nth-child(n + 6),
  .envocs-services .envocs-service-card-shell:nth-child(n + 8) {
    --envocs-service-step: 54px;
    left: calc(50% + (var(--envocs-service-diff) * var(--envocs-service-step)));
    width: 86vw;
  }
}

/* ENVOCS Services strict 3-card carousel
-----------------------------------------------------------------*/
.envocs-services .envocs-service-deck {
  min-height: 420px;
  overflow: hidden;
  padding: 18px 0 54px;
  position: relative;
}

.envocs-services .envocs-service-card-shell,
.envocs-services .envocs-service-card-shell + .envocs-service-card-shell,
.envocs-services .envocs-service-card-shell:nth-child(n + 6),
.envocs-services .envocs-service-card-shell:nth-child(n + 8) {
  left: 50%;
  margin-left: 0 !important;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 18px;
  transition: left 0.42s ease, opacity 0.28s ease, filter 0.28s ease;
  width: clamp(330px, 38vw, 520px);
}

.envocs-services .envocs-service-card-shell.is-active,
.envocs-services .envocs-service-card-shell.is-prev,
.envocs-services .envocs-service-card-shell.is-next {
  pointer-events: auto;
}

.envocs-services .envocs-service-card-shell.is-prev {
  left: 25%;
  opacity: 0.56;
}

.envocs-services .envocs-service-card-shell.is-active {
  left: 50%;
  opacity: 1;
  z-index: 30 !important;
}

.envocs-services .envocs-service-card-shell.is-next {
  left: 75%;
  opacity: 0.56;
}

.envocs-services .envocs-service-card-shell.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.envocs-services .envocs-service-card-shell .envocs-service-card {
  filter: brightness(0.72);
  transform: translateX(-50%);
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease, transform 0.3s ease;
  width: 100%;
}

.envocs-services .envocs-service-card-shell.is-active .envocs-service-card {
  background: linear-gradient(180deg, rgba(210, 193, 175, 0.1), rgba(255, 255, 255, 0.02));
  border-color: rgba(210, 193, 175, 0.28);
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.24), 0 0 18px rgba(210, 193, 175, 0.08);
  filter: brightness(1);
  transform: translateX(-50%);
}

.envocs-services .envocs-service-card-shell.is-active:hover .envocs-service-card {
  border-color: rgba(210, 193, 175, 0.42);
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.24), 0 0 22px rgba(210, 193, 175, 0.1);
  transform: translateX(-50%);
}

.envocs-services .envocs-service-card-shell.is-prev .envocs-service-card,
.envocs-services .envocs-service-card-shell.is-next .envocs-service-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.012));
  border-color: rgba(255, 255, 255, 0.055);
  box-shadow: none;
}

.envocs-services .envocs-service-card-shell.is-prev:hover .envocs-service-card,
.envocs-services .envocs-service-card-shell.is-next:hover .envocs-service-card {
  border-color: rgba(210, 193, 175, 0.3);
  filter: brightness(0.82);
  transform: translateX(-50%) translateY(-4px);
}

@media (max-width: 991px) {
  .envocs-services .envocs-service-deck {
    min-height: 400px;
  }

  .envocs-services .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell + .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell:nth-child(n + 6),
  .envocs-services .envocs-service-card-shell:nth-child(n + 8) {
    width: 64vw;
  }

  .envocs-services .envocs-service-card-shell.is-prev {
    left: 22%;
  }

  .envocs-services .envocs-service-card-shell.is-next {
    left: 78%;
  }
}

@media (max-width: 767px) {
  .envocs-services .envocs-service-deck {
    min-height: 405px;
  }

  .envocs-services .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell + .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell:nth-child(n + 6),
  .envocs-services .envocs-service-card-shell:nth-child(n + 8) {
    width: 88vw;
  }

  .envocs-services .envocs-service-card-shell.is-prev,
  .envocs-services .envocs-service-card-shell.is-next {
    opacity: 0;
    pointer-events: none;
  }

  .envocs-services .envocs-service-card-shell.is-prev {
    left: -20%;
  }

  .envocs-services .envocs-service-card-shell.is-next {
    left: 120%;
  }
}

@media (max-width: 767px) {
  .envocs-services .envocs-typing-title {
    min-height: calc(clamp(31px, 3.2vw, 42px) * 1.18);
  }

  .envocs-services .envocs-service-deck {
    padding-left: 0;
    padding-right: 54px;
  }

  .envocs-services .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell + .envocs-service-card-shell,
  .envocs-services .envocs-service-card-shell:nth-child(n + 6),
  .envocs-services .envocs-service-card-shell:nth-child(n + 8) {
    flex-basis: 86vw;
    margin-left: -12vw !important;
  }

  .envocs-services .envocs-service-card-shell.is-active {
    margin-left: 0 !important;
  }
}

/* ENVOCS typing cursor final behavior
-----------------------------------------------------------------*/
.envocs-services .envocs-typing-title,
.work-card .envocs-typing-title,
.envocs-capabilities .envocs-typing-title,
.envocs-clients .envocs-typing-title,
.envocs-journal .envocs-typing-title {
  display: block;
  line-height: 1.12;
  margin: 0;
  min-height: calc(1em * 1.14);
  padding-right: 0;
  position: relative;
  width: max-content;
}

.envocs-services .envocs-typing-title:before,
.work-card .envocs-typing-title:before,
.envocs-capabilities .envocs-typing-title:before,
.envocs-clients .envocs-typing-title:before,
.envocs-journal .envocs-typing-title:before {
  content: attr(data-title);
  display: block;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  pointer-events: none;
  visibility: hidden;
  white-space: nowrap;
}

.envocs-services .envocs-typing-title:after,
.work-card .envocs-typing-title:after,
.envocs-capabilities .envocs-typing-title:after,
.envocs-clients .envocs-typing-title:after,
.envocs-journal .envocs-typing-title:after {
  content: none !important;
  display: none !important;
}

.envocs-services .envocs-typing-title > .envocs-typing-title-content,
.work-card .envocs-typing-title > .envocs-typing-title-content,
.envocs-capabilities .envocs-typing-title > .envocs-typing-title-content,
.envocs-clients .envocs-typing-title > .envocs-typing-title-content,
.envocs-journal .envocs-typing-title > .envocs-typing-title-content {
  animation: none !important;
  display: inline-block;
  left: 0;
  max-width: none;
  overflow: visible;
  position: absolute;
  top: 0;
  vertical-align: baseline;
  white-space: nowrap;
  width: auto !important;
}

.envocs-services .envocs-typing-title.is-done > .envocs-typing-title-content,
.work-card .envocs-typing-title.is-done > .envocs-typing-title-content,
.envocs-capabilities .envocs-typing-title.is-done > .envocs-typing-title-content,
.envocs-clients .envocs-typing-title.is-done > .envocs-typing-title-content,
.envocs-journal .envocs-typing-title.is-done > .envocs-typing-title-content {
  width: auto !important;
}

.envocs-typing-cursor {
  animation: envocsCursorBlink var(--envocs-cursor-blink-duration, 0.72s) step-end infinite;
  color: rgba(210, 193, 175, 0.78);
  display: inline-block;
  font-family: var(--envocs-font-mono);
  line-height: 1;
  margin-left: 2px;
  vertical-align: baseline;
}

.envocs-services .sec-head,
.work-card .sec-head,
.envocs-journal .sec-head {
  margin-bottom: 58px !important;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .envocs-work-stack .sec-head.envocs-work-stack-heading {
    margin-bottom: clamp(24px, 3.2vh, 32px) !important;
  }
}

.envocs-capabilities-intro,
.envocs-clients-intro {
  margin-top: 14px !important;
}

.clients-carso.envocs-clients {
  padding-bottom: 72px !important;
  padding-top: 76px !important;
}

.envocs-clients .sec-bottom {
  margin-top: clamp(92px, 6vw, 108px) !important;
}

.envocs-clients .sec-bottom .main-bg {
  padding: 12px 34px;
}

.envocs-home-clients {
  overflow: hidden;
}

.envocs-home-clients .envocs-home-client-marquee {
  --envocs-home-logo-gap: clamp(10px, 1vw, 16px);
  overflow-x: hidden;
  overflow-y: visible;
  padding-bottom: 18px;
  padding-top: 18px;
  width: 100%;
  user-select: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
}

.envocs-home-clients .envocs-home-client-track {
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  animation: envocsHomeClientRail 46s linear infinite;
}

.envocs-home-clients .envocs-home-client-logo-set {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: var(--envocs-home-logo-gap);
  padding-right: var(--envocs-home-logo-gap);
}

.envocs-home-clients.in-circle .item.envocs-home-client-logo-card {
  flex: 0 0 auto;
  width: clamp(112px, 7.2vw, 132px);
  height: clamp(112px, 7.2vw, 132px);
  line-height: clamp(112px, 7.2vw, 132px);
  border-radius: 16px;
}

.envocs-home-clients .envocs-home-client-logo-card .img.icon-img-100 {
  width: 74px;
  height: 74px;
  margin: auto;
}

.envocs-home-clients .envocs-home-client-logo-card .img img {
  max-width: 74px;
  max-height: 66px;
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
}

@keyframes envocsHomeClientRail {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.envocs-journal {
  padding-top: 50px !important;
}

@media (max-width: 767px) {
  .clients-carso.envocs-clients {
    padding-bottom: 64px !important;
    padding-top: 68px !important;
  }

  .envocs-clients .sec-bottom {
    margin-top: 78px !important;
  }

  .envocs-home-clients.in-circle .item.envocs-home-client-logo-card {
    width: 106px;
    height: 106px;
    line-height: 106px;
  }

  .envocs-home-clients .envocs-home-client-logo-card .img.icon-img-100 {
    width: 68px;
    height: 68px;
  }

  .envocs-home-clients .envocs-home-client-logo-card .img img {
    max-width: 68px;
    max-height: 60px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .envocs-home-clients .envocs-home-client-track {
    animation: none !important;
    transform: translate3d(0, 0, 0);
  }
}

/* ENVOCS final homepage interaction refinements
-----------------------------------------------------------------*/
.services-clas.envocs-services .item.envocs-service-card {
  isolation: isolate;
  overflow: hidden;
}

.envocs-service-visual {
  color: rgba(210, 193, 175, 0.78);
  fill: none;
  height: 140px;
  opacity: 0.07;
  pointer-events: none;
  position: absolute;
  right: 20px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.4;
  top: 20px;
  transform: rotate(-2deg);
  width: 180px;
  z-index: 0;
}

.envocs-service-icon,
.envocs-service-content,
.envocs-service-link,
.envocs-service-layer-index {
  position: relative;
  z-index: 1;
}

.envocs-service-visual.is-events,
.envocs-service-visual.is-ai,
.envocs-service-visual.is-web3 {
  opacity: 0.085;
}

.envocs-service-visual.is-brand,
.envocs-service-visual.is-website,
.envocs-service-visual.is-direction {
  right: 14px;
  top: 16px;
}

.envocs-services .envocs-service-nav {
  display: none !important;
}

.envocs-services .envocs-service-controls {
  justify-content: flex-start;
}

.envocs-services .envocs-service-card-shell.is-prev,
.envocs-services .envocs-service-card-shell.is-next {
  cursor: pointer;
}

.envocs-services .envocs-service-card-shell.is-active {
  cursor: grab;
}

.envocs-services .envocs-service-deck.is-dragging .envocs-service-card-shell.is-active {
  cursor: grabbing;
}

.work-card .sec-head {
  will-change: transform;
  z-index: 12;
}

@media (max-width: 767px) {
  .envocs-service-visual {
    height: 118px;
    opacity: 0.055;
    right: -4px;
    top: 14px;
    width: 152px;
  }
}

/* ENVOCS liquid glass nav final override
-----------------------------------------------------------------*/
.navbar.envocs-floating-nav.nav-scroll {
  top: 18px;
  width: min(1180px, calc(100% - 44px));
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-inner {
  grid-template-columns: minmax(70px, 1fr) auto minmax(108px, 1fr);
  min-height: 70px;
  gap: clamp(12px, 1.45vw, 22px);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
  width: 70px;
  min-width: 70px;
  height: 70px;
  padding: 16px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu {
  min-height: 58px;
  padding: 7px 16px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
  min-width: 106px;
  min-height: 56px;
  padding: 0 22px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass {
  border-color: rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.2), transparent 29%),
    radial-gradient(circle at 86% 110%, rgba(210, 193, 175, 0.13), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.038) 48%, rgba(255, 255, 255, 0.075)),
    rgba(8, 8, 8, 0.58);
  -webkit-backdrop-filter: blur(22px) saturate(150%) contrast(1.04);
  backdrop-filter: blur(22px) saturate(150%) contrast(1.04);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.24) inset,
    0 -1px 0 rgba(255, 255, 255, 0.07) inset,
    0 0 0 1px rgba(255, 255, 255, 0.035) inset,
    0 18px 46px rgba(0, 0, 0, 0.38),
    0 8px 18px rgba(210, 193, 175, 0.035);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:before {
  z-index: 0;
  background:
    linear-gradient(118deg, transparent 8%, rgba(255, 255, 255, 0.18) 32%, transparent 58%),
    radial-gradient(circle at 50% -24%, rgba(255, 255, 255, 0.18), transparent 38%);
  mix-blend-mode: screen;
  opacity: 0.46;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:after {
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent 24%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.12), transparent 18%, transparent 82%, rgba(255, 255, 255, 0.09));
  opacity: 0.36;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link {
  position: relative;
  min-height: 42px;
  padding: 0 16px;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:before {
  inset: 3px;
  z-index: 0;
  background:
    radial-gradient(circle at 24% 0%, rgba(255, 255, 255, 0.24), transparent 43%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.035)),
    rgba(210, 193, 175, 0.06);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.16) inset,
    0 -1px 0 rgba(255, 255, 255, 0.045) inset,
    0 9px 24px rgba(0, 0, 0, 0.16);
}

.envocs-services-modern .container-fluid.rest {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: clamp(14px, 2.5vw, 42px);
  padding-right: clamp(14px, 2.5vw, 42px);
}

.envocs-services-modern .serv-boxs.envocs-service-boxes {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: clamp(8px, 0.85vw, 14px);
  padding: 0;
}

.envocs-services-modern .item.envocs-service-item {
  flex: 0 0 clamp(68px, 5vw, 82px);
  min-width: 0;
  height: 358px;
  padding: 0 !important;
}

.envocs-services-modern .item.envocs-service-active,
.envocs-services-modern .item.envocs-service-item.active {
  flex: 1 1 clamp(780px, 58vw, 900px);
  min-width: min(780px, calc(100% - 430px));
  max-width: 900px;
  height: 358px;
  padding: 0 !important;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-body {
  grid-template-rows: 76px 1fr 74px;
  justify-items: center;
  align-items: stretch;
  padding: 24px 10px 22px;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-icon {
  place-self: start center;
  margin: 0;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-footer {
  width: 100%;
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: end;
  align-self: end;
  gap: 12px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: 56px;
    min-width: 56px;
    height: 56px;
    padding: 12px;
  }

  .envocs-mobile-bottom-nav {
    gap: 4px;
    border-color: rgba(255, 255, 255, 0.14);
    background:
      radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.2), transparent 31%),
      radial-gradient(circle at 84% 120%, rgba(210, 193, 175, 0.14), transparent 38%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.038)),
      rgba(8, 8, 8, 0.68);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
    backdrop-filter: blur(22px) saturate(150%);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.22) inset,
      0 -1px 0 rgba(255, 255, 255, 0.06) inset,
      0 20px 48px rgba(0, 0, 0, 0.48),
      0 8px 18px rgba(210, 193, 175, 0.04);
  }

  .envocs-mobile-nav-link:before {
    background:
      radial-gradient(circle at 28% 0%, rgba(255, 255, 255, 0.22), transparent 44%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03)),
      rgba(210, 193, 175, 0.06);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.13) inset,
      0 8px 20px rgba(0, 0, 0, 0.18);
  }

  .envocs-services-modern .container-fluid.rest {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .envocs-services-modern .serv-boxs.envocs-service-boxes {
    flex-direction: column;
    gap: 12px;
  }

  .envocs-services-modern .item.envocs-service-item,
  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    width: 100% !important;
    max-width: none;
    flex: none;
    min-width: 0;
    height: auto;
  }

  .envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-body {
    min-height: 104px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: 1fr;
    align-items: center;
    justify-items: stretch;
    gap: 14px;
    padding: 20px;
  }

  .envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-icon {
    place-self: center;
  }

  .envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-footer {
    display: grid !important;
    grid-template-columns: auto auto;
    align-items: center !important;
    justify-content: end;
    gap: 12px;
  }
}

/* ENVOCS liquid glass reference-informed override
-----------------------------------------------------------------*/
.envocs-glass-filter-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass {
  border-color: rgba(255, 255, 255, 0.16);
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.26), transparent 28%),
    radial-gradient(circle at 84% 118%, rgba(210, 193, 175, 0.16), transparent 36%),
    linear-gradient(132deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.045) 46%, rgba(255, 255, 255, 0.1)),
    rgba(7, 7, 7, 0.56);
  -webkit-backdrop-filter: blur(24px) saturate(160%) contrast(1.05);
  backdrop-filter: blur(24px) saturate(160%) contrast(1.05);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 -1px 0 rgba(255, 255, 255, 0.07) inset,
    1px 0 0 rgba(255, 255, 255, 0.08) inset,
    -1px 0 0 rgba(255, 255, 255, 0.04) inset,
    0 18px 48px rgba(0, 0, 0, 0.4),
    0 9px 24px rgba(210, 193, 175, 0.04);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:before {
  background:
    radial-gradient(circle at 22% 0%, rgba(255, 255, 255, 0.26), transparent 36%),
    linear-gradient(118deg, transparent 4%, rgba(255, 255, 255, 0.2) 32%, rgba(255, 255, 255, 0.045) 48%, transparent 68%);
  filter: url("#envocsLiquidGlassPill");
  opacity: 0.5;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:after {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.3), transparent 22%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.16), transparent 18%, transparent 82%, rgba(255, 255, 255, 0.1)),
    radial-gradient(circle at 78% 92%, rgba(210, 193, 175, 0.12), transparent 30%);
  opacity: 0.42;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:hover,
.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:focus-visible {
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.32) inset,
    0 -1px 0 rgba(255, 255, 255, 0.08) inset,
    1px 0 0 rgba(255, 255, 255, 0.1) inset,
    -1px 0 0 rgba(255, 255, 255, 0.05) inset,
    0 22px 56px rgba(0, 0, 0, 0.44),
    0 10px 28px rgba(210, 193, 175, 0.06);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
  width: 64px;
  min-width: 64px;
  height: 64px;
  padding: 15px;
  border-radius: 20px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:before {
  filter: url("#envocsLiquidGlassTile");
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:after {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.3), transparent 34%),
    radial-gradient(circle at 90% 90%, rgba(210, 193, 175, 0.15), transparent 34%);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  max-height: 32px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu {
  min-height: 56px;
  padding: 7px 15px;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:before {
  filter: url("#envocsLiquidGlassPill");
  background:
    radial-gradient(circle at 26% 0%, rgba(255, 255, 255, 0.28), transparent 42%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.038)),
    rgba(210, 193, 175, 0.065);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover:before,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible:before,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link.is-active:before {
  transform: translateY(0) scaleX(1.03) scaleY(1);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
  min-width: 132px;
  min-height: 52px;
  gap: 8px;
  padding: 0 18px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:before {
  filter: url("#envocsLiquidGlassPill");
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass span,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .text {
  white-space: nowrap;
}

.envocs-token-label {
  font-size: 10px;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: 54px;
    min-width: 54px;
    height: 54px;
    padding: 12px;
    border-radius: 18px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 28px;
    min-width: 28px;
    max-width: 28px;
    max-height: 28px;
  }

  .envocs-mobile-bottom-nav,
  .envocs-mobile-nav-link:before {
    filter: none;
  }
}

/* ENVOCS clearer liquid glass override
-----------------------------------------------------------------*/
.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass {
  border-color: rgba(255, 255, 255, 0.18);
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.16), transparent 30%),
    radial-gradient(circle at 82% 115%, rgba(210, 193, 175, 0.075), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.012) 48%, rgba(255, 255, 255, 0.04)),
    rgba(255, 255, 255, 0.018);
  -webkit-backdrop-filter: blur(16px) saturate(150%) contrast(1.08);
  backdrop-filter: blur(16px) saturate(150%) contrast(1.08);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.34) inset,
    0 -1px 0 rgba(255, 255, 255, 0.08) inset,
    1px 0 0 rgba(255, 255, 255, 0.13) inset,
    -1px 0 0 rgba(255, 255, 255, 0.045) inset,
    0 16px 34px rgba(0, 0, 0, 0.24);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:before {
  inset: 0;
  background:
    radial-gradient(circle at 22% -10%, rgba(255, 255, 255, 0.36), transparent 28%),
    linear-gradient(115deg, transparent 7%, rgba(255, 255, 255, 0.18) 28%, transparent 45%, rgba(255, 255, 255, 0.07) 70%, transparent 88%);
  filter: url("#envocsLiquidGlassPill");
  opacity: 0.58;
  transform: translate3d(-18%, 0, 0) scale(1.02);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:after {
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.38), transparent 18%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.22), transparent 16%, transparent 84%, rgba(255, 255, 255, 0.13)),
    radial-gradient(circle at 50% 115%, rgba(210, 193, 175, 0.1), transparent 32%);
  opacity: 0.5;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08) inset,
    0 0 18px rgba(255, 255, 255, 0.035) inset;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:hover,
.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:focus-visible {
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.19), transparent 32%),
    radial-gradient(circle at 82% 115%, rgba(210, 193, 175, 0.095), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.016) 48%, rgba(255, 255, 255, 0.05)),
    rgba(255, 255, 255, 0.026);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.38) inset,
    0 -1px 0 rgba(255, 255, 255, 0.1) inset,
    1px 0 0 rgba(255, 255, 255, 0.16) inset,
    -1px 0 0 rgba(255, 255, 255, 0.06) inset,
    0 18px 38px rgba(0, 0, 0, 0.27);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:hover:before,
.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:focus-visible:before {
  opacity: 0.72;
  transform: translate3d(12%, 0, 0) scale(1.05);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
  width: auto;
  min-width: 62px;
  height: auto;
  min-height: 76px;
  padding: 22px 15px;
  border-radius: 50px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:before {
  filter: url("#envocsLiquidGlassPill");
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  max-height: 32px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.13), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.012) 50%, rgba(255, 255, 255, 0.035)),
    rgba(255, 255, 255, 0.014);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:before {
  background:
    radial-gradient(circle at 25% -12%, rgba(255, 255, 255, 0.32), transparent 42%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.024)),
    rgba(255, 255, 255, 0.026);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.22) inset,
    0 -1px 0 rgba(255, 255, 255, 0.055) inset,
    0 7px 18px rgba(0, 0, 0, 0.09);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover:before,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible:before,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link.is-active:before {
  opacity: 0.95;
  transform: translateY(0) scaleX(1.04) scaleY(1.02);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
  min-width: 104px;
  min-height: 52px;
  gap: 0;
  padding: 0 20px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass span,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .text {
  line-height: 1;
  text-align: center;
}

.envocs-token-label {
  font-size: 11px;
  letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: auto;
    min-width: 52px;
    height: auto;
    min-height: 60px;
    padding: 16px 12px;
    border-radius: 42px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 28px;
    min-width: 28px;
    max-width: 28px;
    max-height: 28px;
  }
}

/* ENVOCS liquid-glass-react inspired nav rebuild
-----------------------------------------------------------------*/
.envocs-nav-icon {
  display: none;
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.navbar.envocs-floating-nav.nav-scroll {
  width: min(920px, calc(100% - 44px));
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-inner {
  grid-template-columns: minmax(66px, 1fr) auto minmax(104px, 1fr);
  min-height: 68px;
  gap: clamp(12px, 1.25vw, 20px);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass {
  border: 0;
  background: rgba(255, 255, 255, 0.018);
  -webkit-backdrop-filter: blur(11px) saturate(142%) contrast(1.04);
  backdrop-filter: blur(11px) saturate(142%) contrast(1.04);
  box-shadow:
    0 12px 34px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(255, 255, 255, 0.13) inset;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:before {
  inset: 0;
  opacity: 0.72;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.28), transparent 23%),
    linear-gradient(125deg, rgba(255, 255, 255, 0.22), transparent 27%, transparent 72%, rgba(255, 255, 255, 0.1)),
    radial-gradient(circle at 88% 94%, rgba(210, 193, 175, 0.095), transparent 32%);
  filter: url("#envocsLiquidGlassPill");
  transform: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:after {
  inset: 0;
  opacity: 0.84;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.32), transparent 18%, transparent 78%, rgba(255, 255, 255, 0.08)),
    linear-gradient(90deg, rgba(255, 255, 255, 0.18), transparent 15%, transparent 85%, rgba(255, 255, 255, 0.12));
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.36) inset,
    0 -1px 0 rgba(255, 255, 255, 0.08) inset,
    1px 0 0 rgba(255, 255, 255, 0.11) inset,
    -1px 0 0 rgba(255, 255, 255, 0.07) inset;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:hover,
.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:focus-visible {
  background: rgba(255, 255, 255, 0.026);
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.2),
    0 0 0 1px rgba(255, 255, 255, 0.17) inset;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:hover:before,
.navbar.envocs-floating-nav.nav-scroll .envocs-liquid-glass:focus-visible:before {
  opacity: 0.92;
  transform: translate3d(2px, -1px, 0) scale(1.012);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
  width: 66px;
  min-width: 66px;
  height: 66px;
  min-height: 66px;
  padding: 15px;
  border-radius: 24px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:before {
  filter: url("#envocsLiquidGlassTile");
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:after {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.34), transparent 24%, transparent 75%, rgba(255, 255, 255, 0.08)),
    linear-gradient(90deg, rgba(255, 255, 255, 0.18), transparent 20%, transparent 80%, rgba(255, 255, 255, 0.1));
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.42) inset,
    0 -1px 0 rgba(255, 255, 255, 0.08) inset,
    1px 0 0 rgba(255, 255, 255, 0.14) inset,
    -1px 0 0 rgba(255, 255, 255, 0.08) inset;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
  width: 34px;
  min-width: 34px;
  max-width: 34px;
  max-height: 34px;
  filter: drop-shadow(0 1px 8px rgba(255, 255, 255, 0.08));
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu {
  min-height: 58px;
  padding: 7px;
  gap: 4px;
  background: rgba(255, 255, 255, 0.016);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link {
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  color: rgba(255, 255, 255, 0.7);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link .envocs-nav-icon {
  display: block;
  position: relative;
  z-index: 2;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link .envocs-nav-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:before {
  inset: 4px;
  opacity: 0;
  background:
    radial-gradient(circle at 26% 0%, rgba(255, 255, 255, 0.28), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.025)),
    rgba(255, 255, 255, 0.02);
  filter: url("#envocsLiquidGlassPill");
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.2) inset,
    0 -1px 0 rgba(255, 255, 255, 0.055) inset;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:after {
  content: attr(data-label);
  display: block;
  position: absolute;
  left: 50%;
  top: calc(100% + 9px);
  z-index: 6;
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(9, 9, 9, 0.48);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  color: rgba(255, 255, 255, 0.78);
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(-3px);
  transition: opacity 0.22s ease, transform 0.26s cubic-bezier(0.22, 1, 0.36, 1);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link.is-active {
  color: rgba(255, 255, 255, 0.94);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover:before,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible:before,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link.is-active:before {
  opacity: 1;
  transform: translateY(0) scale(1.02);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover:after,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible:after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
  min-width: 102px;
  min-height: 52px;
  padding: 0 20px;
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif !important;
  font-weight: 500;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .envocs-token-label {
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif !important;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
}

@media screen and (max-width: 767px) {
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    padding: 13px;
    border-radius: 21px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    max-height: 30px;
  }

  .envocs-mobile-nav-mark {
    border: 0;
  }

  .envocs-mobile-nav-mark .envocs-nav-icon {
    display: block;
    width: 17px;
    height: 17px;
  }
}

/* ENVOCS unified liquid glass dock override - terminal source order
-----------------------------------------------------------------*/
.navbar.envocs-site-nav {
  transition: top 0.62s cubic-bezier(0.22, 1, 0.36, 1), left 0.62s cubic-bezier(0.22, 1, 0.36, 1), width 0.62s cubic-bezier(0.22, 1, 0.36, 1), min-height 0.62s cubic-bezier(0.22, 1, 0.36, 1), border-radius 0.62s cubic-bezier(0.22, 1, 0.36, 1), background 0.5s ease, box-shadow 0.5s ease, -webkit-backdrop-filter 0.5s ease, backdrop-filter 0.5s ease, transform 0.62s cubic-bezier(0.22, 1, 0.36, 1);
}

.navbar.envocs-site-nav .envocs-nav-inner {
  transition: width 0.62s cubic-bezier(0.22, 1, 0.36, 1), max-width 0.62s cubic-bezier(0.22, 1, 0.36, 1), min-height 0.62s cubic-bezier(0.22, 1, 0.36, 1), padding 0.62s cubic-bezier(0.22, 1, 0.36, 1), gap 0.62s cubic-bezier(0.22, 1, 0.36, 1), border-radius 0.62s cubic-bezier(0.22, 1, 0.36, 1), background 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease, -webkit-backdrop-filter 0.5s ease, backdrop-filter 0.5s ease;
}

.navbar.envocs-floating-nav.nav-scroll {
  top: 18px;
  left: 50%;
  right: auto;
  width: min(640px, calc(100% - 44px));
  min-height: 66px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  transform: translate3d(-50%, 0, 0);
  overflow: visible;
  pointer-events: none;
}

.navbar.envocs-floating-nav.nav-scroll:before {
  display: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
  position: relative;
  isolation: isolate;
  display: flex;
  grid-template-columns: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 640px;
  min-height: 66px;
  gap: 10px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.145);
  border-radius: 999px;
  background: radial-gradient(circle at 15% 0%, rgba(255, 255, 255, 0.13), transparent 27%), radial-gradient(circle at 86% 100%, rgba(210, 193, 175, 0.08), transparent 30%), linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)), rgba(10, 10, 10, 0.18);
  -webkit-backdrop-filter: blur(10px) saturate(138%) contrast(1.03);
  backdrop-filter: blur(10px) saturate(138%) contrast(1.03);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.24) inset, 0 -1px 0 rgba(255, 255, 255, 0.06) inset, 1px 0 0 rgba(255, 255, 255, 0.08) inset, -1px 0 0 rgba(255, 255, 255, 0.055) inset, 0 14px 34px rgba(0, 0, 0, 0.24);
  overflow: visible !important;
  pointer-events: auto;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 8%, rgba(255, 255, 255, 0.17) 34%, transparent 62%), radial-gradient(circle at 52% -30%, rgba(255, 255, 255, 0.18), transparent 38%);
  filter: url("#envocsLiquidGlassPill");
  opacity: 0.52;
  transform: translate3d(-7%, 0, 0);
  transition: opacity 0.46s ease, transform 0.62s cubic-bezier(0.22, 1, 0.36, 1);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), transparent 22%, transparent 78%, rgba(255, 255, 255, 0.045)), linear-gradient(90deg, rgba(255, 255, 255, 0.11), transparent 15%, transparent 85%, rgba(255, 255, 255, 0.075));
  opacity: 0.48;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:hover:before {
  opacity: 0.72;
  transform: translate3d(5%, 0, 0);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock > * {
  position: relative;
  z-index: 2;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-collapse {
  display: flex !important;
  justify-content: center !important;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  pointer-events: auto;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
  border: 0;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  transform: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  padding: 10px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: auto;
  flex: 0 0 50px;
  overflow: visible;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  max-height: 30px;
  object-fit: contain;
  filter: drop-shadow(0 1px 6px rgba(255, 255, 255, 0.09));
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu {
  min-height: 50px;
  padding: 0;
  gap: 10px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  overflow: visible;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link {
  width: 46px;
  min-width: 46px;
  min-height: 46px;
  margin: 0;
  padding: 0;
  border-radius: 17px;
  color: rgba(255, 255, 255, 0.72);
  overflow: visible;
  transition: color 0.26s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link .envocs-nav-icon {
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 2;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link .envocs-nav-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:before,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:before,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:before {
  content: "";
  position: absolute;
  inset: 4px;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(circle at 26% 0%, rgba(255, 255, 255, 0.26), transparent 40%), linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.026)), rgba(210, 193, 175, 0.045);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.18) inset, 0 -1px 0 rgba(255, 255, 255, 0.04) inset, 0 8px 20px rgba(0, 0, 0, 0.14);
  filter: url("#envocsLiquidGlassPill");
  opacity: 0;
  transform: translateY(2px) scale(0.84);
  transition: opacity 0.28s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link.is-active,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:hover,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:focus-visible,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:hover,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:focus-visible {
  color: rgba(255, 255, 255, 0.95);
  transform: translateY(-1px);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover:before,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible:before,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link.is-active:before,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:hover:before,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:focus-visible:before,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:hover:before,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:focus-visible:before {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:after,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:after,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:after {
  content: attr(data-label);
  display: block;
  position: absolute;
  left: 50%;
  top: calc(100% + 10px);
  z-index: 8;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)), rgba(9, 9, 9, 0.38);
  -webkit-backdrop-filter: blur(10px) saturate(135%);
  backdrop-filter: blur(10px) saturate(135%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset, 0 10px 24px rgba(0, 0, 0, 0.22);
  color: rgba(255, 255, 255, 0.82);
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(-4px) scale(0.96);
  transition: opacity 0.24s ease, transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover:after,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible:after,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:hover:after,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:focus-visible:after,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:hover:after,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:focus-visible:after {
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-token {
  min-width: auto;
  justify-self: auto;
  justify-content: center;
  flex: 0 0 auto;
  pointer-events: auto;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
  min-width: 104px;
  min-height: 46px;
  padding: 0 15px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.86);
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif !important;
  line-height: 1;
  overflow: visible;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .envocs-nav-icon {
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  z-index: 2;
  opacity: 0.84;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .envocs-token-label,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass span,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .text {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1em;
  color: rgba(255, 255, 255, 0.86);
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif !important;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .navbar.envocs-floating-nav.nav-scroll {
    top: 10px;
    left: 14px;
    width: auto;
    min-height: 56px;
    transform: none !important;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
    width: auto;
    max-width: none;
    min-height: 56px;
    padding: 0;
    gap: 0;
    border: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:after {
    display: none;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: 54px;
    min-width: 54px;
    height: 54px;
    min-height: 54px;
    padding: 10px;
    border-radius: 19px;
    background: radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.13), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)), rgba(10, 10, 10, 0.24);
    border: 1px solid rgba(255, 255, 255, 0.13);
    -webkit-backdrop-filter: blur(10px) saturate(138%);
    backdrop-filter: blur(10px) saturate(138%);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.17) inset, 0 12px 28px rgba(0, 0, 0, 0.25);
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:after {
    display: none;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    max-height: 30px;
  }

  .envocs-mobile-bottom-nav {
    background: radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.13), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)), rgba(10, 10, 10, 0.28);
    -webkit-backdrop-filter: blur(12px) saturate(138%);
    backdrop-filter: blur(12px) saturate(138%);
  }
}

/* ENVOCS Apple-like icon dock refinement - final desktop override */
.navbar.envocs-floating-nav.nav-scroll {
  width: min(536px, calc(100% - 32px));
  min-height: 60px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
  --envocs-dock-item-size: 46px;
  width: max-content;
  max-width: min(536px, calc(100vw - 32px));
  min-height: 60px;
  gap: 8px;
  padding: 6px 8px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.055), transparent 34%), radial-gradient(circle at 82% 100%, rgba(210, 193, 175, 0.035), transparent 32%), linear-gradient(180deg, rgba(255, 255, 255, 0.032), rgba(255, 255, 255, 0.012)), rgba(255, 255, 255, 0.018);
  -webkit-backdrop-filter: blur(8px) saturate(132%);
  backdrop-filter: blur(8px) saturate(132%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 -1px 0 rgba(255, 255, 255, 0.06) inset, 1px 0 0 rgba(255, 255, 255, 0.06) inset, -1px 0 0 rgba(255, 255, 255, 0.045) inset, 0 8px 22px rgba(0, 0, 0, 0.08);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  padding: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: conic-gradient(from 145deg at 50% 50%, rgba(255, 255, 255, 0.28), rgba(210, 193, 175, 0.18), rgba(128, 218, 255, 0.13), rgba(255, 142, 213, 0.11), rgba(255, 255, 255, 0.24));
  filter: url("#envocsLiquidGlassPill");
  opacity: 0.38;
  transform: none;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), transparent 23%, transparent 77%, rgba(255, 255, 255, 0.05)), linear-gradient(90deg, rgba(128, 218, 255, 0.07), transparent 18%, transparent 82%, rgba(255, 142, 213, 0.065));
  opacity: 0.34;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:hover:before {
  opacity: 0.48;
  transform: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
  width: var(--envocs-dock-item-size);
  min-width: var(--envocs-dock-item-size);
  max-width: var(--envocs-dock-item-size);
  height: var(--envocs-dock-item-size);
  min-height: var(--envocs-dock-item-size);
  flex: 0 0 var(--envocs-dock-item-size);
  padding: 0;
  border-radius: 16px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
  width: 22px;
  min-width: 22px;
  max-width: 22px;
  height: 22px;
  max-height: 22px;
  object-fit: contain;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu {
  min-height: var(--envocs-dock-item-size);
  gap: 8px;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link .envocs-nav-icon,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .envocs-nav-icon {
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0.9;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
  gap: 0;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .envocs-token-label,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass span,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .text {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:after,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:after,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:after {
  top: calc(100% + 11px);
  width: max-content;
  max-width: calc(100vw - 32px);
  padding: 8px 12px;
  border-color: rgba(255, 255, 255, 0.18);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.025)), rgba(12, 12, 12, 0.28);
  -webkit-backdrop-filter: blur(8px) saturate(132%);
  backdrop-filter: blur(8px) saturate(132%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.14) inset, 0 8px 18px rgba(0, 0, 0, 0.16);
  color: rgba(255, 255, 255, 0.9);
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .navbar.envocs-floating-nav.nav-scroll {
    width: auto;
    min-height: 56px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
    width: auto;
    max-width: none;
    min-height: 56px;
    gap: 0;
    padding: 0;
    border: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:after {
    display: none;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: 54px;
    min-width: 54px;
    max-width: 54px;
    height: 54px;
    min-height: 54px;
    flex: 0 0 54px;
    padding: 10px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: auto;
    max-height: 30px;
  }
}

/* ENVOCS dock morph, alignment, and gloss refinement - terminal source order */
.navbar.envocs-site-nav {
  left: 0;
  right: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  transform-origin: top center;
  transition: top 0.86s cubic-bezier(0.19, 1, 0.22, 1), left 0.86s cubic-bezier(0.19, 1, 0.22, 1), width 0.86s cubic-bezier(0.19, 1, 0.22, 1), min-height 0.86s cubic-bezier(0.19, 1, 0.22, 1), padding 0.72s cubic-bezier(0.19, 1, 0.22, 1), border-radius 0.86s cubic-bezier(0.19, 1, 0.22, 1), background 0.62s ease, box-shadow 0.62s ease, -webkit-backdrop-filter 0.62s ease, backdrop-filter 0.62s ease, transform 0.86s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: top, left, width, transform;
}

.navbar.envocs-site-nav .envocs-nav-inner {
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: top center;
  transition: width 0.86s cubic-bezier(0.19, 1, 0.22, 1), max-width 0.86s cubic-bezier(0.19, 1, 0.22, 1), min-height 0.86s cubic-bezier(0.19, 1, 0.22, 1), gap 0.72s cubic-bezier(0.19, 1, 0.22, 1), padding 0.72s cubic-bezier(0.19, 1, 0.22, 1), border-radius 0.86s cubic-bezier(0.19, 1, 0.22, 1), background 0.62s ease, border-color 0.62s ease, box-shadow 0.62s ease, -webkit-backdrop-filter 0.62s ease, backdrop-filter 0.62s ease, transform 0.86s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.42s ease;
  will-change: width, max-width, padding, border-radius, transform;
}

.navbar.envocs-site-nav .envocs-nav-island-logo,
.navbar.envocs-site-nav .navbar-nav .nav-link,
.navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass {
  transition: width 0.72s cubic-bezier(0.19, 1, 0.22, 1), min-width 0.72s cubic-bezier(0.19, 1, 0.22, 1), height 0.72s cubic-bezier(0.19, 1, 0.22, 1), min-height 0.72s cubic-bezier(0.19, 1, 0.22, 1), padding 0.72s cubic-bezier(0.19, 1, 0.22, 1), border-radius 0.72s cubic-bezier(0.19, 1, 0.22, 1), color 0.28s ease, opacity 0.34s ease, transform 0.42s cubic-bezier(0.19, 1, 0.22, 1);
}

.navbar.envocs-site-nav.envocs-nav-condensing:not(.nav-scroll) .envocs-nav-inner {
  transform: translate3d(0, 2px, 0) scale(0.988);
  border-radius: 38px;
}

.navbar.envocs-site-nav.envocs-nav-condensing:not(.nav-scroll) .envocs-nav-island-menu,
.navbar.envocs-site-nav.envocs-nav-condensing:not(.nav-scroll) .envocs-nav-island-token {
  transform: scale(0.985);
}

.navbar.envocs-floating-nav.nav-scroll {
  top: 16px;
  width: min(536px, calc(100% - 32px));
  min-height: 58px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
  --envocs-dock-item-size: 46px;
  width: min(536px, calc(100vw - 32px));
  max-width: min(536px, calc(100vw - 32px));
  min-height: 58px;
  gap: 8px;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.045), transparent 32%), radial-gradient(circle at 82% 100%, rgba(210, 193, 175, 0.026), transparent 30%), linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.007)), rgba(255, 255, 255, 0.01);
  -webkit-backdrop-filter: blur(7px) saturate(138%);
  backdrop-filter: blur(7px) saturate(138%);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12), 0 6px 16px rgba(0, 0, 0, 0.07), 0 1px 0 rgba(255, 255, 255, 0.24) inset, 0 -1px 0 rgba(255, 255, 255, 0.07) inset, 0 0 0 1px rgba(255, 255, 255, 0.045) inset;
  transform: translate3d(0, 0, 0) scale(1);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:before {
  inset: -1px;
  background: conic-gradient(from 142deg at 50% 50%, rgba(255, 255, 255, 0.34), rgba(210, 193, 175, 0.2), rgba(120, 215, 255, 0.15), rgba(255, 145, 215, 0.12), rgba(255, 255, 255, 0.28));
  opacity: 0.46;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:after {
  inset: 1px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.19), transparent 21%, transparent 78%, rgba(255, 255, 255, 0.052)), linear-gradient(90deg, rgba(120, 215, 255, 0.08), transparent 17%, transparent 83%, rgba(255, 145, 215, 0.07));
  opacity: 0.42;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:hover:before {
  opacity: 0.56;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
  border-radius: 17px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
  border-radius: 999px;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:before {
  inset: 3px;
  border-radius: 999px !important;
  background: radial-gradient(circle at 34% 18%, rgba(255, 255, 255, 0.24), transparent 44%), linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.024)), rgba(210, 193, 175, 0.028);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.18) inset, 0 -1px 0 rgba(255, 255, 255, 0.045) inset, 0 0 14px rgba(210, 193, 175, 0.08);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
  width: 22px;
  min-width: 22px;
  max-width: 22px;
  height: 22px;
  max-height: 22px;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:after,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:after,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:after {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  width: max-content;
  max-width: calc(100vw - 32px);
  padding: 7px 12px 6px;
  border-color: rgba(255, 255, 255, 0.2);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.022)), rgba(10, 10, 10, 0.24);
  -webkit-backdrop-filter: blur(7px) saturate(136%);
  backdrop-filter: blur(7px) saturate(136%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.16) inset, 0 8px 18px rgba(0, 0, 0, 0.13);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.045em;
  line-height: 1.05;
  text-align: center;
  white-space: nowrap;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .envocs-nav-icon {
  stroke-width: 1.45;
  opacity: 0.94;
}

@media screen and (max-width: 767px) {
  .navbar.envocs-site-nav {
    left: 0;
    right: 0;
    width: 100%;
    transform: none;
  }

  .navbar.envocs-site-nav.envocs-nav-condensing:not(.nav-scroll) .envocs-nav-inner {
    transform: none;
    border-radius: inherit;
  }

  .navbar.envocs-site-nav.envocs-nav-condensing:not(.nav-scroll) .envocs-nav-island-menu,
  .navbar.envocs-site-nav.envocs-nav-condensing:not(.nav-scroll) .envocs-nav-island-token {
    transform: none;
  }

  .navbar.envocs-floating-nav.nav-scroll {
    width: auto;
    min-height: 56px;
    transform: none !important;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
    width: auto;
    max-width: none;
    min-height: 56px;
    gap: 0;
    padding: 0;
    border: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: 54px;
    min-width: 54px;
    max-width: 54px;
    height: 54px;
    min-height: 54px;
    flex: 0 0 54px;
    padding: 10px;
    border-radius: 19px;
  }
}

/* ENVOCS dock center-collapse and clear-glass refinement - terminal source order */
.navbar.envocs-site-nav {
  left: 50%;
  right: auto;
  width: 100%;
  transform: translate3d(-50%, 0, 0);
  transform-origin: center center;
}

.navbar.envocs-site-nav .envocs-nav-inner,
.navbar.envocs-site-nav .envocs-unified-dock {
  transform-origin: center center;
}

.navbar.envocs-site-nav .envocs-nav-island-menu,
.navbar.envocs-site-nav .navbar-collapse,
.navbar.envocs-site-nav .envocs-nav-island-token {
  transform-origin: center center;
  transition: opacity 0.42s ease, transform 0.76s cubic-bezier(0.19, 1, 0.22, 1), gap 0.76s cubic-bezier(0.19, 1, 0.22, 1);
}

.navbar.envocs-site-nav.envocs-nav-condensing:not(.nav-scroll) .envocs-nav-inner {
  transform: translate3d(0, 2px, 0) scale(0.982);
}

.navbar.envocs-site-nav.envocs-nav-condensing:not(.nav-scroll) .envocs-nav-island-menu,
.navbar.envocs-site-nav.envocs-nav-condensing:not(.nav-scroll) .navbar-collapse,
.navbar.envocs-site-nav.envocs-nav-condensing:not(.nav-scroll) .envocs-nav-island-token {
  transform: scale(0.978);
  opacity: 0.94;
}

.navbar.envocs-floating-nav.nav-scroll {
  left: 50%;
  right: auto;
  transform: translate3d(-50%, 0, 0);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
  width: min(536px, calc(100vw - 32px));
  max-width: min(536px, calc(100vw - 32px));
  background: radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.026), transparent 32%), radial-gradient(circle at 82% 100%, rgba(210, 193, 175, 0.016), transparent 30%), linear-gradient(180deg, rgba(255, 255, 255, 0.016), rgba(255, 255, 255, 0.003)), rgba(255, 255, 255, 0.004);
  -webkit-backdrop-filter: blur(5px) saturate(136%);
  backdrop-filter: blur(5px) saturate(136%);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12), 0 6px 16px rgba(0, 0, 0, 0.07), 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -1px 0 rgba(255, 255, 255, 0.065) inset, 0 0 0 1px rgba(255, 255, 255, 0.035) inset;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:before {
  background: conic-gradient(from 142deg at 50% 50%, rgba(255, 255, 255, 0.38), rgba(210, 193, 175, 0.21), rgba(120, 215, 255, 0.16), rgba(255, 145, 215, 0.13), rgba(255, 255, 255, 0.3));
  opacity: 0.5;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 19%, transparent 81%, rgba(255, 255, 255, 0.042)), linear-gradient(90deg, rgba(120, 215, 255, 0.075), transparent 17%, transparent 83%, rgba(255, 145, 215, 0.065));
  opacity: 0.38;
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link .envocs-nav-icon,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .envocs-nav-icon,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.28));
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .envocs-nav-icon {
  stroke-width: 1.5;
}

@media screen and (max-width: 767px) {
  .navbar.envocs-site-nav {
    left: 0;
    right: 0;
    width: 100%;
    transform: none;
  }

  .navbar.envocs-site-nav.envocs-nav-condensing:not(.nav-scroll) .envocs-nav-inner,
  .navbar.envocs-site-nav.envocs-nav-condensing:not(.nav-scroll) .envocs-nav-island-menu,
  .navbar.envocs-site-nav.envocs-nav-condensing:not(.nav-scroll) .navbar-collapse,
  .navbar.envocs-site-nav.envocs-nav-condensing:not(.nav-scroll) .envocs-nav-island-token {
    transform: none;
    opacity: 1;
  }

  .navbar.envocs-floating-nav.nav-scroll {
    left: 14px;
    transform: none !important;
  }
}

/* ENVOCS dock icon size refinement - desktop terminal source order */
@media screen and (min-width: 768px) {
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link .envocs-nav-icon,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .envocs-nav-icon {
    width: 23px;
    height: 23px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    max-height: 24px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .envocs-nav-icon {
    stroke-width: 1.42;
  }
}

/* ENVOCS FluidGlass dock background experiment - final source order */
.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
  position: relative;
  isolation: isolate;
  width: max-content;
  max-width: min(536px, calc(100vw - 32px));
  min-height: 60px;
  gap: 8px;
  padding: 6px 8px;
  border: 1px solid rgba(210, 193, 175, 0.18);
  background: rgba(10, 10, 10, 0.18);
  -webkit-backdrop-filter: blur(4px) saturate(112%);
  backdrop-filter: blur(4px) saturate(112%);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16), 0 3px 12px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(255, 255, 255, 0.13) inset, 0 -1px 0 rgba(210, 193, 175, 0.045) inset;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-fluid-glass-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-fluid-glass-bar-canvas {
  position: absolute;
  inset: -24px -34px;
  pointer-events: none;
  opacity: 0.88;
  filter: drop-shadow(0 15px 28px rgba(0, 0, 0, 0.18));
}

.navbar.envocs-floating-nav.nav-scroll .envocs-fluid-glass-bar-canvas canvas {
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock > :not(.envocs-fluid-glass-bg),
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-token,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
  position: relative;
  z-index: 2;
}

.navbar.envocs-site-nav:not(.nav-scroll) .envocs-fluid-glass-bg {
  display: none;
}

@media screen and (max-width: 767px) {
  .navbar.envocs-site-nav .envocs-fluid-glass-bg {
    display: none;
  }
}

/* ============ NAVIGATION / MARKET TICKER ============ */
/* Terminal source-order block for the responsive nav, mobile drawer, token CTA, and price ticker. */
.envocs-staggered-menu-toggle {
  display: none;
}

.envocs-mobile-drawer {
  position: fixed;
  inset: 0;
  z-index: 10020;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  transition: opacity 0.24s ease, visibility 0.24s ease;
}

.envocs-mobile-drawer.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.envocs-mobile-drawer__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.58);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.envocs-mobile-drawer__panel {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: min(86vw, 360px);
  height: 100dvh;
  min-height: 100vh;
  padding: calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));
  border-right: 1px solid rgba(244, 239, 231, 0.08);
  background: rgba(5, 5, 5, 0.98);
  box-shadow: 18px 0 38px rgba(0, 0, 0, 0.34);
  -webkit-backdrop-filter: blur(12px) saturate(112%);
  backdrop-filter: blur(12px) saturate(112%);
  color: #f4efe7;
  transform: translateX(-105%);
  will-change: transform;
  transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

.envocs-mobile-drawer.is-open .envocs-mobile-drawer__panel {
  transform: translateX(0);
}

.envocs-mobile-drawer__brand {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 18px;
}

.envocs-mobile-drawer__brand a {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  flex: 1 1 auto;
  gap: 8px;
  padding-left: 8px;
  color: #f4efe7;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14em;
}

.envocs-mobile-drawer__brand img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.envocs-mobile-drawer__search {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 0 4px;
  border: 0;
  border-bottom: 1px solid rgba(244, 239, 231, 0.12);
  border-radius: 0;
  background: transparent;
  color: rgba(244, 239, 231, 0.56);
}

.envocs-mobile-drawer__search input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #f4efe7;
  font-size: 13px;
}

.envocs-mobile-drawer__search input::placeholder {
  color: rgba(244, 239, 231, 0.44);
}

.envocs-mobile-drawer__nav {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.envocs-mobile-drawer__nav a,
.envocs-mobile-drawer__grid a {
  display: flex;
  align-items: center;
  gap: 0;
  min-height: 48px;
  padding: 0 4px;
  border-bottom: 1px solid rgba(244, 239, 231, 0.08);
  border-radius: 0;
  color: #f4efe7;
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: 15px;
  font-weight: 430;
  line-height: 1;
  letter-spacing: 0;
  transition: background 0.2s ease, color 0.2s ease;
}

.envocs-mobile-drawer__nav a span,
.envocs-mobile-drawer__grid a span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.envocs-mobile-drawer__nav a:hover,
.envocs-mobile-drawer__nav a:focus-visible,
.envocs-mobile-drawer__nav a.is-active,
.envocs-mobile-drawer__grid a:hover,
.envocs-mobile-drawer__grid a:focus-visible,
.envocs-mobile-drawer__grid a.is-active {
  background: transparent;
  color: #d2c1af;
}

.envocs-mobile-drawer__nav .envocs-mobile-drawer__icon,
.envocs-mobile-drawer__grid a .envocs-mobile-drawer__icon {
  display: none;
}

.envocs-mobile-drawer__icon {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.9;
}

.envocs-mobile-drawer__grid {
  display: grid;
  gap: 0;
  margin-top: 22px;
  padding-top: 14px;
  border-top: 1px solid rgba(244, 239, 231, 0.1);
}

.envocs-mobile-drawer__grid > span {
  padding: 0 4px 2px;
  color: rgba(244, 239, 231, 0.42);
  font-family: var(--envocs-font-mono), var(--font-envocs-mono), monospace;
  font-size: 10px;
  letter-spacing: 0.18em;
}

.envocs-mobile-drawer__grid a {
  min-height: 46px;
  font-size: 14px;
}

.envocs-mobile-drawer__search-results {
  display: grid;
  gap: 0;
}

.envocs-mobile-drawer__search-results a {
  display: grid;
  gap: 5px;
  padding: 13px 4px 14px;
  border-bottom: 1px solid rgba(244, 239, 231, 0.08);
  color: #f4efe7;
  transition: color 0.2s ease;
}

.envocs-mobile-drawer__search-results a:hover,
.envocs-mobile-drawer__search-results a:focus-visible {
  color: #d2c1af;
}

.envocs-mobile-drawer__search-results a span {
  color: rgba(244, 239, 231, 0.42);
  font-family: var(--envocs-font-mono), var(--font-envocs-mono), monospace;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.envocs-mobile-drawer__search-results a strong {
  color: inherit;
  font-size: 14px;
  font-weight: 440;
  line-height: 1.25;
}

.envocs-mobile-drawer__search-results a small,
.envocs-mobile-drawer__no-results small {
  color: rgba(244, 239, 231, 0.48);
  font-size: 11px;
  line-height: 1.35;
}

.envocs-mobile-drawer__no-results {
  display: grid;
  gap: 8px;
  padding: 18px 4px;
  border-bottom: 1px solid rgba(244, 239, 231, 0.08);
}

.envocs-mobile-drawer__no-results span {
  color: rgba(244, 239, 231, 0.76);
  font-size: 13px;
}

.envocs-mobile-drawer__utility {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid rgba(244, 239, 231, 0.08);
}

.envocs-mobile-drawer__utility a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  flex: 1 1 0;
  max-width: 58px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(232, 232, 232, 0.84);
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.envocs-mobile-drawer__utility a:hover,
.envocs-mobile-drawer__utility a:focus-visible,
.envocs-mobile-drawer__utility a:active {
  border-color: transparent;
  background: transparent;
  color: #d2c1af;
  transform: translateY(-1px);
}

.envocs-mobile-drawer__utility .envocs-mobile-drawer__icon {
  width: 22px;
  height: 22px;
  flex-basis: 22px;
}

.envocs-mobile-drawer a:focus-visible,
.envocs-mobile-drawer input:focus-visible,
.envocs-staggered-menu-toggle:focus-visible,
.navbar.envocs-site-nav .envocs-nav-button:focus-visible,
.navbar.envocs-site-nav .envocs-logo:focus-visible {
  outline: 1px solid rgba(210, 193, 175, 0.72);
  outline-offset: 4px;
}

.envocs-mobile-price-ticker {
  display: none;
}

.envocs-price-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 999px;
  background: #52d66b;
  box-shadow: 0 0 0 4px rgba(82, 214, 107, 0.08), 0 0 14px rgba(82, 214, 107, 0.26);
  animation: envocsPriceBreath 2.6s ease-in-out infinite;
}

@keyframes envocsPriceBreath {
  0%, 100% {
    opacity: 0.62;
    transform: scale(0.88);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

@media screen and (min-width: 1200px) {
  .navbar.envocs-floating-nav.nav-scroll {
    width: min(500px, calc(100vw - 32px));
    max-width: min(500px, calc(100vw - 32px));
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
    --envocs-dock-item-size: 46px;
    width: min(500px, calc(100vw - 32px));
    max-width: min(500px, calc(100vw - 32px));
    min-height: 60px;
    gap: 0;
    padding: 6px 8px;
    justify-content: space-evenly;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
  .navbar.envocs-floating-nav.nav-scroll {
    width: min(500px, calc(100vw - 32px));
    max-width: min(500px, calc(100vw - 32px));
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
    --envocs-dock-item-size: 46px;
    width: min(500px, calc(100vw - 32px));
    max-width: min(500px, calc(100vw - 32px));
    min-height: 60px;
    gap: 0;
    padding: 6px 8px;
    justify-content: space-evenly;
  }

  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link .envocs-nav-icon,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .envocs-nav-icon {
    width: 22px;
    height: 22px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 23px;
    min-width: 23px;
    max-width: 23px;
    height: 23px;
    max-height: 23px;
  }
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.68);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover,
.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible {
  color: rgba(255, 255, 255, 0.92);
}

.navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link.is-active {
  color: #d2c1af;
}

.navbar.envocs-site-nav:not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass .envocs-floating-token-icon {
  display: none;
}

.navbar.envocs-site-nav:not(.envocs-floating-nav) .envocs-token-icon-shell {
  display: none;
}

.navbar.envocs-site-nav .envocs-token-tooltip {
  display: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .envocs-floating-token-icon {
  display: block;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  object-fit: contain;
  opacity: 0.9;
  transform: translateY(-1px) scale(1);
  filter: drop-shadow(0 6px 16px rgba(210, 193, 175, 0.18));
  animation: envocsTokenBreathingTransform 7s ease-in-out infinite;
  will-change: transform;
  transition: opacity 0.22s ease, filter 0.22s ease, transform 0.22s ease;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:hover .envocs-floating-token-icon,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:focus-visible .envocs-floating-token-icon,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.is-active .envocs-floating-token-icon {
  opacity: 1;
  filter: brightness(1.15) drop-shadow(0 12px 32px rgba(210, 193, 175, 0.4));
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.is-active {
  color: #d2c1af;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.is-active:before {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:after {
  content: none;
  display: none;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item .envocs-token-tooltip {
  align-items: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)), rgba(9, 9, 9, 0.48);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 14px;
  color: #d2c1af;
  display: inline-flex;
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  left: 50%;
  min-width: max-content;
  opacity: 0;
  padding: 8px 13px 9px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: calc(100% + 10px);
  transform: translateX(-50%) translateY(-4px) scale(0.96);
  transition: opacity 0.24s ease, transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
  white-space: nowrap;
  z-index: 9;
}

.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:hover .envocs-token-tooltip,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:focus .envocs-token-tooltip,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:focus-visible .envocs-token-tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
}

.envocs-token-price-tick {
  transition: color 0.35s ease, text-shadow 0.35s ease;
}

.envocs-token-price-label {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
}

.envocs-token-price-label--scrambling {
  letter-spacing: 0.01em;
}

.envocs-token-price-label__stable,
.envocs-token-price-label__scramble,
.envocs-token-price-label__flip {
  display: inline-block;
}

.envocs-token-price-label__flip {
  transform-origin: 50% 70%;
  animation: envocsTokenDigitFlip 0.48s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity, filter;
}

.envocs-token-price-label__flip--up {
  animation-name: envocsTokenDigitFlipUp;
}

.envocs-token-price-label__flip--down {
  animation-name: envocsTokenDigitFlipDown;
}

@media screen and (min-width: 1025px) {
  .navbar.envocs-floating-nav.nav-scroll {
    width: min(538px, calc(100vw - 32px));
    max-width: min(538px, calc(100vw - 32px));
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
    box-sizing: content-box;
    width: min(520px, calc(100vw - 50px));
    max-width: min(520px, calc(100vw - 50px));
    justify-content: space-evenly;
    gap: 0;
  }

  .navbar.envocs-floating-nav.nav-scroll .navbar-collapse {
    flex: 1 1 auto;
    min-width: 0;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    justify-content: space-evenly;
    gap: 0;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-token {
    flex: 0 0 var(--envocs-dock-item-size);
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-token-nav-item {
    position: relative;
    overflow: visible;
    width: 46px;
    min-width: 46px;
    max-width: 46px;
    height: 46px;
    min-height: 46px;
    flex: 0 0 46px;
    border-radius: 18px;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-token-icon-shell {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-style: normal;
    pointer-events: none;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-token-icon-shell:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 0;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(210, 193, 175, 0.16), rgba(210, 193, 175, 0.06) 42%, transparent 72%);
    opacity: 0.3;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(1);
    animation: envocsTokenHaloBreathing 7s ease-in-out infinite;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-token-icon-shell .envocs-floating-token-icon {
    position: relative;
    z-index: 1;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-token-nav-item:hover .envocs-token-icon-shell:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-token-nav-item:focus-visible .envocs-token-icon-shell:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-token-nav-item.is-active .envocs-token-icon-shell:before {
    opacity: 0.52;
  }
}

@keyframes envocsTokenBreathingTransform {
  0%, 100% {
    transform: translateY(-1px) scale(1);
  }
  50% {
    transform: translateY(-1px) scale(1.04);
  }
}

@keyframes envocsTokenHaloBreathing {
  0%, 100% {
    opacity: 0.24;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 0.48;
    transform: translate(-50%, -50%) scale(1.18);
  }
}

@keyframes envocsTokenDigitFlip {
  0% {
    opacity: 0.25;
    transform: translateY(6px) rotateX(-18deg);
    filter: blur(2px);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotateX(0);
    filter: blur(0);
  }
}
@keyframes envocsTokenDigitFlipUp {
  0% {
    opacity: 0.25;
    transform: translateY(6px) rotateX(-18deg);
    filter: blur(2px);
    color: rgba(144, 238, 194, 0.95);
    text-shadow: 0 0 14px rgba(144, 238, 194, 0.24);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotateX(0);
    filter: blur(0);
    color: inherit;
    text-shadow: none;
  }
}

@keyframes envocsTokenDigitFlipDown {
  0% {
    opacity: 0.25;
    transform: translateY(6px) rotateX(-18deg);
    filter: blur(2px);
    color: rgba(255, 154, 154, 0.95);
    text-shadow: 0 0 14px rgba(255, 154, 154, 0.22);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotateX(0);
    filter: blur(0);
    color: inherit;
    text-shadow: none;
  }
}

@media screen and (max-width: 1024px) {
  .envocs-mobile-drawer__panel {
    width: min(62vw, 420px);
  }

  .navbar.envocs-site-nav,
  .navbar.envocs-floating-nav.nav-scroll {
    top: 12px;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 64px;
    padding: 0 16px;
    transform: none !important;
    pointer-events: none;
  }

  .navbar.envocs-site-nav .envocs-nav-inner,
  .navbar.envocs-site-nav .envocs-unified-dock,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 44px;
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-height: 64px;
    justify-content: initial;
    gap: 12px;
    padding: 8px 10px;
    border: 1px solid rgba(210, 193, 175, 0.16);
    border-radius: 22px;
    background: rgba(8, 8, 8, 0.58);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    -webkit-backdrop-filter: blur(12px) saturate(128%);
    backdrop-filter: blur(12px) saturate(128%);
    pointer-events: auto;
    transform: none;
  }

  .navbar.envocs-site-nav .envocs-fluid-glass-bg,
  .navbar.envocs-floating-nav.nav-scroll .envocs-fluid-glass-bg,
  .navbar.envocs-site-nav .navbar-collapse,
  .navbar.envocs-floating-nav.nav-scroll .navbar-collapse,
  .navbar.envocs-site-nav .envocs-nav-island-menu {
    display: none !important;
  }

  .navbar.envocs-site-nav .envocs-nav-island-logo,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    min-height: 48px;
    flex: 0 0 48px;
    margin: 0;
    padding: 9px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.025);
    overflow: hidden;
  }

  .navbar.envocs-site-nav .envocs-nav-island-logo:after {
    display: none;
  }

  .navbar.envocs-site-nav .envocs-nav-island-logo img,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 29px;
    min-width: 29px;
    max-width: 29px;
    height: 29px;
    max-height: 29px;
    object-fit: contain;
  }

  .navbar.envocs-site-nav .envocs-nav-island-token,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-token {
    display: none !important;
  }

  .envocs-mobile-price-ticker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    width: min(240px, 100%);
    max-width: 100%;
    height: 36px;
    flex: 1 1 auto;
    justify-self: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid rgba(210, 193, 175, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(244, 239, 231, 0.88);
    font-family: var(--envocs-font-mono), var(--font-envocs-mono), monospace;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.02em;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: auto;
    cursor: pointer;
    transition: border-color 0.22s ease, background 0.22s ease, transform 0.22s ease;
  }
  .envocs-mobile-price-ticker:hover,
  .envocs-mobile-price-ticker:focus-visible {
    border-color: rgba(210, 193, 175, 0.28);
    background: rgba(210, 193, 175, 0.075);
    transform: translateY(-1px);
  }

  .envocs-price-label,
  .envocs-price-value {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .envocs-price-label {
    color: rgba(210, 193, 175, 0.86);
  }

  .envocs-price-value {
    color: rgba(244, 239, 231, 0.9);
  }

  .navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 112px;
    max-width: none;
    height: 44px;
    min-height: 44px;
    flex: 0 0 auto;
    gap: 7px;
    padding: 0 13px;
    border: 1px solid rgba(210, 193, 175, 0.18);
    border-radius: 999px;
    background: rgba(210, 193, 175, 0.075);
    color: #f4efe7;
  }

  .navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass .envocs-token-label {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    clip-path: none;
    overflow: visible;
    color: rgba(244, 239, 231, 0.86);
    font-size: 12px;
    letter-spacing: 0.03em;
  }

  .navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass:after {
    display: none;
  }

  .navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass .envocs-nav-icon {
    width: 21px;
    height: 21px;
    stroke-width: 1.45;
  }

  .envocs-staggered-menu-toggle {
    display: inline-flex;
    position: relative;
    justify-self: end;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    border: 1px solid rgba(210, 193, 175, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    color: #f4efe7;
    pointer-events: auto;
  }

  .envocs-staggered-menu-toggle span {
    position: absolute;
    width: 15px;
    height: 1px;
    border-radius: 999px;
    background: currentColor;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
  }

  .envocs-staggered-menu-toggle span:first-child {
    transform: translateY(-4px);
  }

  .envocs-staggered-menu-toggle span:last-child {
    transform: translateY(4px);
  }

  .envocs-staggered-menu-toggle.is-open span:first-child {
    transform: rotate(45deg);
  }

  .envocs-staggered-menu-toggle.is-open span:last-child {
    transform: rotate(-45deg);
  }
}

@media screen and (max-width: 767px) {
  .navbar.envocs-site-nav,
  .navbar.envocs-floating-nav.nav-scroll {
    top: 10px;
    padding: 0 12px;
  }

  .navbar.envocs-site-nav .envocs-nav-inner,
  .navbar.envocs-site-nav .envocs-unified-dock,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    min-height: 58px;
    gap: 8px;
    padding: 7px 8px;
    border-radius: 20px;
  }

  .navbar.envocs-site-nav .envocs-nav-island-logo,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
    min-height: 44px;
    flex-basis: 44px;
    padding: 8px;
  }

  .navbar.envocs-site-nav .envocs-nav-island-logo img,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 27px;
    min-width: 27px;
    max-width: 27px;
    height: 27px;
    max-height: 27px;
  }

  .navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    border-radius: 999px;
  }

  .envocs-mobile-price-ticker {
    width: 100%;
    height: 38px;
    padding: 0 9px;
    gap: 6px;
    font-size: 10px;
  }

  .navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass .envocs-token-label,
  .navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass span,
  .navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass .text {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .envocs-staggered-menu-toggle {
    width: 44px;
    height: 44px;
  }

  .envocs-mobile-bottom-nav {
    display: none !important;
  }

  .envocs-mobile-drawer__panel {
    width: min(86vw, 360px);
    padding: calc(24px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));
  }
}

@media screen and (max-width: 420px) {
  .envocs-mobile-drawer__panel {
    width: min(86vw, 360px);
  }

  .navbar.envocs-site-nav,
  .navbar.envocs-floating-nav.nav-scroll {
    padding: 0 10px;
  }

  .navbar.envocs-site-nav .envocs-nav-inner,
  .navbar.envocs-site-nav .envocs-unified-dock,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
    gap: 7px;
    padding: 7px;
  }

  .envocs-mobile-price-ticker {
    padding: 0 8px;
  }

  .envocs-price-label {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .envocs-mobile-drawer,
  .envocs-mobile-drawer__panel,
  .envocs-mobile-drawer__nav a,
  .envocs-staggered-menu-toggle span {
    transition-duration: 1ms !important;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-floating-token-icon,
  .navbar.envocs-floating-nav.nav-scroll .envocs-token-icon-shell:before,
  .envocs-token-price-label__flip,
  .envocs-token-price-label__flip--up,
  .envocs-token-price-label__flip--down {
    animation: none !important;
  }

  .navbar.envocs-floating-nav.nav-scroll .envocs-token-tooltip {
    transition: none !important;
  }

  .envocs-token-price-label--scrambling {
    letter-spacing: inherit;
  }
}

@media (hover: none), (pointer: coarse) {
  .cursor,
  .custom-cursor,
  .cursor-dot {
    display: none !important;
  }
}

/* ============ LIQUID GLASS UTILITIES ============ */
:root {
  --envocs-nav-glass-bg: rgba(10, 10, 10, 0.78);
  --envocs-nav-glass-bg-fallback: rgba(10, 10, 10, 0.9);
  --envocs-nav-glass-border: rgba(255, 255, 255, 0.16);
  --envocs-nav-glass-highlight: rgba(255, 255, 255, 0.18);
  --envocs-nav-glass-shadow: 0 20px 50px rgba(0, 0, 0, 0.36), 0 8px 24px rgba(0, 0, 0, 0.24);
  --envocs-nav-glass-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --envocs-nav-transition-duration: 540ms;
  --envocs-nav-transition-ease: cubic-bezier(0.18, 0.86, 0.24, 1);
  --envocs-floating-nav-top: 28px;
  --envocs-dock-item-size: 46px;
}

/* ============ HEADER NORMAL TEMPLATE RESTORE ============ */
.navbar.envocs-site-nav {
  --nav-glow-x: 50%;
  --nav-glow-y: 50%;
  --nav-glow-opacity: 0;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll),
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  pointer-events: auto;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-unified-dock,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-unified-dock {
  position: relative;
  isolation: auto;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  width: 100% !important;
  max-width: 1320px !important;
  min-height: 72px !important;
  gap: 28px !important;
  margin-right: auto;
  margin-left: auto;
  padding: 0 15px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  overflow: hidden !important;
  transform: none !important;
  transform-origin: 50% 50%;
  transition:
    opacity var(--envocs-nav-transition-duration) var(--envocs-nav-transition-ease),
    transform var(--envocs-nav-transition-duration) var(--envocs-nav-transition-ease),
    filter var(--envocs-nav-transition-duration) var(--envocs-nav-transition-ease);
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-unified-dock:before,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-unified-dock:after,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-unified-dock:before,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-unified-dock:after {
  content: none !important;
  display: none !important;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-collapse,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-collapse {
  display: flex !important;
  justify-content: center !important;
  flex: 1 1 auto;
  min-width: 0;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  transform: none !important;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-logo,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-logo {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 72px !important;
  min-height: 72px !important;
  flex: 0 0 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
  transform: none !important;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-logo img,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-logo img {
  display: block;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: auto !important;
  max-height: 36px !important;
  object-fit: contain;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-logo:before,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-logo:after,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-logo:before,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-logo:after {
  content: none !important;
  display: none !important;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-logo:after,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-logo:after {
  content: "" !important;
  position: absolute;
  top: 0;
  right: -30px;
  bottom: 0;
  display: block !important;
  width: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-menu,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-menu {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
  transform: none !important;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-menu:before,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-menu:after,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-menu:before,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-menu:after {
  content: none !important;
  display: none !important;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-nav .nav-link,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-nav .nav-link {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  margin: 0 15px !important;
  padding: 20px 10px 15px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transform: none !important;
  transition: color 0.32s ease, opacity 0.32s ease, filter 0.32s ease;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-nav .nav-link .envocs-nav-icon,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-nav .nav-link .envocs-nav-icon {
  display: none !important;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-nav .nav-link .envocs-nav-label,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-nav .nav-link .rolling-text,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-nav .nav-link .envocs-nav-label,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-nav .nav-link .rolling-text {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  height: 30px !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: nowrap !important;
  line-height: 30px !important;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-nav .nav-link:before,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-nav .nav-link:before {
  content: none !important;
  display: none !important;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-nav .nav-link:after,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-nav .nav-link:after {
  content: "" !important;
  position: absolute;
  left: 50%;
  bottom: 14px;
  display: block !important;
  width: 16px;
  height: 1px;
  background: rgba(210, 193, 175, 0.7);
  opacity: 0;
  transform: translateX(-50%) scaleX(0.45);
  transition: opacity 0.32s ease, transform 0.32s ease;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-nav .nav-link:hover,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-nav .nav-link:focus-visible,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-nav .nav-link:hover,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-nav .nav-link:focus-visible {
  color: rgba(255, 255, 255, 0.96);
  filter: brightness(1.08);
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-nav .nav-link:hover:after,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-nav .nav-link:focus-visible:after,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-nav .nav-link.is-active:after,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-nav .nav-link[aria-current="page"]:after,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-nav .nav-link:hover:after,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-nav .nav-link:focus-visible:after,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-nav .nav-link.is-active:after,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-nav .nav-link[aria-current="page"]:after {
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-nav .nav-link.is-active,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-nav .nav-link[aria-current="page"],
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-nav .nav-link.is-active,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-nav .nav-link[aria-current="page"] {
  color: #d2c1af !important;
  background: transparent !important;
  box-shadow: none !important;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-token,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-token {
  position: relative;
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  height: 72px;
  min-height: 72px;
  min-width: 118px;
  flex: 0 0 auto;
  margin: 0 !important;
  transform: none !important;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-token:after,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-token:after {
  content: "" !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -30px;
  display: block !important;
  width: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 118px !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 8px 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0 0 0 rgba(210, 193, 175, 0) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 13px;
  transform: none !important;
  overflow: visible !important;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass:before,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass:after,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass:before,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass:after {
  content: none !important;
  display: none !important;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-token-icon-shell,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-token-icon-shell {
  display: none !important;
}

.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass .envocs-token-label,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass .envocs-token-label {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: nowrap !important;
  color: inherit !important;
  font-size: inherit;
  line-height: 1;
}

.navbar.envocs-site-nav .envocs-token-tooltip {
  display: none !important;
}

/* ============ FLOATING NAV LIQUID GLASS ============ */
@media screen and (min-width: 1025px) {
  .navbar.envocs-site-nav.header-floating.nav-scroll,
  .navbar.envocs-floating-nav.nav-scroll {
    position: fixed !important;
    top: var(--envocs-floating-nav-top) !important;
    left: 50% !important;
    right: auto !important;
    width: min(536px, calc(100vw - 32px)) !important;
    max-width: min(536px, calc(100vw - 32px)) !important;
    min-height: 60px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    opacity: 1;
    filter: blur(0);
    transform: translate3d(-50%, 0, 0) scale(1);
    transform-origin: 50% 50%;
    will-change: transform, opacity, filter;
    animation: envocs-floating-dock-reveal var(--envocs-nav-transition-duration) var(--envocs-nav-transition-ease) both;
    pointer-events: none;
    z-index: 1000;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
    position: relative;
    isolation: isolate;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100% !important;
    max-width: min(536px, calc(100vw - 32px)) !important;
    min-height: 60px !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    border: 1px solid var(--envocs-nav-glass-border) !important;
    border-radius: 999px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.018)),
      var(--envocs-nav-glass-bg-fallback) !important;
    box-shadow:
      var(--envocs-nav-glass-shadow),
      inset 0 1px 0 rgba(255, 255, 255, 0.16),
      inset 0 -14px 28px rgba(0, 0, 0, 0.22),
      inset 0 -1px 0 rgba(255, 255, 255, 0.05) !important;
    overflow: visible !important;
    pointer-events: auto;
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
    transform-origin: 50% 50%;
  }

  @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock,
    .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
      background:
        radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.012)),
        var(--envocs-nav-glass-bg) !important;
      -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
      backdrop-filter: blur(18px) saturate(145%) !important;
    }
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock:before,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock:after,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:after {
    content: "";
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:before {
    inset: 1px;
    z-index: 0;
    background:
      linear-gradient(180deg, var(--envocs-nav-glass-highlight), transparent 24%),
      linear-gradient(108deg, transparent 12%, rgba(255, 255, 255, 0.078) 38%, transparent 62%);
    filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 0.5;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock:after,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:after {
    inset: -1px;
    z-index: 0;
    background: radial-gradient(circle 104px at var(--nav-glow-x) var(--nav-glow-y), rgba(255, 255, 255, 0.064), rgba(210, 193, 175, 0.032) 36%, transparent 70%);
    filter: none !important;
    mix-blend-mode: normal !important;
    opacity: var(--nav-glow-opacity);
    transition: opacity 180ms ease;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock > *,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock > * {
    position: relative;
    z-index: 1;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-collapse,
  .navbar.envocs-floating-nav.nav-scroll .navbar-collapse {
    display: flex !important;
    justify-content: center !important;
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    max-width: none !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: visible !important;
    pointer-events: auto;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-logo,
  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-nav .nav-link,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo,
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: var(--envocs-dock-item-size) !important;
    min-width: var(--envocs-dock-item-size) !important;
    max-width: var(--envocs-dock-item-size) !important;
    height: var(--envocs-dock-item-size) !important;
    min-height: var(--envocs-dock-item-size) !important;
    flex: 0 0 var(--envocs-dock-item-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 17px !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: rgba(238, 238, 238, 0.86) !important;
    overflow: visible !important;
    transform: none !important;
    transition: color 200ms ease, background 200ms ease, transform 200ms var(--envocs-nav-glass-ease), text-shadow 200ms ease;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-logo,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    border-radius: 999px !important;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-logo img,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    max-height: 24px !important;
    object-fit: contain;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.34));
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-menu,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu {
    display: inline-flex !important;
    align-items: center;
    justify-content: space-evenly;
    flex: 1 1 auto;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    min-height: 0 !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    overflow: visible !important;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-menu:before,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-menu:after,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu:after {
    content: none !important;
    display: none !important;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-nav .nav-link .envocs-nav-icon,
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link .envocs-nav-icon {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    stroke: currentColor;
    stroke-width: 1.56;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.96;
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.38));
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-nav .nav-link .envocs-nav-label,
  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-nav .nav-link .rolling-text,
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link .envocs-nav-label,
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link .rolling-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-nav .nav-link:before,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass:before,
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:before {
    content: "";
    position: absolute;
    inset: 4px;
    z-index: -1;
    border-radius: inherit;
    background: rgba(238, 238, 238, 0.07);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 18px rgba(210, 193, 175, 0.06);
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 180ms ease, transform 220ms var(--envocs-nav-glass-ease);
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-nav .nav-link:after,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-logo:after,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass:after,
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:after,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:after,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:after {
    content: none !important;
    display: none !important;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-nav .nav-link:hover,
  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-nav .nav-link:focus-visible,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass:hover,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass:focus-visible,
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover,
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:hover,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:focus-visible {
    color: #eeeeee !important;
    text-shadow: 0 0 14px rgba(210, 193, 175, 0.1);
    transform: translateY(-1px) scale(1.015) !important;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-nav .nav-link:active,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass:active,
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:active,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:active {
    color: #eeeeee !important;
    transform: translateY(1px) scale(0.985) !important;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-nav .nav-link:hover:before,
  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-nav .nav-link:focus-visible:before,
  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-nav .nav-link.is-active:before,
  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-nav .nav-link[aria-current="page"]:before,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass:hover:before,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass:focus-visible:before,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass.is-active:before,
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:hover:before,
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link:focus-visible:before,
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link.is-active:before,
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link[aria-current="page"]:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:hover:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass:focus-visible:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.is-active:before {
    opacity: 1;
    transform: scale(1);
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-nav .nav-link.is-active,
  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-nav .nav-link[aria-current="page"],
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass.is-active,
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link.is-active,
  .navbar.envocs-floating-nav.nav-scroll .navbar-nav .nav-link[aria-current="page"],
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.is-active {
    color: #eeeeee !important;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-token,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-token {
    display: flex !important;
    justify-content: flex-end;
    flex: 0 0 var(--envocs-dock-item-size);
    min-width: var(--envocs-dock-item-size);
    margin: 0 !important;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-token:before,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-token:after,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-token:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-token:after {
    content: none !important;
    display: none !important;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-token-icon-shell,
  .navbar.envocs-floating-nav.nav-scroll .envocs-token-icon-shell {
    position: relative !important;
    z-index: 1;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    pointer-events: none;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-token-icon-shell:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-token-icon-shell:before {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(210, 193, 175, 0.13), rgba(210, 193, 175, 0.045) 45%, transparent 72%);
    opacity: 0.34;
    pointer-events: none;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-floating-token-icon,
  .navbar.envocs-floating-nav.nav-scroll .envocs-floating-token-icon {
    position: relative !important;
    z-index: 1;
    display: block !important;
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    object-fit: contain;
    opacity: 0.92;
    filter: drop-shadow(0 6px 14px rgba(210, 193, 175, 0.14));
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass .envocs-token-label,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass .envocs-token-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
}

@keyframes envocs-floating-dock-reveal {
  0% {
    opacity: 0;
    filter: blur(6px);
    transform: translate3d(-50%, -16px, 0) scale(0.92);
  }

  42% {
    opacity: 0.82;
    filter: blur(2px);
  }

  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(-50%, 0, 0) scale(1);
  }
}

/* ============ MOBILE MENU LIQUID GLASS ============ */
@media screen and (max-width: 1024px) {
  .navbar.envocs-site-nav,
  .navbar.envocs-floating-nav.nav-scroll {
    top: 12px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-height: 64px;
    padding: 0 16px !important;
    transform: none !important;
    pointer-events: none;
  }

  .navbar.envocs-site-nav .envocs-unified-dock,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 44px;
    align-items: center;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 64px !important;
    gap: 12px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(210, 193, 175, 0.14) !important;
    border-radius: 22px !important;
    background: rgba(8, 8, 8, 0.68) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
    pointer-events: auto;
  }

  @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .navbar.envocs-site-nav .envocs-unified-dock,
    .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
      -webkit-backdrop-filter: blur(10px) saturate(124%) !important;
      backdrop-filter: blur(10px) saturate(124%) !important;
    }
  }

  .navbar.envocs-site-nav .envocs-unified-dock:before,
  .navbar.envocs-site-nav .envocs-unified-dock:after,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:after {
    content: none !important;
    display: none !important;
  }

  .navbar.envocs-site-nav .navbar-collapse,
  .navbar.envocs-floating-nav.nav-scroll .navbar-collapse,
  .navbar.envocs-site-nav .envocs-nav-island-menu,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu,
  .navbar.envocs-site-nav .envocs-nav-island-token,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-token {
    display: none !important;
  }

  .navbar.envocs-site-nav .envocs-nav-island-logo,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 9px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.025) !important;
    overflow: hidden;
  }

  .navbar.envocs-site-nav .envocs-nav-island-logo:before,
  .navbar.envocs-site-nav .envocs-nav-island-logo:after,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo:after {
    content: none !important;
    display: none !important;
  }

  .navbar.envocs-site-nav .envocs-nav-island-logo img,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
    height: 29px !important;
    max-height: 29px !important;
    object-fit: contain;
  }

  .envocs-mobile-price-ticker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    width: min(240px, 100%);
    max-width: 100%;
    height: 36px;
    flex: 1 1 auto;
    justify-self: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid rgba(210, 193, 175, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(244, 239, 231, 0.88);
    font-family: var(--envocs-font-mono), var(--font-envocs-mono), monospace;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.02em;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: auto;
  }

  .envocs-staggered-menu-toggle {
    display: inline-flex;
    position: relative;
    justify-self: end;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    border: 1px solid rgba(210, 193, 175, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    color: #f4efe7;
    pointer-events: auto;
  }

  .envocs-mobile-drawer__overlay {
    background: rgba(0, 0, 0, 0.56);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }

  .envocs-mobile-drawer__panel {
    top: 0 !important;
    right: auto !important;
    left: 0 !important;
    width: min(86vw, 360px) !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    max-height: none !important;
    padding: calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-right: 1px solid rgba(244, 239, 231, 0.08) !important;
    border-radius: 0 !important;
    background: rgba(5, 5, 5, 0.96) !important;
    box-shadow: 18px 0 38px rgba(0, 0, 0, 0.34) !important;
    color: #f4efe7;
    opacity: 1 !important;
    transform: translateX(-105%) !important;
    transform-origin: left center !important;
    transition: transform 0.36s var(--envocs-nav-glass-ease) !important;
  }

  @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .envocs-mobile-drawer__panel {
      -webkit-backdrop-filter: blur(12px) saturate(112%) !important;
      backdrop-filter: blur(12px) saturate(112%) !important;
    }
  }

  .envocs-mobile-drawer.is-open .envocs-mobile-drawer__panel {
    transform: translateX(0) !important;
  }

  .envocs-mobile-drawer__nav a,
  .envocs-mobile-drawer__grid a,
  .envocs-mobile-drawer__search-results a {
    border-radius: 0 !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

@media screen and (max-width: 767px) {
  .navbar.envocs-site-nav,
  .navbar.envocs-floating-nav.nav-scroll {
    top: 10px !important;
    padding: 0 12px !important;
  }

  .navbar.envocs-site-nav .envocs-unified-dock,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    min-height: 58px !important;
    gap: 8px !important;
    padding: 7px 8px !important;
    border-radius: 20px !important;
  }

  .navbar.envocs-site-nav .envocs-nav-island-logo,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 8px !important;
  }

  .navbar.envocs-site-nav .envocs-nav-island-logo img,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 27px !important;
    min-width: 27px !important;
    max-width: 27px !important;
    height: 27px !important;
    max-height: 27px !important;
  }

  .envocs-mobile-price-ticker {
    width: 100%;
    height: 38px;
    padding: 0 9px;
    gap: 6px;
    font-size: 10px;
  }

  .envocs-mobile-bottom-nav {
    display: none !important;
  }
}

/* ============ MOBILE HEADER RESTORE OVERRIDES ============ */
@media screen and (max-width: 1024px) {
  .navbar.envocs-site-nav.header-normal:not(.nav-scroll),
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav),
  .navbar.envocs-site-nav.header-floating.nav-scroll,
  .navbar.envocs-floating-nav.nav-scroll {
    top: 12px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-height: 64px !important;
    padding: 0 16px !important;
    transform: none !important;
    pointer-events: none;
  }

  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-unified-dock,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-unified-dock,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 44px !important;
    align-items: center;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 64px !important;
    gap: 12px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(210, 193, 175, 0.14) !important;
    border-radius: 22px !important;
    background: rgba(8, 8, 8, 0.68) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
    -webkit-backdrop-filter: blur(10px) saturate(124%) !important;
    backdrop-filter: blur(10px) saturate(124%) !important;
    pointer-events: auto;
  }

  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .navbar-collapse,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .navbar-collapse,
  .navbar.envocs-site-nav.header-floating.nav-scroll .navbar-collapse,
  .navbar.envocs-floating-nav.nav-scroll .navbar-collapse,
  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-menu,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-menu,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-menu,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-menu,
  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-token,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-token,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-token,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-token {
    display: none !important;
  }

  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-logo,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-logo,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-logo,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 9px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.025) !important;
    overflow: hidden;
  }

  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-logo:before,
  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-logo:after,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-logo:before,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-logo:after,
  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-token:before,
  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-token:after,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-token:before,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-token:after {
    content: none !important;
    display: none !important;
  }

  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-logo img,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-logo img,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-logo img,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
    height: 29px !important;
    max-height: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .navbar.envocs-site-nav.header-normal:not(.nav-scroll),
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav),
  .navbar.envocs-site-nav.header-floating.nav-scroll,
  .navbar.envocs-floating-nav.nav-scroll {
    top: 10px !important;
    padding: 0 12px !important;
  }

  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-unified-dock,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-unified-dock,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    min-height: 58px !important;
    gap: 8px !important;
    padding: 7px 8px !important;
    border-radius: 20px !important;
  }

  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-logo,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-logo,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-logo,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 8px !important;
  }

  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-island-logo img,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-island-logo img,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-island-logo img,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-island-logo img {
    width: 27px !important;
    min-width: 27px !important;
    max-width: 27px !important;
    height: 27px !important;
    max-height: 27px !important;
  }
}

/* ============ LIQUID GLASS ACCESSIBILITY ============ */
@media (prefers-reduced-motion: reduce) {
  .navbar.envocs-site-nav,
  .navbar.envocs-site-nav *,
  .navbar.envocs-site-nav *:before,
  .navbar.envocs-site-nav *:after,
  .envocs-mobile-drawer,
  .envocs-mobile-drawer *,
  .envocs-mobile-drawer *:before,
  .envocs-mobile-drawer *:after {
    animation: none !important;
    transition-duration: 1ms !important;
  }

  .navbar.envocs-site-nav {
    --nav-glow-opacity: 0 !important;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll,
  .navbar.envocs-floating-nav.nav-scroll {
    animation: none !important;
    filter: none !important;
    transform: translate3d(-50%, 0, 0) scale(1) !important;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock {
    animation: none !important;
    filter: none !important;
    transform: none !important;
  }
}


/* ENVOCS Services hero and full-width capability layout refinement
-----------------------------------------------------------------*/
.header.page-header.section-padding.valign.envocs-services-hero {
  min-height: min(860px, 86vh);
  padding-top: clamp(140px, 18vh, 190px);
  padding-bottom: clamp(88px, 12vh, 132px);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background:
    radial-gradient(circle at 78% 24%, rgba(210, 193, 175, 0.12), transparent 26%),
    radial-gradient(circle at 64% 8%, rgba(91, 118, 150, 0.13), transparent 32%),
    linear-gradient(180deg, #030303 0%, #070708 48%, #0a0a0a 100%);
}

.header.page-header.section-padding.valign.envocs-services-hero:before {
  content: "";
  position: absolute;
  inset: -18% -10% -8% 36%;
  z-index: -2;
  background:
    conic-gradient(from 214deg at 78% 12%, transparent 0deg, rgba(255, 255, 255, 0.13) 18deg, rgba(210, 193, 175, 0.12) 31deg, transparent 56deg),
    linear-gradient(112deg, transparent 0%, rgba(255, 255, 255, 0.055) 45%, rgba(210, 193, 175, 0.1) 53%, transparent 68%);
  filter: blur(18px);
  opacity: 0.72;
  transform: perspective(900px) rotateX(52deg) rotateZ(-7deg);
  transform-origin: right top;
  pointer-events: none;
}

.header.page-header.section-padding.valign.envocs-services-hero:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse at 74% 78%, rgba(255, 255, 255, 0.07), transparent 34%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: auto, 86px 86px, 86px 86px;
  -webkit-mask-image: linear-gradient(120deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.72) 48%, transparent 92%);
  mask-image: linear-gradient(120deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.72) 48%, transparent 92%);
  opacity: 0.52;
  pointer-events: none;
}

.header.page-header.section-padding.valign.envocs-services-hero .container {
  position: relative;
  z-index: 2;
}

.header.page-header.section-padding.valign.envocs-services-hero .row {
  row-gap: 32px;
}

.envocs-services-hero-label.envocs-bracket-label,
.envocs-bracket-label {
  font-family: var(--envocs-font-mono), var(--font-envocs-mono), monospace !important;
  color: rgba(210, 193, 175, 0.86) !important;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
}

.envocs-services-hero-copy {
  max-width: 780px;
}

.envocs-services-hero-title {
  max-width: 760px;
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif !important;
  font-size: clamp(48px, 5.5vw, 72px) !important;
  font-weight: 500;
  letter-spacing: 0 !important;
  line-height: 0.98;
  text-transform: none !important;
  text-wrap: balance;
}

.envocs-services-hero-title .fw-200 {
  font-weight: 300 !important;
  color: rgba(255, 255, 255, 0.78);
}

.envocs-services-hero-desc {
  max-width: 620px;
  margin-left: auto;
  padding-left: 0;
  border-left: 0;
  color: rgba(255, 255, 255, 0.66);
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: clamp(16px, 1.25vw, 18px);
  font-weight: 400;
  line-height: 1.68;
}

.envocs-services-modern .sec-head {
  margin-bottom: clamp(44px, 6vw, 78px) !important;
}

.envocs-services-modern .envocs-services-panel-intro {
  max-width: 860px;
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: clamp(24px, 2.35vw, 38px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.18;
  text-wrap: balance;
}

.envocs-services-modern .container-fluid.rest {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: clamp(24px, 4vw, 72px);
  padding-right: clamp(24px, 4vw, 72px);
  box-sizing: border-box;
  overflow: clip;
}

.envocs-services-modern .serv-boxs.envocs-service-boxes {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: clamp(8px, 0.85vw, 14px);
  padding: 0;
  box-sizing: border-box;
}

.envocs-services-modern .item.envocs-service-item {
  flex: 0 1 clamp(76px, 5vw, 104px);
  min-width: 0;
  height: 358px;
  padding: 0 !important;
}

.envocs-services-modern .item.envocs-service-item.active,
.envocs-services-modern .item.envocs-service-active {
  flex: 1 1 clamp(760px, 58vw, 920px);
  min-width: 0;
  max-width: 920px;
  height: 358px;
}

@media screen and (max-width: 991px) {
  .header.page-header.section-padding.valign.envocs-services-hero {
    min-height: auto;
    padding-top: 132px;
    padding-bottom: 84px;
  }

  .envocs-services-hero-title {
    font-size: clamp(42px, 8vw, 60px) !important;
  }

  .envocs-services-hero-desc {
    max-width: 620px;
    margin-left: 0;
    font-size: 16px;
  }

  .envocs-services-modern .container-fluid.rest {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
    overflow: visible;
  }

  .envocs-services-modern .serv-boxs.envocs-service-boxes {
    flex-direction: column;
    justify-content: flex-start;
    gap: 12px;
  }

  .envocs-services-modern .item.envocs-service-item,
  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    width: 100% !important;
    max-width: none;
    flex: none;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .header.page-header.section-padding.valign.envocs-services-hero {
    padding-top: 112px;
    padding-bottom: 68px;
  }

  .envocs-services-hero-title {
    font-size: clamp(38px, 11vw, 52px) !important;
    line-height: 1.02;
  }

  .envocs-services-hero-desc {
    font-size: 15px;
    line-height: 1.66;
  }

  .envocs-services-modern .envocs-services-panel-intro {
    font-size: clamp(22px, 7vw, 30px);
    line-height: 1.22;
  }
}

/* ENVOCS Services hero image + stacked card-swap panels - terminal override */
.header.page-header.section-padding.valign.envocs-services-hero {
  background-image:
    linear-gradient(90deg, rgba(3, 3, 3, 0.92) 0%, rgba(5, 5, 5, 0.76) 42%, rgba(5, 5, 5, 0.48) 72%, rgba(5, 5, 5, 0.82) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.68)),
    url("/assets/imgs/header/services-header.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.header.page-header.section-padding.valign.envocs-services-hero:before {
  background:
    radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.13), transparent 24%),
    linear-gradient(111deg, transparent 0%, rgba(255, 255, 255, 0.045) 43%, rgba(210, 193, 175, 0.09) 54%, transparent 70%);
  filter: blur(16px);
  opacity: 0.62;
}

.envocs-services-modern .envocs-capability-heading-row {
  align-items: flex-start;
  row-gap: 18px;
}

.envocs-services-modern .envocs-capabilities-label {
  margin-bottom: 0 !important;
  color: rgba(210, 193, 175, 0.86) !important;
  font-family: var(--envocs-font-mono), var(--font-envocs-mono), monospace !important;
  font-size: 11px !important;
  font-weight: 400;
  letter-spacing: 0.18em;
  line-height: 1.2;
}

.envocs-services-modern .envocs-services-panel-intro {
  max-width: 760px;
  margin: 0;
  font-size: clamp(16px, 1.45vw, 22px);
  font-weight: 400;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.62);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.58) 58%, rgba(210, 193, 175, 0.72));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.envocs-services-modern .container-fluid.rest {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: clamp(24px, 4vw, 72px);
  padding-right: clamp(24px, 4vw, 72px);
  overflow: clip;
}

.envocs-services-modern .serv-boxs.envocs-service-boxes {
  width: 100%;
  max-width: none;
  min-height: 390px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 0;
  padding: 0;
  overflow: visible;
  isolation: isolate;
}

.envocs-services-modern .item.envocs-service-item {
  position: relative;
  flex: 0 1 clamp(88px, 8vw, 124px);
  min-width: 74px;
  height: 378px;
  margin: 0;
  padding: 0 !important;
  border-radius: 16px;
  opacity: 0.74;
  z-index: calc(6 - var(--envocs-card-index));
  background:
    radial-gradient(circle at 70% 0%, rgba(210, 193, 175, 0.055), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(7, 7, 7, 0.86);
  border-color: rgba(255, 255, 255, 0.105);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.32),
    0 1px 0 rgba(255, 255, 255, 0.055) inset;
  transform: translateY(calc(var(--envocs-card-index) * 2px));
  transition:
    flex-basis 0.62s cubic-bezier(0.22, 1, 0.36, 1),
    flex-grow 0.62s cubic-bezier(0.22, 1, 0.36, 1),
    max-width 0.62s cubic-bezier(0.22, 1, 0.36, 1),
    margin 0.62s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.32s ease,
    border-color 0.32s ease,
    background 0.32s ease,
    box-shadow 0.32s ease;
}

.envocs-services-modern .item.envocs-service-item + .item.envocs-service-item {
  margin-left: clamp(-34px, -2.2vw, -22px);
}

.envocs-services-modern .item.envocs-service-item:not(.active):hover,
.envocs-services-modern .item.envocs-service-item:not(.active):focus-visible {
  opacity: 0.9;
  transform: translateY(calc(var(--envocs-card-index) * 2px - 4px));
  border-color: rgba(210, 193, 175, 0.28);
}

.envocs-services-modern .item.envocs-service-item.active,
.envocs-services-modern .item.envocs-service-active {
  flex: 1 1 clamp(760px, 62vw, 900px);
  min-width: 0;
  max-width: 900px;
  height: 378px;
  opacity: 1;
  z-index: 24;
  transform: translateY(-8px);
  border-color: rgba(210, 193, 175, 0.4);
  background:
    radial-gradient(circle at 82% 10%, rgba(210, 193, 175, 0.13), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.068), rgba(255, 255, 255, 0.014)),
    rgba(8, 8, 8, 0.94);
  box-shadow:
    0 30px 84px rgba(0, 0, 0, 0.48),
    0 0 0 1px rgba(210, 193, 175, 0.07) inset,
    0 1px 0 rgba(255, 255, 255, 0.09) inset;
}

.envocs-services-modern .envocs-service-panel-body {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  padding: 30px 34px;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-body {
  padding: 24px 13px;
  justify-items: center;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-copy,
.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-title-full {
  display: none !important;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-footer {
  width: 100%;
  display: grid !important;
  grid-template-rows: auto auto;
  justify-items: center;
  align-content: end;
  gap: 12px;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-abbr {
  display: inline-flex;
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-panel-copy,
.envocs-services-modern .item.envocs-service-active .envocs-service-panel-copy {
  display: block;
  max-width: 560px;
  align-self: end;
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-title-full,
.envocs-services-modern .item.envocs-service-active .envocs-service-title-full {
  display: inline;
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-abbr,
.envocs-services-modern .item.envocs-service-active .envocs-service-abbr {
  display: inline-flex;
  margin-left: 10px;
  padding: 4px 7px;
  border: 1px solid rgba(210, 193, 175, 0.22);
  border-radius: 999px;
  color: rgba(210, 193, 175, 0.78);
  font-family: var(--envocs-font-mono), var(--font-envocs-mono), monospace;
  font-size: 10px;
  line-height: 1;
}

@media screen and (max-width: 991px) {
  .envocs-services-modern .envocs-capability-heading-row {
    row-gap: 14px;
  }

  .envocs-services-modern .envocs-services-panel-intro {
    max-width: none;
  }

  .envocs-services-modern .container-fluid.rest {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
    overflow: visible;
  }

  .envocs-services-modern .serv-boxs.envocs-service-boxes {
    min-height: 0;
    flex-direction: column;
    gap: 12px;
    overflow: visible;
  }

  .envocs-services-modern .item.envocs-service-item,
  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    width: 100% !important;
    max-width: none;
    min-width: 0;
    flex: none;
    height: auto;
    min-height: 118px;
    margin-left: 0 !important;
    opacity: 1;
    transform: none;
  }

  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    min-height: 286px;
  }

  .envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-body {
    min-height: 118px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: 1fr;
    align-items: center;
    justify-items: stretch;
    gap: 14px;
    padding: 22px;
  }

  .envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-footer {
    width: auto;
    grid-template-rows: none;
    grid-template-columns: auto auto;
    align-items: center !important;
    justify-content: end;
    gap: 12px;
  }
}

@media screen and (max-width: 767px) {
  .envocs-services-modern .envocs-capabilities-label {
    margin-bottom: 12px !important;
  }

  .envocs-services-modern .envocs-services-panel-intro {
    font-size: 16px;
    line-height: 1.55;
  }

  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    min-height: 310px;
  }
}

/* ENVOCS React Bits-inspired text effects
-----------------------------------------------------------------*/
.envocs-decrypted-text {
  display: inline;
  font: inherit;
  white-space: normal;
  word-break: normal;
}

.envocs-decrypted-char {
  display: inline;
  font: inherit;
  transition:
    color 0.18s ease,
    opacity 0.18s ease;
}

.envocs-decrypted-char.is-encrypted {
  color: rgba(255, 255, 255, 0.45);
  opacity: 0.45;
}

.envocs-decrypted-text.is-waiting .envocs-decrypted-char {
  opacity: 0;
}

.envocs-decrypted-char.encrypted {
  color: rgba(255, 255, 255, 0.42);
  opacity: 0.42;
}

.envocs-decrypted-char.is-original {
  color: inherit;
  opacity: 1;
}

.envocs-decrypted-char.revealed {
  color: inherit;
}

.envocs-scroll-reveal {
  display: block;
}

.envocs-scroll-reveal-word {
  display: inline-block;
  transform: translateZ(0);
  will-change: opacity, filter, transform;
}

.envocs-home-header,
.about-author,
.envocs-work-stack {
  isolation: isolate;
  position: relative;
}

.envocs-home-header > .container,
.about-author > .container,
.envocs-work-stack > .container,
.envocs-work-stack > .sec-bottom {
  position: relative;
  z-index: 4;
}

.envocs-protected-media,
.envocs-protected-media-bg {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  position: relative;
  user-select: none;
}

.envocs-protected-media {
  display: block;
  overflow: hidden;
}

.envocs-protected-media img {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  display: block;
  pointer-events: none;
  user-select: none;
}

.envocs-protected-media-overlay {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.envocs-pixel-number,
.envocs-service-deck .envocs-service-icon span {
  font-family: var(--envocs-font-pixel) !important;
  font-synthesis: none;
  letter-spacing: 0.04em;
}

@media (prefers-reduced-motion: reduce) {
  .envocs-decrypted-char,
  .envocs-scroll-reveal-word {
    color: inherit !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ENVOCS Services x.ai-inspired LightRays hero - terminal override */
.header.page-header.section-padding.valign.envocs-services-hero {
  min-height: 100svh;
  padding: 0;
  display: block;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 72% 34%, rgba(216, 232, 255, 0.08), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(210, 193, 175, 0.06), transparent 24%),
    #030304;
  border-bottom: 0;
}

.header.page-header.section-padding.valign.envocs-services-hero:before {
  content: "";
  position: absolute;
  inset: -12% -8% -12% 38%;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, transparent 12%, rgba(216, 232, 255, 0.085) 44%, rgba(210, 193, 175, 0.05) 57%, transparent 76%);
  filter: blur(26px);
  opacity: 0.68;
  transform: skewX(-9deg);
}

.header.page-header.section-padding.valign.envocs-services-hero:after {
  content: "";
  position: absolute;
  left: clamp(22px, 4vw, 64px);
  right: clamp(22px, 4vw, 64px);
  bottom: 0;
  z-index: 5;
  height: 1px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.06) 32%, rgba(210, 193, 175, 0.16) 68%, transparent);
  opacity: 0.42;
  pointer-events: none;
}

.light-rays-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}

.light-rays-container:before {
  content: "";
  position: absolute;
  inset: -18% -8% -18% 30%;
  z-index: 0;
  background:
    radial-gradient(ellipse at 82% 46%, rgba(216, 232, 255, 0.18), transparent 36%),
    linear-gradient(112deg, transparent 0%, rgba(216, 232, 255, 0.085) 48%, rgba(210, 193, 175, 0.04) 60%, transparent 78%);
  filter: blur(20px);
  opacity: 0.48;
}

.light-rays-container[data-reduced-motion="true"]:before,
.light-rays-container[data-webgl-fallback="true"]:before {
  opacity: 0.76;
}

.light-rays-canvas {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  display: block;
  opacity: 0.84;
  mix-blend-mode: screen;
}

.envocs-services-light-rays {
  opacity: 0.95;
}

.envocs-services-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 35%, transparent 0%, rgba(3, 3, 4, 0.18) 34%, rgba(3, 3, 4, 0.58) 76%),
    linear-gradient(90deg, rgba(3, 3, 4, 0.92), rgba(3, 3, 4, 0.72) 38%, rgba(3, 3, 4, 0.26) 76%, rgba(3, 3, 4, 0.68)),
    linear-gradient(180deg, rgba(3, 3, 4, 0.22), rgba(3, 3, 4, 0.08) 52%, rgba(3, 3, 4, 0.84));
}

.envocs-services-hero-layout {
  position: relative;
  z-index: 3;
  min-height: 100svh;
  display: grid;
  grid-template-rows: 1fr auto;
  padding-top: clamp(96px, 13vh, 140px);
  padding-bottom: clamp(38px, 7vh, 76px);
}

.envocs-services-hero-copy {
  align-self: center;
  max-width: 720px;
  transform: translateY(-4vh);
}

.envocs-services-hero-label {
  display: block;
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.48) !important;
  font-family: var(--envocs-font-mono), var(--font-envocs-mono), monospace !important;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
}

.envocs-services-hero-title {
  max-width: 680px;
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif !important;
  font-size: clamp(42px, 5vw, 68px) !important;
  font-weight: 450;
  letter-spacing: 0 !important;
  line-height: 1.02;
  text-transform: none !important;
  text-wrap: balance;
}

.envocs-services-hero-bottom {
  display: grid;
  grid-template-columns: auto minmax(280px, 720px) auto;
  align-items: end;
  gap: clamp(22px, 4vw, 64px);
}

.envocs-services-hero-desc {
  max-width: 720px;
  margin: 0;
  padding: 0;
  border: 0;
  color: rgba(255, 255, 255, 0.72);
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: clamp(15px, 1.1vw, 17px);
  font-weight: 400;
  line-height: 1.55;
}

.envocs-services-hero-cta {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  -webkit-backdrop-filter: blur(10px) saturate(130%);
  backdrop-filter: blur(10px) saturate(130%);
  color: rgba(255, 255, 255, 0.86);
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  transition:
    border-color 0.28s ease,
    background 0.28s ease,
    color 0.28s ease,
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.envocs-services-hero-cta:hover,
.envocs-services-hero-cta:focus-visible {
  border-color: rgba(210, 193, 175, 0.38);
  background: rgba(210, 193, 175, 0.07);
  color: #fff;
  transform: translateY(-2px);
}

.envocs-services-hero-arrow {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.58);
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: 18px;
  line-height: 1;
  transition:
    border-color 0.28s ease,
    color 0.28s ease,
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.envocs-services-hero-arrow:hover,
.envocs-services-hero-arrow:focus-visible {
  border-color: rgba(255, 255, 255, 0.24);
  color: rgba(255, 255, 255, 0.86);
  transform: translateY(2px);
}

@media screen and (max-width: 991px) {
  .envocs-services-hero-layout {
    padding-top: 104px;
    padding-bottom: 34px;
  }

  .envocs-services-hero-copy {
    transform: none;
  }

  .envocs-services-hero-bottom {
    grid-template-columns: auto 1fr;
    align-items: end;
  }

  .envocs-services-hero-cta {
    grid-column: 2;
    justify-self: start;
    margin-top: 18px;
  }
}

@media screen and (max-width: 767px) {
  .envocs-services-hero-layout {
    min-height: 100svh;
    padding-top: 92px;
    padding-bottom: 28px;
  }

  .envocs-services-hero-title {
    font-size: clamp(36px, 10vw, 48px) !important;
    line-height: 1.05;
  }

  .envocs-services-hero-bottom {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .envocs-services-hero-arrow {
    order: 3;
    width: 38px;
    height: 38px;
  }

  .envocs-services-hero-cta {
    grid-column: auto;
    justify-self: start;
    min-height: 40px;
    margin-top: 0;
  }

  .envocs-services-hero-desc {
    font-size: 15px;
    line-height: 1.55;
  }
}

@media (prefers-reduced-motion: reduce) {
  .light-rays-canvas {
    display: none;
  }
}

/* ENVOCS unified x.ai-inspired page headers
-----------------------------------------------------------------*/
.envocs-page-header {
  min-height: 100svh;
  padding: 0;
  display: block;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 0;
  background:
    radial-gradient(circle at 76% 30%, rgba(216, 232, 255, 0.075), transparent 30%),
    radial-gradient(circle at 84% 16%, rgba(210, 193, 175, 0.055), transparent 24%),
    #030304;
}

.envocs-page-header:before {
  content: "";
  position: absolute;
  inset: -14% -10% -10% 34%;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(112deg, transparent 12%, rgba(216, 232, 255, 0.075) 44%, rgba(210, 193, 175, 0.05) 58%, transparent 78%);
  filter: blur(28px);
  opacity: 0.58;
  transform: skewX(-9deg);
}

.envocs-page-header:after {
  content: "";
  position: absolute;
  left: clamp(22px, 4vw, 64px);
  right: clamp(22px, 4vw, 64px);
  bottom: 0;
  z-index: 5;
  height: 1px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.06) 32%, rgba(210, 193, 175, 0.16) 68%, transparent);
  opacity: 0.42;
  pointer-events: none;
}

.envocs-page-header-bg,
.envocs-page-header-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.envocs-page-header-bg {
  z-index: 1;
  overflow: hidden;
}

.envocs-page-header-bg:before,
.envocs-page-header-bg:after {
  content: "";
  position: absolute;
  border-radius: 999px;
  filter: blur(46px);
  opacity: 0.32;
  transform: translateZ(0);
}

.envocs-page-header-bg:before {
  width: 46vw;
  height: 46vw;
  right: -18vw;
  top: 6vh;
  background: rgba(210, 193, 175, 0.18);
}

.envocs-page-header-bg:after {
  width: 42vw;
  height: 32vw;
  right: 16vw;
  bottom: -18vh;
  background: rgba(82, 99, 122, 0.18);
}

.envocs-page-header-overlay {
  z-index: 2;
  background:
    radial-gradient(circle at 76% 35%, transparent 0%, rgba(3, 3, 4, 0.1) 38%, rgba(3, 3, 4, 0.18) 82%),
    linear-gradient(90deg, rgba(3, 3, 4, 0.18), rgba(3, 3, 4, 0.1) 44%, rgba(3, 3, 4, 0.04) 78%),
    linear-gradient(180deg, rgba(3, 3, 4, 0.08), transparent 52%, rgba(3, 3, 4, 0.18));
}

.envocs-page-header-light-rays {
  opacity: 0.98;
}

.envocs-page-header-layout {
  position: relative;
  z-index: 3;
  min-height: 100svh;
  display: grid;
  grid-template-rows: 1fr auto;
  padding-top: clamp(96px, 13vh, 140px);
  padding-bottom: clamp(38px, 7vh, 76px);
}

.envocs-page-header-copy {
  align-self: center;
  max-width: 720px;
  transform: translateY(-4vh);
}

.envocs-page-header-label {
  display: block;
  margin-bottom: 18px;
  color: #d2c1af !important;
  font-family: var(--envocs-font-mono), var(--font-envocs-mono), monospace !important;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
}

.envocs-page-header-title {
  max-width: 680px;
  margin: 0;
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif !important;
  font-size: clamp(42px, 5vw, 68px) !important;
  font-weight: 450;
  letter-spacing: 0 !important;
  line-height: 1.02;
  text-transform: none !important;
  text-wrap: balance;
  color: rgba(255, 255, 255, 0.92);
  background:
    linear-gradient(105deg, rgba(255, 255, 255, 0.98) 0%, rgba(226, 226, 226, 0.86) 54%, rgba(210, 193, 175, 0.78) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.envocs-page-header-bottom {
  display: grid;
  grid-template-columns: auto minmax(280px, 720px) auto;
  align-items: end;
  gap: clamp(22px, 4vw, 64px);
}

.envocs-page-header-desc {
  max-width: 720px;
  margin: 0;
  padding: 0;
  border: 0;
  color: rgba(255, 255, 255, 0.68);
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: clamp(14px, 1vw, 16px);
  font-weight: 400;
  line-height: 1.6;
}

.envocs-services-hero .envocs-page-header-desc {
  font-size: 14px;
  line-height: 1.62;
  color: rgba(255, 255, 255, 0.66);
}

.header.page-header.section-padding.valign.envocs-services-hero.envocs-page-header {
  min-height: 100svh;
  padding: 0;
  background:
    radial-gradient(circle at 76% 30%, rgba(216, 232, 255, 0.075), transparent 30%),
    radial-gradient(circle at 84% 16%, rgba(210, 193, 175, 0.055), transparent 24%),
    #030304;
  border-bottom: 0;
}

.header.page-header.section-padding.valign.envocs-services-hero.envocs-page-header:before {
  inset: -14% -10% -10% 34%;
  z-index: 0;
  background:
    linear-gradient(112deg, transparent 12%, rgba(216, 232, 255, 0.075) 44%, rgba(210, 193, 175, 0.05) 58%, transparent 78%);
  filter: blur(28px);
  opacity: 0.58;
  transform: skewX(-9deg);
}

.header.page-header.section-padding.valign.envocs-services-hero.envocs-page-header:after {
  left: clamp(22px, 4vw, 64px);
  right: clamp(22px, 4vw, 64px);
  bottom: 0;
  z-index: 5;
  height: 1px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.06) 32%, rgba(210, 193, 175, 0.16) 68%, transparent);
  opacity: 0.42;
}

.header.page-header.section-padding.valign.envocs-services-hero.envocs-page-header .envocs-page-header-overlay {
  background:
    radial-gradient(circle at 76% 35%, transparent 0%, rgba(3, 3, 4, 0.1) 38%, rgba(3, 3, 4, 0.15) 82%),
    linear-gradient(90deg, rgba(3, 3, 4, 0.14), rgba(3, 3, 4, 0.09) 44%, rgba(3, 3, 4, 0.03) 78%),
    linear-gradient(180deg, rgba(3, 3, 4, 0.06), transparent 52%, rgba(3, 3, 4, 0.14));
}

.envocs-page-header-cta {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  -webkit-backdrop-filter: blur(10px) saturate(130%);
  backdrop-filter: blur(10px) saturate(130%);
  color: rgba(255, 255, 255, 0.86);
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  transition:
    border-color 0.28s ease,
    background 0.28s ease,
    color 0.28s ease,
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.envocs-page-header-cta:hover,
.envocs-page-header-cta:focus-visible {
  border-color: rgba(210, 193, 175, 0.38);
  background: rgba(210, 193, 175, 0.07);
  color: #fff;
  transform: translateY(-2px);
}

.envocs-page-header-arrow {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.58);
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: 18px;
  line-height: 1;
  transition:
    border-color 0.28s ease,
    color 0.28s ease,
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.envocs-page-header-arrow:hover,
.envocs-page-header-arrow:focus-visible {
  border-color: rgba(255, 255, 255, 0.24);
  color: rgba(255, 255, 255, 0.86);
  transform: translateY(2px);
}

.envocs-page-header--grain {
  background:
    radial-gradient(circle at 70% 30%, rgba(210, 193, 175, 0.1), transparent 30%),
    radial-gradient(circle at 22% 76%, rgba(255, 255, 255, 0.035), transparent 30%),
    #030304;
}

.envocs-page-header--grain .envocs-page-header-bg:before {
  background:
    repeating-radial-gradient(circle at center, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 5px);
  opacity: 0.12;
  filter: blur(0);
  width: 100%;
  height: 100%;
  inset: 0;
  border-radius: 0;
}

.envocs-portfolio-hero {
  background: #080808;
}

.envocs-portfolio-hero-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.55) contrast(1.05) saturate(0.88);
  pointer-events: none;
  user-select: none;
}

.envocs-portfolio-hero .envocs-page-header-bg {
  z-index: 1;
  background: rgba(0, 0, 0, 0.72);
}

.envocs-portfolio-hero .envocs-page-header-bg:before {
  background:
    repeating-radial-gradient(circle at center, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 5px);
  opacity: 0.11;
  filter: blur(0);
  width: 100%;
  height: 100%;
  inset: 0;
  border-radius: 0;
}

.envocs-portfolio-hero .envocs-page-header-bg:after {
  display: none;
}

.envocs-portfolio-hero .envocs-page-header-overlay {
  z-index: 2;
  background:
    radial-gradient(circle at 18% 28%, rgba(210, 193, 175, 0.12), transparent 32%),
    radial-gradient(circle at 78% 22%, rgba(210, 193, 175, 0.08), transparent 30%),
    linear-gradient(180deg, rgba(15, 15, 15, 0) 0%, rgba(15, 15, 15, 0.18) 42%, rgba(15, 15, 15, 0.62) 74%, #0f0f0f 100%);
}

.envocs-portfolio-hero .envocs-page-header-layout {
  z-index: 3;
}

.envocs-page-header--aurora,
.envocs-page-header--token {
  background:
    radial-gradient(circle at 78% 24%, rgba(82, 99, 122, 0.16), transparent 28%),
    radial-gradient(circle at 58% 62%, rgba(210, 193, 175, 0.075), transparent 30%),
    #020203;
}

.envocs-page-header--aurora .envocs-page-header-bg:before,
.envocs-page-header--aurora .envocs-page-header-bg:after,
.envocs-page-header--token .envocs-page-header-bg:before,
.envocs-page-header--token .envocs-page-header-bg:after {
  animation: envocsPageHeaderDrift 16s ease-in-out infinite alternate;
}

.envocs-page-header--aurora .envocs-page-header-bg:before,
.envocs-page-header--token .envocs-page-header-bg:before {
  background: rgba(82, 99, 122, 0.28);
}

.envocs-page-header--aurora .envocs-page-header-bg:after,
.envocs-page-header--token .envocs-page-header-bg:after {
  background: rgba(210, 193, 175, 0.14);
  animation-delay: -5s;
}

.envocs-page-header--contact .envocs-page-header-bg:before {
  opacity: 0.22;
}

@keyframes envocsPageHeaderDrift {
  from {
    transform: translate3d(-2%, 1%, 0) scale(1);
  }

  to {
    transform: translate3d(4%, -3%, 0) scale(1.08);
  }
}

@media screen and (max-width: 991px) {
  .envocs-page-header-layout {
    padding-top: 104px;
    padding-bottom: 34px;
  }

  .envocs-page-header-copy {
    transform: none;
  }

  .envocs-page-header-bottom {
    grid-template-columns: auto 1fr;
    align-items: end;
  }

  .envocs-page-header-cta {
    grid-column: 2;
    justify-self: start;
    margin-top: 18px;
  }
}

@media screen and (max-width: 767px) {
  .envocs-page-header-layout {
    min-height: 100svh;
    padding-top: 92px;
    padding-bottom: 28px;
  }

  .envocs-page-header-title {
    font-size: clamp(36px, 10vw, 48px) !important;
    line-height: 1.05;
  }

  .envocs-page-header-bottom {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .envocs-page-header-arrow {
    order: 3;
    width: 38px;
    height: 38px;
  }

  .envocs-page-header-cta {
    grid-column: auto;
    justify-self: start;
    min-height: 40px;
    margin-top: 0;
  }

  .envocs-page-header-desc,
  .envocs-services-hero .envocs-page-header-desc {
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (prefers-reduced-motion: reduce) {
  .envocs-page-header-bg:before,
  .envocs-page-header-bg:after {
    animation: none !important;
  }
}

/* ENVOCS Services visual balance refinement */
.envocs-page-header-title {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(236, 236, 236, 0.9) 52%, rgba(198, 198, 198, 0.82) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 0 34px rgba(255, 255, 255, 0.045),
    0 18px 72px rgba(216, 232, 255, 0.06);
}

.envocs-services-hero .envocs-page-header-title,
.envocs-services-hero-title {
  background: linear-gradient(178deg, rgba(255, 255, 255, 0.98) 0%, rgba(238, 238, 238, 0.9) 48%, rgba(196, 196, 196, 0.82) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 0 28px rgba(255, 255, 255, 0.04),
    0 18px 76px rgba(216, 232, 255, 0.07);
}

.envocs-services-modern .envocs-capabilities-label {
  display: inline-block;
  width: auto;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #d2c1af !important;
  font-family: var(--envocs-font-mono), var(--font-envocs-mono), monospace !important;
  font-size: 11px !important;
  font-weight: 400;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
}

.envocs-services-modern .envocs-capabilities-label:before,
.envocs-services-modern .envocs-capabilities-label:after {
  display: none !important;
  content: none !important;
}

.envocs-services-modern .envocs-services-panel-intro {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.58) 72%, rgba(255, 255, 255, 0.48));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.envocs-services-modern .container-fluid.rest {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: clamp(24px, 4vw, 72px);
  padding-right: clamp(24px, 4vw, 72px);
  box-sizing: border-box;
  overflow: clip;
}

.envocs-services-modern .serv-boxs.envocs-service-boxes {
  width: 100%;
  max-width: none;
  min-height: 390px;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  gap: 0;
  padding: 0;
  overflow: visible;
  isolation: isolate;
}

.envocs-services-modern .item.envocs-service-item {
  flex: 0 0 clamp(92px, 8.3vw, 138px);
  min-width: 78px;
  height: 378px;
  margin: 0;
  border-color: rgba(255, 255, 255, 0.105);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.012)),
    rgba(7, 7, 8, 0.9);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.34),
    0 1px 0 rgba(255, 255, 255, 0.055) inset;
}

.envocs-services-modern .item.envocs-service-item + .item.envocs-service-item {
  margin-left: clamp(-32px, -1.8vw, -18px);
}

.envocs-services-modern .item.envocs-service-item:not(.active):hover,
.envocs-services-modern .item.envocs-service-item:not(.active):focus-visible {
  border-color: rgba(255, 255, 255, 0.2);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.016)),
    rgba(9, 9, 10, 0.94);
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.38),
    0 1px 0 rgba(255, 255, 255, 0.075) inset;
}

.envocs-services-modern .item.envocs-service-item.active,
.envocs-services-modern .item.envocs-service-active {
  flex: 1 1 auto;
  max-width: none;
  min-width: 0;
  border-color: rgba(255, 255, 255, 0.18);
  background:
    radial-gradient(circle at 86% 8%, rgba(255, 255, 255, 0.052), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.064), rgba(255, 255, 255, 0.014)),
    rgba(8, 8, 9, 0.96);
  box-shadow:
    0 30px 84px rgba(0, 0, 0, 0.5),
    0 1px 0 rgba(255, 255, 255, 0.09) inset;
}

.envocs-services-modern .envocs-service-icon-svg {
  stroke: rgba(210, 193, 175, 0.82);
}

.envocs-services-modern .envocs-service-number,
.envocs-services-modern .envocs-service-abbr {
  color: rgba(210, 193, 175, 0.82);
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-abbr,
.envocs-services-modern .item.envocs-service-active .envocs-service-abbr {
  border-color: rgba(210, 193, 175, 0.2);
  background: transparent;
}

@media screen and (max-width: 991px) {
  .envocs-services-modern .container-fluid.rest {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
    overflow: visible;
  }

  .envocs-services-modern .serv-boxs.envocs-service-boxes {
    min-height: 0;
    flex-direction: column;
    gap: 12px;
  }

  .envocs-services-modern .item.envocs-service-item,
  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    width: 100% !important;
    max-width: none;
    min-width: 0;
    flex: none;
    margin-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .envocs-services-modern .envocs-capabilities-label {
    margin-bottom: 12px !important;
  }
}

/* ENVOCS Services card depth and background systems */
.envocs-services-modern .serv-boxs.envocs-service-boxes {
  min-height: 468px;
  align-items: center;
  justify-content: center;
  padding-top: 14px;
  padding-bottom: 14px;
}

.envocs-services-modern .item.envocs-service-item {
  flex: 0 0 clamp(76px, 6vw, 112px);
  min-width: 72px;
  height: 434px;
  opacity: 1;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.012)), #080809;
  border-color: rgba(255, 255, 255, 0.11);
  box-shadow:
    0 22px 54px rgba(0, 0, 0, 0.46),
    0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

.envocs-services-modern .item.envocs-service-item + .item.envocs-service-item {
  margin-left: clamp(-40px, -2.5vw, -24px);
}

.envocs-services-modern .item.envocs-service-item:before,
.envocs-services-modern .item.envocs-service-item:after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

.envocs-services-modern .item.envocs-service-item:before {
  inset: 18px;
  opacity: 0.115;
  background-repeat: no-repeat;
  background-position: right 32px center;
  background-size: min(390px, 58%) auto;
  filter: drop-shadow(0 0 22px rgba(255, 255, 255, 0.035));
  transform: translateZ(0);
  transition:
    opacity 0.34s ease,
    transform 0.62s cubic-bezier(0.22, 1, 0.36, 1);
}

.envocs-services-modern .item.envocs-service-item:after {
  width: 42%;
  height: 160%;
  top: -30%;
  left: -56%;
  opacity: 0.12;
  background: linear-gradient(105deg, transparent 18%, rgba(255, 255, 255, 0.18) 48%, transparent 78%);
  filter: blur(18px);
  transform: translateX(-20%) skewX(-14deg);
  animation: envocsServiceLightFlow 14s ease-in-out infinite;
}

.envocs-services-modern .item.envocs-service-item:not(.active):hover,
.envocs-services-modern .item.envocs-service-item:not(.active):focus-visible {
  opacity: 1;
  border-color: rgba(255, 255, 255, 0.18);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)), #09090a;
}

.envocs-services-modern .item.envocs-service-item.active,
.envocs-services-modern .item.envocs-service-active {
  flex: 1 1 clamp(880px, 68vw, 1180px);
  max-width: 1180px;
  height: 434px;
  border-color: rgba(255, 255, 255, 0.18);
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0.056), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.066), rgba(255, 255, 255, 0.014)),
    #09090a;
  box-shadow:
    0 34px 92px rgba(0, 0, 0, 0.56),
    0 1px 0 rgba(255, 255, 255, 0.09) inset;
}

.envocs-services-modern .item.envocs-service-item.active:before,
.envocs-services-modern .item.envocs-service-active:before {
  opacity: 0.18;
  transform: translate3d(-8px, 0, 0) scale(1.02);
}

.envocs-services-modern .item.envocs-service-item.active:after,
.envocs-services-modern .item.envocs-service-active:after {
  opacity: 0.16;
}

.envocs-services-modern .envocs-service-panel-body {
  z-index: 1;
  padding: 38px 42px 36px;
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-body {
  padding: 28px 13px;
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-panel-copy,
.envocs-services-modern .item.envocs-service-active .envocs-service-panel-copy {
  max-width: 620px;
  margin-bottom: 56px !important;
  align-self: end;
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-panel-copy p,
.envocs-services-modern .item.envocs-service-active .envocs-service-panel-copy p {
  line-height: 1.58;
}

.envocs-services-modern .envocs-service-title-full {
  color: rgba(224, 226, 229, 0.84);
  text-shadow: 0 1px 18px rgba(255, 255, 255, 0.035);
}

.envocs-services-modern .envocs-service-visual-production:before {
  background-image: url("data:image/svg+xml,%3Csvg width='520' height='300' viewBox='0 0 520 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='92' y='72' width='220' height='126' rx='16' stroke='rgba(238,238,238,.74)' stroke-width='2'/%3E%3Ccircle cx='202' cy='135' r='42' stroke='rgba(238,238,238,.68)' stroke-width='2'/%3E%3Cpath d='M312 108l86-44v142l-86-42M83 221h244M166 198v23M256 198v23' stroke='rgba(238,238,238,.52)' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M412 46l46-22M424 80l64-8M419 114l45 16' stroke='rgba(238,238,238,.36)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.envocs-services-modern .envocs-service-visual-content:before {
  background-image: url("data:image/svg+xml,%3Csvg width='520' height='300' viewBox='0 0 520 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='104' y='54' width='104' height='64' rx='12' stroke='rgba(238,238,238,.66)' stroke-width='2'/%3E%3Crect x='272' y='52' width='118' height='72' rx='12' stroke='rgba(238,238,238,.5)' stroke-width='2'/%3E%3Crect x='156' y='174' width='118' height='72' rx='12' stroke='rgba(238,238,238,.56)' stroke-width='2'/%3E%3Cpath d='M208 86h64M331 124v50M215 174l-40-56M274 210h86' stroke='rgba(238,238,238,.46)' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='208' cy='86' r='5' fill='rgba(238,238,238,.5)'/%3E%3Ccircle cx='272' cy='86' r='5' fill='rgba(238,238,238,.42)'/%3E%3Ccircle cx='331' cy='174' r='5' fill='rgba(238,238,238,.38)'/%3E%3C/svg%3E");
}

.envocs-services-modern .envocs-service-visual-presence:before {
  background-image: url("data:image/svg+xml,%3Csvg width='520' height='300' viewBox='0 0 520 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='116' y='48' width='248' height='176' rx='18' stroke='rgba(238,238,238,.56)' stroke-width='2'/%3E%3Cpath d='M148 92h184M148 136h184M148 180h98M390 70v132M86 82v132' stroke='rgba(238,238,238,.34)' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='412' cy='92' r='26' stroke='rgba(238,238,238,.52)' stroke-width='2'/%3E%3Cpath d='M376 168c8-28 26-42 48-42s40 14 48 42' stroke='rgba(238,238,238,.42)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.envocs-services-modern .envocs-service-visual-ai:before {
  background-image: url("data:image/svg+xml,%3Csvg width='520' height='300' viewBox='0 0 520 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='260' cy='150' r='58' stroke='rgba(238,238,238,.58)' stroke-width='2'/%3E%3Ccircle cx='260' cy='150' r='14' stroke='rgba(238,238,238,.68)' stroke-width='2'/%3E%3Cpath d='M260 54v38M260 208v38M164 150h38M318 150h38M193 83l28 28M327 83l-28 28M193 217l28-28M327 217l-28-28' stroke='rgba(238,238,238,.44)' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='260' cy='54' r='7' fill='rgba(238,238,238,.42)'/%3E%3Ccircle cx='356' cy='150' r='7' fill='rgba(238,238,238,.36)'/%3E%3Ccircle cx='164' cy='150' r='7' fill='rgba(238,238,238,.36)'/%3E%3C/svg%3E");
}

.envocs-services-modern .envocs-service-visual-strategy:before {
  background-image: url("data:image/svg+xml,%3Csvg width='520' height='300' viewBox='0 0 520 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M92 232h332M116 210l88-118 76 68 116-112' stroke='rgba(238,238,238,.6)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M120 72v160M200 72v160M280 72v160M360 72v160M96 112h328M96 168h328' stroke='rgba(238,238,238,.22)' stroke-width='1.5'/%3E%3Ccircle cx='204' cy='92' r='7' fill='rgba(238,238,238,.46)'/%3E%3Ccircle cx='280' cy='160' r='7' fill='rgba(238,238,238,.42)'/%3E%3Ccircle cx='396' cy='48' r='7' fill='rgba(238,238,238,.5)'/%3E%3C/svg%3E");
}

.envocs-services-modern .envocs-service-visual-web3:before {
  background-image: url("data:image/svg+xml,%3Csvg width='520' height='300' viewBox='0 0 520 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M260 56l102 58v116l-102 58-102-58V114l102-58z' stroke='rgba(238,238,238,.56)' stroke-width='2'/%3E%3Cpath d='M158 114l102 58 102-58M260 172v116M196 232l64-60 64 60' stroke='rgba(238,238,238,.38)' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='260' cy='172' r='22' stroke='rgba(238,238,238,.62)' stroke-width='2'/%3E%3Ccircle cx='124' cy='86' r='15' stroke='rgba(238,238,238,.32)' stroke-width='2'/%3E%3Ccircle cx='406' cy='86' r='15' stroke='rgba(238,238,238,.32)' stroke-width='2'/%3E%3Cpath d='M139 94l44 25M391 94l-44 25' stroke='rgba(238,238,238,.28)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

@keyframes envocsServiceLightFlow {
  0% {
    transform: translateX(-24%) skewX(-14deg);
  }

  48%,
  100% {
    transform: translateX(360%) skewX(-14deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .envocs-services-modern .item.envocs-service-item:after {
    animation: none !important;
  }
}

@media screen and (max-width: 991px) {
  .envocs-services-modern .serv-boxs.envocs-service-boxes {
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .envocs-services-modern .item.envocs-service-item,
  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    max-width: none;
    height: auto;
  }

  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    min-height: 360px;
  }

  .envocs-services-modern .item.envocs-service-item.active .envocs-service-panel-copy,
  .envocs-services-modern .item.envocs-service-active .envocs-service-panel-copy {
    margin-bottom: 34px !important;
  }
}

/* ENVOCS Services Webfolio layout restore
   Keeps the original flex-row active-card rhythm and removes the custom stack ordering. */
.envocs-services-modern .container-fluid.rest {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: clamp(20px, 3vw, 56px);
  padding-right: clamp(20px, 3vw, 56px);
  box-sizing: border-box;
  overflow: clip;
}

.envocs-services-modern .serv-boxs.envocs-service-boxes {
  --envocs-service-tab-width: clamp(82px, 7vw, 118px);
  --envocs-service-tabs-total: clamp(450px, calc(35vw + 40px), 630px);
  display: flex !important;
  align-items: stretch;
  justify-content: stretch;
  gap: 8px;
  width: 100%;
  max-width: none;
  min-height: 450px;
  padding: 0;
  overflow: visible;
  isolation: auto;
}

.envocs-services-modern .item.envocs-service-item {
  position: relative;
  order: 0 !important;
  z-index: auto !important;
  flex: 0 0 var(--envocs-service-tab-width);
  width: auto !important;
  min-width: 82px;
  max-width: none;
  height: 450px;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1;
  transform: none !important;
  overflow: hidden;
  isolation: isolate;
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.085);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0.004)), #080808;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28);
  transition: flex-basis 0.42s cubic-bezier(0.22, 1, 0.36, 1), flex-grow 0.42s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

.envocs-services-modern .item.envocs-service-item.active,
.envocs-services-modern .item.envocs-service-item.envocs-service-active {
  flex: 1 1 calc(100% - var(--envocs-service-tabs-total));
  min-width: 0;
  max-width: none;
  height: 450px;
  border-color: rgba(255, 255, 255, 0.11);
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0.026), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.004)),
    #090909;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
}

.envocs-services-modern .item.envocs-service-item:not(.active):hover,
.envocs-services-modern .item.envocs-service-item:not(.active):focus-visible {
  border-color: rgba(255, 255, 255, 0.13);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.006)), #090909;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
}

.envocs-services-modern .item.envocs-service-item:before,
.envocs-services-modern .item.envocs-service-item:after {
  z-index: 0;
}

.envocs-services-modern .item.envocs-service-item:not(.active):before {
  opacity: 0.032;
  background-size: 270px auto;
  background-position: center 44%;
}

.envocs-services-modern .item.envocs-service-item:not(.active):after {
  opacity: 0;
  animation: none;
}

.envocs-services-modern .item.envocs-service-item.active:before,
.envocs-services-modern .item.envocs-service-active:before {
  opacity: 0.07;
  transform: none;
}

.envocs-services-modern .item.envocs-service-item.active:after,
.envocs-services-modern .item.envocs-service-active:after {
  opacity: 0.035;
  animation-duration: 22s;
}

.envocs-services-modern .envocs-service-panel-body {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  padding: 38px 42px 36px;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 12px 22px;
  text-align: center;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-icon {
  flex: 0 0 auto;
  margin-bottom: auto;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-copy,
.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-title-full {
  display: none !important;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-panel-footer {
  width: 100%;
  display: grid !important;
  grid-template-rows: auto auto;
  justify-items: center;
  align-content: end;
  gap: 14px;
  margin-top: auto;
  transform: translateY(10px);
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-number {
  order: -1;
  margin: 0 !important;
  line-height: 1;
}

.envocs-services-modern .item.envocs-service-item:not(.active) h6.envocs-subtitle {
  order: 2;
  padding: 0;
  border: 0;
  background: transparent;
}

.envocs-services-modern .item.envocs-service-item:not(.active) .envocs-service-abbr {
  display: inline-flex;
  color: rgba(255, 255, 255, 0.48);
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-panel-copy,
.envocs-services-modern .item.envocs-service-active .envocs-service-panel-copy {
  display: block;
  max-width: 620px;
  margin-bottom: 56px !important;
  align-self: end;
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-panel-copy p,
.envocs-services-modern .item.envocs-service-active .envocs-service-panel-copy p {
  opacity: 1;
  clip-path: none !important;
  transform: none;
  text-indent: 0;
  line-height: 1.58;
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-title-full,
.envocs-services-modern .item.envocs-service-active .envocs-service-title-full {
  display: inline;
  color: rgba(224, 226, 229, 0.8);
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-abbr,
.envocs-services-modern .item.envocs-service-active .envocs-service-abbr {
  display: inline-flex;
}

.envocs-services-modern .envocs-service-icon {
  color: rgba(255, 255, 255, 0.62);
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.006);
}

.envocs-services-modern .envocs-service-icon-svg {
  stroke: currentColor !important;
  filter: none;
}

.envocs-services-modern .envocs-service-icon-svg * {
  stroke: currentColor !important;
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-icon,
.envocs-services-modern .item.envocs-service-item:hover .envocs-service-icon,
.envocs-services-modern .item.envocs-service-item:focus-visible .envocs-service-icon {
  color: rgba(255, 255, 255, 0.86);
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.01);
}

.envocs-services-modern .envocs-service-number,
.envocs-services-modern .envocs-service-abbr {
  color: rgba(255, 255, 255, 0.48);
}

.envocs-services-modern .item.envocs-service-item.active .envocs-service-number,
.envocs-services-modern .item.envocs-service-active .envocs-service-number,
.envocs-services-modern .item.envocs-service-item.active .envocs-service-abbr,
.envocs-services-modern .item.envocs-service-active .envocs-service-abbr {
  color: rgba(255, 255, 255, 0.58);
  border-color: rgba(255, 255, 255, 0.12);
}

@media screen and (max-width: 991px) {
  .envocs-services-modern .container-fluid.rest {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
    overflow: visible;
  }

  .envocs-services-modern .serv-boxs.envocs-service-boxes {
    display: block !important;
    min-height: 0;
    padding: 0;
  }

  .envocs-services-modern .item.envocs-service-item,
  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    width: 100% !important;
    max-width: none;
    min-width: 0;
    height: auto;
    min-height: 128px;
    flex: none;
    margin: 5px 0 !important;
    transform: none !important;
  }

  .envocs-services-modern .item.envocs-service-item.active,
  .envocs-services-modern .item.envocs-service-active {
    min-height: 340px;
  }
}

/* ENVOCS Services intro accord + numbers refinement */
.envocs-service-accord {
  position: relative;
  background: radial-gradient(circle at 14% 18%, rgba(210, 193, 175, 0.045), transparent 34%), radial-gradient(circle at 86% 76%, rgba(115, 132, 155, 0.05), transparent 38%), linear-gradient(180deg, #080808 0%, #050505 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.envocs-service-accord:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.22;
  background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 92px 92px;
  mask-image: radial-gradient(circle at 34% 44%, #000 0%, transparent 62%);
}

.envocs-service-accord .circle-blur {
  display: none;
}

.envocs-service-accord-visual {
  position: relative;
  min-height: 540px;
}

.envocs-service-accord-row {
  row-gap: 56px;
}

.envocs-service-accord-content-col {
  padding-left: clamp(28px, 4vw, 72px);
}

.envocs-service-accord-image {
  position: relative;
  width: min(100%, 440px);
  aspect-ratio: 4/5;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 28px 28px 96px 28px;
  background: #090909;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}

.envocs-service-accord-image:before,
.envocs-service-accord-image:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

.envocs-service-accord-image:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.38)), radial-gradient(circle at 78% 16%, rgba(210, 193, 175, 0.055), transparent 32%);
}

.envocs-service-accord-image:after {
  inset: 18px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 20px 20px 76px 20px;
  opacity: 0.8;
}

.envocs-service-accord-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
  filter: saturate(0.82) contrast(1.08) brightness(0.74);
  transform: scale(1.03);
}

.envocs-service-accord-caption {
  position: absolute;
  left: 22px;
  right: auto;
  bottom: 38px;
  z-index: 2;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  max-width: calc(100% - 44px);
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(8, 8, 8, 0.58);
  backdrop-filter: blur(12px) saturate(130%);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}

.envocs-service-accord-caption span {
  font-family: var(--envocs-font-mono), var(--font-envocs-mono), monospace;
  font-size: 9.5px;
  line-height: 1.08;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
}

.envocs-service-accord-caption span:first-child {
  color: #d2c1af;
  white-space: nowrap;
}

.envocs-service-accord-caption span:last-child {
  min-width: 0;
  text-align: left;
  line-height: 1.16;
  letter-spacing: 0.105em;
}

.envocs-accord-panel {
  max-width: 720px;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.envocs-service-accord-visual,
.envocs-accord-copy,
.envocs-service-accordion-list .item {
  will-change: transform, opacity, filter;
}

.envocs-accord-panel .envocs-bracket-label {
  color: #d2c1af !important;
  font-family: var(--envocs-font-mono), var(--font-envocs-mono), monospace;
  font-size: 11px;
  letter-spacing: 0.18em;
}

.envocs-accord-panel h3 {
  max-width: 610px;
  margin-bottom: 20px;
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: clamp(30px, 3.2vw, 48px);
  line-height: 1.08;
  font-weight: 430;
  color: rgba(239, 239, 239, 0.9);
  letter-spacing: 0;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.94) 0%, rgba(205, 208, 214, 0.86) 58%, rgba(210, 193, 175, 0.72) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 18px 48px rgba(255, 255, 255, 0.035);
}

.envocs-accord-copy p {
  max-width: 610px;
  margin-bottom: 34px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14.5px;
  line-height: 1.76;
  font-weight: 400;
}

.envocs-service-accordion-list {
  border-top: 1px solid rgba(255, 255, 255, 0.09) !important;
  min-height: var(--envocs-accord-stable-height, clamp(540px, 48vw, 660px));
  transition: none;
}

.envocs-service-accordion-list .item {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.085);
}

.envocs-service-accordion-list .item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  bottom: 15px;
  width: 1px;
  background: #d2c1af;
  opacity: 0;
  transform: scaleY(0.35);
  transform-origin: center;
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.envocs-service-accordion-list .item.active:before {
  opacity: 0.55;
  transform: scaleY(1);
}

.envocs-service-accordion-list .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 0 14px 16px;
  border: 0 !important;
  cursor: pointer;
  outline: none;
}

.envocs-service-accordion-list .title:focus-visible {
  color: #d2c1af;
}

.envocs-service-accordion-list .title h6 {
  color: rgba(255, 255, 255, 0.78);
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

.envocs-service-accordion-list .item.active .title h6,
.envocs-service-accordion-list .item:hover .title h6 {
  color: rgba(255, 255, 255, 0.92);
}

.envocs-service-accordion-list .title .envocs-accordion-toggle {
  position: relative;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin: 0 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.64) !important;
  transition: border-color 0.35s ease, background 0.35s ease, transform 0.35s ease;
}

.envocs-service-accordion-list .title .envocs-accordion-toggle:before,
.envocs-service-accordion-list .title .envocs-accordion-toggle:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 1px;
  background: currentColor;
  transform: translate(-50%, -50%);
  transition: transform 0.35s ease, opacity 0.35s ease;
}

.envocs-service-accordion-list .title .envocs-accordion-toggle:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.envocs-service-accordion-list .item.active .envocs-accordion-toggle {
  border-color: rgba(210, 193, 175, 0.36);
  background: rgba(210, 193, 175, 0.035);
  color: #d2c1af !important;
}

.envocs-service-accordion-list .item.active .envocs-accordion-toggle:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.envocs-service-accordion-list .item.active .envocs-accordion-toggle:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.envocs-service-accordion-list .accordion-info {
  display: block !important;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-5px);
  pointer-events: none;
  transition: max-height 0.46s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.3s ease, transform 0.36s ease;
}

.envocs-service-accordion-list .accordion-info.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.envocs-service-accordion-list .accordion-info p {
  max-width: 620px;
  padding: 0 0 22px 16px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 14.5px;
  line-height: 1.76;
}

.envocs-service-numbers {
  position: relative;
  background: radial-gradient(circle at 78% 12%, rgba(210, 193, 175, 0.035), transparent 34%), radial-gradient(circle at 12% 88%, rgba(120, 135, 156, 0.04), transparent 38%), #060606 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.envocs-service-numbers:after {
  opacity: 0.045 !important;
}

.envocs-service-numbers .sec-head h3 {
  max-width: 620px;
  font-family: var(--envocs-font-mono), var(--font-envocs-mono), monospace;
  font-size: clamp(12px, 1.08vw, 13.5px);
  line-height: 1.65;
  font-weight: 400;
  color: rgba(239, 239, 239, 0.68);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.72) 0%, rgba(170, 174, 182, 0.58) 62%, rgba(210, 193, 175, 0.64) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.envocs-service-numbers .sec-head h3 .fw-200 {
  font-weight: 400 !important;
}

.envocs-service-numbers .sec-head {
  margin-bottom: clamp(46px, 5vw, 72px) !important;
}

.envocs-service-numbers .row.lg-marg.justify-content-center {
  row-gap: 30px;
}

.envocs-service-numbers .envocs-bracket-label {
  color: #d2c1af !important;
  font-family: var(--envocs-font-mono), var(--font-envocs-mono), monospace;
  font-size: 11px;
  letter-spacing: 0.18em;
}

.envocs-service-numbers .title-bord.envocs-bracket-label {
  display: inline-block;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.envocs-service-numbers .title-bord.envocs-bracket-label:before,
.envocs-service-numbers .title-bord.envocs-bracket-label:after {
  display: none !important;
}

.envocs-service-numbers .item.envocs-service-number-item {
  padding: 34px 12px 24px;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.085) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.055) !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  transition: border-color 0.35s ease, transform 0.35s ease;
}

.envocs-service-numbers .col-lg-3:last-child .envocs-service-number-item {
  border-right-color: transparent;
}

.envocs-service-numbers .envocs-service-number-item .o-hidden {
  overflow: visible !important;
}

.envocs-service-numbers .item.envocs-service-number-item h3 {
  margin: 0;
  font-family: var(--envocs-font-pixel), var(--envocs-font-geist), sans-serif;
  font-size: clamp(72px, 8.4vw, 126px);
  line-height: 0.82;
  font-weight: 400;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
  text-shadow: none;
  opacity: 0.9;
  transition: -webkit-text-stroke-color 0.35s ease, opacity 0.35s ease;
}

.envocs-service-numbers .item.envocs-service-number-item h6 {
  margin-top: 26px;
  color: rgba(255, 255, 255, 0.55) !important;
  font-family: var(--envocs-font-mono), var(--font-envocs-mono), monospace;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.envocs-service-numbers .item.envocs-service-number-item:hover {
  border-top-color: rgba(210, 193, 175, 0.32);
  transform: translateY(-4px);
}

.envocs-service-numbers .item.envocs-service-number-item:hover h3 {
  -webkit-text-stroke-color: rgba(210, 193, 175, 0.58);
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .envocs-service-accord-visual {
    min-height: 0;
  }

  .envocs-service-accord-content-col {
    padding-left: 15px;
  }

  .envocs-service-accord-image {
    width: 100%;
    max-height: 520px;
  }

  .envocs-service-accord-caption {
    left: 22px;
    bottom: 24px;
    gap: 5px;
  }

  .envocs-accord-panel h3 {
    font-size: clamp(30px, 7vw, 42px);
  }

  .envocs-service-number-item {
    border-right-color: transparent;
    margin-bottom: 28px;
  }

  .envocs-service-accordion-list {
    min-height: var(--envocs-accord-stable-height, 640px);
  }
}

@media screen and (max-width: 575px) {
  .envocs-service-accord-image {
    aspect-ratio: 1/1.12;
    border-radius: 22px 22px 58px 22px;
  }

  .envocs-service-accord-caption {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 14px;
    width: 100%;
    max-width: none;
  }

  .envocs-service-accordion-list .title {
    gap: 18px;
    padding: 14px 0 14px 16px;
  }

  .envocs-service-accordion-list .accordion-info p {
    font-size: 14px;
  }

  .envocs-service-number-item h3 {
    font-size: clamp(72px, 24vw, 104px);
  }
}

/* ENVOCS Services section polish - process, metrics, clients, journal */
.envocs-service-accord-caption {
  left: 34px;
  padding: 12px 16px 12px 18px;
}

.envocs-accord-panel .envocs-service-process-title {
  display: block;
  max-width: 610px;
  margin-bottom: 20px;
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: clamp(30px, 3.2vw, 48px) !important;
  line-height: 1.08;
  font-weight: 430;
  letter-spacing: 0;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.94) 0%, rgba(205, 208, 214, 0.86) 58%, rgba(210, 193, 175, 0.72) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 18px 48px rgba(255, 255, 255, 0.035);
}

.envocs-accord-panel .envocs-service-process-title > span {
  animation: none !important;
  display: inline !important;
  max-width: none;
  overflow: visible !important;
  white-space: normal !important;
  width: auto !important;
}

.envocs-accord-panel .envocs-service-process-title:after {
  content: none !important;
  display: none !important;
}

.envocs-accord-panel .envocs-service-process-title .envocs-typing-cursor {
  -webkit-text-fill-color: #d2c1af;
  color: #d2c1af;
}

.envocs-service-process-desc .envocs-decrypted-text {
  color: rgba(255, 255, 255, 0.6);
}

.envocs-service-numbers .container,
.envocs-service-clients .envocs-service-clients-container {
  max-width: none;
  width: 100%;
  padding-left: clamp(24px, 5vw, 84px);
  padding-right: clamp(24px, 5vw, 84px);
}

.envocs-service-numbers .row.lg-marg.justify-content-center {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.envocs-service-numbers .sec-head h3,
.envocs-service-clients .sec-head h3 {
  max-width: 660px;
  font-family: var(--envocs-font-geist), var(--envocs-font-primary), sans-serif;
  font-size: clamp(30px, 3.2vw, 48px);
  line-height: 1.08;
  font-weight: 430;
  letter-spacing: 0;
  color: rgba(239, 239, 239, 0.9);
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.94) 0%, rgba(205, 208, 214, 0.84) 60%, rgba(210, 193, 175, 0.7) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: none;
}

.envocs-service-numbers .sec-head h3 .fw-200,
.envocs-service-clients .sec-head h3 .fw-200 {
  font-weight: 430 !important;
}

.envocs-service-numbers .item.envocs-service-number-item {
  min-height: 218px;
  padding: 30px 10px 22px;
}

.envocs-service-numbers .item.envocs-service-number-item h3 {
  font-size: clamp(62px, 7.2vw, 108px);
  letter-spacing: -0.02em;
}

.envocs-service-clients {
  overflow: hidden;
}

.envocs-service-clients .sec-head h3 {
  margin-left: auto;
  margin-right: auto;
}

.envocs-service-clients .swiper5,
.envocs-service-clients .swiper,
.envocs-service-clients .swiper-container {
  overflow: visible;
  width: 100%;
}

.envocs-service-clients .swiper-slide {
  display: flex;
  justify-content: center;
}

.envocs-service-clients.in-circle .item {
  width: 132px;
  height: 132px;
  line-height: 132px;
  border-radius: 18px;
}

.envocs-service-clients .img.icon-img-100 {
  width: 78px;
  height: 78px;
  margin: auto;
}

.envocs-service-clients .img img {
  max-width: 78px;
  max-height: 68px;
}

.envocs-service-clients-bottom .main-bg h6 {
  color: rgba(255, 255, 255, 0.62);
  font-weight: 400;
  letter-spacing: 0.01em;
}

.envocs-service-clients-bottom .envocs-client-emphasis {
  color: #d2c1af;
  font-weight: 500;
}

.envocs-service-journal {
  padding-top: 82px !important;
}

.envocs-service-journal .sec-head .d-flex > div:first-child {
  display: flex;
  flex-direction: column;
}

.envocs-service-journal .envocs-service-journal-title {
  font-size: clamp(31px, 3.2vw, 42px) !important;
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.12;
  text-transform: none;
}

.envocs-service-journal .envocs-service-journal-title > span {
  animation: none !important;
  display: inline !important;
  max-width: none;
  overflow: visible !important;
  white-space: normal !important;
  width: auto !important;
}

.envocs-service-journal .envocs-service-journal-title:after {
  content: none !important;
  display: none !important;
}

.envocs-service-journal .envocs-service-journal-card {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px;
  box-shadow: 0 0 0 rgba(210, 193, 175, 0);
  padding: 24px !important;
  transition: border-color 0.34s ease, box-shadow 0.34s ease, background 0.34s ease;
}

.envocs-service-journal .envocs-service-journal-card:hover {
  background: rgba(255, 255, 255, 0.032);
  border-color: rgba(210, 193, 175, 0.34) !important;
  box-shadow: 0 0 22px rgba(210, 193, 175, 0.1), 0 16px 44px rgba(0, 0, 0, 0.22);
}

.envocs-service-journal .envocs-service-journal-card .fit-img {
  height: 260px;
}

.envocs-service-journal .envocs-service-journal-card .cont h5 {
  letter-spacing: -0.02em;
}

@media screen and (max-width: 991px) {
  .envocs-service-accord-caption {
    left: 24px;
  }

  .envocs-service-numbers .container,
  .envocs-service-clients .envocs-service-clients-container {
    padding-left: 22px;
    padding-right: 22px;
  }

  .envocs-service-numbers .sec-head h3,
  .envocs-service-clients .sec-head h3 {
    font-size: clamp(28px, 6vw, 40px);
  }
}

@media screen and (max-width: 575px) {
  .envocs-service-accord-caption {
    left: auto;
  }

  .envocs-service-numbers .item.envocs-service-number-item h3 {
    font-size: clamp(62px, 22vw, 92px);
  }
}

/* ENVOCS Services refinement pass - sticky process, metrics, clients, journal, marquee */
.envocs-service-page-main.o-hidden,
.envocs-service-accord.o-hidden {
  overflow: visible !important;
}

@supports (overflow: clip) {
  .envocs-service-page-main.o-hidden,
  .envocs-service-accord.o-hidden {
    overflow-x: clip !important;
    overflow-y: visible !important;
  }
}

.envocs-service-accord .container.ontop,
.envocs-service-accord-row,
.envocs-service-accord-media-col {
  overflow: visible;
}

@media screen and (min-width: 992px) {
  .envocs-service-accord-row {
    align-items: flex-start !important;
  }

  .envocs-service-accord-media-col {
    align-self: stretch;
  }

  .envocs-service-accord-visual {
    position: sticky;
    top: clamp(96px, 14vh, 150px);
    height: fit-content;
    min-height: 0;
  }
}

@media screen and (max-width: 991px) {
  .envocs-service-accord-visual {
    position: relative;
    top: auto;
  }
}

.envocs-service-numbers {
  --metric-loop: 9.6s;
  --metric-window: 2.4s;
}

.envocs-service-numbers .sec-head {
  margin-bottom: clamp(30px, 3vw, 42px) !important;
}

.envocs-service-numbers .envocs-service-metrics-title {
  margin-bottom: 0;
}

.envocs-service-numbers .envocs-service-metrics-title > span,
.envocs-service-clients .envocs-service-client-title > span {
  display: inline !important;
  max-width: none;
  overflow: visible !important;
  white-space: normal !important;
  width: auto !important;
}

.envocs-service-numbers .envocs-service-metrics-title .envocs-typing-cursor,
.envocs-service-clients .envocs-service-client-title .envocs-typing-cursor,
.envocs-service-journal .envocs-service-journal-title .envocs-typing-cursor {
  -webkit-text-fill-color: #d2c1af;
  color: #d2c1af;
}

.envocs-service-metrics-row {
  row-gap: 30px;
}

.envocs-service-numbers .envocs-service-metric-value {
  position: relative;
  display: inline-block;
  isolation: isolate;
}

.envocs-service-numbers .envocs-service-metric-value:before {
  content: attr(data-value);
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  color: transparent;
  background: linear-gradient(105deg, rgba(255, 255, 255, 0) 0%, rgba(210, 193, 175, 0.18) 34%, rgba(255, 255, 255, 0.92) 50%, rgba(210, 193, 175, 0.2) 66%, rgba(255, 255, 255, 0) 100%);
  background-size: 260% 100%;
  background-position: 135% 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0;
  text-shadow: 0 0 20px rgba(210, 193, 175, 0.16), 0 0 48px rgba(255, 255, 255, 0.055);
  animation: envocsMetricGlowSweep var(--metric-loop) cubic-bezier(0.42, 0, 0.2, 1) infinite;
  animation-delay: calc(var(--metric-index, 0) * var(--metric-window));
}

@keyframes envocsMetricGlowSweep {
  0% {
    opacity: 0;
    background-position: 135% 0;
  }

  5% {
    opacity: 0.68;
  }

  16% {
    opacity: 0.96;
    background-position: 18% 0;
  }

  25% {
    opacity: 0;
    background-position: -35% 0;
  }

  100% {
    opacity: 0;
    background-position: -35% 0;
  }
}

.envocs-service-clients .sec-head {
  margin-bottom: clamp(48px, 4vw, 64px) !important;
}

.envocs-service-clients .envocs-service-client-title {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

.envocs-service-clients .swiper-wrapper {
  align-items: center;
  transition-timing-function: linear !important;
}

.envocs-service-journal .envocs-service-journal-title {
  display: inline-block;
  max-width: 100%;
  font-size: 42px !important;
  letter-spacing: 0;
  line-height: 1.1;
  white-space: nowrap;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.96) 0%, rgba(211, 216, 224, 0.82) 56%, rgba(210, 193, 175, 0.82) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 18px 48px rgba(210, 193, 175, 0.045);
}

.envocs-service-journal .envocs-service-journal-title > span {
  white-space: nowrap !important;
}

.envocs-service-call-marq {
  position: relative;
  margin-top: -1px;
  background: #080808;
}

.envocs-service-call-marq .call-marq {
  position: relative;
  isolation: isolate;
  background: linear-gradient(180deg, #080808 0%, #060606 48%, #050505 100%);
  padding-top: clamp(132px, 14vw, 190px) !important;
}

.envocs-service-call-marq .call-marq:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: clamp(132px, 14vw, 220px);
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg, #080808 0%, rgba(8, 8, 8, 0.92) 22%, rgba(8, 8, 8, 0.48) 64%, rgba(8, 8, 8, 0) 100%);
}

.envocs-service-call-marq .call-marq .main-marq {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
  .envocs-service-numbers .envocs-service-metric-value:before {
    animation: none !important;
    opacity: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .envocs-service-journal .sec-head .d-flex {
    align-items: flex-start !important;
    flex-wrap: wrap;
    gap: 28px;
  }

  .envocs-service-journal .envocs-service-journal-title {
    font-size: 34px !important;
    white-space: normal;
  }

  .envocs-service-journal .envocs-service-journal-title > span {
    white-space: normal !important;
  }

  .envocs-service-call-marq .call-marq {
    padding-top: 120px !important;
  }
}

/* ENVOCS Services follow-up refinement - capabilities, metrics, clients, journal, marquee */
.envocs-services-modern .envocs-services-panel-intro {
  color: rgba(255, 255, 255, 0.68);
  background: none !important;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: currentColor;
}

.envocs-services-modern .envocs-services-panel-intro .envocs-decrypted-text {
  color: rgba(255, 255, 255, 0.68);
}

.envocs-services-modern .envocs-services-panel-intro .envocs-decrypted-char.is-original {
  color: rgba(255, 255, 255, 0.74);
}

.envocs-services-modern .envocs-services-panel-intro .envocs-decrypted-char.is-encrypted {
  color: rgba(210, 193, 175, 0.66);
}

.envocs-services-modern .envocs-services-panel-reveal {
  will-change: opacity, transform;
}

.envocs-service-numbers .container {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.envocs-service-numbers .sec-head .row {
  align-items: flex-start;
  row-gap: 18px;
}

.envocs-service-numbers .sec-head {
  margin-bottom: clamp(38px, 3.6vw, 54px) !important;
}

.envocs-service-numbers .sec-head .envocs-bracket-label {
  margin: 0 !important;
}

.envocs-service-numbers .sec-head .envocs-service-metrics-title {
  max-width: 760px;
  font-size: 24px !important;
  line-height: 1.38;
  font-weight: 400;
}

.envocs-service-clients .row.justify-content-center {
  justify-content: center !important;
}

.envocs-service-clients .sec-head {
  display: block;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
}

.envocs-service-clients .sec-head .envocs-bracket-label {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18px !important;
}

.envocs-service-clients .envocs-service-client-title {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(30px, 2.75vw, 42px) !important;
  line-height: 1.14;
  text-align: center;
}

.envocs-service-clients .swiper5 {
  margin-left: calc(clamp(20px, 3.6vw, 64px) * -1);
  margin-right: calc(clamp(20px, 3.6vw, 64px) * -1);
}

.envocs-service-clients .swiper-wrapper {
  align-items: center;
  transition-timing-function: linear !important;
}

.envocs-service-clients .swiper-slide {
  display: flex;
  justify-content: center;
}

.envocs-service-clients.in-circle .item {
  width: clamp(104px, 7.4vw, 116px);
  height: clamp(104px, 7.4vw, 116px);
  line-height: clamp(104px, 7.4vw, 116px);
  border-radius: 16px;
}

.envocs-service-clients .img.icon-img-100 {
  width: 68px;
  height: 68px;
}

.envocs-service-clients .img img {
  max-width: 68px;
  max-height: 58px;
}

.envocs-service-journal {
  position: relative;
  overflow: hidden;
  background: #080808;
  padding-bottom: clamp(140px, 13vw, 210px) !important;
}

.envocs-service-journal:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: clamp(150px, 15vw, 240px);
  pointer-events: none;
  background: linear-gradient(180deg, rgba(8, 8, 8, 0) 0%, rgba(9, 9, 9, 0.7) 48%, #0f0f0f 100%);
  z-index: 0;
}

.envocs-service-journal > .container {
  position: relative;
  z-index: 1;
}

.envocs-service-journal .envocs-service-journal-title,
.envocs-service-journal .envocs-service-journal-title > span,
.envocs-service-journal .envocs-service-journal-title .envocs-typing-title-content {
  color: rgba(245, 245, 245, 0.94) !important;
  -webkit-text-fill-color: rgba(245, 245, 245, 0.94);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .envocs-service-journal .envocs-service-journal-title,
  .envocs-service-journal .envocs-service-journal-title > span,
  .envocs-service-journal .envocs-service-journal-title .envocs-typing-title-content {
    background: linear-gradient(115deg, rgba(255, 255, 255, 0.98) 0%, rgba(222, 226, 232, 0.9) 56%, rgba(210, 193, 175, 0.86) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.envocs-service-call-marq {
  background: #0f0f0f !important;
}

.envocs-service-call-marq .call-marq {
  background: #0f0f0f !important;
  padding-top: clamp(96px, 9vw, 140px) !important;
}

.envocs-service-call-marq .call-marq:before {
  content: none !important;
  display: none !important;
}

.envocs-service-call-marq .call-marq .main-marq {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 991px) {
  .envocs-service-numbers .container {
    max-width: 720px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .envocs-service-numbers .sec-head .envocs-service-metrics-title {
    font-size: clamp(19px, 3.2vw, 22px) !important;
  }

  .envocs-service-clients .envocs-service-client-title {
    font-size: clamp(28px, 5vw, 38px) !important;
  }
}

@media screen and (max-width: 575px) {
  .envocs-service-numbers .sec-head .envocs-service-metrics-title {
    font-size: 18px !important;
    line-height: 1.45;
  }

  .envocs-service-clients .swiper5 {
    margin-left: -18px;
    margin-right: -18px;
  }

  .envocs-service-clients.in-circle .item {
    width: 108px;
    height: 108px;
    line-height: 108px;
  }

  .envocs-service-journal .envocs-service-journal-title {
    white-space: normal;
  }
}

/* ENVOCS Services micro-fix pass - stable reveals, tighter clients, call layering */
.envocs-service-numbers .envocs-service-numbers-head-container {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.envocs-service-numbers .envocs-service-metrics-title-reveal {
  max-width: 760px;
}

.envocs-service-numbers .sec-head .envocs-service-metrics-title {
  display: block;
  margin-bottom: 0;
  font-size: 24px !important;
  line-height: 1.38;
  font-weight: 400;
}

.envocs-service-metrics-container {
  width: 100%;
  max-width: none;
  padding-left: clamp(18px, 2.4vw, 36px);
  padding-right: clamp(18px, 2.4vw, 36px);
}

.envocs-service-metrics-container .envocs-service-metrics-row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.envocs-service-metrics-container .envocs-service-metrics-row > [class*=col-] {
  padding-left: clamp(6px, 0.9vw, 14px);
  padding-right: clamp(6px, 0.9vw, 14px);
}

.envocs-service-clients .envocs-service-client-title-reveal {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

.envocs-service-clients .envocs-service-client-title {
  max-width: none;
  min-height: 1.14em;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(27px, 2.15vw, 34px) !important;
  line-height: 1.14;
  white-space: nowrap;
}

.envocs-service-clients .sec-head h3.envocs-service-client-title {
  max-width: min(1120px, calc(100vw - 96px)) !important;
  font-size: clamp(24px, 1.8vw, 30px) !important;
  overflow: visible;
}

.envocs-service-clients .swiper5 {
  margin-left: calc(clamp(12px, 2vw, 34px) * -1);
  margin-right: calc(clamp(12px, 2vw, 34px) * -1);
}

.envocs-service-clients.in-circle .item {
  width: clamp(90px, 6vw, 102px);
  height: clamp(90px, 6vw, 102px);
  line-height: clamp(90px, 6vw, 102px);
  border-radius: 14px;
}

.envocs-service-clients .img.icon-img-100 {
  width: 60px;
  height: 60px;
}

.envocs-service-clients .img img {
  max-width: 60px;
  max-height: 52px;
}

.envocs-service-journal {
  padding-bottom: clamp(120px, 9vw, 150px) !important;
}

.envocs-service-journal:after {
  height: clamp(118px, 11vw, 170px);
}

.envocs-service-call-marq .call-marq {
  isolation: isolate;
}

.envocs-service-call-marq .main-marq {
  position: relative;
}

.envocs-service-call-marq .main-marq.sub-bg {
  z-index: 1 !important;
  pointer-events: none;
}

.envocs-service-call-marq .main-marq.bord-item {
  z-index: 4 !important;
}

.envocs-service-call-marq .main-marq.bord-item .slide-har,
.envocs-service-call-marq .main-marq.bord-item .box,
.envocs-service-call-marq .main-marq.bord-item .item,
.envocs-service-call-marq .main-marq.bord-item h4,
.envocs-service-call-marq .main-marq.bord-item span {
  position: relative;
  z-index: 5;
}

.envocs-service-call-marq .main-marq.bord-item .envocs-marq-fill h4,
.envocs-service-call-marq .main-marq.bord-item .envocs-marq-fill h4 span,
.envocs-service-call-marq .main-marq.bord-item .envocs-marq-stroke h4,
.envocs-service-call-marq .main-marq.bord-item .envocs-marq-stroke h4 span {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-stroke: 0 !important;
}

.envocs-service-call-marq .main-marq.bord-item .overlay-link {
  z-index: 7;
}

@media screen and (max-width: 1199px) {
  .envocs-service-clients .envocs-service-client-title,
  .envocs-service-clients .sec-head h3.envocs-service-client-title {
    white-space: normal;
    max-width: 820px !important;
  }
}

@media screen and (max-width: 991px) {
  .envocs-service-numbers .envocs-service-numbers-head-container {
    max-width: 720px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .envocs-service-numbers .sec-head .envocs-service-metrics-title {
    font-size: clamp(19px, 3.2vw, 22px) !important;
  }
}

@media screen and (max-width: 575px) {
  .envocs-service-metrics-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .envocs-service-clients .envocs-service-client-title {
    font-size: clamp(27px, 7.5vw, 34px) !important;
  }

  .envocs-service-clients.in-circle .item {
    width: 96px;
    height: 96px;
    line-height: 96px;
  }

  .envocs-service-journal {
    padding-bottom: 118px !important;
  }
}

/* ENVOCS Services stabilization - CSS client rail and call marquee stacking */
.envocs-service-clients .envocs-service-client-marquee {
  --envocs-service-logo-gap: clamp(10px, 1vw, 16px);
  overflow: hidden;
  width: 100%;
  margin-left: calc(clamp(14px, 2.2vw, 38px) * -1);
  margin-right: calc(clamp(14px, 2.2vw, 38px) * -1);
  user-select: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
}

.envocs-service-clients .envocs-service-client-track {
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  animation: envocsServiceClientRail 46s linear infinite;
}

.envocs-service-clients .envocs-service-client-logo-set {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: var(--envocs-service-logo-gap);
  padding-right: var(--envocs-service-logo-gap);
}

.envocs-service-clients.in-circle .item.envocs-service-client-logo-card {
  flex: 0 0 auto;
  width: clamp(112px, 7.2vw, 126px);
  height: clamp(112px, 7.2vw, 126px);
  line-height: clamp(112px, 7.2vw, 126px);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.018);
}

.envocs-service-clients .envocs-service-client-logo-card .img.icon-img-100 {
  width: 74px;
  height: 74px;
}

.envocs-service-clients .envocs-service-client-logo-card .img img {
  max-width: 74px;
  max-height: 66px;
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
}

@keyframes envocsServiceClientRail {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.envocs-service-call-marq {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #0f0f0f !important;
}

.envocs-service-call-marq .call-marq {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #0f0f0f !important;
}

.envocs-service-call-marq .call-marq:before {
  content: none !important;
  display: none !important;
}

.envocs-service-call-marq .main-marq {
  position: relative;
}

.envocs-service-call-marq .main-marq.sub-bg {
  z-index: 1 !important;
  background: #0f0f0f;
  opacity: 0.66;
  pointer-events: none;
}

.envocs-service-call-marq .main-marq.sub-bg .slide-har {
  z-index: 1;
}

.envocs-service-call-marq .main-marq.bord-item {
  z-index: 4 !important;
  background: #0f0f0f;
  box-shadow: 0 -24px 0 #0f0f0f, 0 24px 0 #0f0f0f;
}

.envocs-service-call-marq .main-marq.bord-item:before {
  content: "";
  position: absolute;
  inset: -18px -5vw;
  z-index: 0;
  pointer-events: none;
  background: #0f0f0f;
  border-top: 1px solid rgba(255, 255, 255, 0.035);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.envocs-service-call-marq .main-marq.bord-item .slide-har,
.envocs-service-call-marq .main-marq.bord-item .box,
.envocs-service-call-marq .main-marq.bord-item .item,
.envocs-service-call-marq .main-marq.bord-item h4,
.envocs-service-call-marq .main-marq.bord-item span {
  position: relative;
  z-index: 2;
}

.envocs-service-call-marq .main-marq.bord-item .envocs-marq-fill h4,
.envocs-service-call-marq .main-marq.bord-item .envocs-marq-fill h4 span,
.envocs-service-call-marq .main-marq.bord-item .envocs-marq-stroke h4,
.envocs-service-call-marq .main-marq.bord-item .envocs-marq-stroke h4 span {
  color: rgba(255, 255, 255, 0.94) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.94) !important;
  -webkit-text-stroke: 0 !important;
}

.envocs-service-call-marq .main-marq.bord-item .overlay-link {
  z-index: 5;
}

@media (prefers-reduced-motion: reduce) {
  .envocs-service-clients .envocs-service-client-track {
    animation: none !important;
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (max-width: 991px) {
  .envocs-service-clients.in-circle .item.envocs-service-client-logo-card {
    width: 106px;
    height: 106px;
    line-height: 106px;
  }

  .envocs-service-clients .envocs-service-client-logo-card .img.icon-img-100 {
    width: 68px;
    height: 68px;
  }

  .envocs-service-clients .envocs-service-client-logo-card .img img {
    max-width: 68px;
    max-height: 60px;
  }
}

/* ENVOCS Services final typography + marquee stroke polish */
.envocs-service-numbers {
  padding-top: clamp(130px, 10vw, 180px) !important;
  padding-bottom: clamp(130px, 10vw, 180px) !important;
}

.envocs-service-clients {
  padding-top: clamp(130px, 10vw, 180px) !important;
  padding-bottom: clamp(130px, 10vw, 180px) !important;
}

.envocs-service-journal {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.envocs-service-journal:after {
  height: 92px !important;
}

.envocs-service-numbers .envocs-service-numbers-head-container {
  max-width: 920px;
}

.envocs-service-numbers .envocs-service-metrics-head {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.envocs-service-numbers .envocs-service-metrics-label {
  display: block;
  margin: 0 !important;
  margin-block-end: 0 !important;
}

.envocs-service-clients .sec-head .envocs-bracket-label,
.envocs-service-journal .sec-head .envocs-bracket-label {
  display: block;
  margin-bottom: 20px !important;
}

.envocs-service-numbers .envocs-service-metrics-title-reveal {
  max-width: 780px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.envocs-service-numbers .sec-head .envocs-service-metrics-title {
  max-width: 780px;
  margin: 0 auto;
  font-size: 36px !important;
  line-height: 1.12;
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
}

.envocs-service-numbers .envocs-service-metrics-title,
.envocs-service-clients .envocs-service-client-title {
  --envocs-service-heading-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(210, 193, 175, 0.88) 100%);
  color: rgba(255, 255, 255, 0.94);
}

.envocs-service-numbers .envocs-service-typing-heading,
.envocs-service-clients .envocs-service-typing-heading {
  min-height: calc(2em * 1.12);
}

.envocs-service-numbers .envocs-service-metrics-title > .envocs-service-typing-line,
.envocs-service-clients .envocs-service-client-title > .envocs-service-typing-line {
  display: block !important;
  margin: 0 auto;
  max-width: 100%;
  min-height: 1.14em;
  overflow: visible !important;
  padding-right: 0.3em;
  position: relative;
  white-space: nowrap !important;
  width: max-content !important;
}

.envocs-service-numbers .envocs-service-metrics-title > .envocs-service-typing-line:before,
.envocs-service-clients .envocs-service-client-title > .envocs-service-typing-line:before {
  content: attr(data-title);
  display: block;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  pointer-events: none;
  visibility: hidden;
  white-space: nowrap;
}

.envocs-service-numbers .envocs-service-metrics-title > .envocs-service-typing-line:after,
.envocs-service-clients .envocs-service-client-title > .envocs-service-typing-line:after {
  content: none !important;
  display: none !important;
}

.envocs-service-numbers .envocs-service-metrics-title > .envocs-service-typing-line > .envocs-typing-title-content,
.envocs-service-clients .envocs-service-client-title > .envocs-service-typing-line > .envocs-typing-title-content {
  animation: none !important;
  background: var(--envocs-service-heading-gradient, linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(210, 193, 175, 0.88) 100%));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  display: inline-block;
  left: 0;
  max-width: none;
  overflow: visible !important;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: auto !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 18px 42px rgba(210, 193, 175, 0.08);
}

.envocs-service-numbers .envocs-service-metrics-title > .envocs-service-typing-line.is-done > .envocs-typing-title-content,
.envocs-service-clients .envocs-service-client-title > .envocs-service-typing-line.is-done > .envocs-typing-title-content {
  width: auto !important;
}

.envocs-service-numbers .envocs-service-metrics-title .envocs-typing-cursor,
.envocs-service-clients .envocs-service-client-title .envocs-typing-cursor {
  background: none !important;
  color: #d2c1af !important;
  -webkit-text-fill-color: #d2c1af !important;
  text-shadow: 0 0 14px rgba(210, 193, 175, 0.26);
}

.envocs-service-clients .envocs-service-clients-bottom {
  margin-top: 200px !important;
}

.envocs-service-clients .envocs-service-client-title-reveal {
  max-width: 900px;
}

.envocs-service-clients .envocs-service-client-title,
.envocs-service-clients .sec-head h3.envocs-service-client-title {
  max-width: 900px !important;
  font-size: 36px !important;
  line-height: 1.12;
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
  white-space: normal;
}

.envocs-service-call-marq .main-marq.bord-item .envocs-marq-stroke {
  opacity: 0.95;
}

.envocs-service-call-marq .main-marq.bord-item .envocs-marq-stroke h4,
.envocs-service-call-marq .main-marq.bord-item .envocs-marq-stroke h4 span {
  color: rgba(255, 255, 255, 0.18) !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.24) !important;
  text-shadow: 0 0 14px rgba(255, 255, 255, 0.08);
}

@media screen and (max-width: 991px) {
  .envocs-service-numbers .envocs-service-numbers-head-container {
    max-width: 720px;
  }

  .envocs-service-numbers .sec-head .envocs-service-metrics-title,
  .envocs-service-clients .envocs-service-client-title,
  .envocs-service-clients .sec-head h3.envocs-service-client-title {
    font-size: clamp(25px, 5.2vw, 32px) !important;
    line-height: 1.16;
  }
}

@media screen and (max-width: 768px) {
  .envocs-service-clients .envocs-service-clients-bottom {
    margin-top: 120px !important;
  }
}

@media screen and (max-width: 575px) {
  .envocs-service-numbers,
  .envocs-service-clients {
    padding-top: clamp(112px, 24vw, 132px) !important;
    padding-bottom: clamp(112px, 24vw, 132px) !important;
  }

  .envocs-service-journal {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .envocs-service-journal:after {
    height: 80px !important;
  }

  .envocs-service-numbers .sec-head .envocs-service-metrics-title,
  .envocs-service-clients .envocs-service-client-title,
  .envocs-service-clients .sec-head h3.envocs-service-client-title {
    font-size: clamp(24px, 7vw, 30px) !important;
  }

  .envocs-service-numbers .envocs-service-metrics-title > .envocs-service-typing-line,
  .envocs-service-clients .envocs-service-client-title > .envocs-service-typing-line {
    white-space: normal !important;
    width: 100% !important;
  }

  .envocs-service-numbers .envocs-service-metrics-title > .envocs-service-typing-line:before,
  .envocs-service-clients .envocs-service-client-title > .envocs-service-typing-line:before,
  .envocs-service-numbers .envocs-service-metrics-title > .envocs-service-typing-line > .envocs-typing-title-content,
  .envocs-service-clients .envocs-service-client-title > .envocs-service-typing-line > .envocs-typing-title-content {
    white-space: normal;
    width: 100% !important;
  }
}

/* ============ LIQUID GLASS BUTTONS ============ */
.butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text),
.envocs-view-all,
.envocs-hero-button,
.envocs-page-header-cta,
.envocs-services-hero-cta,
.envocs-token-button,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass {
  --envocs-glow-x: 50%;
  --envocs-glow-y: 50%;
  --envocs-glow-opacity: 0;
  --envocs-glow-radius: 112px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(255, 255, 255, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.018)),
    rgba(9, 9, 9, 0.5) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(210, 193, 175, 0.028),
    0 0 24px rgba(210, 193, 175, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    inset 0 -18px 32px rgba(0, 0, 0, 0.22),
    inset 0 0 24px rgba(255, 255, 255, 0.025),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04) !important;
  -webkit-backdrop-filter: blur(10px) saturate(135%);
  backdrop-filter: blur(10px) saturate(135%);
  color: #eeeeee !important;
  font-family: var(--envocs-font-mono), var(--font-envocs-mono), "Geist Mono", monospace !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.1;
  text-transform: none !important;
  transform: translateY(0) scale(1);
  transition:
    transform 0.38s cubic-bezier(0.18, 0.86, 0.24, 1),
    background-color 0.38s ease,
    background 0.38s ease,
    border-color 0.38s ease,
    box-shadow 0.38s ease,
    filter 0.38s ease,
    opacity 0.38s ease,
    color 0.38s ease;
}

.liquid-glass-button:not(.envocs-nav-island-logo),
.envocs-liquid-glass.butn,
a.envocs-liquid-glass:not(.envocs-nav-island-logo),
button.envocs-liquid-glass,
.envocs-nav-button,
.envocs-token-nav-item {
  font-family: var(--envocs-font-mono), var(--font-envocs-mono), "Geist Mono", monospace !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.05em !important;
  color: #eeeeee !important;
  text-transform: none !important;
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text),
  .envocs-view-all,
  .envocs-hero-button,
  .envocs-page-header-cta,
  .envocs-services-hero-cta,
  .envocs-token-button,
  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.015)),
      rgba(8, 8, 8, 0.78) !important;
  }
}

.butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text):before,
.envocs-view-all:before,
.envocs-hero-button:before,
.envocs-page-header-cta:before,
.envocs-services-hero-cta:before,
.envocs-token-button:before,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass:before,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass:before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.08), transparent 42%),
    radial-gradient(circle at 50% 116%, rgba(0, 0, 0, 0.34), transparent 62%),
    radial-gradient(circle at 82% 100%, rgba(210, 193, 175, 0.08), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.16), transparent 34%),
    linear-gradient(112deg, transparent 10%, rgba(255, 255, 255, 0.07) 46%, transparent 70%);
  opacity: 0.48;
  pointer-events: none;
  transition: opacity 0.38s ease;
}

.butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text) > *,
.envocs-view-all > *,
.envocs-hero-button > *,
.envocs-page-header-cta > *,
.envocs-services-hero-cta > *,
.envocs-token-button > *,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass > *,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass > * {
  position: relative;
  z-index: 1;
}

/* ============ CURSOR-FOLLOW BUTTON BORDER GLOW ============ */
.envocs-cursor-border-glow,
.butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text),
.liquid-glass-button:not(.envocs-nav-island-logo):not(.envocs-token-nav-item),
.envocs-liquid-glass.butn:not(.envocs-token-nav-item),
a.envocs-liquid-glass:not(.envocs-nav-island-logo):not(.envocs-token-nav-item),
button.envocs-liquid-glass:not(.envocs-token-nav-item),
.envocs-token-button,
.envocs-view-all,
.envocs-hero-button,
.envocs-page-header-cta,
.envocs-services-hero-cta {
  --envocs-glow-x: 50%;
  --envocs-glow-y: 50%;
  --envocs-glow-opacity: 0;
  --envocs-glow-radius: 112px;
  position: relative;
  isolation: isolate;
  overflow: visible;
}

.envocs-cursor-border-glow:after,
.butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text):after,
.liquid-glass-button:not(.envocs-nav-island-logo):not(.envocs-token-nav-item):after,
.envocs-liquid-glass.butn:not(.envocs-token-nav-item):after,
a.envocs-liquid-glass:not(.envocs-nav-island-logo):not(.envocs-token-nav-item):after,
button.envocs-liquid-glass:not(.envocs-token-nav-item):after,
.envocs-token-button:after,
.envocs-view-all:after,
.envocs-hero-button:after,
.envocs-page-header-cta:after,
.envocs-services-hero-cta:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  padding: 1.25px;
  border-radius: inherit;
  background:
    radial-gradient(
      circle var(--envocs-glow-radius, 112px) at var(--envocs-glow-x, 50%) var(--envocs-glow-y, 50%),
      rgba(210, 193, 175, 0.56),
      rgba(244, 238, 231, 0.25) 22%,
      rgba(151, 121, 92, 0.12) 42%,
      transparent 68%
    ),
    linear-gradient(90deg, transparent 0%, rgba(210, 193, 175, 0.1) 42%, rgba(244, 238, 231, 0.17) 50%, rgba(210, 193, 175, 0.1) 58%, transparent 100%);
  background-repeat: no-repeat;
  background-size: 100% 100%, 42% 100%;
  background-position: center, var(--envocs-glow-x, 50%) center;
  opacity: calc(var(--envocs-glow-opacity, 0) * 0.68);
  filter:
    drop-shadow(0 0 10px rgba(210, 193, 175, 0.2))
    drop-shadow(0 0 20px rgba(244, 238, 231, 0.08));
  pointer-events: none;
  transition:
    opacity 0.38s ease,
    background 0.38s ease,
    filter 0.38s ease;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
}

.envocs-cursor-border-glow:hover,
.envocs-cursor-border-glow:focus-visible,
.butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text):hover,
.butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text):focus-visible,
.liquid-glass-button:not(.envocs-nav-island-logo):not(.envocs-token-nav-item):hover,
.liquid-glass-button:not(.envocs-nav-island-logo):not(.envocs-token-nav-item):focus-visible,
.envocs-liquid-glass.butn:not(.envocs-token-nav-item):hover,
.envocs-liquid-glass.butn:not(.envocs-token-nav-item):focus-visible,
a.envocs-liquid-glass:not(.envocs-nav-island-logo):not(.envocs-token-nav-item):hover,
a.envocs-liquid-glass:not(.envocs-nav-island-logo):not(.envocs-token-nav-item):focus-visible,
button.envocs-liquid-glass:not(.envocs-token-nav-item):hover,
button.envocs-liquid-glass:not(.envocs-token-nav-item):focus-visible,
.envocs-token-button:hover,
.envocs-token-button:focus-visible,
.envocs-view-all:hover,
.envocs-view-all:focus-visible,
.envocs-hero-button:hover,
.envocs-hero-button:focus-visible,
.envocs-page-header-cta:hover,
.envocs-page-header-cta:focus-visible,
.envocs-services-hero-cta:hover,
.envocs-services-hero-cta:focus-visible {
  --envocs-glow-opacity: 0.66;
}

.envocs-cursor-border-glow:active:after,
.butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text):active:after,
.liquid-glass-button:not(.envocs-nav-island-logo):not(.envocs-token-nav-item):active:after,
.envocs-liquid-glass.butn:not(.envocs-token-nav-item):active:after,
a.envocs-liquid-glass:not(.envocs-nav-island-logo):not(.envocs-token-nav-item):active:after,
button.envocs-liquid-glass:not(.envocs-token-nav-item):active:after,
.envocs-token-button:active:after,
.envocs-view-all:active:after,
.envocs-hero-button:active:after,
.envocs-page-header-cta:active:after,
.envocs-services-hero-cta:active:after {
  opacity: calc(var(--envocs-glow-opacity, 0) * 0.44);
  filter:
    brightness(0.88)
    drop-shadow(0 0 8px rgba(210, 193, 175, 0.16))
    drop-shadow(0 0 16px rgba(244, 238, 231, 0.06));
}

.butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text):hover,
.butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text):focus-visible,
.envocs-view-all:hover,
.envocs-view-all:focus-visible,
.envocs-hero-button:hover,
.envocs-hero-button:focus-visible,
.envocs-page-header-cta:hover,
.envocs-page-header-cta:focus-visible,
.envocs-services-hero-cta:hover,
.envocs-services-hero-cta:focus-visible,
.envocs-token-button:hover,
.envocs-token-button:focus-visible,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass:hover,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass:focus-visible,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass:hover,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass:focus-visible {
  border-color: rgba(255, 255, 255, 0.26) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(210, 193, 175, 0.12), transparent 54%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.115), rgba(255, 255, 255, 0.03)),
    rgba(14, 14, 14, 0.66) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(210, 193, 175, 0.05),
    0 0 30px rgba(210, 193, 175, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -18px 32px rgba(0, 0, 0, 0.2),
    inset 0 0 26px rgba(255, 255, 255, 0.034),
    inset 0 -1px 0 rgba(255, 255, 255, 0.05) !important;
  color: #eeeeee !important;
  transform: translateY(-1px) scale(1.015);
}

.butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text):hover:before,
.butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text):focus-visible:before,
.envocs-view-all:hover:before,
.envocs-view-all:focus-visible:before,
.envocs-hero-button:hover:before,
.envocs-hero-button:focus-visible:before,
.envocs-page-header-cta:hover:before,
.envocs-page-header-cta:focus-visible:before,
.envocs-services-hero-cta:hover:before,
.envocs-services-hero-cta:focus-visible:before,
.envocs-token-button:hover:before,
.envocs-token-button:focus-visible:before,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass:hover:before,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass:focus-visible:before,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass:hover:before,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass:focus-visible:before {
  opacity: 0.64;
}

.butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text):active,
.envocs-view-all:active,
.envocs-hero-button:active,
.envocs-page-header-cta:active,
.envocs-services-hero-cta:active,
.envocs-token-button:active,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass:active,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass:active {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.014)),
    rgba(7, 7, 7, 0.72) !important;
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.2),
    0 0 14px rgba(210, 193, 175, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 8px 18px rgba(0, 0, 0, 0.2),
    inset 0 -16px 26px rgba(0, 0, 0, 0.26) !important;
  color: #eeeeee !important;
  transform: translateY(1px) scale(0.985);
}

.butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text) span,
.envocs-view-all span,
.envocs-hero-button span,
.envocs-services-hero-cta span,
.envocs-token-button span,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass .envocs-token-label,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass .envocs-token-label {
  color: inherit !important;
  text-transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text),
  .envocs-view-all,
  .envocs-hero-button,
  .envocs-page-header-cta,
  .envocs-services-hero-cta,
  .envocs-token-button,
  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass {
    transition-duration: 1ms !important;
  }

  .butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text):hover,
  .butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text):focus-visible,
  .envocs-view-all:hover,
  .envocs-view-all:focus-visible,
  .envocs-hero-button:hover,
  .envocs-hero-button:focus-visible,
  .envocs-page-header-cta:hover,
  .envocs-page-header-cta:focus-visible,
  .envocs-services-hero-cta:hover,
  .envocs-services-hero-cta:focus-visible,
  .envocs-token-button:hover,
  .envocs-token-button:focus-visible,
  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass:hover,
  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass:focus-visible,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass:hover,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass:focus-visible,
  .butn:not(.envocs-nav-button):not(.butn-crev):not(.butn-circle-text):active,
  .envocs-view-all:active,
  .envocs-hero-button:active,
  .envocs-page-header-cta:active,
  .envocs-services-hero-cta:active,
  .envocs-token-button:active,
  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass:active,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass:active {
    transform: none !important;
  }
}

/* ============ NAV TOKEN BREATHING GLOW ============ */
.navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item,
.navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item {
  --envocs-glow-x: 50%;
  --envocs-glow-y: 50%;
  --envocs-glow-opacity: 0;
  --envocs-glow-radius: 112px;
  position: relative;
  isolation: isolate;
  overflow: visible !important;
  font-size: 12px !important;
}

.navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:after,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:after,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:after,
.navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:after,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:after {
  content: "" !important;
  position: absolute;
  inset: -7px;
  z-index: 0;
  display: block !important;
  border-radius: inherit;
  background: radial-gradient(circle at 50% 50%, rgba(210, 193, 175, 0.15), rgba(210, 193, 175, 0.055) 42%, transparent 70%);
  filter: blur(10px);
  opacity: 0.1;
  pointer-events: none;
  transform: translateZ(0) scale(0.96);
  animation: envocs-token-button-breathe 5.8s ease-in-out infinite;
}

.navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item > *,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item > *,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item > *,
.navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item > *,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item > * {
  position: relative;
  z-index: 1;
}

@keyframes envocs-token-button-breathe {
  0%,
  100% {
    opacity: 0.07;
    filter: blur(9px);
    transform: translateZ(0) scale(0.94);
  }

  50% {
    opacity: 0.15;
    filter: blur(12px);
    transform: translateZ(0) scale(1.02);
  }
}

@media (prefers-reduced-motion: reduce) {
  .navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:after,
  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:after,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:after,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:after,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:after {
    animation: none !important;
    opacity: 0.1;
    filter: blur(9px);
    transform: none;
  }
}

/* ============ LIQUID GLOW CARD DEPTH ============ */
.navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item,
.navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item {
  box-shadow:
    0 0 0 1px rgba(210, 193, 175, 0.035),
    0 0 24px rgba(210, 193, 175, 0.042),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -16px 26px rgba(0, 0, 0, 0.22),
    inset 0 0 22px rgba(255, 255, 255, 0.024) !important;
}

.navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:before,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:before,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:before,
.navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:before,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:before {
  content: "" !important;
  position: absolute;
  inset: 0;
  padding: 1.25px;
  z-index: 0;
  display: block !important;
  border-radius: inherit;
  background:
    radial-gradient(
      circle var(--envocs-glow-radius, 112px) at var(--envocs-glow-x, 50%) var(--envocs-glow-y, 50%),
      rgba(210, 193, 175, 0.58),
      rgba(244, 238, 231, 0.25) 22%,
      rgba(151, 121, 92, 0.12) 42%,
      transparent 68%
    ),
    linear-gradient(90deg, transparent 0%, rgba(210, 193, 175, 0.11) 42%, rgba(244, 238, 231, 0.18) 50%, rgba(210, 193, 175, 0.11) 58%, transparent 100%);
  background-repeat: no-repeat;
  background-size: 100% 100%, 44% 100%;
  background-position: center, var(--envocs-glow-x, 50%) center;
  opacity: calc(var(--envocs-glow-opacity, 0) * 0.7);
  filter:
    drop-shadow(0 0 10px rgba(210, 193, 175, 0.18))
    drop-shadow(0 0 20px rgba(244, 238, 231, 0.07));
  pointer-events: none;
  transition:
    opacity 0.38s ease,
    background 0.38s ease,
    filter 0.38s ease;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
}

.navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:hover,
.navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:focus-visible,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:hover,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:focus-visible,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:hover,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:focus-visible,
.navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:hover,
.navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:focus-visible,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:hover,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:focus-visible {
  --envocs-glow-opacity: 0.68;
  box-shadow:
    0 0 0 1px rgba(210, 193, 175, 0.055),
    0 0 30px rgba(210, 193, 175, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    inset 0 -16px 28px rgba(0, 0, 0, 0.2),
    inset 0 0 24px rgba(255, 255, 255, 0.03) !important;
}

.navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:hover:before,
.navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:focus-visible:before,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:hover:before,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:focus-visible:before,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:hover:before,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:focus-visible:before,
.navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:hover:before,
.navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:focus-visible:before,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:hover:before,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:focus-visible:before {
  filter:
    brightness(1.04)
    drop-shadow(0 0 12px rgba(210, 193, 175, 0.2))
    drop-shadow(0 0 22px rgba(244, 238, 231, 0.08));
}

.navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:active,
.navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:active,
.navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:active,
.navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:active,
.navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:active {
  --envocs-glow-opacity: 0.46;
  box-shadow:
    0 0 16px rgba(210, 193, 175, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.075),
    inset 0 8px 18px rgba(0, 0, 0, 0.22),
    inset 0 -18px 28px rgba(0, 0, 0, 0.3) !important;
}

@media screen and (min-width: 1025px) {
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock,
  .navbar.envocs-site-nav.envocs-floating-nav-layer .envocs-unified-dock {
    --envocs-glow-x: 50%;
    --envocs-glow-y: 50%;
    --envocs-glow-opacity: 0;
    --envocs-glow-radius: 240px;
    overflow: visible !important;
    box-shadow:
      var(--envocs-nav-glass-shadow),
      0 0 0 1px rgba(210, 193, 175, 0.035),
      0 0 38px rgba(210, 193, 175, 0.052),
      inset 0 1px 0 rgba(255, 255, 255, 0.16),
      inset 0 -20px 34px rgba(0, 0, 0, 0.25),
      inset 0 0 28px rgba(255, 255, 255, 0.026),
      inset 0 -1px 0 rgba(255, 255, 255, 0.05) !important;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:before,
  .navbar.envocs-site-nav.envocs-floating-nav-layer .envocs-unified-dock:before {
    background:
      radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.095), transparent 40%),
      radial-gradient(circle at 50% 116%, rgba(0, 0, 0, 0.38), transparent 64%),
      radial-gradient(circle at 82% 100%, rgba(210, 193, 175, 0.095), transparent 38%),
      linear-gradient(180deg, var(--envocs-nav-glass-highlight), transparent 24%),
      linear-gradient(108deg, transparent 12%, rgba(255, 255, 255, 0.076) 38%, transparent 62%);
    opacity: 0.62;
    transition: opacity 0.38s ease;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock:after,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:after,
  .navbar.envocs-site-nav.envocs-floating-nav-layer .envocs-unified-dock:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    padding: 1.25px;
    border-radius: inherit;
    background:
      radial-gradient(
        circle var(--envocs-glow-radius, 240px) at var(--envocs-glow-x, 50%) var(--envocs-glow-y, 50%),
        rgba(210, 193, 175, 0.54),
        rgba(244, 238, 231, 0.24) 22%,
        rgba(151, 121, 92, 0.11) 42%,
        transparent 68%
      ),
      radial-gradient(
        circle 150px at var(--nav-glow-x, 50%) var(--nav-glow-y, 50%),
        rgba(210, 193, 175, 0.08),
        transparent 68%
      ),
      linear-gradient(90deg, transparent 0%, rgba(210, 193, 175, 0.1) 42%, rgba(244, 238, 231, 0.18) 50%, rgba(210, 193, 175, 0.1) 58%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%, 100% 100%, 34% 100%;
    background-position: center, center, var(--envocs-glow-x, 50%) center;
    opacity: calc(var(--envocs-glow-opacity, 0) * 0.64);
    filter:
      drop-shadow(0 0 12px rgba(210, 193, 175, 0.18))
      drop-shadow(0 0 28px rgba(244, 238, 231, 0.07)) !important;
    pointer-events: none;
    transition:
      opacity 0.38s ease,
      background 0.38s ease,
      filter 0.38s ease;
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    mask-composite: exclude;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock:hover,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:hover,
  .navbar.envocs-site-nav.envocs-floating-nav-layer .envocs-unified-dock:hover {
    --envocs-glow-opacity: 0.62;
    box-shadow:
      var(--envocs-nav-glass-shadow),
      0 0 0 1px rgba(210, 193, 175, 0.052),
      0 0 46px rgba(210, 193, 175, 0.074),
      inset 0 1px 0 rgba(255, 255, 255, 0.18),
      inset 0 -20px 34px rgba(0, 0, 0, 0.24),
      inset 0 0 30px rgba(255, 255, 255, 0.032),
      inset 0 -1px 0 rgba(255, 255, 255, 0.055) !important;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock:hover:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:hover:before,
  .navbar.envocs-site-nav.envocs-floating-nav-layer .envocs-unified-dock:hover:before {
    opacity: 0.72;
  }

  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock:hover:after,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:hover:after,
  .navbar.envocs-site-nav.envocs-floating-nav-layer .envocs-unified-dock:hover:after {
    filter:
      brightness(1.04)
      drop-shadow(0 0 14px rgba(210, 193, 175, 0.2))
      drop-shadow(0 0 30px rgba(244, 238, 231, 0.08)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .navbar.envocs-site-nav .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:before,
  .navbar.envocs-site-nav.header-normal:not(.nav-scroll) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:before,
  .navbar.envocs-site-nav:not(.nav-scroll):not(.envocs-floating-nav) .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:before,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-nav-button.envocs-liquid-glass.envocs-token-nav-item:before,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock:before,
  .navbar.envocs-site-nav.header-floating.nav-scroll .envocs-unified-dock:after,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:before,
  .navbar.envocs-floating-nav.nav-scroll .envocs-unified-dock:after,
  .navbar.envocs-site-nav.envocs-floating-nav-layer .envocs-unified-dock:before,
  .navbar.envocs-site-nav.envocs-floating-nav-layer .envocs-unified-dock:after {
    transition-duration: 1ms !important;
  }
}

/* ============ HEADER LAYERED SCROLL TRANSITION ============ */
.navbar.envocs-site-nav.envocs-nav-normal-layer {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  transform-origin: 50% 50% !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto;
  z-index: 1000;
}

.navbar.envocs-site-nav.envocs-nav-normal-layer .envocs-unified-dock {
  transform-origin: 50% 50% !important;
  transition:
    opacity 560ms var(--envocs-nav-transition-ease),
    transform 560ms var(--envocs-nav-transition-ease),
    filter 560ms var(--envocs-nav-transition-ease),
    clip-path 560ms var(--envocs-nav-transition-ease) !important;
  will-change: opacity, transform, filter, clip-path;
}

.navbar.envocs-site-nav.envocs-nav-normal-layer.is-exiting {
  pointer-events: none;
}

.navbar.envocs-site-nav.envocs-nav-normal-layer.is-exiting .envocs-unified-dock {
  opacity: 0 !important;
  filter: blur(8px) !important;
  transform: translate3d(0, -8px, 0) scale(0.88) !important;
  transform-origin: 50% 50% !important;
  clip-path: inset(0 18% 0 18% round 999px);
}

@media screen and (min-width: 1025px) {
  .navbar.envocs-site-nav.envocs-floating-nav-layer {
    position: fixed !important;
    top: var(--envocs-floating-nav-top, 28px) !important;
    left: 50% !important;
    right: auto !important;
    width: min(536px, calc(100vw - 32px)) !important;
    max-width: min(536px, calc(100vw - 32px)) !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 0 !important;
    visibility: hidden;
    filter: blur(6px) !important;
    transform: translate3d(-50%, -18px, 0) scale(0.88) !important;
    transform-origin: 50% 50% !important;
    animation: none !important;
    pointer-events: none;
    z-index: 1002;
    transition:
      opacity 560ms var(--envocs-nav-transition-ease),
      transform 560ms var(--envocs-nav-transition-ease),
      filter 560ms var(--envocs-nav-transition-ease),
      visibility 0s linear 560ms !important;
    will-change: opacity, transform, filter;
  }

  .navbar.envocs-site-nav.envocs-floating-nav-layer.is-visible {
    opacity: 1 !important;
    visibility: visible;
    filter: blur(0) !important;
    transform: translate3d(-50%, 0, 0) scale(1) !important;
    transition:
      opacity 560ms var(--envocs-nav-transition-ease),
      transform 560ms var(--envocs-nav-transition-ease),
      filter 560ms var(--envocs-nav-transition-ease),
      visibility 0s linear 0s !important;
  }

  .navbar.envocs-site-nav.envocs-floating-nav-layer .envocs-unified-dock {
    animation: none !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    transform-origin: 50% 50% !important;
    pointer-events: auto;
  }
}

@media screen and (max-width: 1024px) {
  .navbar.envocs-site-nav.envocs-floating-nav-layer {
    display: none !important;
  }

  .navbar.envocs-site-nav.envocs-nav-normal-layer .envocs-unified-dock,
  .navbar.envocs-site-nav.envocs-nav-normal-layer.is-exiting .envocs-unified-dock {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    clip-path: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .navbar.envocs-site-nav.envocs-nav-normal-layer .envocs-unified-dock,
  .navbar.envocs-site-nav.envocs-floating-nav-layer {
    transition-duration: 1ms !important;
  }

  .navbar.envocs-site-nav.envocs-nav-normal-layer.is-exiting .envocs-unified-dock {
    filter: none !important;
    transform: translate3d(0, 0, 0) scale(0.96) !important;
  }

  .navbar.envocs-site-nav.envocs-floating-nav-layer,
  .navbar.envocs-site-nav.envocs-floating-nav-layer.is-visible {
    filter: none !important;
  }
}