@charset "UTF-8";
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

html {
  background: #010922;
  --cursor-size: 80px;
  --cursor-outline: rgba(1, 9, 34, 0.3);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  background: #F0F0F0;
}

[data-enter] {
  transform-origin: top center;
}

@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}
::-moz-selection {
  background: #63BDE8;
  color: #FFFFFF;
}
::selection {
  background: #63BDE8;
  color: #FFFFFF;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

* {
  box-sizing: border-box;
}

html {
  line-height: 1;
}

a {
  text-decoration: none;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=submit],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=submit]:focus,
textarea:focus {
  outline: none;
}

textarea {
  resize: vertical;
}

select {
  display: block;
}

.articles-archive {
  position: relative;
}
.articles-archive:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .articles-archive:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .articles-archive:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .articles-archive:after {
    left: 37px;
  }
}
.articles-archive .inner {
  position: relative;
  margin: 0 100px 0 250px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
  .articles-archive .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .articles-archive .inner {
    margin: 0 25px 0 75px;
  }
}
.articles-archive .full-width {
  display: flex;
  flex-wrap: wrap;
}
.articles-archive .full-width .articles-preview-item {
  width: calc(33.33% - 33.33px);
  margin: 0 50px 0 0;
}
.articles-archive .full-width .articles-preview-item:nth-child(3n) {
  margin: 0;
}
@media screen and (max-width: 1000px) {
  .articles-archive .full-width .articles-preview-item {
    width: calc(50% - 12.5px);
    margin: 0 25px 0 0;
  }
  .articles-archive .full-width .articles-preview-item:nth-child(3n) {
    margin: 0 25px 0 0;
  }
  .articles-archive .full-width .articles-preview-item:nth-child(2n) {
    margin: 0;
  }
}
@media screen and (max-width: 600px) {
  .articles-archive .full-width .articles-preview-item {
    width: 100%;
    margin: 0;
  }
  .articles-archive .full-width .articles-preview-item:nth-child(3n), .articles-archive .full-width .articles-preview-item:nth-child(2n) {
    margin: 0;
  }
}
.articles-archive .wide-column {
  width: calc((100% - 100px) * 0.666 + 75px);
  position: relative;
  margin: 0 25px 0 0;
}
@media screen and (max-width: 1000px) {
  .articles-archive .wide-column {
    width: 100%;
    margin: 0;
  }
}
.articles-archive .wide-column .articles-preview-item {
  margin: 0 50px 0 0;
  width: calc(50% - 25px);
}
@media screen and (max-width: 1000px) {
  .articles-archive .wide-column .articles-preview-item {
    width: calc(50% - 12.5px);
    margin: 0 25px 0 0;
  }
}
@media screen and (max-width: 600px) {
  .articles-archive .wide-column .articles-preview-item {
    width: 100%;
    margin: 0;
  }
}
.articles-archive .wide-column .articles-preview-item:nth-child(2n) {
  margin: 0;
}
.articles-archive .wide-column .column-inner {
  border-right: 1px solid rgba(1, 9, 34, 0.2);
  padding: 0 25px 0 0;
}
@media screen and (max-width: 1000px) {
  .articles-archive .wide-column .column-inner {
    padding: 0;
    border: 0;
  }
}
.articles-archive .narrow-column {
  width: calc((100% - 100px) * 0.333);
}
@media screen and (max-width: 1000px) {
  .articles-archive .narrow-column {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .articles-archive .narrow-column .articles-preview-item {
    width: calc(50% - 12.5px);
    margin: 0 25px 0 0;
  }
}
@media screen and (max-width: 600px) {
  .articles-archive .narrow-column .articles-preview-item {
    width: 100%;
    margin: 0;
  }
}
.articles-archive .narrow-column .articles-preview-item:nth-child(2n) {
  margin: 0;
}
.articles-archive .column-inner {
  display: flex;
  flex-wrap: wrap;
}
.articles-archive .column-title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
  color: #010922;
  width: 100%;
  margin: 0 0 50px;
}
@media screen and (max-width: 782px) {
  .articles-archive .column-title {
    font-size: 36px;
  }
}
.articles-archive .column-title .link {
  color: #010922;
}

.articles-filters {
  position: relative;
  padding: 0 0 50px;
}
.articles-filters:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .articles-filters:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .articles-filters:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .articles-filters:after {
    left: 37px;
  }
}
.articles-filters .inner {
  position: relative;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .articles-filters .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .articles-filters .inner {
    margin: 0 25px 0 75px;
  }
}
.articles-filters .site-search {
  width: calc((100% - 100px) / 3);
}
@media screen and (max-width: 1000px) {
  .articles-filters .site-search {
    width: 50%;
  }
}

.articles-preview-item {
  width: 100%;
  padding: 0 0 100px;
}
.articles-preview-item .link {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.articles-preview-item .image {
  position: relative;
  width: 100%;
  height: 200px;
  margin: 0 0 25px;
  overflow: hidden;
}
.articles-preview-item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articles-preview-item .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
.articles-preview-item .content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
}
.articles-preview-item .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 1.1;
  color: #010922;
  margin: 0 0 25px;
}
.articles-preview-item .excerpt {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 0 0 25px;
}
.articles-preview-item .prompt {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(1, 9, 34, 0.6);
  display: block;
  margin: auto 0 0;
}
.articles-preview-item .prompt:before {
  content: "> ";
}

.articles-preview {
  background: #B9B6B6;
  padding: 90px 0 75px;
  position: relative;
}
.articles-preview:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .articles-preview:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .articles-preview:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .articles-preview:after {
    left: 37px;
  }
}
.articles-preview .inner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0 0 0 250px;
}
@media screen and (max-width: 1200px) {
  .articles-preview .inner {
    margin: 0 0 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .articles-preview .inner {
    margin: 0 0 0 75px;
  }
}
.articles-preview .upper {
  padding: 225px 0 0;
  width: 350px;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  justify-content: flex-end;
}
@media screen and (max-width: 1000px) {
  .articles-preview .upper {
    width: 100%;
    flex-direction: column;
    padding: 25px 50px 0 0;
    margin: 0 0 25px;
  }
}
.articles-preview .upper .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
  color: #010922;
  width: 100%;
}
@media screen and (max-width: 782px) {
  .articles-preview .upper .title {
    font-size: 36px;
  }
}
.articles-preview .swiper-container {
  width: calc(100% - 400px);
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1000px) {
  .articles-preview .swiper-container {
    width: 100%;
  }
}
.articles-preview .swiper-slide {
  width: 300px;
  margin: 0 35px 0 0;
}
@media screen and (max-width: 1000px) {
  .articles-preview .swiper-slide {
    width: 175px;
  }
}
.articles-preview .articles-swiper-buttons {
  padding: 0 18px;
}
.articles-preview .articles-swiper-buttons .swiper-button:before {
  color: #010922;
}
.articles-preview .feature-text {
  width: 100%;
  margin: 0 0 -50px;
}
@media screen and (max-width: 1000px) {
  .articles-preview .feature-text {
    margin: 0;
  }
}
.articles-preview .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #010922;
}
@media screen and (max-width: 1330px) {
  .articles-preview .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .articles-preview .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .articles-preview .feature-text .text {
    font-size: 42px;
  }
}
.articles-preview .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
  color: #B9B6B6;
}
@media screen and (max-width: 1330px) {
  .articles-preview .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .articles-preview .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .articles-preview .feature-text:before {
    font-size: 42px;
  }
}
.articles-preview .scroll-label {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  position: absolute;
  bottom: 200px;
  left: 150px;
  transform-origin: left center;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1200px) {
  .articles-preview .scroll-label {
    left: 50px;
  }
}
@media screen and (max-width: 782px) {
  .articles-preview .scroll-label {
    display: none;
  }
}
.articles-preview .scroll-label [data-scroll-label] {
  display: block;
}

.case-studies-archive-item .logo {
  position: relative;
  width: 240px;
  margin: 0 0 20px;
}
.case-studies-archive-item .logo .logo-inner.secondary {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
}
.case-studies-archive-item .logo img {
  width: 100%;
  height: auto;
  display: block;
}
.case-studies-archive-item .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 0 0 26px;
}
@media screen and (max-width: 782px) {
  .case-studies-archive-item .title {
    font-size: 20px;
  }
}
.case-studies-archive-item .excerpt {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
}
.case-studies-archive-item .prompt {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  display: block;
  color: rgba(1, 9, 34, 0.6);
  margin: 26px 0 0;
}
.case-studies-archive-item .prompt:before {
  content: "> ";
}

.case-studies-archive {
  position: relative;
  padding: 0 0 175px;
}
.case-studies-archive:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .case-studies-archive:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .case-studies-archive:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .case-studies-archive:after {
    left: 37px;
  }
}
.case-studies-archive .inner {
  position: relative;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .case-studies-archive .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .case-studies-archive .inner {
    margin: 0 25px 0 75px;
  }
}
.case-studies-archive .case-studies-archive-item {
  max-width: 560px;
  margin: 0 0 100px 50%;
}
@media screen and (max-width: 785px) {
  .case-studies-archive .case-studies-archive-item {
    margin: 0 0 75px;
  }
}
.case-studies-archive .case-studies-archive-item:last-child {
  margin: 0 0 0 50%;
}
@media screen and (max-width: 785px) {
  .case-studies-archive .case-studies-archive-item:last-child {
    margin: 0;
  }
}

.case-studies-preview-item {
  width: 100%;
  height: 100%;
  padding: 0 25px 40px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.case-studies-preview-item .link {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.case-studies-preview-item .icon-holder {
  position: relative;
  margin: 0 0 25px;
}
.case-studies-preview-item .icon {
  position: relative;
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .case-studies-preview-item .icon {
    width: 125px;
    height: 125px;
  }
}
.case-studies-preview-item .icon.secondary {
  position: absolute;
  top: 0;
  left: 0;
  --mask-y: -9000px;
  --mask-x: -9000px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
}
.case-studies-preview-item .icon img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.case-studies-preview-item .content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
}
.case-studies-preview-item .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 1.1;
  color: #FFFFFF;
  margin: 0 0 26px;
}
.case-studies-preview-item .excerpt {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #FFFFFF;
  margin: 0 0 26px;
}
@media screen and (max-width: 1000px) {
  .case-studies-preview-item .excerpt {
    display: none;
  }
}
.case-studies-preview-item .prompt {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.6);
  margin: auto 0 0;
}
.case-studies-preview-item .prompt:before {
  content: "> ";
}

.case-studies-preview {
  background: #010922;
  padding: 200px 0 150px;
  position: relative;
}
.case-studies-preview:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .case-studies-preview:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .case-studies-preview:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .case-studies-preview:after {
    left: 37px;
  }
}
.case-studies-preview .inner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0 0 0 250px;
}
@media screen and (max-width: 1200px) {
  .case-studies-preview .inner {
    margin: 0 0 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .case-studies-preview .inner {
    margin: 0 0 0 75px;
  }
}
.case-studies-preview .upper {
  padding: 10px 0 0;
  width: 350px;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  justify-content: flex-end;
}
@media screen and (max-width: 1000px) {
  .case-studies-preview .upper {
    width: 100%;
    flex-direction: column;
    padding: 25px 50px 0 0;
    margin: 0 0 25px;
  }
}
.case-studies-preview .upper .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
  color: #FFFFFF;
  width: 100%;
}
@media screen and (max-width: 782px) {
  .case-studies-preview .upper .title {
    font-size: 36px;
  }
}
.case-studies-preview .swiper-container {
  width: calc(100% - 350px);
}
@media screen and (max-width: 1000px) {
  .case-studies-preview .swiper-container {
    width: 100%;
  }
}
.case-studies-preview .swiper-slide {
  width: 300px;
}
@media screen and (max-width: 1000px) {
  .case-studies-preview .swiper-slide {
    width: 250px;
  }
}
.case-studies-preview .services-swiper-buttons {
  padding: 0 18px;
}
@media screen and (max-width: 782px) {
  .case-studies-preview .services-swiper-buttons {
    padding: 0;
    margin: 0 -35px 0 0;
  }
}
.case-studies-preview .services-swiper-buttons .swiper-button:before {
  color: #FFFFFF;
}
.case-studies-preview .feature-text {
  width: 100%;
  margin: 0 0 -25px;
}
@media screen and (max-width: 1000px) {
  .case-studies-preview .feature-text {
    margin: 0;
  }
}
.case-studies-preview .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #FFFFFF;
}
@media screen and (max-width: 1330px) {
  .case-studies-preview .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .case-studies-preview .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .case-studies-preview .feature-text .text {
    font-size: 42px;
  }
}
.case-studies-preview .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #010922;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 1330px) {
  .case-studies-preview .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .case-studies-preview .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .case-studies-preview .feature-text:before {
    font-size: 42px;
  }
}
.case-studies-preview .scroll-label {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #FFFFFF;
  position: absolute;
  bottom: 200px;
  left: 150px;
  transform-origin: left center;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1200px) {
  .case-studies-preview .scroll-label {
    left: 50px;
  }
}
@media screen and (max-width: 782px) {
  .case-studies-preview .scroll-label {
    display: none;
  }
}
.case-studies-preview .scroll-label [data-scroll-label] {
  display: block;
}

.clients {
  padding: 100px 0 125px;
  position: relative;
}
.clients:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .clients:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .clients:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .clients:after {
    left: 37px;
  }
}
.clients .inner {
  position: relative;
  margin: 0 0 0 200px;
  padding: 0 0 140px;
}
@media screen and (max-width: 1200px) {
  .clients .inner {
    margin: 0 0 0 100px;
  }
}
@media screen and (max-width: 782px) {
  .clients .inner {
    margin: 0 0 0 37px;
  }
}
.clients .feature-text {
  margin: 0 0 75px 50px;
}
.clients .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #010922;
}
@media screen and (max-width: 1330px) {
  .clients .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .clients .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .clients .feature-text .text {
    font-size: 42px;
  }
}
.clients .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
}
@media screen and (max-width: 1330px) {
  .clients .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .clients .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .clients .feature-text:before {
    font-size: 42px;
  }
}
.clients .swiper-wrapper {
  align-items: center;
}
.clients .swiper-slide {
  width: 175px;
  margin: 0 50px;
}
@media screen and (max-width: 1000px) {
  .clients .swiper-slide {
    width: 150px;
    margin: 0 25px;
  }
}
@media screen and (max-width: 782px) {
  .clients .swiper-slide {
    width: 100px;
    margin: 0 15px;
  }
}
.clients .logo {
  position: relative;
  width: 100%;
}
.clients .logo img {
  max-width: 100%;
  max-height: 160px;
  display: block;
}
.clients .logo .secondary {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
}
.clients .clients-swiper-buttons {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.clients .clients-swiper-buttons .swiper-button {
  background: #bdbdbd;
}
.clients .clients-swiper-buttons .swiper-button:hover {
  background: #b0b0b0;
}
.clients .clients-swiper-buttons .swiper-button:before {
  color: #010922;
}

#cookie-law-info-bar {
  z-index: 999;
  background: rgba(1, 9, 34, 0.7);
}
#cookie-law-info-bar .inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 25px 20px;
  background: #FFFFFF;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#cookie-law-info-bar .inner p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  width: calc(100% - 400px);
  max-width: 1000px;
  margin-right: auto;
  text-align: left;
  display: block;
}
@media screen and (max-width: 782px) {
  #cookie-law-info-bar .inner p {
    width: 100%;
  }
}
#cookie-law-info-bar .inner p a {
  color: #010922;
  border-bottom: 1px solid #010922;
}
#cookie-law-info-bar .cli-plugin-button {
  border: 2px solid #010922;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #010922;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
  cursor: pointer;
  font-size: 12px;
  height: 50px;
  line-height: 48px;
  padding: 0 28px;
  margin: 0 8px;
  color: #010922 !important;
  background: transparent !important;
}
#cookie-law-info-bar .cli-plugin-button:hover {
  background: #010922;
  color: #FFFFFF;
}
#cookie-law-info-bar .cli-plugin-button:hover {
  background: #010922 !important;
  color: #FFFFFF !important;
}
@media screen and (max-width: 782px) {
  #cookie-law-info-bar .cli-plugin-button {
    display: block;
    width: 100%;
    margin: 20px 0 0;
  }
}

.cli-modal-dialog .cli-bar-popup {
  padding: 40px;
  border-radius: 0;
}
.cli-modal-dialog h4 {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  font-size: 26px;
  margin: 0 0 14px;
}
@media screen and (max-width: 782px) {
  .cli-modal-dialog h4 {
    font-size: 20px;
  }
}
.cli-modal-dialog .cli-privacy-content-text,
.cli-modal-dialog .cli-privacy-readmore,
.cli-modal-dialog .cli-necessary-caption,
.cli-modal-dialog .wt-cli-cookie-description,
.cli-modal-dialog .cli-nav-link,
.cli-modal-dialog .cli-slider:after {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  font-size: 13px;
}
.cli-modal-dialog .cli-tab-header {
  border-radius: 0;
  background: #F0F0F0;
}
.cli-modal-dialog .wt-cli-privacy-btn {
  border: 2px solid #010922;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #010922;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
  cursor: pointer;
  font-size: 12px;
  height: 50px;
  line-height: 48px;
  padding: 0 28px;
  color: #010922 !important;
  background: transparent !important;
}
.cli-modal-dialog .wt-cli-privacy-btn:hover {
  background: #010922;
  color: #FFFFFF;
}
.cli-modal-dialog .wt-cli-privacy-btn:hover {
  background: #010922 !important;
  color: #FFFFFF !important;
}
.cli-modal-dialog table.cookielawinfo-winter {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
}
.cli-modal-dialog table.cookielawinfo-winter thead th {
  background: #010922;
}
.cli-modal-dialog table.cookielawinfo-winter tbody tr {
  background: #F0F0F0;
}

.js-cookies {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(1, 9, 34, 0.7);
}
.js-cookies .inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 35px;
  display: flex;
  justify-content: center;
  background: #FFFFFF;
}
.js-cookies .inner p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 0;
  text-align: center;
  display: block;
}
.js-cookies .inner p a {
  color: #010922;
  border-bottom: 1px solid #010922;
}
.js-cookies .inner .btn {
  border: 2px solid #010922;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #010922;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
  margin: 20px 0 0 40px;
  cursor: pointer;
}
.js-cookies .inner .btn:hover {
  background: #010922;
  color: #FFFFFF;
}
@media screen and (max-width: 782px) {
  .js-cookies .inner .btn {
    display: block;
    width: 100%;
    margin: 20px 0 0;
  }
}

.cursor-overflow {
  overflow: hidden;
}

.cursor-follow {
  position: absolute;
  width: var(--cursor-size);
  height: var(--cursor-size);
  border-radius: 50%;
  z-index: 1;
  transition: 0.4s transform, 0.2s opacity, 0.2s border, 0.2s background;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 10000;
  transform: translate(-50%, -50%);
  border: 1px solid var(--cursor-outline);
}
.reveal-navigation .cursor-follow {
  background: rgba(255, 255, 255, 0.2);
}

.enquiry-form .form-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.enquiry-form .form-row {
  width: 100%;
  margin: 0 0 10px;
}
.enquiry-form .form-row:last-child {
  margin: 0;
}
.enquiry-form .form-row.half-width {
  width: calc(50% - 25px);
}
@media screen and (max-width: 600px) {
  .enquiry-form .form-row.half-width {
    width: 100%;
  }
}
.enquiry-form input[type=text],
.enquiry-form input[type=email] {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 1.1;
  color: #010922;
  border: 0;
  border-bottom: 1px solid #010922;
  background: none;
  display: block;
  padding: 0;
  line-height: 70px;
  height: 70px;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.enquiry-form input[type=text].sfu,
.enquiry-form input[type=email].sfu {
  display: none;
}
.enquiry-form select {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 1.1;
  color: #010922;
  border: 0;
  border-bottom: 1px solid #010922;
  background: none;
  display: block;
  width: 100%;
  padding: 0;
  line-height: 70px;
  height: 70px;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.enquiry-form textarea {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 1.1;
  color: #010922;
  border: 0;
  border-bottom: 1px solid #010922;
  background: none;
  display: block;
  padding: 0;
  line-height: 1.2;
  padding: 20px 0;
  height: 175px;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.enquiry-form .error-message {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 5px 0 0;
}
.enquiry-form input[type=submit] {
  position: absolute;
  bottom: 0;
  right: 0;
  background: none;
  border: 0;
  padding: 0;
  color: transparent;
  width: 40px;
  height: 70px;
  cursor: pointer;
  display: block;
  background-size: 40px 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 39.5 24.3' style='enable-background:new 0 0 39.5 24.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23010922;stroke-width:2;stroke-miterlimit:10;%7D .st1%7Bfill:none;stroke:%23010922;stroke-width:2;%7D%0A%3C/style%3E%3Cpath id='Path_211' class='st0' d='M26.8,23.1l9.9-9.8c0.6-0.6,0.6-1.7,0-2.3l-9.9-9.8'/%3E%3Cline id='Line_52' class='st1' x1='0' y1='11.9' x2='37' y2='11.9'/%3E%3C/svg%3E");
}
.enquiry-form .success-msg h2,
.enquiry-form .success-msg h3 {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 30px 0;
}
@media screen and (max-width: 782px) {
  .enquiry-form .success-msg h2,
  .enquiry-form .success-msg h3 {
    font-size: 20px;
  }
}
.enquiry-form .success-msg .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
}
@media screen and (max-width: 782px) {
  .enquiry-form .success-msg .title {
    font-size: 36px;
  }
}
.enquiry-form .success-msg p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 20px 0;
}
.enquiry-form .success-msg p a {
  color: #63BDE8;
  font-weight: 600;
}
.enquiry-form .success-msg ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.enquiry-form .success-msg ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.enquiry-form .success-msg li {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
}
.enquiry-form .success-msg li a {
  color: #010922;
}
.enquiry-form .success-msg .link {
  border: 2px solid #010922;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #010922;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
}
.enquiry-form .success-msg .link:hover {
  background: #010922;
  color: #FFFFFF;
}

.site-footer {
  background: linear-gradient(170deg, #010f40 0%, #010f40 60%, #0513a8 100%);
  position: relative;
  overflow: hidden;
}
.site-footer:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .site-footer:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .site-footer:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .site-footer:after {
    left: 37px;
  }
}
.site-footer .topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 100px 0 250px;
  padding: 50px 0;
}
@media screen and (max-width: 1200px) {
  .site-footer .topline {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .site-footer .topline {
    margin: 0 50px 0 75px;
    flex-wrap: wrap;
  }
}
.site-footer .topline .prompt {
  position: relative;
}
.site-footer .topline .prompt .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #FFFFFF;
  font-size: 100px;
}
@media screen and (max-width: 1330px) {
  .site-footer .topline .prompt .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .site-footer .topline .prompt .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .site-footer .topline .prompt .text {
    font-size: 42px;
  }
}
@media screen and (max-width: 1420px) {
  .site-footer .topline .prompt .text {
    font-size: 84px;
  }
}
@media screen and (max-width: 1200px) {
  .site-footer .topline .prompt .text {
    font-size: 66px;
  }
}
.site-footer .topline .prompt:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #010922;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
  font-size: 100px;
  color: transparent;
}
@media screen and (max-width: 1330px) {
  .site-footer .topline .prompt:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .site-footer .topline .prompt:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .site-footer .topline .prompt:before {
    font-size: 42px;
  }
}
@media screen and (max-width: 1420px) {
  .site-footer .topline .prompt:before {
    font-size: 84px;
  }
}
@media screen and (max-width: 1200px) {
  .site-footer .topline .prompt:before {
    font-size: 66px;
  }
}
@media screen and (max-width: 782px) {
  .site-footer .topline .social-media {
    width: 100%;
    margin: 25px 0 0;
  }
}
.site-footer .upper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 100px 0 250px;
  padding: 0 0 50px;
}
@media screen and (max-width: 1200px) {
  .site-footer .upper {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 1000px) {
  .site-footer .upper {
    display: block;
  }
}
@media screen and (max-width: 782px) {
  .site-footer .upper {
    margin: 0 50px 0 75px;
  }
}
.site-footer .upper .contact {
  display: inline-block;
  width: 90px;
  height: 58px;
  display: block;
  background-size: 90px 58px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 39.5 24.3' style='enable-background:new 0 0 39.5 24.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:1;stroke-miterlimit:10;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:1;%7D%0A%3C/style%3E%3Cpath id='Path_211' class='st0' d='M26.8,23.1l9.9-9.8c0.6-0.6,0.6-1.7,0-2.3l-9.9-9.8'/%3E%3Cline id='Line_52' class='st1' x1='0' y1='11.9' x2='37' y2='11.9'/%3E%3C/svg%3E");
}
.site-footer .upper .email-signup {
  max-width: 400px;
}
.site-footer .upper .email-signup form {
  position: relative;
}
.site-footer .upper .email-signup label {
  display: none;
}
.site-footer .upper .email-signup .sfu {
  display: none;
}
.site-footer .upper .email-signup input[type=email] {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 1.1;
  color: #FFFFFF;
  border: 0;
  border-bottom: 1px solid #FFFFFF;
  background: none;
  display: block;
  padding: 0;
  line-height: 70px;
  height: 70px;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.site-footer .upper .email-signup input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: 0;
  padding: 0;
  color: transparent;
  width: 40px;
  height: 70px;
  display: block;
  background-size: 40px 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 39.5 24.3' style='enable-background:new 0 0 39.5 24.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-miterlimit:10;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;%7D%0A%3C/style%3E%3Cpath id='Path_211' class='st0' d='M26.8,23.1l9.9-9.8c0.6-0.6,0.6-1.7,0-2.3l-9.9-9.8'/%3E%3Cline id='Line_52' class='st1' x1='0' y1='11.9' x2='37' y2='11.9'/%3E%3C/svg%3E");
}
.site-footer .upper .email-signup .error-message {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #FFFFFF;
  margin: 5px 0 0;
}
.site-footer .upper .email-signup .success-msg {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #FFFFFF;
}
.site-footer .upper .telephone {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #FFFFFF;
  display: block;
  position: relative;
}
@media screen and (max-width: 782px) {
  .site-footer .upper .telephone {
    font-size: 20px;
  }
}
.site-footer .upper .telephone:after {
  content: " ";
  position: absolute;
  top: calc(50% + 0.7em);
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  right: 0;
  width: 0;
  border-bottom: 1px solid currentColor;
  transition: width 0.3s;
}
.site-footer .upper .telephone:hover:after {
  left: 0;
  right: auto;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .site-footer .upper .telephone {
    margin: 50px 0 0;
  }
}
.site-footer .lower {
  padding: 75px 100px 115px 50px;
  margin: 0 0 0 202px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 1200px) {
  .site-footer .lower {
    margin: 0 0 0 102px;
  }
}
@media screen and (max-width: 782px) {
  .site-footer .lower {
    flex-wrap: wrap;
    padding: 75px 50px 115px 37px;
    margin: 0 0 0 38px;
  }
}
.site-footer .lower .menu {
  -moz-columns: 2;
       columns: 2;
}
@media screen and (max-width: 782px) {
  .site-footer .lower .menu {
    width: 100%;
  }
}
.site-footer .lower .menu .menu-item {
  width: 200px;
}
.site-footer .lower .menu a {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  position: relative;
}
.site-footer .lower .menu a:after {
  content: " ";
  position: absolute;
  top: calc(50% + 0.7em);
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  right: 0;
  width: 0;
  border-bottom: 1px solid currentColor;
  transition: width 0.3s;
}
.site-footer .lower .menu a:hover:after {
  left: 0;
  right: auto;
  width: 100%;
}
.site-footer .lower .contact-details {
  min-width: 600px;
}
@media screen and (max-width: 1200px) {
  .site-footer .lower .contact-details {
    min-width: 0;
    width: 360px;
  }
}
@media screen and (max-width: 782px) {
  .site-footer .lower .contact-details {
    width: 100%;
    margin: 50px 0 0;
  }
}
.site-footer .lower .contact-details .telephone {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  display: inline-block;
  margin: 0 0 20px;
  position: relative;
}
.site-footer .lower .contact-details .telephone:after {
  content: " ";
  position: absolute;
  top: calc(50% + 0.7em);
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  right: 0;
  width: 0;
  border-bottom: 1px solid currentColor;
  transition: width 0.3s;
}
.site-footer .lower .contact-details .telephone:hover:after {
  left: 0;
  right: auto;
  width: 100%;
}
.site-footer .lower .contact-details .address {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  display: block;
}
.site-footer .legals {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
  margin: 0 50px 0 250px;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .site-footer .legals {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .site-footer .legals {
    margin: 0 50px 0 75px;
  }
}
.site-footer .legals .menu {
  display: flex;
}
@media screen and (max-width: 1000px) {
  .site-footer .legals .menu {
    width: 100%;
    margin: 0 0 25px;
  }
}
.site-footer .legals .menu .menu-item {
  margin: 0 50px 0 0;
}
.site-footer .legals .menu a {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #FFFFFF;
}
.site-footer .legals .misc {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #FFFFFF;
  min-width: 650px;
}
@media screen and (max-width: 1200px) {
  .site-footer .legals .misc {
    min-width: 0;
    width: 360px;
  }
}
@media screen and (max-width: 1420px) {
  .site-footer .legals .misc .small-print {
    display: block;
  }
}
.site-footer .legals .misc .bgn {
  color: #FFFFFF;
  display: inline-block;
  position: relative;
  margin: 0 0 0 20px;
}
.site-footer .legals .misc .bgn:after {
  content: " ";
  position: absolute;
  top: calc(50% + 0.7em);
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  right: 0;
  width: 0;
  border-bottom: 1px solid currentColor;
  transition: width 0.3s;
}
.site-footer .legals .misc .bgn:hover:after {
  left: 0;
  right: auto;
  width: 100%;
}
@media screen and (max-width: 1420px) {
  .site-footer .legals .misc .bgn {
    margin: 10px 0 0;
  }
}

.site-branding {
  position: fixed;
  top: 36px;
  left: 115px;
  width: 70px;
  opacity: 0;
  transition: opacity 1s 0.4s;
  z-index: 105;
}
.home .site-branding {
  transition: opacity 1s 2s;
}
.wf-active .site-branding {
  opacity: 1;
}
.admin-bar .site-branding {
  top: 68px;
}
@media screen and (max-width: 1200px) {
  .site-branding {
    left: 15px;
  }
}
@media screen and (max-width: 782px) {
  .site-branding {
    width: 47px;
    left: 14px;
    top: 15px;
  }
}
.site-branding .brand {
  width: 100%;
  height: auto;
  display: block;
}
.site-branding .brand.primary .path {
  fill: #010922;
  transition: fill 0.2s;
}
.invert-header .site-branding .brand.primary .path {
  fill: #FFFFFF;
}
.reveal-navigation .site-branding .brand.primary .path {
  fill: #FFFFFF;
}
.site-branding .brand.secondary {
  position: absolute;
  top: 0;
  left: 0;
  --mask-y: -9000px;
  --mask-x: -9000px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
}
.site-branding .brand.secondary .path {
  fill: #63BDE8;
}

.site-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 1s 0.4s;
  z-index: 100;
}
.home .site-header {
  transition: opacity 1s 2s;
}
.wf-active .site-header {
  opacity: 1;
}
.admin-bar .site-header {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px;
  }
}
.site-header .tagline {
  position: absolute;
  top: 56px;
  left: 300px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #010922;
}
.invert-at-top .site-header .tagline {
  color: #FFFFFF;
}
@media screen and (max-width: 1200px) {
  .site-header .tagline {
    left: 150px;
  }
}
@media screen and (max-width: 782px) {
  .site-header .tagline {
    top: 29px;
    left: 73px;
    font-size: 13px;
  }
}
.site-header .portal-link {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  position: relative;
  position: absolute;
  top: 66px;
  right: 230px;
  background: none;
  color: #010922;
  z-index: 900;
}
.site-header .portal-link:after {
  content: " ";
  position: absolute;
  top: calc(50% + 0.7em);
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  right: 0;
  width: 0;
  border-bottom: 1px solid currentColor;
  transition: width 0.3s;
}
.site-header .portal-link:hover:after {
  left: 0;
  right: auto;
  width: 100%;
}
.invert-at-top .site-header .portal-link {
  color: #FFFFFF;
}
@media screen and (max-width: 782px) {
  .site-header .portal-link {
    display: none;
  }
}
.site-header .site-search {
  position: absolute;
  top: 60px;
  right: 50px;
  width: 150px;
  z-index: 900;
}
@media screen and (max-width: 782px) {
  .site-header .site-search {
    display: none;
  }
}
.site-header .reveal-navigation-icon {
  position: fixed;
  top: 50vh;
  left: 150px;
  transform: translate(-50%, -50%);
  z-index: 90;
  width: 60px;
  height: 135px;
  transition: background 0.2s, color 0.2s;
  /*
  .scrolled & {
    > .orig {
      background: #000f40;
    }
  }
  .scrolled & {
    .label {
      color: $white;
    }
    .icon,
    .icon:before,
    .icon:after {
      background: $white;
    }
  }
  */
}
@media screen and (max-width: 1200px) {
  .site-header .reveal-navigation-icon {
    left: 50px;
  }
}
@media screen and (max-width: 782px) {
  .site-header .reveal-navigation-icon {
    left: auto;
    top: 14px;
    right: 15px;
    transform: none;
    width: 120px;
    height: 48px;
  }
}
.site-header .reveal-navigation-icon .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 135px;
  background: transparent;
  display: block;
  border-radius: 9999px;
  transition: background 0.2s;
}
@media screen and (max-width: 782px) {
  .site-header .reveal-navigation-icon .inner {
    width: 120px;
    height: 48px;
  }
}
.site-header .reveal-navigation-icon .inner.orig {
  background: #FFFFFF;
}
.site-header .reveal-navigation-icon .inner.orig .label {
  color: #010922;
}
.site-header .reveal-navigation-icon .inner.orig .icon,
.site-header .reveal-navigation-icon .inner.orig .icon:before,
.site-header .reveal-navigation-icon .inner.orig .icon:after {
  background: #010922;
}
.site-header .reveal-navigation-icon .inner.dupe {
  background: #010922;
  --mask-y: -9000px;
  --mask-x: -9000px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
}
.site-header .reveal-navigation-icon .inner.dupe .label {
  color: #FFFFFF;
}
.site-header .reveal-navigation-icon .inner.dupe .icon,
.site-header .reveal-navigation-icon .inner.dupe .icon:before,
.site-header .reveal-navigation-icon .inner.dupe .icon:after {
  background: #FFFFFF;
}
.site-header .reveal-navigation-icon .contents {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 60px;
  width: 135px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%) rotate(-90deg);
}
@media screen and (max-width: 782px) {
  .site-header .reveal-navigation-icon .contents {
    height: 48px;
    width: 120px;
    transform: translate(-50%, -50%);
  }
}
.site-header .reveal-navigation-icon .label {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin: 3px 15px 0 0;
  transition: color 0.4;
}
.site-header .reveal-navigation-icon .icon {
  width: 28px;
  height: 1px;
  display: block;
  position: relative;
  background: #010922;
  transition: transform 0.4s;
}
.site-header .reveal-navigation-icon .icon:before, .site-header .reveal-navigation-icon .icon:after {
  content: " ";
  position: absolute;
  left: 0;
  border-radius: 999px;
  width: 100%;
  height: 100%;
  background: #010922;
  transition: top 0.4s 0.4s, bottom 0.4s 0.4s, transform 0.4s;
}
.site-header .reveal-navigation-icon .icon:before {
  top: 7px;
}
.site-header .reveal-navigation-icon .icon:after {
  bottom: 7px;
}
.reveal-navigation .site-header .reveal-navigation-icon .icon {
  transition: transform 0.4s 0.4s;
  transform: rotate(-45deg);
}
.reveal-navigation .site-header .reveal-navigation-icon .icon:before {
  top: 0;
  transition: top 0.4s;
}
.reveal-navigation .site-header .reveal-navigation-icon .icon:after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.4s, transform 0.4s 0.4s;
}

.site-navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  padding: 0 0 0 250px;
  background: rgba(1, 9, 34, 0.9);
  display: flex;
  align-items: center;
  overflow: hidden;
  transition: opacity 0.4s, height 0s 0.4s, width 0s 0.4s;
  z-index: 95;
}
@media screen and (max-width: 1200px) {
  .site-navigation {
    padding: 0 0 0 150px;
  }
}
@media screen and (max-width: 785px) {
  .site-navigation {
    padding: 0 0 0 75px;
  }
}
.reveal-navigation .site-navigation {
  height: 100vh;
  width: 100vw;
  opacity: 1;
  transition: opacity 0.4s;
}
.site-navigation li {
  opacity: 0;
  transition: transform 0s 0.4s, opacity 0s 0.4s;
  transform: translateX(100px);
}
.reveal-navigation .site-navigation li {
  opacity: 1;
  transform: translateX(0);
  transition: transform 1s, opacity 1s;
}
.reveal-navigation .site-navigation li:nth-child(1) {
  transition-delay: 0.1s;
}
.reveal-navigation .site-navigation li:nth-child(2) {
  transition-delay: 0.2s;
}
.reveal-navigation .site-navigation li:nth-child(3) {
  transition-delay: 0.3s;
}
.reveal-navigation .site-navigation li:nth-child(4) {
  transition-delay: 0.4s;
}
.reveal-navigation .site-navigation li:nth-child(5) {
  transition-delay: 0.5s;
}
.reveal-navigation .site-navigation li:nth-child(6) {
  transition-delay: 0.6s;
}
.reveal-navigation .site-navigation li:nth-child(7) {
  transition-delay: 0.7s;
}
.reveal-navigation .site-navigation li:nth-child(8) {
  transition-delay: 0.8s;
}
.reveal-navigation .site-navigation li:nth-child(9) {
  transition-delay: 0.9s;
}
.reveal-navigation .site-navigation li:nth-child(10) {
  transition-delay: 1s;
}
.site-navigation a {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #FFFFFF;
  transition: letter-spacing 0.4s;
  padding: 10px 0;
  display: inline-block;
}
@media screen and (max-width: 782px) {
  .site-navigation a {
    font-size: 20px;
  }
}
.site-navigation a:hover {
  letter-spacing: 0.075em;
}

.quotations {
  position: relative;
  padding: 100px 0 175px;
  text-align: center;
  overflow: hidden;
}
.quotations:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .quotations:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .quotations:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .quotations:after {
    left: 37px;
  }
}
.quotations .inner {
  position: relative;
  position: relative;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .quotations .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .quotations .inner {
    margin: 0 25px 0 75px;
  }
}
.quotations .feature-text {
  margin: 0 0 50px;
  display: block;
}
.quotations .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  background-size: cover;
  background-position: center;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
@media screen and (max-width: 1330px) {
  .quotations .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .quotations .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .quotations .feature-text .text {
    font-size: 42px;
  }
}
.quotations .quotation {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 1.1;
  color: #010922;
  width: 100%;
  max-width: 900px;
  display: block;
  margin: 0 auto;
}
.quotations .quotation:before {
  content: "“";
}
.quotations .quotation:after {
  content: "”";
}
.quotations .author {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 1.6;
  color: #010922;
  margin: 75px 0 0;
  display: block;
}
.quotations .author-detail {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 1.6;
  color: #010922;
  display: block;
}
.quotations .quotations-swiper-buttons {
  position: absolute;
  bottom: 0;
  left: -50px;
  z-index: 10;
}
@media screen and (max-width: 782px) {
  .quotations .quotations-swiper-buttons {
    left: -37px;
    bottom: -100px;
  }
}
.quotations .quotations-swiper-buttons .quotations-swiper-button {
  background: #010922;
}
.quotations .quotations-swiper-buttons .quotations-swiper-button:hover {
  background: #021654;
}
.quotations .quotations-swiper-buttons .quotations-swiper-button:before {
  color: #FFFFFF;
}
.quotations .scroll-label {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  position: absolute;
  bottom: 200px;
  left: 150px;
  transform-origin: left center;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1200px) {
  .quotations .scroll-label {
    left: 50px;
  }
}
@media screen and (max-width: 782px) {
  .quotations .scroll-label {
    display: none;
  }
}
.quotations .scroll-label [data-scroll-label] {
  display: block;
}

.scrollbar-handle {
  position: fixed;
  top: 0;
  left: 201px;
  height: 16vh;
  background: #FFFFFF;
  width: 4px;
  opacity: 0;
  transition: opacity 1s 2s;
  z-index: 90;
}
.wf-active .scrollbar-handle {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .scrollbar-handle {
    left: 101px;
  }
}
@media screen and (max-width: 782px) {
  .scrollbar-handle {
    width: 2px;
    left: 37px;
    top: 80px;
    height: calc(16vh - 13px);
  }
}
.admin-bar .scrollbar-handle {
  top: 32px;
  height: calc(16vh - 5px);
}

.search-results-list {
  position: relative;
  padding: 0 0 100px;
}
.search-results-list:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .search-results-list:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .search-results-list:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .search-results-list:after {
    left: 37px;
  }
}
.search-results-list .inner {
  margin: 0 0 0 200px;
}
@media screen and (max-width: 1200px) {
  .search-results-list .inner {
    margin: 0 0 0 100px;
  }
}
@media screen and (max-width: 782px) {
  .search-results-list .inner {
    margin: 0 0 0 37px;
  }
}
.search-results-list .search-result {
  padding: 50px 100px 35px 50px;
  border-top: 1px solid rgba(1, 9, 34, 0.2);
}
@media screen and (max-width: 1000px) {
  .search-results-list .search-result {
    padding: 50px 50px 35px 50px;
  }
}
@media screen and (max-width: 782px) {
  .search-results-list .search-result {
    padding: 50px 50px 35px 38px;
  }
}
.search-results-list .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 0 0 15px;
}
@media screen and (max-width: 782px) {
  .search-results-list .title {
    font-size: 20px;
  }
}
.search-results-list .detail {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
}
.search-results-list .prompt {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(1, 9, 34, 0.6);
}
.search-results-list .prompt:before {
  content: "> ";
}

.service-icon-holder {
  position: relative;
}

.service-icon {
  position: relative;
  width: 70px;
  height: 70px;
  background: #FFFFFF;
  border-radius: 999px;
}
@media screen and (max-width: 782px) {
  .service-icon {
    width: 47px;
    height: 47px;
  }
}
.service-icon.primary {
  position: relative;
}
.service-icon.primary .path {
  fill: #FFFFFF;
}
.service-icon.primary.connect .path {
  fill: #D01821;
}
.service-icon.primary.transform .path {
  fill: #10574B;
}
.service-icon.primary.data .path {
  fill: #016699;
}
.service-icon.primary.advisory .path {
  fill: #F0B000;
}
.service-icon.secondary {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  --mask-y: -9000px;
  --mask-x: -9000px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
}
.service-icon.secondary .path {
  fill: #FFFFFF;
}
.service-icon.secondary.connect {
  background: #D01821;
}
.service-icon.secondary.transform {
  background: #10574B;
}
.service-icon.secondary.data {
  background: #016699;
}
.service-icon.secondary.advisory {
  background: #F0B000;
}

.service-icons {
  padding: 150px 0;
  position: relative;
}
.service-icons:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .service-icons:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .service-icons:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .service-icons:after {
    left: 37px;
  }
}
.service-icons .inner {
  display: grid;
  gap: 50px;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .service-icons .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 785px) {
  .service-icons .inner {
    margin: 0 50px 0 75px;
  }
}
.service-icons .column {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .service-icons .column {
    grid-column: span 3;
  }
}
@media screen and (max-width: 785px) {
  .service-icons .column {
    text-align: left;
  }
}
.service-icons .icon {
  width: 80px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 0 40px;
}
.service-icons .content {
  padding: 50px;
  background: #FFFFFF;
  border-radius: 10px;
  height: calc(100% - 160px);
}
@media screen and (max-width: 785px) {
  .service-icons .content {
    padding: 32px;
  }
}
.service-icons .heading {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  max-width: 325px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 782px) {
  .service-icons .heading {
    font-size: 20px;
  }
}
@media screen and (max-width: 782px) {
  .service-icons .heading {
    font-size: 28px;
  }
}
.services-connect .service-icons .heading {
  color: #D01821;
}
.services-transform .service-icons .heading {
  color: #10574B;
}
.services-data .service-icons .heading {
  color: #016699;
}
.services-advisory .service-icons .heading {
  color: #F0B000;
}
.service-icons .text p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
}
.service-icons .text p:not(:last-child) {
  margin: 0 0 18px;
}
.service-icons .text strong {
  font-weight: 700;
}

.services-archive-item .link {
  display: flex;
  align-items: flex-start;
}
.services-archive-item .service-icon-holder {
  flex-shrink: 0;
  width: 70px;
  margin: 0 35px 0 0;
}
@media screen and (max-width: 782px) {
  .services-archive-item .service-icon-holder {
    width: 47px;
    margin: 0 25px 0 0;
  }
}
.services-archive-item .logo {
  width: 240px;
  margin: 0 0 10px;
}
.services-archive-item .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 0 0 26px;
}
@media screen and (max-width: 782px) {
  .services-archive-item .title {
    font-size: 20px;
  }
}
.services-archive-item .excerpt {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
}
.services-archive-item .prompt {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  display: block;
  color: rgba(1, 9, 34, 0.6);
  margin: 26px 0 0;
}
.services-archive-item .prompt:before {
  content: "> ";
}

.services-archive {
  position: relative;
  padding: 0 0 175px;
}
.services-archive:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .services-archive:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .services-archive:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .services-archive:after {
    left: 37px;
  }
}
.services-archive .inner {
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .services-archive .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 785px) {
  .services-archive .inner {
    margin: 0 50px 0 75px;
  }
}
.services-archive .services-archive-item {
  max-width: 560px;
  margin: 0 0 100px calc(50% + 25px);
}
@media screen and (max-width: 782px) {
  .services-archive .services-archive-item {
    margin: 0 0 50px;
  }
}
.services-archive .services-archive-item:last-child {
  margin: 0 0 0 calc(50% + 25px);
}
@media screen and (max-width: 782px) {
  .services-archive .services-archive-item:last-child {
    margin: 0 0 75px;
  }
}
.services-archive #end-trigger {
  position: relative;
  top: 175px;
}

.services-preview-item {
  width: 100%;
  height: 100%;
  padding: 0 0 100px;
}
.services-preview-item .link {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.services-preview-item .image {
  position: relative;
  width: 100%;
  height: 390px;
  overflow: hidden;
}
.services-preview-item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.services-preview-item .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
@media screen and (max-width: 782px) {
  .services-preview-item .image {
    height: 225px;
  }
}
.services-preview-item .image .image-overlay {
  background: #010618;
}
.services-preview-item .content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
}
.services-preview-item .service-icon-holder {
  margin: -35px 0 25px;
}
.services-preview-item .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 1.1;
  color: #FFFFFF;
  margin: 0 0 26px;
}
.services-preview-item .excerpt {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #FFFFFF;
  margin: 0 0 26px;
}
.services-preview-item .prompt {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.6);
  margin: auto 0 0;
}
.services-preview-item .prompt:before {
  content: "> ";
}

.services-preview {
  background: #010922;
  padding: 90px 0 75px;
  position: relative;
}
.services-preview:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .services-preview:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .services-preview:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .services-preview:after {
    left: 37px;
  }
}
.services-preview .inner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0 0 0 250px;
}
@media screen and (max-width: 1200px) {
  .services-preview .inner {
    margin: 0 0 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .services-preview .inner {
    margin: 0 0 0 75px;
  }
}
.services-preview .upper {
  padding: 325px 0 0;
  width: 350px;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  justify-content: flex-end;
}
@media screen and (max-width: 1000px) {
  .services-preview .upper {
    width: 100%;
    flex-direction: column;
    padding: 25px 50px 0 0;
    margin: 0 0 25px;
  }
}
.services-preview .upper .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
  color: #FFFFFF;
  width: 100%;
}
@media screen and (max-width: 782px) {
  .services-preview .upper .title {
    font-size: 36px;
  }
}
.services-preview .swiper-container {
  width: calc(100% - 400px);
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1000px) {
  .services-preview .swiper-container {
    width: 100%;
  }
}
.services-preview .swiper-slide {
  width: 300px;
  margin: 0 35px 0 0;
}
@media screen and (max-width: 1000px) {
  .services-preview .swiper-slide {
    width: 175px;
  }
}
.services-preview .services-swiper-buttons {
  padding: 0 18px;
  margin: 0 0 25px;
}
@media screen and (max-width: 782px) {
  .services-preview .services-swiper-buttons {
    padding: 0;
    margin: 0 -35px 0 0;
  }
}
.services-preview .services-swiper-buttons .swiper-button {
  background: #182a56;
}
.services-preview .services-swiper-buttons .swiper-button:hover {
  background: #63BDE8;
}
.services-preview .services-swiper-buttons .swiper-button:before {
  color: #FFFFFF;
}
.services-preview .feature-text {
  width: 100%;
  margin: 0 0 -50px;
}
@media screen and (max-width: 1000px) {
  .services-preview .feature-text {
    margin: 0;
  }
}
.services-preview .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #010922;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 1330px) {
  .services-preview .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .services-preview .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .services-preview .feature-text .text {
    font-size: 42px;
  }
}
.services-preview .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #FFFFFF;
}
@media screen and (max-width: 1330px) {
  .services-preview .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .services-preview .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .services-preview .feature-text:before {
    font-size: 42px;
  }
}
.services-preview .scroll-label {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #FFFFFF;
  position: absolute;
  bottom: 200px;
  left: 150px;
  transform-origin: left center;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1200px) {
  .services-preview .scroll-label {
    left: 50px;
  }
}
@media screen and (max-width: 782px) {
  .services-preview .scroll-label {
    display: none;
  }
}
.services-preview .scroll-label [data-scroll-label] {
  display: block;
}

.site-search {
  border-bottom: 1px solid #010922;
}
.invert-at-top .site-search {
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.site-search ::-moz-placeholder {
  color: #010922;
}
.site-search ::placeholder {
  color: #010922;
}
.invert-at-top .site-search ::-moz-placeholder {
  color: #FFFFFF;
}
.invert-at-top .site-search ::placeholder {
  color: #FFFFFF;
}
.site-search form > div {
  display: flex;
}
.site-search label {
  display: none;
}
.site-search input[type=text] {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  background: none;
  color: #010922;
  display: block;
  border: 0;
  padding: 0;
  height: 24px;
  width: calc(100% - 20px);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.invert-at-top .site-search input[type=text] {
  color: #FFFFFF;
}
.site-search input[type=submit] {
  background: none;
  border: 0;
  padding: 0;
  color: transparent;
  width: 20px;
  height: 24px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21.8 21.8' style='enable-background:new 0 0 21.8 21.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23010922;stroke-width:2;stroke-miterlimit:10;%7D %3C/style%3E%3Cpath id='Path_204' class='st0' d='M19.6,8.8c0,3.6-2.9,6.6-6.6,6.6s-6.6-2.9-6.6-6.6c0-3.6,2.9-6.6,6.6-6.6C16.6,2.2,19.6,5.2,19.6,8.8C19.6,8.8,19.6,8.8,19.6,8.8z'/%3E%3Cline class='st0' x1='8.4' y1='13.4' x2='2.2' y2='19.6'/%3E%3C/svg%3E%0A");
}
.invert-at-top .site-search input[type=submit] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21.8 21.8' style='enable-background:new 0 0 21.8 21.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-miterlimit:10;%7D %3C/style%3E%3Cpath class='st0' d='M19.6,8.8c0,3.6-2.9,6.6-6.6,6.6s-6.6-2.9-6.6-6.6c0-3.6,2.9-6.6,6.6-6.6C16.6,2.2,19.6,5.2,19.6,8.8C19.6,8.8,19.6,8.8,19.6,8.8z'/%3E%3Cline class='st0' x1='8.4' y1='13.4' x2='2.2' y2='19.6'/%3E%3C/svg%3E%0A");
}
.site-search ::-moz-placeholder {
  color: #010922;
}
.site-search ::placeholder {
  color: #010922;
}
.home .site-search ::-moz-placeholder, .single-services .site-search ::-moz-placeholder, .page-template-template-what-we-do .site-search ::-moz-placeholder {
  color: #FFFFFF;
}
.home .site-search ::placeholder, .single-services .site-search ::placeholder, .page-template-template-what-we-do .site-search ::placeholder {
  color: #FFFFFF;
}

.social-media {
  display: flex;
  list-style-type: none;
}
.social-media .item {
  margin: 0 8px 0 0;
}
.social-media .item:last-child {
  margin: 0;
}
.social-media .link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background: #FFFFFF;
}
.social-media .link:before {
  width: 20px;
  height: 20px;
  display: block;
}
.social-media .link.twitter:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23010f40' d='M32,6.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6C25.7,3.8,24,3,22.2,3 c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5C10.3,10.8,5.5,8.2,2.2,4.2c-0.6,1-0.9,2.1-0.9,3.3c0,2.3,1.2,4.3,2.9,5.5 c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1C2.9,27.9,6.4,29,10.1,29c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C30,8.5,31.1,7.4,32,6.1z'/%3E%3C/svg%3E");
}
.social-media .link.facebook:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23010f40' d='M30.7,0H1.3C0.6,0,0,0.6,0,1.3v29.3C0,31.4,0.6,32,1.3,32H17V20h-4v-5h4v-4c0-4.1,2.6-6.2,6.3-6.2C25.1,4.8,26.6,5,27,5v4.3l-2.6,0c-2,0-2.5,1-2.5,2.4V15h5l-1,5h-4l0.1,12h8.6c0.7,0,1.3-0.6,1.3-1.3V1.3C32,0.6,31.4,0,30.7,0z'/%3E%3C/svg%3E");
}
.social-media .link.instagram:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 98 98' style='enable-background:new 0 0 98 98;' xml:space='preserve'%3E%3Cpath fill='%23010f40' d='M68,8c12.2,0,22,9.8,22,22v38c0,12.2-9.8,22-22,22H30C17.8,90,8,80.2,8,68V30C8,17.8,17.8,8,30,8H68 M68,0H30C13.5,0,0,13.5,0,30v38c0,16.5,13.5,30,30,30h38c16.5,0,30-13.5,30-30V30C98,13.5,84.5,0,68,0z'/%3E%3Cpath fill='%23010f40' d='M75.1,17c-3.2,0-5.7,2.6-5.7,5.7s2.6,5.7,5.7,5.7c3.2,0,5.7-2.6,5.7-5.7C80.9,19.6,78.3,17,75.1,17L75.1,17z'/%3E%3Cpath fill='%23010f40' d='M49.3,31.5C59,31.5,67,39.4,67,49.1s-7.9,17.7-17.7,17.7s-17.7-7.9-17.7-17.7c0,0,0,0,0,0C31.6,39.4,39.5,31.5,49.3,31.5 M49.3,23.5c-14.2,0-25.7,11.5-25.6,25.7c0,14.2,11.5,25.7,25.7,25.6C63.5,74.8,75,63.3,75,49.1C75,35,63.5,23.5,49.3,23.5C49.3,23.5,49.3,23.5,49.3,23.5z'/%3E%3C/svg%3E");
}
.social-media .link.linkedin:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23010f40' d='M30.7,0H1.3C0.6,0,0,0.6,0,1.3v29.3C0,31.4,0.6,32,1.3,32h29.3c0.7,0,1.3-0.6,1.3-1.3V1.3 C32,0.6,31.4,0,30.7,0z M9.5,27.3H4.7V12h4.8V27.3z M7.1,9.9c-1.5,0-2.8-1.2-2.8-2.8c0-1.5,1.2-2.8,2.8-2.8c1.5,0,2.8,1.2,2.8,2.8 C9.9,8.7,8.6,9.9,7.1,9.9z M27.3,27.3h-4.7v-7.4c0-1.8,0-4-2.5-4c-2.5,0-2.8,1.9-2.8,3.9v7.6h-4.7V12H17v2.1h0.1 c0.6-1.2,2.2-2.5,4.5-2.5c4.8,0,5.7,3.2,5.7,7.3V27.3z'/%3E%3C/svg%3E%0A");
}
.social-media .link.youtube:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23010f40' d='M31.7,9.6c0,0-0.3-2.2-1.3-3.2c-1.2-1.3-2.6-1.3-3.2-1.4C22.7,4.7,16,4.7,16,4.7h0c0,0-6.7,0-11.2,0.3c-0.6,0.1-2,0.1-3.2,1.4c-1,1-1.3,3.2-1.3,3.2S0,12.2,0,14.8v2.4c0,2.6,0.3,5.2,0.3,5.2s0.3,2.2,1.3,3.2c1.2,1.3,2.8,1.2,3.5,1.4C7.7,27.2,16,27.3,16,27.3s6.7,0,11.2-0.3c0.6-0.1,2-0.1,3.2-1.4c1-1,1.3-3.2,1.3-3.2s0.3-2.6,0.3-5.2v-2.4C32,12.2,31.7,9.6,31.7,9.6z M12.7,20.2l0-9l8.6,4.5L12.7,20.2z'/%3E%3C/svg%3E");
}
.social-media .label {
  display: none;
}

.swiper-buttons {
  display: flex;
  cursor: pointer;
}
.swiper-buttons .swiper-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 80px;
  cursor: pointer;
  transition: background 0.3s;
  outline: none;
}
.swiper-buttons .swiper-button:before {
  font-family: swiper-icons;
  font-size: 20px;
  display: block;
  transition: color 0.3s;
}
.swiper-buttons .swiper-button.swiper-button-next:before {
  content: "next";
}
.swiper-buttons .swiper-button.swiper-button-prev:before {
  content: "prev";
}
.swiper-buttons .swiper-button.swiper-button-disabled:before {
  opacity: 0.3;
}

.team-archive-item {
  width: 100%;
  height: 100%;
  padding: 0 0 100px;
}
.team-archive-item .link {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.team-archive-item .image {
  position: relative;
  width: 100%;
  height: 390px;
  margin: 0 0 26px;
  overflow: hidden;
}
.team-archive-item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-archive-item .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
.team-archive-item .content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
}
.team-archive-item .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 1.1;
  color: #010922;
  margin: 0 0 5px;
}
.team-archive-item .role {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 0 0 26px;
}
.team-archive-item .prompt {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  color: rgba(1, 9, 34, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin: auto 0 0;
}
.team-archive-item .prompt:before {
  content: "> ";
}

.team-archive {
  position: relative;
}
.team-archive:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .team-archive:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .team-archive:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .team-archive:after {
    left: 37px;
  }
}
.team-archive .inner {
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .team-archive .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 785px) {
  .team-archive .inner {
    margin: 0 50px 0 75px;
  }
}
.team-archive .team-archive-items {
  display: flex;
  flex-wrap: wrap;
}
.team-archive .team-archive-item {
  margin: 0 100px 75px 0;
  width: calc(33% - 66px);
}
.team-archive .team-archive-item:nth-child(3n) {
  margin: 0 0 75px;
}
@media screen and (max-width: 1000px) {
  .team-archive .team-archive-item {
    margin: 0 50px 75px 0;
    width: calc(33% - 33.3333px);
  }
}
@media screen and (max-width: 782px) {
  .team-archive .team-archive-item {
    width: calc(50% - 25px);
    margin: 0 50px 50px 0;
  }
  .team-archive .team-archive-item:nth-child(3n) {
    margin: 0 50px 50px 0;
  }
  .team-archive .team-archive-item:nth-child(2n) {
    margin: 0 0 50px;
  }
}
@media screen and (max-width: 600px) {
  .team-archive .team-archive-item {
    width: 100%;
    margin: 0 0 50px;
  }
  .team-archive .team-archive-item:nth-child(3n), .team-archive .team-archive-item:nth-child(2n) {
    margin: 0 0 50px;
  }
}
.team-archive .feature-text {
  position: relative;
  margin: 0 0 50px;
}
.team-archive .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #010922;
}
@media screen and (max-width: 1330px) {
  .team-archive .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .team-archive .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .team-archive .feature-text .text {
    font-size: 42px;
  }
}
.team-archive .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
}
@media screen and (max-width: 1330px) {
  .team-archive .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .team-archive .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .team-archive .feature-text:before {
    font-size: 42px;
  }
}
.team-archive .scroll-label {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  position: absolute;
  bottom: 200px;
  left: 150px;
  transform-origin: left center;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1200px) {
  .team-archive .scroll-label {
    left: 50px;
  }
}
@media screen and (max-width: 782px) {
  .team-archive .scroll-label {
    display: none;
  }
}
.team-archive .scroll-label [data-scroll-label] {
  display: block;
}

.team-preview {
  background: #F0F0F0;
  padding: 100px 0 75px;
  position: relative;
}
.team-preview:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .team-preview:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .team-preview:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .team-preview:after {
    left: 37px;
  }
}
.team-preview .inner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0 0 0 250px;
}
@media screen and (max-width: 1200px) {
  .team-preview .inner {
    margin: 0 0 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .team-preview .inner {
    margin: 0 0 0 75px;
  }
}
.team-preview .upper {
  padding: 350px 0 0;
  width: 350px;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  justify-content: flex-end;
}
@media screen and (max-width: 1000px) {
  .team-preview .upper {
    width: 100%;
    flex-direction: column;
    padding: 25px 50px 0 0;
    margin: 0 0 25px;
  }
}
.team-preview .upper .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
  color: #010922;
  width: 100%;
}
@media screen and (max-width: 782px) {
  .team-preview .upper .title {
    font-size: 36px;
  }
}
.team-preview .swiper-container {
  width: calc(100% - 350px);
}
@media screen and (max-width: 1000px) {
  .team-preview .swiper-container {
    width: 100%;
  }
}
.team-preview .swiper-slide {
  width: 300px;
  margin: 0 35px 0 0;
}
@media screen and (max-width: 1000px) {
  .team-preview .swiper-slide {
    width: 175px;
  }
}
.team-preview .team-swiper-buttons {
  padding: 0 18px;
}
.team-preview .team-swiper-buttons .swiper-button:before {
  color: #010922;
}
.team-preview .feature-text {
  width: 100%;
  margin: 0 0 -35px;
}
@media screen and (max-width: 1000px) {
  .team-preview .feature-text {
    margin: 0;
  }
}
.team-preview .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #010922;
}
@media screen and (max-width: 1330px) {
  .team-preview .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .team-preview .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .team-preview .feature-text .text {
    font-size: 42px;
  }
}
.team-preview .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
}
@media screen and (max-width: 1330px) {
  .team-preview .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .team-preview .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .team-preview .feature-text:before {
    font-size: 42px;
  }
}
.team-preview .scroll-label {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  position: absolute;
  bottom: 200px;
  left: 150px;
  transform-origin: left center;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1200px) {
  .team-preview .scroll-label {
    left: 50px;
  }
}
@media screen and (max-width: 782px) {
  .team-preview .scroll-label {
    display: none;
  }
}
.team-preview .scroll-label [data-scroll-label] {
  display: block;
}

.testimonials {
  padding: 250px 0 0;
  position: relative;
}
.testimonials:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .testimonials:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .testimonials:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .testimonials:after {
    left: 37px;
  }
}
@media screen and (max-width: 782px) {
  .testimonials {
    padding: 100px 0 0;
  }
}
.testimonials .inner {
  position: relative;
  margin: 0 0 0 200px;
}
@media screen and (max-width: 1200px) {
  .testimonials .inner {
    margin: 0 0 0 100px;
  }
}
@media screen and (max-width: 782px) {
  .testimonials .inner {
    margin: 0 0 0 37px;
  }
}
.testimonials .feature-text {
  margin: 0 0 50px 48px;
  display: block;
}
@media screen and (max-width: 782px) {
  .testimonials .feature-text {
    margin: 0 0 35px 35px;
  }
}
.testimonials .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  background-size: cover;
  background-position: top center;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
@media screen and (max-width: 1330px) {
  .testimonials .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .testimonials .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .testimonials .feature-text .text {
    font-size: 42px;
  }
}
.testimonials .image {
  position: relative;
  height: 580px;
  overflow: hidden;
}
.testimonials .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonials .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
@media screen and (max-width: 782px) {
  .testimonials .image {
    height: 200px;
  }
}
.testimonials .information {
  margin: 30px 0 0 50%;
  padding: 0 0 100px;
}
@media screen and (max-width: 1000px) {
  .testimonials .information {
    margin: 50px 0 0 210px;
  }
}
@media screen and (max-width: 782px) {
  .testimonials .information {
    margin: 100px 0 0 48px;
  }
}
.testimonials .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 1.1;
  color: #FFFFFF;
  margin: 0 0 26px;
}
.testimonials .logo img {
  width: 250px;
  height: 150px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
  display: block;
}
.testimonials .detail {
  max-width: 450px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #000000;
  margin: 20px 0 0;
}
.testimonials .scroll-label {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  position: absolute;
  bottom: 200px;
  left: 150px;
  transform-origin: left center;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1200px) {
  .testimonials .scroll-label {
    left: 50px;
  }
}
@media screen and (max-width: 782px) {
  .testimonials .scroll-label {
    display: none;
  }
}
.testimonials .scroll-label [data-scroll-label] {
  display: block;
}
.testimonials .testimonials-swiper-buttons {
  position: absolute;
  top: 774px;
  left: 0;
  z-index: 10;
}
@media screen and (max-width: 1330px) {
  .testimonials .testimonials-swiper-buttons {
    top: 749px;
  }
}
@media screen and (max-width: 1200px) {
  .testimonials .testimonials-swiper-buttons {
    top: 723px;
  }
}
@media screen and (max-width: 782px) {
  .testimonials .testimonials-swiper-buttons {
    top: 270px;
  }
}
.testimonials .testimonials-swiper-buttons .swiper-button {
  background: #010922;
}
.testimonials .testimonials-swiper-buttons .swiper-button:hover {
  background: #021654;
}
.testimonials .testimonials-swiper-buttons .swiper-button:before {
  color: #FFFFFF;
}

.work-with-us {
  background: #B9B6B6;
  position: relative;
  padding: 125px 0 200px;
}
.work-with-us:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .work-with-us:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .work-with-us:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .work-with-us:after {
    left: 37px;
  }
}
.work-with-us .inner {
  position: relative;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .work-with-us .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .work-with-us .inner {
    margin: 0 25px 0 75px;
  }
}
.work-with-us .feature-text {
  margin: 0 0 50px;
}
.work-with-us .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #FFFFFF;
}
@media screen and (max-width: 1330px) {
  .work-with-us .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .work-with-us .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .work-with-us .feature-text .text {
    font-size: 42px;
  }
}
.work-with-us .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
  color: #B9B6B6;
}
@media screen and (max-width: 1330px) {
  .work-with-us .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .work-with-us .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .work-with-us .feature-text:before {
    font-size: 42px;
  }
}
.work-with-us .scroll-label {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  position: absolute;
  bottom: 200px;
  left: 150px;
  transform-origin: left center;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1200px) {
  .work-with-us .scroll-label {
    left: 50px;
  }
}
@media screen and (max-width: 782px) {
  .work-with-us .scroll-label {
    display: none;
  }
}
.work-with-us .scroll-label [data-scroll-label] {
  display: block;
}

.team-preview-item {
  width: 100%;
  height: 100%;
  padding: 0 0 100px;
}
.team-preview-item .link {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.team-preview-item .image {
  position: relative;
  width: 100%;
  height: 390px;
  margin: 0 0 25px;
  overflow: hidden;
}
.team-preview-item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-preview-item .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
@media screen and (max-width: 1000px) {
  .team-preview-item .image {
    height: 225px;
  }
}
.team-preview-item .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 1.1;
  color: #010922;
  margin: 0 0 5px;
}
.team-preview-item .role {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 0 0 25px;
}
.team-preview-item .prompt {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(1, 9, 34, 0.6);
  margin: auto 0 0;
  display: block;
}
.team-preview-item .prompt:before {
  content: "> ";
}

.article-banner {
  position: relative;
  background: #010a27;
}
.article-banner:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .article-banner:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .article-banner:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .article-banner:after {
    left: 37px;
  }
}
.article-banner .image {
  overflow: hidden;
  height: 100vh;
}
.article-banner .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-banner .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
.admin-bar .article-banner .image {
  height: calc(100vh - 32px);
}
.article-banner .content {
  position: absolute;
  bottom: 100px;
  left: 250px;
}
@media screen and (max-width: 1200px) {
  .article-banner .content {
    left: 150px;
  }
}
@media screen and (max-width: 782px) {
  .article-banner .content {
    left: 75px;
  }
}
.article-banner .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
  color: #FFFFFF;
}
@media screen and (max-width: 782px) {
  .article-banner .title {
    font-size: 36px;
  }
}
.article-banner .author {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 1.1;
  color: #FFFFFF;
  margin: 15px 0 0;
}

.article-detail {
  position: relative;
}
.article-detail:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .article-detail:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .article-detail:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .article-detail:after {
    left: 37px;
  }
}
.article-detail .inner {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 150px 0;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .article-detail .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .article-detail .inner {
    display: block;
    margin: 0 25px 0 75px;
  }
}
.article-detail .content {
  width: calc(50% - 25px);
  max-width: 525px;
}
.article-detail .content h2,
.article-detail .content h3 {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 30px 0;
}
@media screen and (max-width: 782px) {
  .article-detail .content h2,
  .article-detail .content h3 {
    font-size: 20px;
  }
}
.article-detail .content .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
}
@media screen and (max-width: 782px) {
  .article-detail .content .title {
    font-size: 36px;
  }
}
.article-detail .content p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 20px 0;
}
.article-detail .content p a {
  color: #63BDE8;
  font-weight: 600;
}
.article-detail .content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.article-detail .content ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.article-detail .content li {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
}
.article-detail .content li a {
  color: #010922;
}
.article-detail .content .link {
  border: 2px solid #010922;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #010922;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
}
.article-detail .content .link:hover {
  background: #010922;
  color: #FFFFFF;
}
@media screen and (max-width: 782px) {
  .article-detail .content {
    width: auto;
  }
}
.article-detail .content .headline {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 0 0 50px;
}
@media screen and (max-width: 782px) {
  .article-detail .content .headline {
    font-size: 20px;
  }
}
.article-detail .sidebar {
  width: calc(50% - 25px);
}
@media screen and (max-width: 782px) {
  .article-detail .sidebar {
    width: auto;
    margin: 75px 0 0;
  }
}
.article-detail .image {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 480px;
  margin: 50px 0 0;
}
.article-detail .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-detail .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
.article-detail .image:first-child {
  margin: 0;
}

.case-studies-introduction .image {
  position: relative;
  background: #e3e3e3;
  height: calc(100vh - 200px);
  overflow: hidden;
}
.case-studies-introduction .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.case-studies-introduction .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
.case-studies-introduction .image:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .case-studies-introduction .image:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .case-studies-introduction .image:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .case-studies-introduction .image:after {
    left: 37px;
  }
}
@media screen and (max-width: 600px) {
  .case-studies-introduction .image img {
    -o-object-position: right;
       object-position: right;
  }
}
.case-studies-introduction .lower {
  padding: 1px 100px 100px 250px;
  position: relative;
}
.case-studies-introduction .lower:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .case-studies-introduction .lower:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .case-studies-introduction .lower:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .case-studies-introduction .lower:after {
    left: 37px;
  }
}
@media screen and (max-width: 1200px) {
  .case-studies-introduction .lower {
    padding: 1px 100px 75px 150px;
  }
}
@media screen and (max-width: 782px) {
  .case-studies-introduction .lower {
    padding: 1px 50px 75px 75px;
  }
}
.case-studies-introduction .feature-text {
  position: relative;
  margin: -75px 0 0;
}
@media screen and (max-width: 1200px) {
  .case-studies-introduction .feature-text {
    margin: -45px 0 0;
  }
}
@media screen and (max-width: 782px) {
  .case-studies-introduction .feature-text {
    margin: 50px 0 0;
  }
}
.case-studies-introduction .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
}
@media screen and (max-width: 1330px) {
  .case-studies-introduction .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .case-studies-introduction .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .case-studies-introduction .feature-text .text {
    font-size: 42px;
  }
}
.case-studies-introduction .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #010922;
}
@media screen and (max-width: 1330px) {
  .case-studies-introduction .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .case-studies-introduction .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .case-studies-introduction .feature-text:before {
    font-size: 42px;
  }
}

.case-study-detail {
  position: relative;
  padding: 0 0 75px;
}
.case-study-detail:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .case-study-detail:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .case-study-detail:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .case-study-detail:after {
    left: 37px;
  }
}
.case-study-detail .inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .case-study-detail .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .case-study-detail .inner {
    display: block;
    margin: 0 25px 0 75px;
  }
}
.case-study-detail .content {
  width: calc(100% - 325px);
  max-width: 600px;
}
.case-study-detail .content h2,
.case-study-detail .content h3 {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 30px 0;
}
@media screen and (max-width: 782px) {
  .case-study-detail .content h2,
  .case-study-detail .content h3 {
    font-size: 20px;
  }
}
.case-study-detail .content .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
}
@media screen and (max-width: 782px) {
  .case-study-detail .content .title {
    font-size: 36px;
  }
}
.case-study-detail .content p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 20px 0;
}
.case-study-detail .content p a {
  color: #63BDE8;
  font-weight: 600;
}
.case-study-detail .content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.case-study-detail .content ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.case-study-detail .content li {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
}
.case-study-detail .content li a {
  color: #010922;
}
.case-study-detail .content .link {
  border: 2px solid #010922;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #010922;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
}
.case-study-detail .content .link:hover {
  background: #010922;
  color: #FFFFFF;
}
@media screen and (max-width: 782px) {
  .case-study-detail .content {
    width: auto;
  }
}
.case-study-detail .sidebar {
  width: 275px;
  margin: 30px 0 0;
}
@media screen and (max-width: 782px) {
  .case-study-detail .sidebar {
    width: auto;
    margin: 75px 0 0;
  }
}
.case-study-detail .sidebar .author .name {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 1.6;
  color: #010922;
  display: block;
}
.case-study-detail .sidebar .author .role {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  display: block;
  margin: 5px 0 0;
}
.case-study-detail .sidebar .author .email-address {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  display: block;
  margin: 5px 0 0;
}
.case-study-detail .sidebar .sidebar-icons {
  margin: 100px 0 0;
}
.case-study-detail .sidebar .sidebar-icons .item {
  margin: 50px 0 0;
}
.case-study-detail .sidebar .sidebar-icons .item:first-child {
  margin: 0;
}
.case-study-detail .sidebar .sidebar-icons .icon {
  width: 70px;
  display: block;
}
.case-study-detail .sidebar .sidebar-icons .icon img {
  width: 100%;
  height: auto;
  display: block;
}
.case-study-detail .sidebar .sidebar-icons .detail {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  display: block;
  margin: 25px 0 0;
}

.case-study-introduction .image {
  position: relative;
  background: #e3e3e3;
  height: calc(100vh - 200px);
  overflow: hidden;
}
.case-study-introduction .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.case-study-introduction .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
.case-study-introduction .image:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .case-study-introduction .image:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .case-study-introduction .image:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .case-study-introduction .image:after {
    left: 37px;
  }
}
.case-study-introduction .lower {
  padding: 75px 100px 0 250px;
  position: relative;
}
.case-study-introduction .lower:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .case-study-introduction .lower:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .case-study-introduction .lower:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .case-study-introduction .lower:after {
    left: 37px;
  }
}
@media screen and (max-width: 1200px) {
  .case-study-introduction .lower {
    padding: 75px 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .case-study-introduction .lower {
    padding: 75px 50px 0 75px;
  }
}
.case-study-introduction .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
  color: #010922;
}
@media screen and (max-width: 782px) {
  .case-study-introduction .title {
    font-size: 36px;
  }
}
.case-study-introduction .logo {
  position: relative;
  width: 225px;
  height: auto;
  display: block;
  margin: 75px 0 0;
}
.case-study-introduction .logo .logo-inner.secondary {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
}
.case-study-introduction .logo img {
  width: 100%;
  height: auto;
  display: block;
}

.contact-clients {
  position: relative;
}
.contact-clients:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .contact-clients:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .contact-clients:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .contact-clients:after {
    left: 37px;
  }
}
.contact-clients .inner {
  position: relative;
  margin: 0 100px 0 250px;
  margin-right: 0 !important;
}
@media screen and (max-width: 1200px) {
  .contact-clients .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .contact-clients .inner {
    margin: 0 25px 0 75px;
  }
}
.contact-clients .swiper-slide {
  width: calc((100vw - 350px) / 4);
}
@media screen and (max-width: 1200px) {
  .contact-clients .swiper-slide {
    width: calc((100vw - 250px) / 3);
  }
}
@media screen and (max-width: 782px) {
  .contact-clients .swiper-slide {
    width: calc((100vw - 125px) / 2);
  }
}
@media screen and (max-width: 600px) {
  .contact-clients .swiper-slide {
    width: 250px;
    padding: 0;
  }
}
.contact-clients .swiper-slide .slide-inner {
  padding: 0 25px 100px 0;
}
.contact-clients .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 0 0 20px;
}
@media screen and (max-width: 782px) {
  .contact-clients .title {
    font-size: 20px;
  }
}
.contact-clients .email-address,
.contact-clients .telephone {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  display: block;
}
.contact-clients .address {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 20px 0 0;
  display: block;
}
.contact-clients .contact-swiper-buttons {
  margin: 0 0 0 -50px;
  z-index: 10;
}
@media screen and (max-width: 782px) {
  .contact-clients .contact-swiper-buttons {
    margin: 0 0 0 -37px;
  }
}
.contact-clients .contact-swiper-buttons .swiper-button {
  background: #bdbdbd;
}
.contact-clients .contact-swiper-buttons .swiper-button:hover {
  background: #b0b0b0;
}
.contact-clients .contact-swiper-buttons .swiper-button:before {
  color: #010922;
}

.contact-form {
  position: relative;
  padding: 125px 0 200px;
}
.contact-form:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .contact-form:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .contact-form:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .contact-form:after {
    left: 37px;
  }
}
.contact-form .inner {
  position: relative;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .contact-form .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .contact-form .inner {
    margin: 0 25px 0 75px;
  }
}
.contact-form .feature-text {
  display: block;
  width: 100%;
  margin: 0 0 25px;
}
.contact-form .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #010922;
}
@media screen and (max-width: 1330px) {
  .contact-form .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .contact-form .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .contact-form .feature-text .text {
    font-size: 42px;
  }
}
.contact-form .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
}
@media screen and (max-width: 1330px) {
  .contact-form .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .contact-form .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .contact-form .feature-text:before {
    font-size: 42px;
  }
}
.contact-form .buttons {
  margin: 0 0 50px;
}
.contact-form .buttons .item {
  max-width: 350px;
  margin: 0 0 15px auto;
}
.contact-form .buttons .item:last-child {
  margin: 0 0 0 auto;
}
@media screen and (max-width: 782px) {
  .contact-form .buttons .item {
    margin: 0 0 10px;
  }
  .contact-form .buttons .item:last-child {
    margin: 0;
  }
}
.contact-form .buttons .button {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #FFFFFF;
  padding: 15px 20px;
  width: 100%;
  display: block;
  transition: background 0.3s;
  background-size: 20px 12px;
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-color: #010922;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 39.5 24.3' style='enable-background:new 0 0 39.5 24.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-miterlimit:10;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;%7D%0A%3C/style%3E%3Cpath id='Path_211' class='st0' d='M26.8,23.1l9.9-9.8c0.6-0.6,0.6-1.7,0-2.3l-9.9-9.8'/%3E%3Cline id='Line_52' class='st1' x1='0' y1='11.9' x2='37' y2='11.9'/%3E%3C/svg%3E");
}
.contact-form .buttons .button:hover {
  background-color: #021654;
  background-position: right 10px center;
}
.contact-form .scroll-label {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  position: absolute;
  bottom: 200px;
  left: 150px;
  transform-origin: left center;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1200px) {
  .contact-form .scroll-label {
    left: 50px;
  }
}
@media screen and (max-width: 782px) {
  .contact-form .scroll-label {
    display: none;
  }
}
.contact-form .scroll-label [data-scroll-label] {
  display: block;
}

.contact-introduction {
  position: relative;
  background: #F0F0F0;
  padding: 175px 0;
}
.contact-introduction:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .contact-introduction:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .contact-introduction:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .contact-introduction:after {
    left: 37px;
  }
}
@media screen and (max-width: 782px) {
  .contact-introduction {
    padding: 150px 0 0;
  }
}
.contact-introduction .inner {
  position: relative;
  margin: 0 100px 0 250px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .contact-introduction .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .contact-introduction .inner {
    margin: 0 25px 0 75px;
  }
}
.contact-introduction .feature-text {
  display: block;
  width: 100%;
  margin: 0 0 75px;
}
@media screen and (max-width: 782px) {
  .contact-introduction .feature-text {
    margin: 0;
  }
}
.contact-introduction .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #010922;
}
@media screen and (max-width: 1330px) {
  .contact-introduction .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .contact-introduction .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .contact-introduction .feature-text .text {
    font-size: 42px;
  }
}
.contact-introduction .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
}
@media screen and (max-width: 1330px) {
  .contact-introduction .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .contact-introduction .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .contact-introduction .feature-text:before {
    font-size: 42px;
  }
}
.contact-introduction .content {
  width: 25%;
  max-width: 450px;
  padding: 0 50px 0 0;
}
.contact-introduction .content h2,
.contact-introduction .content h3 {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 30px 0;
}
@media screen and (max-width: 782px) {
  .contact-introduction .content h2,
  .contact-introduction .content h3 {
    font-size: 20px;
  }
}
.contact-introduction .content .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
}
@media screen and (max-width: 782px) {
  .contact-introduction .content .title {
    font-size: 36px;
  }
}
.contact-introduction .content p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 20px 0;
}
.contact-introduction .content p a {
  color: #63BDE8;
  font-weight: 600;
}
.contact-introduction .content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.contact-introduction .content ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.contact-introduction .content li {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
}
.contact-introduction .content li a {
  color: #010922;
}
.contact-introduction .content .link {
  border: 2px solid #010922;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #010922;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
}
.contact-introduction .content .link:hover {
  background: #010922;
  color: #FFFFFF;
}
@media screen and (max-width: 1200px) {
  .contact-introduction .content {
    width: 33%;
  }
}
@media screen and (max-width: 782px) {
  .contact-introduction .content {
    width: 100%;
    margin: 0 0 50px;
  }
}
.contact-introduction .content .contact-link {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
}
.contact-introduction .map {
  position: relative;
  width: 75%;
}
.contact-introduction .map img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 1200px) {
  .contact-introduction .map {
    width: 66%;
  }
}
@media screen and (max-width: 782px) {
  .contact-introduction .map {
    width: 100%;
  }
}
.contact-introduction .map .markers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.contact-introduction .map .markers.fill {
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
}
.contact-introduction .map .markers .marker {
  position: absolute;
  width: 5%;
}
.contact-introduction .map .markers img {
  width: 100%;
  height: auto;
  display: block;
}
.contact-introduction .scroll-label {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  position: absolute;
  bottom: 200px;
  left: 150px;
  transform-origin: left center;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1200px) {
  .contact-introduction .scroll-label {
    left: 50px;
  }
}
@media screen and (max-width: 782px) {
  .contact-introduction .scroll-label {
    display: none;
  }
}
.contact-introduction .scroll-label [data-scroll-label] {
  display: block;
}

.default-detail {
  position: relative;
}
.default-detail:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .default-detail:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .default-detail:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .default-detail:after {
    left: 37px;
  }
}
.default-detail .inner {
  padding: 1px 0 150px;
  position: relative;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .default-detail .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .default-detail .inner {
    margin: 0 25px 0 75px;
  }
}
.default-detail .content {
  width: calc(50% - 25px);
  max-width: 525px;
}
.default-detail .content h2,
.default-detail .content h3 {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 30px 0;
}
@media screen and (max-width: 782px) {
  .default-detail .content h2,
  .default-detail .content h3 {
    font-size: 20px;
  }
}
.default-detail .content .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
}
@media screen and (max-width: 782px) {
  .default-detail .content .title {
    font-size: 36px;
  }
}
.default-detail .content p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 20px 0;
}
.default-detail .content p a {
  color: #63BDE8;
  font-weight: 600;
}
.default-detail .content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.default-detail .content ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.default-detail .content li {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
}
.default-detail .content li a {
  color: #010922;
}
.default-detail .content .link {
  border: 2px solid #010922;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #010922;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
}
.default-detail .content .link:hover {
  background: #010922;
  color: #FFFFFF;
}
@media screen and (max-width: 782px) {
  .default-detail .content {
    width: auto;
  }
}

.default-introduction {
  position: relative;
  padding: 150px 0 100px;
}
.default-introduction:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .default-introduction:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .default-introduction:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .default-introduction:after {
    left: 37px;
  }
}
.default-introduction .inner {
  position: relative;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .default-introduction .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .default-introduction .inner {
    margin: 0 25px 0 75px;
  }
}
.default-introduction .feature-text {
  position: relative;
  display: block;
}
.default-introduction .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #63BDE8;
}
@media screen and (max-width: 1330px) {
  .default-introduction .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .default-introduction .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .default-introduction .feature-text .text {
    font-size: 42px;
  }
}
.default-introduction .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
}
@media screen and (max-width: 1330px) {
  .default-introduction .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .default-introduction .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .default-introduction .feature-text:before {
    font-size: 42px;
  }
}
.default-introduction .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
  color: #010922;
  margin: -1em 0 0;
  max-width: 850px;
  position: relative;
}
@media screen and (max-width: 782px) {
  .default-introduction .title {
    font-size: 36px;
  }
}
@media screen and (max-width: 782px) {
  .default-introduction .title {
    margin: 0;
  }
}
.default-introduction .sub {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  max-width: 850px;
  position: relative;
  margin: 25px 0 0;
}

.home-banner {
  position: relative;
  background: #010a27;
}
.home-banner:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .home-banner:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .home-banner:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .home-banner:after {
    left: 37px;
  }
}
.home-banner .image {
  overflow: hidden;
}
.home-banner .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-banner .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
.home-banner .image img {
  opacity: 0;
  transform: scale(1.075);
  filter: blur(50px);
  transition: opacity 3s, filter 0.4s, transform 6s ease-out;
}
.wf-active .home-banner .image img {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
}
.home-banner .image .image-overlay {
  display: none;
}
.home-banner .image.with-overlay {
  position: relative;
  height: 100vh;
}
.admin-bar .home-banner .image.with-overlay {
  height: calc(100vh - 32px);
}
.home-banner .image.without-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
}
@media screen and (max-width: 600px) {
  .home-banner [data-swiper-slide-index="0"] img {
    -o-object-position: 80%;
       object-position: 80%;
  }
}
@media screen and (max-width: 600px) {
  .home-banner [data-swiper-slide-index="1"] img {
    -o-object-position: 65%;
       object-position: 65%;
  }
}
.home-banner .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
  color: #FFFFFF;
  position: absolute;
  bottom: 200px;
  left: 300px;
  right: 50px;
  max-width: 840px;
}
@media screen and (max-width: 782px) {
  .home-banner .title {
    font-size: 36px;
  }
}
@media screen and (max-width: 782px) {
  .home-banner .title {
    bottom: 100px;
  }
}
.home-banner .title span {
  display: inline-block;
  transform: translateY(100px);
  opacity: 0;
  transition: transform 1s, opacity 1s;
}
.home-banner .title span:nth-child(1) {
  transition-delay: 0.5s;
}
.home-banner .title span:nth-child(2) {
  transition-delay: 0.6s;
}
.home-banner .title span:nth-child(3) {
  transition-delay: 0.7s;
}
.home-banner .title span:nth-child(4) {
  transition-delay: 0.8s;
}
.home-banner .title span:nth-child(5) {
  transition-delay: 0.9s;
}
.home-banner .title span:nth-child(6) {
  transition-delay: 1s;
}
.home-banner .title span:nth-child(7) {
  transition-delay: 1.1s;
}
.home-banner .title span:nth-child(8) {
  transition-delay: 1.2s;
}
.home-banner .title span:nth-child(9) {
  transition-delay: 1.3s;
}
.home-banner .title span:nth-child(10) {
  transition-delay: 1.4s;
}
.wf-active .home-banner .title span {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (max-width: 1200px) {
  .home-banner .title {
    left: 150px;
  }
}
@media screen and (max-width: 782px) {
  .home-banner .title {
    left: 75px;
  }
}
.home-banner .swiper-pagination {
  position: absolute;
  bottom: 100px;
  left: 201px;
  right: 0;
  display: flex;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .home-banner .swiper-pagination {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .home-banner .swiper-pagination {
    left: 101px;
  }
}
@media screen and (max-width: 782px) {
  .home-banner .swiper-pagination {
    left: 38px;
    bottom: 35px;
  }
}
.home-banner .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -25px 0 0 50px;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .home-banner .swiper-pagination .swiper-pagination-bullet {
    margin: -25px 0 0 15px;
  }
}
@media screen and (max-width: 782px) {
  .home-banner .swiper-pagination .swiper-pagination-bullet {
    margin: -25px 0 0;
  }
}
.home-banner .swiper-pagination .swiper-pagination-bullet:first-child {
  margin: -25px 0 0 85px;
}
@media screen and (max-width: 1200px) {
  .home-banner .swiper-pagination .swiper-pagination-bullet:first-child {
    margin: -25px 0 0 35px;
  }
}
@media screen and (max-width: 782px) {
  .home-banner .swiper-pagination .swiper-pagination-bullet:first-child {
    margin: -25px 0 0 20px;
  }
}
.home-banner .swiper-pagination .swiper-pagination-bullet:before {
  content: " ";
  position: absolute;
  width: 8px;
  height: 8px;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  display: block;
  transition: height 0.3s, width 0.3s, background 0.3s;
}
.home-banner .swiper-pagination .swiper-pagination-bullet:hover:before {
  height: 35px;
  width: 35px;
  transition: height 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), width 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.3s;
}
.home-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background: #FFFFFF;
}

.home-introduction {
  background: #010922;
  padding: 175px 0 275px;
  position: relative;
}
.home-introduction:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .home-introduction:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .home-introduction:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .home-introduction:after {
    left: 37px;
  }
}
@media screen and (max-width: 782px) {
  .home-introduction {
    padding: 100px 0;
  }
}
.home-introduction .inner {
  position: relative;
  margin: 0 100px 0 250px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
  .home-introduction .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .home-introduction .inner {
    margin: 0 25px 0 75px;
  }
}
.home-introduction .image {
  position: relative;
  background: rgba(255, 255, 255, 0.2);
  width: calc(40% - 100px);
  margin: 0 0 0 100px;
  overflow: hidden;
}
.home-introduction .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-introduction .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
@media screen and (max-width: 1200px) {
  .home-introduction .image {
    width: 40%;
    margin: 0;
  }
}
@media screen and (max-width: 782px) {
  .home-introduction .image {
    width: 100%;
    max-width: 200px;
    height: 300px;
  }
}
.home-introduction .image .image-overlay {
  background: #010618;
}
.home-introduction .content {
  width: calc(60% - 50px);
  margin: 100px 0 0 50px;
}
.home-introduction .content h2,
.home-introduction .content h3 {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #FFFFFF;
  margin: 30px 0;
}
@media screen and (max-width: 782px) {
  .home-introduction .content h2,
  .home-introduction .content h3 {
    font-size: 20px;
  }
}
.home-introduction .content .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
}
@media screen and (max-width: 782px) {
  .home-introduction .content .title {
    font-size: 36px;
  }
}
.home-introduction .content p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #FFFFFF;
  margin: 20px 0;
}
.home-introduction .content p a {
  color: #63BDE8;
  font-weight: 600;
}
.home-introduction .content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.home-introduction .content ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.home-introduction .content li {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #FFFFFF;
}
.home-introduction .content li a {
  color: #FFFFFF;
}
.home-introduction .content .link {
  border: 2px solid #FFFFFF;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #FFFFFF;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
}
.home-introduction .content .link:hover {
  background: #FFFFFF;
  color: #010922;
}
@media screen and (max-width: 782px) {
  .home-introduction .content {
    width: 100%;
    margin: 25px 0 0;
  }
}
.home-introduction .content p {
  max-width: 500px;
}
.home-introduction .feature-text {
  width: 100%;
  margin: 0 0 25px;
}
@media screen and (max-width: 782px) {
  .home-introduction .feature-text {
    margin: 0 0 50px;
  }
}
.home-introduction .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #FFFFFF;
}
@media screen and (max-width: 1330px) {
  .home-introduction .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .home-introduction .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .home-introduction .feature-text .text {
    font-size: 42px;
  }
}
.home-introduction .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #010922;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 1330px) {
  .home-introduction .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .home-introduction .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .home-introduction .feature-text:before {
    font-size: 42px;
  }
}
.home-introduction .scroll-label {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #FFFFFF;
  position: absolute;
  bottom: 200px;
  left: 150px;
  transform-origin: left center;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1200px) {
  .home-introduction .scroll-label {
    left: 50px;
  }
}
@media screen and (max-width: 782px) {
  .home-introduction .scroll-label {
    display: none;
  }
}
.home-introduction .scroll-label [data-scroll-label] {
  display: block;
}

.our-thinking-featured-article {
  position: relative;
}
.our-thinking-featured-article:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .our-thinking-featured-article:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .our-thinking-featured-article:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .our-thinking-featured-article:after {
    left: 37px;
  }
}
.our-thinking-featured-article .inner {
  position: relative;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .our-thinking-featured-article .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .our-thinking-featured-article .inner {
    margin: 0 25px 0 75px;
  }
}
.our-thinking-featured-article .articles-preview-item .link {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.our-thinking-featured-article .image {
  width: calc(50% - 25px);
  height: 350px;
  margin: 0 50px 0 0;
  overflow: hidden;
}
.our-thinking-featured-article .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.our-thinking-featured-article .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
@media screen and (max-width: 782px) {
  .our-thinking-featured-article .image {
    width: 100%;
    margin: 0;
  }
}
.our-thinking-featured-article .content {
  display: block;
  width: calc(50% - 25px);
  max-width: 475px;
}
@media screen and (max-width: 782px) {
  .our-thinking-featured-article .content {
    width: 100%;
    margin: 50px 0 0;
  }
}
.our-thinking-featured-article .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 1.1;
  color: #010922;
  margin: 0 0 25px;
}
.our-thinking-featured-article .excerpt {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 0 0 25px;
}
.our-thinking-featured-article .prompt {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(1, 9, 34, 0.6);
}
.our-thinking-featured-article .prompt:before {
  content: "> ";
}

.our-thinking-introduction {
  position: relative;
  padding: 150px 0 100px;
}
.our-thinking-introduction:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .our-thinking-introduction:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .our-thinking-introduction:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .our-thinking-introduction:after {
    left: 37px;
  }
}
.our-thinking-introduction .inner {
  position: relative;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .our-thinking-introduction .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .our-thinking-introduction .inner {
    margin: 0 25px 0 75px;
  }
}
.our-thinking-introduction .feature-text {
  position: relative;
  display: block;
  margin: 0 0 25px;
}
.our-thinking-introduction .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #010922;
}
@media screen and (max-width: 1330px) {
  .our-thinking-introduction .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .our-thinking-introduction .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .our-thinking-introduction .feature-text .text {
    font-size: 42px;
  }
}
.our-thinking-introduction .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
}
@media screen and (max-width: 1330px) {
  .our-thinking-introduction .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .our-thinking-introduction .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .our-thinking-introduction .feature-text:before {
    font-size: 42px;
  }
}
.our-thinking-introduction .sub {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
  color: #010922;
  max-width: 850px;
  position: relative;
}
@media screen and (max-width: 782px) {
  .our-thinking-introduction .sub {
    font-size: 36px;
  }
}
@media screen and (max-width: 782px) {
  .our-thinking-introduction .sub {
    margin: 0;
  }
}

.partner-journey .inner {
  padding: 215px 100px 110px 250px;
  margin: -20px 0 0;
  position: relative;
}
.partner-journey .inner:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .partner-journey .inner:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .partner-journey .inner:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .partner-journey .inner:after {
    left: 37px;
  }
}
@media screen and (max-width: 1200px) {
  .partner-journey .inner {
    padding: 50px 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .partner-journey .inner {
    height: auto;
    padding: 50px 50px 0 75px;
  }
}
.partner-journey .feature-text {
  position: relative;
  display: block;
}
.partner-journey .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #010922;
}
@media screen and (max-width: 1330px) {
  .partner-journey .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .partner-journey .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .partner-journey .feature-text .text {
    font-size: 42px;
  }
}
.partner-journey .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
}
@media screen and (max-width: 1330px) {
  .partner-journey .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .partner-journey .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .partner-journey .feature-text:before {
    font-size: 42px;
  }
}
.partner-journey .list {
  display: flex;
  overflow-x: scroll;
  width: calc(100vw - 250px);
  margin: 160px 0 0;
}
@media screen and (max-width: 1200px) {
  .partner-journey .list {
    width: calc(100vw - 150px);
  }
}
@media screen and (max-width: 782px) {
  .partner-journey .list {
    left: -38px;
    position: relative;
    padding-left: 38px;
    width: calc(100vw - 37px);
    margin: 75px 0 0;
  }
}
.partner-journey .item {
  position: relative;
  text-align: center;
  margin-right: 96px;
}
@media screen and (max-width: 782px) {
  .partner-journey .item {
    margin-right: 65px;
  }
}
.partner-journey .item:after {
  content: "";
  position: absolute;
  top: 30px;
  right: -60px;
  width: 10px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.748' height='18.354' viewBox='0 0 9.748 18.354'%3E%3Cpath d='M1.4,18.354,0,16.929,7.693,9.355a.313.313,0,0,0,0-.356L0,1.426,1.4,0,9.1,7.574a2.3,2.3,0,0,1,0,3.206Z' transform='translate(0 0)' fill='%23010e3c'/%3E%3C/svg%3E");
  background-size: cover;
}
@media screen and (max-width: 782px) {
  .partner-journey .item:after {
    top: 25px;
    right: -42px;
  }
}
.partner-journey .item:last-child:after {
  display: none;
}
.partner-journey .icon {
  height: 75px;
  width: auto;
}
@media screen and (max-width: 782px) {
  .partner-journey .icon {
    height: 65px;
  }
}
.partner-journey .label {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  font-size: 28px;
  margin: 10px 0 0;
}
@media screen and (max-width: 782px) {
  .partner-journey .label {
    font-size: 22px;
  }
}

.service-additional {
  position: relative;
  padding: 100px 0 0;
}
.service-additional:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .service-additional:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .service-additional:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .service-additional:after {
    left: 37px;
  }
}
.service-additional .service-additional-row {
  padding: 0 0 100px;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .service-additional .service-additional-row {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .service-additional .service-additional-row {
    margin: 0 25px 0 75px;
  }
}
.service-additional .feature-text {
  margin: 0 0 50px;
}
.service-additional .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #63BDE8;
}
@media screen and (max-width: 1330px) {
  .service-additional .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .service-additional .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .service-additional .feature-text .text {
    font-size: 42px;
  }
}
.services-connect .service-additional .feature-text .text {
  color: #D01821;
}
.services-transform .service-additional .feature-text .text {
  color: #10574B;
}
.services-data .service-additional .feature-text .text {
  color: #016699;
}
.services-advisory .service-additional .feature-text .text {
  color: #F0B000;
}
.service-additional .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
}
@media screen and (max-width: 1330px) {
  .service-additional .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .service-additional .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .service-additional .feature-text:before {
    font-size: 42px;
  }
}
.service-additional .icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 782px) {
  .service-additional .icons {
    margin: 0 0 0 -37px;
  }
}
.service-additional .icons .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  text-align: center;
}
@media screen and (max-width: 782px) {
  .service-additional .icons .item {
    width: 50%;
  }
}
.service-additional .icons .icon {
  display: flex;
  align-items: center;
  width: 80px;
  height: 120px;
}
@media screen and (max-width: 782px) {
  .service-additional .icons .icon {
    width: 60px;
    height: 100px;
  }
}
.service-additional .icons .icon img {
  width: 100%;
  height: auto;
  display: block;
}
.service-additional .icons .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 1.1;
  color: #010922;
}
@media screen and (max-width: 782px) {
  .service-additional .icons .title {
    font-size: 16px;
  }
}
.service-additional .icons .detail {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 10px 0 0;
  max-width: 250px;
}
.service-additional .optional-text-block {
  width: calc(50% - 25px);
  margin: 100px 0 0;
}
.service-additional .optional-text-block h2,
.service-additional .optional-text-block h3 {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 30px 0;
}
@media screen and (max-width: 782px) {
  .service-additional .optional-text-block h2,
  .service-additional .optional-text-block h3 {
    font-size: 20px;
  }
}
.service-additional .optional-text-block .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
}
@media screen and (max-width: 782px) {
  .service-additional .optional-text-block .title {
    font-size: 36px;
  }
}
.service-additional .optional-text-block p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 20px 0;
}
.service-additional .optional-text-block p a {
  color: #63BDE8;
  font-weight: 600;
}
.service-additional .optional-text-block ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.service-additional .optional-text-block ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.service-additional .optional-text-block li {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
}
.service-additional .optional-text-block li a {
  color: #010922;
}
.service-additional .optional-text-block .link {
  border: 2px solid #010922;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #010922;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
}
.service-additional .optional-text-block .link:hover {
  background: #010922;
  color: #FFFFFF;
}
@media screen and (max-width: 782px) {
  .service-additional .optional-text-block {
    width: auto;
  }
}

.service-detail-alt {
  position: relative;
  padding: 100px 0;
}
.service-detail-alt:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .service-detail-alt:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .service-detail-alt:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .service-detail-alt:after {
    left: 37px;
  }
}
.service-detail-alt .inner {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .service-detail-alt .inner {
    flex-wrap: wrap;
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .service-detail-alt .inner {
    display: block;
    margin: 0 25px 0 75px;
  }
}
.service-detail-alt .content {
  width: calc(50% - 25px);
  padding: 0 50px 0 0;
  max-width: 525px;
}
.service-detail-alt .content h2,
.service-detail-alt .content h3 {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 30px 0;
}
@media screen and (max-width: 782px) {
  .service-detail-alt .content h2,
  .service-detail-alt .content h3 {
    font-size: 20px;
  }
}
.service-detail-alt .content .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
}
@media screen and (max-width: 782px) {
  .service-detail-alt .content .title {
    font-size: 36px;
  }
}
.service-detail-alt .content p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 20px 0;
}
.service-detail-alt .content p a {
  color: #63BDE8;
  font-weight: 600;
}
.service-detail-alt .content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.service-detail-alt .content ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.service-detail-alt .content li {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
}
.service-detail-alt .content li a {
  color: #010922;
}
.service-detail-alt .content .link {
  border: 2px solid #010922;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #010922;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
}
.service-detail-alt .content .link:hover {
  background: #010922;
  color: #FFFFFF;
}
@media screen and (max-width: 1200px) {
  .service-detail-alt .content {
    padding: 0;
    width: 100%;
    max-width: none;
  }
}
@media screen and (max-width: 782px) {
  .service-detail-alt .content {
    width: auto;
  }
}
.service-detail-alt .content .headline {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 0 0 50px;
}
@media screen and (max-width: 782px) {
  .service-detail-alt .content .headline {
    font-size: 20px;
  }
}
.service-detail-alt .content img {
  width: 100%;
  height: auto;
}
.service-detail-alt .divider {
  position: absolute;
  top: 0;
  left: calc(50% - 25px);
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1200px) {
  .service-detail-alt .divider {
    display: none;
  }
}
.service-detail-alt .divider-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 16vh;
}
.services-connect .service-detail-alt .divider-bar {
  background: #D01821;
}
.services-transform .service-detail-alt .divider-bar {
  background: #10574B;
}
.services-data .service-detail-alt .divider-bar {
  background: #016699;
}
.services-advisory .service-detail-alt .divider-bar {
  background: #F0B000;
}
.service-detail-alt .column {
  position: relative;
  padding: 0 0 0 50px;
  width: calc(50% - 25px);
}
@media screen and (max-width: 1200px) {
  .service-detail-alt .column {
    width: 100%;
    padding: 0;
    margin: 75px 0 0;
  }
}
.service-detail-alt .text-block {
  max-width: 525px;
  padding: 50px 0;
  opacity: 0.2;
  transition: opacity 0.4s;
}
@media screen and (max-width: 1200px) {
  .service-detail-alt .text-block {
    padding: 22px 0;
    opacity: 1;
  }
}
.service-detail-alt .text-block.active {
  opacity: 1;
}
.service-detail-alt .text-block:first-child {
  opacity: 1;
  padding: 0 0 50px;
}
@media screen and (max-width: 1200px) {
  .service-detail-alt .text-block:first-child {
    padding: 0 0 22px;
  }
}
.service-detail-alt .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 1.1;
}
.service-detail-alt .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  margin: 18px 0 22px;
}
.service-detail-alt .link {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(1, 9, 34, 0.6);
  display: block;
  margin: auto 0 0;
}
.service-detail-alt .link:before {
  content: "> ";
}

.service-detail {
  position: relative;
}
.service-detail:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .service-detail:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .service-detail:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .service-detail:after {
    left: 37px;
  }
}
.service-detail .inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .service-detail .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .service-detail .inner {
    display: block;
    margin: 0 25px 0 75px;
  }
}
.service-detail .content {
  width: calc(50% - 25px);
  max-width: 525px;
}
.service-detail .content h2,
.service-detail .content h3 {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 30px 0;
}
@media screen and (max-width: 782px) {
  .service-detail .content h2,
  .service-detail .content h3 {
    font-size: 20px;
  }
}
.service-detail .content .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
}
@media screen and (max-width: 782px) {
  .service-detail .content .title {
    font-size: 36px;
  }
}
.service-detail .content p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 20px 0;
}
.service-detail .content p a {
  color: #63BDE8;
  font-weight: 600;
}
.service-detail .content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.service-detail .content ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.service-detail .content li {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
}
.service-detail .content li a {
  color: #010922;
}
.service-detail .content .link {
  border: 2px solid #010922;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #010922;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
}
.service-detail .content .link:hover {
  background: #010922;
  color: #FFFFFF;
}
@media screen and (max-width: 782px) {
  .service-detail .content {
    width: auto;
  }
}
.service-detail .content .headline {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 0 0 50px;
}
@media screen and (max-width: 782px) {
  .service-detail .content .headline {
    font-size: 20px;
  }
}
.service-detail .image {
  position: relative;
  width: calc(50% - 25px);
  overflow: hidden;
}
.service-detail .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-detail .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
@media screen and (max-width: 782px) {
  .service-detail .image {
    width: auto;
    height: 480px;
    margin: 75px 0 0;
  }
}

.service-introduction .banner {
  position: relative;
  background: #010a27;
}
.service-introduction .banner:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .service-introduction .banner:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .service-introduction .banner:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .service-introduction .banner:after {
    left: 37px;
  }
}
.service-introduction .banner .image {
  overflow: hidden;
}
.service-introduction .banner .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-introduction .banner .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
.service-introduction .banner .image.with-overlay {
  position: relative;
  height: 100vh;
}
.admin-bar .service-introduction .banner .image.with-overlay {
  height: calc(100vh - 32px);
}
.service-introduction .banner .image.without-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
}
.service-introduction .lower {
  padding: 50px 100px 50px 250px;
  position: relative;
}
.service-introduction .lower:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .service-introduction .lower:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .service-introduction .lower:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .service-introduction .lower:after {
    left: 37px;
  }
}
@media screen and (max-width: 1200px) {
  .service-introduction .lower {
    padding: 50px 100px 50px 150px;
  }
}
@media screen and (max-width: 782px) {
  .service-introduction .lower {
    padding: 50px 50px 50px 75px;
  }
}
.service-introduction .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
}
@media screen and (max-width: 1330px) {
  .service-introduction .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .service-introduction .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .service-introduction .feature-text .text {
    font-size: 42px;
  }
}
.service-introduction .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #010922;
}
@media screen and (max-width: 1330px) {
  .service-introduction .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .service-introduction .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .service-introduction .feature-text:before {
    font-size: 42px;
  }
}
.services-connect .service-introduction .feature-text:before {
  color: #D01821;
}
.services-transform .service-introduction .feature-text:before {
  color: #10574B;
}
.services-data .service-introduction .feature-text:before {
  color: #016699;
}
.services-advisory .service-introduction .feature-text:before {
  color: #F0B000;
}
.service-introduction .marquee {
  display: flex;
  padding: 50px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  left: -50px;
  min-width: calc(100% + 150px);
  margin: 50px 0 0;
}
@media screen and (max-width: 782px) {
  .service-introduction .marquee {
    left: -38px;
    min-width: calc(100% + 90px);
    padding: 30px 0;
  }
}
.service-introduction .marquee-inner {
  display: flex;
  animation: marquee 60s linear infinite;
}
.service-introduction .marquee-inner p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  white-space: nowrap;
  margin: 0 32px 0 0;
}
@media screen and (max-width: 782px) {
  .service-introduction .marquee-inner p {
    font-size: 20px;
  }
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-33.33%);
  }
}
.service-list {
  position: relative;
  padding: 100px 0;
}
.service-list:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .service-list:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .service-list:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .service-list:after {
    left: 37px;
  }
}
.service-list .inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .service-list .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .service-list .inner {
    display: block;
    margin: 0 25px 0 75px;
  }
}
.service-list .feature-text {
  padding: 0 0 50px;
  margin: 0 100px 100px 250px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1200px) {
  .service-list .feature-text {
    margin: 0 100px 50px 150px;
  }
}
@media screen and (max-width: 782px) {
  .service-list .feature-text {
    display: block;
    margin: 0 25px 50px 75px;
  }
}
.service-list .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
}
@media screen and (max-width: 1330px) {
  .service-list .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .service-list .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .service-list .feature-text .text {
    font-size: 42px;
  }
}
.service-list .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #010922;
}
@media screen and (max-width: 1330px) {
  .service-list .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .service-list .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .service-list .feature-text:before {
    font-size: 42px;
  }
}
.services-connect .service-list .feature-text:before {
  color: #D01821;
}
.services-transform .service-list .feature-text:before {
  color: #10574B;
}
.services-data .service-list .feature-text:before {
  color: #016699;
}
.services-advisory .service-list .feature-text:before {
  color: #F0B000;
}
.service-list .content {
  width: calc(50% - 25px);
  padding: 0 50px 0 0;
  max-width: 525px;
}
.service-list .content h2,
.service-list .content h3 {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 30px 0;
}
@media screen and (max-width: 782px) {
  .service-list .content h2,
  .service-list .content h3 {
    font-size: 20px;
  }
}
.service-list .content .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
}
@media screen and (max-width: 782px) {
  .service-list .content .title {
    font-size: 36px;
  }
}
.service-list .content p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 20px 0;
}
.service-list .content p a {
  color: #63BDE8;
  font-weight: 600;
}
.service-list .content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.service-list .content ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.service-list .content li {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
}
.service-list .content li a {
  color: #010922;
}
.service-list .content .link {
  border: 2px solid #010922;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #010922;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
}
.service-list .content .link:hover {
  background: #010922;
  color: #FFFFFF;
}
@media screen and (max-width: 1200px) {
  .service-list .content {
    padding: 0;
    width: 100%;
    max-width: none;
  }
}
@media screen and (max-width: 782px) {
  .service-list .content {
    width: auto;
  }
}
.service-list .content .headline {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 0 0 50px;
}
@media screen and (max-width: 782px) {
  .service-list .content .headline {
    font-size: 20px;
  }
}
.service-list .content img {
  width: 100%;
  height: auto;
}
.service-list .divider {
  position: absolute;
  top: 0;
  left: calc(50% - 25px);
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1200px) {
  .service-list .divider {
    display: none;
  }
}
.service-list .divider-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 16vh;
}
.services-connect .service-list .divider-bar {
  background: #D01821;
}
.services-transform .service-list .divider-bar {
  background: #10574B;
}
.services-data .service-list .divider-bar {
  background: #016699;
}
.services-advisory .service-list .divider-bar {
  background: #F0B000;
}
.service-list .list {
  position: relative;
  width: calc(50% - 25px);
  list-style: disc;
}
@media screen and (max-width: 1200px) {
  .service-list .list {
    width: 100%;
    padding: 0;
    margin: 75px 0 0;
  }
}
.service-list .item {
  max-width: 525px;
  padding: 18px 0;
  opacity: 0.2;
  transition: opacity 0.4s;
}
@media screen and (max-width: 1200px) {
  .service-list .item {
    opacity: 1;
  }
}
.services-connect .service-list .item::marker {
  color: #D01821;
}
.services-transform .service-list .item::marker {
  color: #10574B;
}
.services-data .service-list .item::marker {
  color: #016699;
}
.services-advisory .service-list .item::marker {
  color: #F0B000;
}
.service-list .item.active {
  opacity: 1;
}
.service-list .item:first-child {
  opacity: 1;
  padding: 0 0 18px;
}
.service-list .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
}

.services-introduction .image {
  position: relative;
  background: #e3e3e3;
  height: calc(100vh - 200px);
  overflow: hidden;
}
.services-introduction .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.services-introduction .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
.services-introduction .image:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .services-introduction .image:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .services-introduction .image:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .services-introduction .image:after {
    left: 37px;
  }
}
.services-introduction .feature-text {
  position: relative;
}
.services-introduction .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #63BDE8;
  margin: -0.5em 0 0;
}
@media screen and (max-width: 1330px) {
  .services-introduction .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .services-introduction .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .services-introduction .feature-text .text {
    font-size: 42px;
  }
}
.services-introduction .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #FFFFFF;
  margin: -0.5em 0 0;
}
@media screen and (max-width: 1330px) {
  .services-introduction .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .services-introduction .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .services-introduction .feature-text:before {
    font-size: 42px;
  }
}
.services-introduction .lower {
  padding: 1px 100px 0 250px;
  position: relative;
}
.services-introduction .lower:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .services-introduction .lower:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .services-introduction .lower:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .services-introduction .lower:after {
    left: 37px;
  }
}
@media screen and (max-width: 1200px) {
  .services-introduction .lower {
    padding: 1px 100px 50px 150px;
  }
}
@media screen and (max-width: 782px) {
  .services-introduction .lower {
    padding: 1px 50px 50px 75px;
  }
}

.team-profile {
  position: relative;
  padding: 250px 0 200px;
}
.team-profile:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .team-profile:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .team-profile:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .team-profile:after {
    left: 37px;
  }
}
@media screen and (max-width: 782px) {
  .team-profile {
    padding: 150px 0 200px;
  }
}
.team-profile .inner {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 100px 0 250px;
}
@media screen and (max-width: 1200px) {
  .team-profile .inner {
    margin: 0 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .team-profile .inner {
    display: block;
    margin: 0 25px 0 75px;
  }
}
.team-profile .linkedin-row .icon {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: #010922;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-profile .linkedin-row .icon:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M30.7,0H1.3C0.6,0,0,0.6,0,1.3v29.3C0,31.4,0.6,32,1.3,32h29.3c0.7,0,1.3-0.6,1.3-1.3V1.3C32,0.6,31.4,0,30.7,0z M9.5,27.3H4.7V12h4.8V27.3z M7.1,9.9c-1.5,0-2.8-1.2-2.8-2.8c0-1.5,1.2-2.8,2.8-2.8c1.5,0,2.8,1.2,2.8,2.8C9.9,8.7,8.6,9.9,7.1,9.9z M27.3,27.3h-4.7v-7.4c0-1.8,0-4-2.5-4c-2.5,0-2.8,1.9-2.8,3.9v7.6h-4.7V12H17v2.1h0.1c0.6-1.2,2.2-2.5,4.5-2.5c4.8,0,5.7,3.2,5.7,7.3V27.3z'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  display: block;
}
.team-profile .linkedin-row .label {
  display: none;
}
.team-profile .content {
  width: calc(50% - 25px);
  max-width: 525px;
}
.team-profile .content h2,
.team-profile .content h3 {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 30px 0;
}
@media screen and (max-width: 782px) {
  .team-profile .content h2,
  .team-profile .content h3 {
    font-size: 20px;
  }
}
.team-profile .content .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
}
@media screen and (max-width: 782px) {
  .team-profile .content .title {
    font-size: 36px;
  }
}
.team-profile .content p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 20px 0;
}
.team-profile .content p a {
  color: #63BDE8;
  font-weight: 600;
}
.team-profile .content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.team-profile .content ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.team-profile .content li {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
}
.team-profile .content li a {
  color: #010922;
}
.team-profile .content .link {
  border: 2px solid #010922;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #010922;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
}
.team-profile .content .link:hover {
  background: #010922;
  color: #FFFFFF;
}
@media screen and (max-width: 782px) {
  .team-profile .content {
    width: auto;
  }
}
.team-profile .content .headline {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
  color: #010922;
  margin: 0 0 50px;
}
@media screen and (max-width: 782px) {
  .team-profile .content .headline {
    font-size: 36px;
  }
}
.team-profile .image {
  position: relative;
  height: 500px;
  width: calc(50% - 25px);
  overflow: hidden;
}
.team-profile .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-profile .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
@media screen and (max-width: 782px) {
  .team-profile .image {
    width: auto;
    height: 500px;
    margin: 75px 0 0;
  }
}
.team-profile .read-more {
  display: inline-block;
  margin: 20px 0 0;
}
.team-profile .read-more .read-more-button {
  border: 2px solid #010922;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #010922;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
}
.team-profile .read-more .read-more-button:hover {
  background: #010922;
  color: #FFFFFF;
}
.team-profile .scroll-label {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  position: absolute;
  bottom: 200px;
  left: 150px;
  transform-origin: left center;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1200px) {
  .team-profile .scroll-label {
    left: 50px;
  }
}
@media screen and (max-width: 782px) {
  .team-profile .scroll-label {
    display: none;
  }
}
.team-profile .scroll-label [data-scroll-label] {
  display: block;
}

.what-we-do-introduction .banner {
  position: relative;
  background: #dedede;
}
.what-we-do-introduction .banner:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .what-we-do-introduction .banner:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .what-we-do-introduction .banner:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .what-we-do-introduction .banner:after {
    left: 37px;
  }
}
.what-we-do-introduction .banner .image {
  overflow: hidden;
}
.what-we-do-introduction .banner .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.what-we-do-introduction .banner .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
.what-we-do-introduction .banner .image.with-overlay {
  position: relative;
  height: calc(100vh - 200px);
}
.what-we-do-introduction .banner .image.without-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
}
.what-we-do-introduction .banner .image img {
  opacity: 0;
  transform: scale(1.075);
  filter: blur(50px);
  transition: opacity 3s, filter 0.4s, transform 6s ease-out;
}
.wf-active .what-we-do-introduction .banner .image img {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
}
.what-we-do-introduction .lower {
  padding: 75px 100px 0 250px;
  position: relative;
  height: 365px;
}
.what-we-do-introduction .lower:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .what-we-do-introduction .lower:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .what-we-do-introduction .lower:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .what-we-do-introduction .lower:after {
    left: 37px;
  }
}
@media screen and (max-width: 1200px) {
  .what-we-do-introduction .lower {
    padding: 50px 100px 0 150px;
  }
}
@media screen and (max-width: 782px) {
  .what-we-do-introduction .lower {
    height: auto;
    padding: 50px 50px 0 75px;
  }
}
.page-template-template-digital-partner .what-we-do-introduction .lower {
  height: auto;
}
.what-we-do-introduction .content {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.what-we-do-introduction .content .image {
  position: relative;
  background: rgba(255, 255, 255, 0.2);
  width: calc(50% - 50px);
  margin: 72px 0 0;
  overflow: hidden;
}
.what-we-do-introduction .content .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.what-we-do-introduction .content .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
@media screen and (max-width: 782px) {
  .what-we-do-introduction .content .image {
    width: 100%;
    height: 55vw;
    margin: 0 0 50px;
  }
}
.what-we-do-introduction .information {
  position: relative;
  margin: 50px 0 0;
  width: calc(50% - 25px);
  max-width: 500px;
}
@media screen and (max-width: 782px) {
  .what-we-do-introduction .information {
    height: auto;
    padding: 0 0 50px;
    width: auto;
    max-width: none;
    margin: 50px 0 0;
  }
}
.what-we-do-introduction .information .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
  margin: 0 0 50px;
}
@media screen and (max-width: 782px) {
  .what-we-do-introduction .information .title {
    font-size: 36px;
  }
}
.what-we-do-introduction .information h2, .what-we-do-introduction .information h3 {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  margin: 30px 0 15px;
}
.what-we-do-introduction .information h2 {
  font-size: 36px;
}
@media screen and (max-width: 782px) {
  .what-we-do-introduction .information h2 {
    font-size: 30px;
  }
}
.what-we-do-introduction .information h3 {
  font-size: 30px;
}
@media screen and (max-width: 782px) {
  .what-we-do-introduction .information h3 {
    font-size: 24px;
  }
}
.what-we-do-introduction .information p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
  margin: 20px 0;
}
.what-we-do-introduction .information strong {
  font-weight: 600;
}
.what-we-do-introduction .information ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.what-we-do-introduction .information li {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
}
.what-we-do-introduction .feature-text {
  position: relative;
  display: block;
}
.what-we-do-introduction .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #010922;
}
@media screen and (max-width: 1330px) {
  .what-we-do-introduction .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .what-we-do-introduction .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .what-we-do-introduction .feature-text .text {
    font-size: 42px;
  }
}
.what-we-do-introduction .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
}
@media screen and (max-width: 1330px) {
  .what-we-do-introduction .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .what-we-do-introduction .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .what-we-do-introduction .feature-text:before {
    font-size: 42px;
  }
}

.who-we-are-additional {
  position: relative;
  background: #010922;
}
.who-we-are-additional:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .who-we-are-additional:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .who-we-are-additional:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .who-we-are-additional:after {
    left: 37px;
  }
}
.who-we-are-additional .inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 100px 0 200px;
  padding: 75px 0;
}
@media screen and (max-width: 1200px) {
  .who-we-are-additional .inner {
    margin: 0 100px 0 100px;
  }
}
@media screen and (max-width: 782px) {
  .who-we-are-additional .inner {
    margin: 0 50px 0 75px;
  }
}
.who-we-are-additional .feature-text {
  margin: 0 0 50px 50px;
}
.who-we-are-additional .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #FFFFFF;
}
@media screen and (max-width: 1330px) {
  .who-we-are-additional .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .who-we-are-additional .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .who-we-are-additional .feature-text .text {
    font-size: 42px;
  }
}
.who-we-are-additional .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #010922;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 1330px) {
  .who-we-are-additional .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .who-we-are-additional .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .who-we-are-additional .feature-text:before {
    font-size: 42px;
  }
}
@media screen and (max-width: 782px) {
  .who-we-are-additional .feature-text {
    margin: 0 0 50px;
  }
}
.who-we-are-additional .image {
  position: relative;
  width: 50%;
  margin: 0 50px 0 0;
  overflow: hidden;
}
.who-we-are-additional .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.who-we-are-additional .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
@media screen and (max-width: 782px) {
  .who-we-are-additional .image {
    width: 100%;
    margin: 0;
  }
}
.who-we-are-additional .image .image-overlay {
  background: #010618;
}
.who-we-are-additional .content {
  width: calc(50% - 50px);
  max-width: 450px;
}
.who-we-are-additional .content h2,
.who-we-are-additional .content h3 {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #FFFFFF;
  margin: 30px 0;
}
@media screen and (max-width: 782px) {
  .who-we-are-additional .content h2,
  .who-we-are-additional .content h3 {
    font-size: 20px;
  }
}
.who-we-are-additional .content .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
}
@media screen and (max-width: 782px) {
  .who-we-are-additional .content .title {
    font-size: 36px;
  }
}
.who-we-are-additional .content p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #FFFFFF;
  margin: 20px 0;
}
.who-we-are-additional .content p a {
  color: #63BDE8;
  font-weight: 600;
}
.who-we-are-additional .content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.who-we-are-additional .content ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.who-we-are-additional .content li {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #FFFFFF;
}
.who-we-are-additional .content li a {
  color: #FFFFFF;
}
.who-we-are-additional .content .link {
  border: 2px solid #FFFFFF;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #FFFFFF;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
}
.who-we-are-additional .content .link:hover {
  background: #FFFFFF;
  color: #010922;
}
@media screen and (max-width: 782px) {
  .who-we-are-additional .content {
    width: 100%;
  }
}
.who-we-are-additional .scroll-label {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  position: absolute;
  bottom: 200px;
  left: 150px;
  transform-origin: left center;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1200px) {
  .who-we-are-additional .scroll-label {
    left: 50px;
  }
}
@media screen and (max-width: 782px) {
  .who-we-are-additional .scroll-label {
    display: none;
  }
}
.who-we-are-additional .scroll-label [data-scroll-label] {
  display: block;
}

.who-we-are-introduction .image {
  position: relative;
  background: #dedede;
  height: calc(100vh - 200px);
  overflow: hidden;
}
.who-we-are-introduction .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.who-we-are-introduction .image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #dedede;
}
.who-we-are-introduction .image:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .who-we-are-introduction .image:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .who-we-are-introduction .image:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .who-we-are-introduction .image:after {
    left: 37px;
  }
}
.who-we-are-introduction .image .image-overlay {
  display: none;
}
.who-we-are-introduction .image img {
  opacity: 0;
  transform: scale(1.075);
  filter: blur(50px);
  transition: opacity 3s, filter 0.4s, transform 6s ease-out;
}
.wf-active .who-we-are-introduction .image img {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
}
@media screen and (max-width: 600px) {
  .who-we-are-introduction .image img {
    -o-object-position: 65%;
       object-position: 65%;
  }
}
.who-we-are-introduction .feature-text {
  position: relative;
  margin: -75px 0 0;
}
@media screen and (max-width: 1000px) {
  .who-we-are-introduction .feature-text {
    margin: -43px 0 0;
  }
}
@media screen and (max-width: 782px) {
  .who-we-are-introduction .feature-text {
    margin: 50px 0 0;
  }
}
.who-we-are-introduction .feature-text .text {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  --mask-y: 456px;
  --mask-x: 463.97px;
  clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  -webkit-clip-path: circle(calc(var(--cursor-size, 0vmax) / 2) at var(--mask-x, 0) var(--mask-y, 0));
  color: #F0F0F0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(1, 9, 34, 0.3);
}
@media screen and (max-width: 1330px) {
  .who-we-are-introduction .feature-text .text {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .who-we-are-introduction .feature-text .text {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .who-we-are-introduction .feature-text .text {
    font-size: 42px;
  }
}
.who-we-are-introduction .feature-text:before {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 170px;
  line-height: 0.85;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  content: attr(data-inner);
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  color: #010922;
}
@media screen and (max-width: 1330px) {
  .who-we-are-introduction .feature-text:before {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .who-we-are-introduction .feature-text:before {
    font-size: 110px;
  }
}
@media screen and (max-width: 782px) {
  .who-we-are-introduction .feature-text:before {
    font-size: 42px;
  }
}
.who-we-are-introduction .lower {
  padding: 1px 100px 50px 250px;
  position: relative;
}
.who-we-are-introduction .lower h2,
.who-we-are-introduction .lower h3 {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 1.1;
  color: #010922;
  margin: 30px 0;
}
@media screen and (max-width: 782px) {
  .who-we-are-introduction .lower h2,
  .who-we-are-introduction .lower h3 {
    font-size: 20px;
  }
}
.who-we-are-introduction .lower .title {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 1.1;
}
@media screen and (max-width: 782px) {
  .who-we-are-introduction .lower .title {
    font-size: 36px;
  }
}
.who-we-are-introduction .lower p {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
  margin: 20px 0;
}
.who-we-are-introduction .lower p a {
  color: #63BDE8;
  font-weight: 600;
}
.who-we-are-introduction .lower ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.who-we-are-introduction .lower ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 20px 0 20px 25px;
}
.who-we-are-introduction .lower li {
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.6;
  color: #010922;
}
.who-we-are-introduction .lower li a {
  color: #010922;
}
.who-we-are-introduction .lower .link {
  border: 2px solid #010922;
  height: 70px;
  font-family: "Everett Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #010922;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  line-height: 66px;
  padding: 0 36px;
  border-radius: 999px;
  transition: background 0.3s, color 0.3s;
}
.who-we-are-introduction .lower .link:hover {
  background: #010922;
  color: #FFFFFF;
}
.who-we-are-introduction .lower:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  border-left: 1px solid rgba(1, 9, 34, 0.2);
  opacity: 0;
  transition: opacity 1s;
  z-index: 10;
}
.wf-active .who-we-are-introduction .lower:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .who-we-are-introduction .lower:after {
    left: 100px;
  }
}
@media screen and (max-width: 782px) {
  .who-we-are-introduction .lower:after {
    left: 37px;
  }
}
@media screen and (max-width: 1200px) {
  .who-we-are-introduction .lower {
    padding: 1px 100px 50px 150px;
  }
}
@media screen and (max-width: 782px) {
  .who-we-are-introduction .lower {
    padding: 1px 50px 50px 75px;
  }
}
.who-we-are-introduction .lower strong {
  font-weight: 600;
}