:root,
body { --yellow: #091a46; --paper: #FFF8E7; --on-accent: #ffffff; --ink: #000000; }
@media screen and (max-width: 767px) { body { --yellow: #091a46; } }
@media screen and (max-width: 479px) { body { --yellow: #091a46; } }

html { background-color: #FFF8E7; }
body { background-color: #FFF8E7; color: #000000; }

@font-face {
  font-family: "Mulish";
  src: url("/profile/fonts/Mulish-latin.woff2") format("woff2");
  font-weight: 300 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Mulish";
  src: url("/profile/fonts/Mulish-latin-ext.woff2") format("woff2");
  font-weight: 300 900; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face { font-family: "Ppneuemontreal Book"; src: url("/profile/fonts/Mulish-latin.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Ppneuemontreal;        src: url("/profile/fonts/Mulish-latin.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Ppneuemontreal;        src: url("/profile/fonts/Mulish-latin.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Tr 3 A";              src: url("/profile/fonts/Mulish-latin.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Tr 3 A";              src: url("/profile/fonts/Mulish-latin.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Tr 3 A";              src: url("/profile/fonts/Mulish-latin.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

body,
:where(h1, h2, h3, h4, h5, h6, p, a, li, button, input, textarea) {
  font-family: "Mulish", "Ppneuemontreal Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.hero-button,
.nav-button,
.about-card-button:hover,
.about-card-point-circle,
.work-card-arrow-wrap,
.cta-button,
.typing-dots,
.hero-cta-button,
.nav-button-secondary,
.nav-button-mobile,
.drag-circle { color: var(--on-accent) !important; }

.hero-button *,
.nav-button *,
.about-card-button:hover *,
.about-card-point-circle *,
.work-card-arrow-wrap *,
.cta-button *,
.typing-dots *,
.hero-cta-button *,
.nav-button-secondary *,
.nav-button-mobile *,
.drag-circle * { color: var(--on-accent) !important; }

.nav-menu-item:has(.hero-navigation-link.w--current ~ .nav-item-bg) .hero-navigation-link.w--current,
.nav-menu-item:has(.nav-link.w--current:hover ~ .nav-item-bg) .hero-navigation-link {
  color: var(--on-accent) !important;
}

.hero-button,
.cta-button,
.hero-cta-button { background-color: #091a46; }
.experience-number,
.nav-experience-numb { color: #091a46; }
.popup-card-top-item { background-image: linear-gradient(#1b3a8f, #091a46); }

.hero-heading { color: #091a46; }
.hero-card-1,
.hero-card-2,
.hero-card-3 { color: #000000; border-color: rgba(9, 26, 70, .18); }

.hero-left-text {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none;
}
.hero-card-3 { display: none !important; }

.hero-webflow-projects-text, .nav-webflow-text { white-space: nowrap; }

:root, body { --stat-h: calc(5.5vw / 1.5); --nav-stat-h: 1.55vw; }

@media screen and (max-width: 767px) { body { --stat-h: calc(clamp(3.2rem, 16vw, 7.67rem) / 2.6923); } }
@media screen and (max-width: 479px) { body { --stat-h: calc(clamp(4.29rem, 20.79vw + .13rem, 9.96rem) / 2.6923); } }

.experience-number {
  width: calc(var(--stat-h) * 2.6923);
  aspect-ratio: 2.6923;
  color: #091a46;
}
.hero-webflow-icon-wrap {
  width: calc(var(--stat-h) * 2.6203);
  aspect-ratio: 2.6203;
  justify-content: center;
}
.hero-webflow-icon { width: 100%; color: #091a46; }

.hero-card-2 { flex-flow: column; }

@media screen and (min-width: 768px) { .hero-cards-left { transform: translateX(-4vw); } }

@media screen and (max-width: 767px) {
  .mobile-hero-image-wrap { align-items: flex-start; }
}

.nav-experience-numb { width: calc(var(--nav-stat-h) * 2.6923); color: #091a46; }
.nav-webflow-icon    { width: calc(var(--nav-stat-h) * 2.6203); color: #091a46; }

.about-card-img.is-riight-side { display: none !important; }

.gj-inst {
  height: 26px;
  width: auto;
  max-width: 132px;
  object-fit: contain;
  flex: none;
  opacity: .78;
}

@keyframes gj-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-1193px); }
}
.nav-comapny-item {
  animation: gj-marquee 19.9s linear infinite !important;
  
  column-gap: 20px !important;
  padding-right: 20px !important;
  width: max-content !important;
  min-width: max-content !important;
  flex: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .nav-comapny-item { animation: none !important; }
  .nav-comapny-wrap { overflow-x: auto; }
}

.gj-home {
  display: flex;
  align-items: center;
  gap: .55vw;
  height: 3.47vw;
  min-height: 40px;
  padding: 0 1.11vw;
  margin-bottom: 1.11vw;
  border-radius: .56vw;
  background-color: rgba(223, 222, 206, .8);
  color: var(--black);
  text-decoration: none;
  font-size: .9vw;
  letter-spacing: .01em;
  flex: none;
  transition: background-color .25s ease, transform .25s ease;
}
.gj-home svg { width: 1em; height: 1em; flex: none; }
.gj-home span { line-height: 1; }
.gj-home:hover { background-color: rgba(223, 222, 206, 1); }
.gj-home:hover svg { transform: translateX(-2px); }
.gj-home:focus-visible { outline: 2px solid var(--yellow); outline-offset: 2px; }
@media screen and (max-width: 991px) {
  .gj-home { font-size: 13px; height: 44px; padding: 0 14px; gap: 8px;
             border-radius: 10px; margin-bottom: 12px; }
}

.service-wrap { background-color: transparent; padding: 0; align-items: stretch; }
.service-card,
.service-card.is-first {
  background-color: #dfdece;
  border-radius: .69vw;
  width: auto;
  flex: 1 1 0;
  padding: 1.66vw 1.94vw;
}

.service-card-icon { display: none !important; }

.gj-caps { pointer-events: auto; display: flex; flex-flow: column; width: 100%; }

.gj-caps__band { padding: clamp(.9rem, 1.6vw, 1.6rem) 0; }
.gj-caps__label {
  margin: 0 0 clamp(.5rem, .8vw, .8rem);
  font-size: clamp(.7rem, .82vw, 1rem);
  font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
  color: var(--yellow); opacity: .75;
}

.gj-caps__view {
  overflow: hidden; width: 100%;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
}
.gj-caps__track {
  display: flex; width: max-content;
  gap: clamp(.35rem, .55vw, .6rem);
  animation: gj-marq var(--gj-dur, 60s) linear infinite;
  will-change: transform;
}

@keyframes gj-marq { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.gj-caps__band[data-dir="r"] .gj-caps__track { animation-direction: reverse; }
.gj-caps__band:hover .gj-caps__track { animation-play-state: paused; }

.gj-cap {
  flex: none;
  padding: clamp(.4rem, .55vw, .6rem) clamp(.7rem, 1vw, 1.1rem);
  border-radius: 999px;
  background-color: #e4e0ce;
  color: var(--ink);
  font-size: clamp(.75rem, .95vw, 1.05rem);
  line-height: 1.15; white-space: nowrap;
  transition: background-color .25s ease, color .25s ease;
}
.gj-caps__band:hover .gj-cap:hover { background-color: var(--yellow); color: var(--on-accent); }

@media (prefers-reduced-motion: reduce) {
  .gj-caps__track { animation: none; }
  .gj-caps__view { overflow-x: auto; }
  .gj-cap[aria-hidden="true"] { display: none; }
}

.gj-caps-wrap { width: 100%; align-self: stretch; min-width: 0; }

.gj-mail { color: inherit; text-decoration: none; }
.gj-mail:hover { text-decoration: underline; text-underline-offset: .18em; }

.gj-svc-link {
  color: var(--yellow); text-decoration: underline;
  text-underline-offset: .18em; text-decoration-thickness: 1px;
}
.gj-svc-link:hover { text-decoration-thickness: 2px; }

.gj-kit { pointer-events: auto; width: 100%; text-align: left;
          margin-top: clamp(3rem, 6vw, 6rem); }

.gj-kit__intro { max-width: 64ch; margin: 0 0 clamp(1.5rem, 3vw, 2.5rem); }
.gj-kit__title {
  margin: 0 0 .45em; font-size: clamp(1.5rem, 2.6vw, 2.4rem);
  font-weight: 700; letter-spacing: -.01em; line-height: 1.05;
  color: var(--yellow);
}
.gj-kit__lede {
  margin: 0; font-size: clamp(.88rem, 1.05vw, 1.08rem);
  line-height: 1.55; color: var(--ink); opacity: .82;
}

.gj-kit__body {
  display: grid; align-items: start;
  gap: clamp(1.5rem, 3vw, 3rem);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.06fr);
}
.gj-kit__fig { margin: 0; }
.gj-kit__img { display: block; width: 100%; height: auto; border-radius: 2px; }

.gj-kit__groups { columns: 2; column-gap: clamp(1.2rem, 2.4vw, 2.4rem); }
.gj-kit__group { break-inside: avoid; margin: 0 0 clamp(1.1rem, 2vw, 1.8rem); }
.gj-kit__gname {
  margin: 0 0 .55em; font-size: clamp(.68rem, .8vw, .82rem);
  font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
  color: var(--yellow); opacity: .75;
}
.gj-kit__list { margin: 0; padding: 0; list-style: none; }
.gj-kit__list li {
  padding: .16em 0; color: var(--ink);
  font-size: clamp(.8rem, .95vw, .98rem); line-height: 1.5;
}

@media (max-width: 900px) { .gj-kit__body { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) { .gj-kit__groups { columns: 1; } }

@media screen and (min-width: 768px) {
  .work_section { min-height: 284vh; }
}

.work-image { opacity: 1 !important; }

.work-card-arrow-wrap { color: var(--on-accent) !important; }

.work-card-heading {
  position: absolute; width: 1px; height: 1px;
  margin: 0; padding: 0; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}

.about-section .label { display: none !important; }

.popup-card {
  background-image: none;
  background-color: #091a46;
  border: 1px solid rgba(255, 255, 255, .22);
  color: var(--on-accent);
}

.popup-card-top-item {
  background-image: none;
  -webkit-text-fill-color: var(--on-accent);
  color: var(--on-accent);
}
.popup-heading, .popup-card-bottom-item p { color: var(--on-accent); }

.nesh-logo-wrap { aspect-ratio: 6.086; }
.nesh-logo-preload-svg { aspect-ratio: 6.086; }
.nesh-logo-ghost { aspect-ratio: 6.086; }
.nesh-logo { aspect-ratio: 6.086; }

.nesh-copyright-wrap,
.nesh-copyright-icon-ghost { opacity: 0 !important; }