/* ==========================================================================
     Foundation
     ========================================================================== */

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

 :root {

    --black:    #000;
    --white:    #fff;

    --neutral1: #f0eee9; /* oatmeal */
    --neutral2: #e2ddd3; /* biscuit */
    --neutral3: #545a61; /* slate */
    --accent1:  #ff2e58; /* red */
    --accent2:  #00f;    /* blue */

    --superLG: 112px;
    --superSM: 80px;
    --kickerLG: 32px;
    --kickerSM: 24px;

    --headLG: 58px;
    --headSM: 46px;
    --subhead: 44px;
    --titleLG: 32px;
    --titleSM: 26px;

    --bodyMain: 32px;
    --bodyLG1: 24px;
    --bodyLG2: 28px;
    --bodySM1: 20px;
    --bodySM2: 22px;

    --labelLG: 24px;
    --labelSM: 20px;

    --fontMain: "Host Grotesk";
    --fontHeading: "Anton";
    --fontAlt: "DM Serif Display";

    --timing: cubic-bezier(0, 0.57, 0.41, 0.99);
  }

  html,
  body {
    font-family: var(--fontMain);
    font-weight: 400;
    font-size: var(--bodyMain);
    color: var(--black);
    line-height: normal;
    min-height: 100vh;
    overflow-x: clip;
/*    overscroll-behavior: none;*/
  }

  body {
    position: relative;
  }

  .kicker {
    font-size: var(--kickerLG);
    font-family: var(--fontHeading);
    text-transform: uppercase;
    color: var(--accent2);
  }

  .hero-text .kicker {
      padding-bottom: 10px;
  }

  .kicker.kicker--sm {
    font-size: var(--labelLG);
  }

  .headtext {
    font-size: var(--headLG);
  }

  .head-title {
    font-size: var(--headLG);
  }

  .subhead-text {
    font-size: var(--subhead);
  }

  a {
    color: var(--black);
    text-decoration: none !important;
  }

  a:hover {
    color: var(--accent1);
  }

  a:active {
    color: var(--accent2);
  }

  img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
  }

  button {
    cursor: pointer;
    font-family: var(--fontMain);
  }

  h1, .h1, h2, .h2, h3, h4, h6 {
    font-family: var(--fontHeading);
    font-weight: 400;
  }

  h1, .h1 {
    font-size: var(--superLG);
    line-height: 1;
    text-transform: uppercase;
  }

  h2 {
    font-size: var(--superSM);
    line-height: 1.1em;
  }

  h3 {
    font-size: var(--subhead);
    line-height: 1.27em;
  }

  .container {
    max-width: 1510px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
  }

  .flexed {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .flexed--between {
    justify-content: space-between;
  }

  .flexed--around {
    justify-content: space-around;
  }

  .flexed--top {
    align-items: flex-start;
  }

  .flexed--bottom {
    align-items: flex-end;
  }

  .flexed--center {
    justify-content: center;
  }

  .flexed--full {
    align-items: stretch;
  }

  .rel {
    position: relative;
  }

  /* ==========================================================================
     Site Chrome, Global Layout And Footer
     ========================================================================== */

  body > header .menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 80px;
  }

  body > header .menu li {
    display: block;
  }

  .logo {
    max-width: 181px;
  }

  .logo img, .logo svg {
    width: 100%;
  }

  body > header {
    padding: 24px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    background: var(--white);
    transition: 0.3s;
  }

  body.admin-bar > header {
    top: 32px;
  }

  footer a {
    transition: 0.3s;
  }

  body > header .menu a {
    font-size: var(--labelLG);
    font-weight: 900;
    line-height: 0.8em;
    display: block;
    transition: 0.3s;
  }

  .logo a {
    display: block;
    line-height: 0.5em;
  }

  .footer-logo path,
    .logo path {
    transition: 0.3s;
  }

  .footer-logo a:hover path,
    .logo a:hover path {
    fill: var(--accent1);
  }

  .footer-logo a:active path,
    .logo a:active path {
    fill: var(--accent2);
  }

  main {
    position: relative;
    z-index: 1;
    background: var(--white);
  }

  body > footer {
    background: var(--neutral1);
    z-index: 0;
    position: sticky;
    bottom: 0;
  }

  .footer-wrap {
    padding: 64px 0 24px;
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
  }

  .footer-top > div {
    flex: 1;
  }

  .footer-top {
    gap: 50px;
  }

  .footer-block {
    max-width: 210px;
  }

  .footer-block.footer-info {
    font-size: var(--labelSM);
    font-weight: 500;
    white-space: nowrap;
    line-height: 1.2;
  }

  .footer-block.footer-info p:not(:last-child) {
    margin-bottom: 12px;
  }

  .footer-bottom {
    font-size: var(--labelSM);
  }

  .footer-bottom .menu {
    display: flex;
    gap: 15px;
  }

  .footer-logo a {
    display: block;
    line-height: 0.5;
  }

  .footer-bottom .menu li {
    display: block;
  }

  .footer-logo {
    margin-bottom: 20px;
  }

  body > footer h3 {
    font-size: var(--kickerSM);
    margin-bottom: 20px;
  }

  .footer-block.footer-menu li {
    display: block;
    font-size: var(--labelLG);
    font-weight: 900;
    line-height: 2;
  }

  body.scrolled-final > header {
    transform: translateY(-100%);
  }

  body.scrolled > header {
    background: var(--neutral1);
  }

  /* ==========================================================================
     Home Hero And Shared Section Scaffolding
     ========================================================================== */

  .image-block {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
    z-index: 1;
/*    opacity: 0;*/
  }

  .home-hero-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .single-jetpack-portfolio .hero-text h1 {
    max-width: 1040px;
    z-index: 4;
    display: inline-block;
  }

  .image-blocks {
    position: relative;
    max-width: 718px;
    margin-left: auto;
    width: 100%;
    height: 460px;
  }

  .image-block img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    opacity: 0;
  }

  main > section {
    min-height: calc(100vh - 88px);
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
  }

  section.builder-hero {
    padding-bottom: 50px;
  }

  .center-me {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  main > section.no-padding {
    padding: 0;
  }

  .centered {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  main > section:first-child {
    min-height: 100vh;
    padding-top: 88px;
  }

  main > section .container {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  main > section .container > div {
    height: 100%;
    flex: 1;
  }

  .slide-item-text {
      display: flex;
      justify-content: center;
      flex-direction: column;
  }

  .anims-off {
      position: relative;
  }

  .anims-off .quote-item {
      position: relative;
  }

  .anims-off .quote-item-inner {
      display: flex;
      flex-direction: column;
      justify-content: center;
  }

  .image-block:nth-child(1) {
    max-width: 460px;
    z-index: 3;
  }

  .image-block:nth-child(2) {
    max-width: 336px;
    height: 336px;
    top: inherit;
    bottom: 0;
    left: 0;
    right: inherit;
    z-index: 4;
  }

  .image-block:nth-child(3) {
    max-width: 206px;
    height: 206px;
    z-index: 5;
    top: calc(50% - 8px);
    right: calc(50% - 3px);
    translate: 50% -50%;
  }

  .image-block:nth-child(4) {
    max-width: 130px;
    height: 130px;
    z-index: 6;
    right: calc(50% - 30px);
    top: inherit;
    bottom: calc(50% - 30px);
    translate: -100% -50%;
  }

  .image-block img.active {
    opacity: 1;
  }

  /* ==========================================================================
     Pinned Sliders, Case Studies, Drawers And Shared CTA Blocks
     ========================================================================== */

  .slide-item {
    position: relative;
    height: calc(100vh - 88px);
    display: flex;
    align-items: center;
  }

  .slider-inner {
    height: 100%;
    width: 100%;
  }

  .slide-back {
    position: absolute;
    font-size: 80vh;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    font-family: var(--fontHeading);
    color: var(--neutral1);
    line-height: 0.88;
  }

  .slider-nav {
    position: absolute;
    z-index: 7;
    top: 50vh;
    right: 48px;
  }

  .slider-nav:not(:has(.slider-nav-item:nth-child(2))) {
      display: none;
  }

  .slider-wrap {
    display: flex;
    align-items: center;
  }

  .slide-front-text {
    position: relative;
    z-index: 2;
    font-size: var(--headLG);
    line-height: 1.1;
    font-weight: 900;
    padding-right: 50px;
    flex: 1 !important;
  }

  .single-jetpack-portfolio .slide-front-text {
    color: var(--white);
  }

  .single-jetpack-portfolio .slide-item {
    transition: 0.4s;
  }

  .single-jetpack-portfolio .slider-texts.active-section .slide-item.active {
    background-color: var(--activeColor) !important;
  }

  .slider {
    position: relative;
  }

  .slider-nav-item {
    width: 16px;
    height: 32px;
    margin: 8px 0;
    background: var(--neutral2);
    cursor: pointer;
    transition: 0.3s;
  }

  .slider-nav.slider-nav-sm .slider-nav-item {
    height: 16px;
  }

  .slider-nav-item.active {
    background: var(--accent1);
  }

  .slider-nav-item:hover {
    background: var(--black);
  }

  section.slider.slider-text-img {
    margin: 70px 0;
    padding: 0;
  }

  .slide-item-imgs {
    position: absolute;
    left: 0;
    width: calc(50% - 25px);
    height: calc(100vh - 90px);
    top: 0;
  }

  .slide-item-img {
    position: absolute;
    height: 100%;
    width: 100%;
  }

  .slide-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .slide-item-img:nth-child(2) {
    scale: 0.78;
    z-index: 2;
  }

  .slide-item-img:nth-child(3) {
    scale: 0.56;
    z-index: 3;
  }

  .slide-item-img:nth-child(4) {
    scale: 0.34;
    z-index: 4;
  }

  .slide-item.slide-item-position-right .slide-item-imgs {
      left: inherit;
      right: 0;
  }

  .slide-item.slide-item-position-right .slide-item-text {
      margin-left: 0;
  }

  .slider-text-img-rows .slide-item:not(:first-child) .slide-item-imgs img {aspect-ratio: 1;height: auto;}

  .slider-text-img-rows .slide-item:not(:first-child) .slide-item-img {
      display: flex;
      align-items: center;
  }

  .slider-text-img-rows .slide-item + .slide-item {
      height: calc(100vh - 90px);
      margin-top: 30px;
  }

  .slider-text-img-rows .slide-item + .slide-item .slide-item-imgs {
    height: calc(100vh - 90px);

  }

  .slide-item-text {
    width: calc(50% - 25px);
    margin-left: auto;
  }

  .slide-item-text h2 {
    font-size: var(--superSM);
    text-transform: uppercase;
    line-height: 1.1em;
  }

  .case-title {
    font-size: var(--headLG);
    line-height: 1.1em;
    max-width: 850px;
    font-weight: 900;
  }

  .case-suptitle {
    font-family: var(--fontHeading);
    font-size: 32px;
    line-height: 1.2em;
    color: var(--neutral2);
    text-transform: uppercase;
    margin-bottom: 4px;
  }

  a.abs-link {
    position: absolute;
    inset: 0;
    z-index: 3;
    text-indent: -999999px;
  }

  .case-full {
    height: calc(100vh - 100px);
    padding: 64px 0;
    color: var(--white);
    background-size: cover !important;
    position: relative;
  }

  .container.container--sm {
    max-width: 1255px;
  }

  .case-full-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
/*    position: relative;*/
/*    z-index: 2;*/
  }

  .case-full-bottom, .case-full-bottom > div {
    gap: 16px;
  }

  .case-sector, 
    .case-service {
    border: 1px solid var(--white);
    padding: 17px 24px;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
  }

  .case-sector.case-sector--dark, 
    .case-service.case-service--dark {
    border-color: var(--black);
  }

  .case-sector.case-sector--sm, 
    .case-service.case-service--sm {
    padding: 8px 24px;
  }

  .case-service {
    border-radius: 30px;
  }

  .case-full:after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--neutral2);
    opacity: 0.1;
    z-index: 1;
  }

  section.cases-full {
    position: relative;
  }

  .quarter-wrap {
    display: flex;
    align-items: center;
  }

  .quarter-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 45px;
    flex: 1 !important;
  }

  .quarter-text2 {
    grid-row: 2;
    grid-column: 2;
    font-size: var(--subhead);
    line-height: 1.25em;
    font-weight: 900;
  }

  .quarter-text2.quarter-text2--sm {
    font-size: 32px;
  }

  .quarter-text1 {
    font-size: var(--superSM);
    font-family: var(--fontHeading);
    line-height: 1.1;
    text-transform: uppercase;
    text-align: right;
  }

  .single-jetpack-portfolio .quarter-amount-1 .quarter-text2 {
      grid-row: 1;
      font-size: 32px;
      margin-top: 37px;
  }

  .single-jetpack-portfolio .quarter-text2 p + p {
      margin-top: 40px;
  }

  .drawer-item {
    padding: 12px 0 12px 126px;
    border-bottom: 2px solid var(--neutral2);
    position: relative;
    overflow: hidden;
  }

  .drawer-item:first-child {
    border-top: 2px solid var(--neutral2);
  }

  .drawer-item-text {
    padding: 0;
    font-size: 28px;
    line-height: 1.5em;
    max-height: 0;
    height: auto;
    overflow: hidden;
    transition: 0.5s;
  }

  .drawer-item-title {
    font-size: var(--subhead);
    line-height: 1.3em;
    font-weight: 900;
    transition: 0.3s;
    cursor: pointer;
  }

  .drawer-item.active .drawer-item-title {
    color: var(--accent1);
  }

  .drawer-item-title:before {
    content: '';
    width: 64px;
    height: 64px;
    background: var(--neutral1);
    position: absolute;
    left: 0;
    top: 8px;
    transition: 0.3s;
  }

  .drawer-item.active .drawer-item-title:before {
    opacity: 0;
  }

  .drawer-item:before, .drawer-item:after {
    content: '';
    width: 32px;
    height: 6px;
    background: var(--neutral3);
    position: absolute;
    left: 16px;
    top: 38px;
    transition: 0.3s;
    z-index: 1;
  }

  .drawer-item:after {
    transform: rotate(90deg);
  }

  .drawer-item.active:after {
    transform: rotate(0);
  }

  .drawer-item.active:after, .drawer-item.active:before {
    background: var(--accent1);
  }

  .drawer-item.active .drawer-item-text {
    max-height: 400px;
    padding: 20px 0;
  }

  .drawer-title {
      text-transform: uppercase;
  }

  .drawer-item-text p:has(strong) {
      margin-bottom: 8px;
  }

  .drawer-item:has(.drawer-item-title:hover):after, .drawer-item:has(.drawer-item-title:hover):before {
    background: var(--accent2);
  }

  .drawer-item-title:hover {
    color: var(--accent2) !important;
  }

  .drawer-item.was-opened .drawer-item-title {
    color: var(--neutral3);
  }

  button.btn,
    .btn a,
    .blog-card + div.ajax-load-more-wrap .alm-btn-wrap button.alm-load-more-btn {
    padding: 22px 24px 22px 88px;
    display: inline-block;
    background: var(--black);
    color: var(--white);
    font-size: 24px;
    line-height: 0.8em;
    font-weight: 900;
    position: relative;
    transition: 0.3s;
  }

  button.btn {
    border: none;
    background: var(--black);
  }

  button.btn:before,
    .btn a:before,
    .blog-card + div.ajax-load-more-wrap .alm-btn-wrap button.alm-load-more-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 100%;
    background: var(--white);
  }

  .footer-form button.btn:before {
      background: #f0eee9;
  }

  button.btn:after,
    .btn a:after,
    .blog-card + div.ajax-load-more-wrap .alm-btn-wrap button.alm-load-more-btn:after {
    content: '';
    width: 32px;
    height: 32px;
    position: absolute;
    background: url('img/arrow.svg') 50% 50% no-repeat;
    left: 16px;
    top: 16px;
    transition: 0.3s;
  }

  button.btn:hover:after,
    button.btn:active:after,
    .btn a:hover:after,
    .btn a:active:after {
    opacity: 0.65;
  }

  button.btn:hover,
    .btn a:hover,
    .blog-card + div.ajax-load-more-wrap .alm-btn-wrap button.alm-load-more-btn:hover {
    background: var(--accent1);
  }

  button.btn:active,
    .btn a:active,
    .blog-card + div.ajax-load-more-wrap .alm-btn-wrap button.alm-load-more-btn:active {
    background: var(--accent2);
  }

  .btn.btn--alt a {
    padding: 0 0 0 64px;
    background: none;
    color: var(--black);
  }

  .btn.btn--alt a span {
    border: 1px solid currentColor;
    padding: 22px 24px;
    display: block;
  }

  .btn.btn--alt a:hover span {
    color: var(--accent1);
  }

  .btn.btn--alt a:active span {
    color: var(--accent2);
  }

  .drawer-items {
    margin-bottom: 32px;
  }

  .slider-text-img.slider-text-img-post-1 .slide-item-imgs {
    left: inherit;
    right: 0;
    margin-left: auto;
  }

  .slider.slider-text-img.slider-text-img-post-1 .slide-item-text {
    margin: 0;
  }

  .page-template-about-tpl .slide-item-text-inner {
      max-width: 600px;
      margin: 0 auto;
      transform: translateX(-60px);
  }

  .page-template-about-tpl .slide-item+.slide-item .slide-item-text-inner {
      max-width: 100%;
      transform: translateX(0px);
  }

  .slide-item-text h2 + p {
    margin-top: 54px;
  }

  .slide-item-text p {
    font-weight: 900;
  }

  .text_text_item.text_text_1 {
    font-size: var(--superLG);
    font-family: var(--fontHeading);
    line-height: 1;
    width: 425px;
    text-transform: uppercase;
  }

  .text_text_item.text_text_2 {
    flex: 1;
    max-width: 750px;
    line-height: 1.375em;
    font-weight: 900;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 10px;
  }

  .text_text_item.text_text_2 p {
    margin-bottom: 40px;
  }

  .text_text_wrapper.text_text_image_wrapper {
      background: #fff;
  }

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

  .text_text_image .text_text_item.text_text_1 {
      width: auto;
      flex: 1;
  }

  .text_text_image .text_text_inner {
      gap: 40px;
  }

  .text_text_image .text_text_item.text_text_2 {
      font-size: 28px;
      line-height: 1.7em;
      font-weight: 400;
  }

  .text_text_image .text_text_item.text_text_2 li {
      display: block;
      position: relative;
      padding-left: 40px;
      background: url('img/arrow.svg') 0 50% no-repeat;
      background-size: 15px;
  }

  .footer-cta-wrap {
    display: flex;
    align-items: center;
  }

  section.footer-cta {
/*    padding: 0;*/
    position: relative;
    overflow: hidden;
  }

  .footer-cta-text h2 {
    font-size: var(--superLG);
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 55px;
  }

  .footer-cta-links {
    margin-top: 55px;
    gap: 30px 5px;
  }

  .footer-cta-text p {
    font-weight: 900;
    margin-bottom: 45px;
  }

  .footer-cta-inner {
    
    position: relative;
  }

  .footer-cta-inner p {
    max-width: 1055px;
    line-height: 1.3em;
  }

  .footer-cta-link-cta {
    font-weight: 900;
  }

  .footer-cta-link {
    gap: 8px;
  }

  span.footer-cta-decor {
    width: 445px;
    height: 845px;
    position: absolute;
    right: -90px;
    bottom: -60px;
    display: block;
    background: url('img/question.svg') 50% 50% no-repeat;
    background-size: contain;
  }

  /* ==========================================================================
     Animation Helpers And Footer / Contact Form Flow
     ========================================================================== */

  .pin {
      position: absolute;
      width: 100%;
      height: 100%;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      background: var(--white);
    }

  .pin.active {
      z-index: 3;
      pointer-events: auto;
    }

  .pin.was-active {
      z-index: 2;
    }
  
  .pins {
      position: relative;
      overflow: hidden;
    }

  .fake-pin.pin {
    height: 0;
    margin-bottom: -100%;
  }

  .wow {
    animation-timing-function: var(--timing);
/*    opacity: 0;*/
  }

  .animation__completed {
/*    opacity: 1 !important;*/
  }

  .height100 {
    height: 100%;
  }

  .wpcf7-form-control-wrap {
    display: block;
  }

  .footer-form input {
    padding: 8px 22px;
    width: 100%;
    font-size: 24px;
    font-weight: 900;
    color: var(--black);
    font-family: var(--fontMain);
    line-height: 45px;
    background: var(--white);
    border: none;
  }

  .footer-form form {
    max-width: 380px;
    position: relative;
    height: 100%;
    overflow: hidden;
  }

  .footer-form input::placeholder {
    color: var(--black);
  }

  .footer-form button.btn:has(span) span {
      background: var(--neutral1);
  }

  .q-section.active ~ .q-section {
    transform: translate(100%, 0);
  }

  .q-section-nav {
    margin-top: 32px;
  }

  .q-section {
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.4s;
  }

  .q-section:has(~.active) {
    transform: translate(-100%, 0);
  }

  .footer-form {
    align-self: stretch;
  }

  .footer-form > div {
    height: 100%;
  }

  button.disable {
    opacity: 0;
    visibility: hidden;
  }

  button.btn:has(span) {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 64px;
    color: var(--black);
  }

  button.btn:has(span) span {
    display: block;
    padding: 22px 24px;
    border: 1px solid var(--black);
  }

  button.btn:has(span):hover {
    background: transparent;
    color: var(--accent1);
  }

  button.btn:has(span):hover span {
    border-color: var(--accent1);
  }

  button.btn:has(span):active span {
    border-color: var(--accent2);
  }

  button.btn:has(span):active {
    color: var(--accent2);
  }

  .confirm-msg {
    font-size: 14px;
    margin-top: 32px;
    text-align: center;
  }

  button.btn.prev span {
    opacity: 0;
    visibility: hidden;
    width: 0;
    padding: 45px 0px 0 0px;
  }

  button.btn.prev:after {
    transform: rotate(180deg);
  }

  .q-section.error .wpcf7-form-control-wrap:after {
    content: 'This field is required';
    font-size: 22px;
    color: var(--accent1);
    width: 100%;
    text-align: right;
    font-weight: 700;
    line-height: 1.9;
  }

  .q-section.error:has(input[type="email"]) .wpcf7-form-control-wrap:after {
    content: 'Valid email is required';
  }

  .q-section.error input::placeholder {
    color: var(--accent1);
  }

  .q-section.error .confirm-msg {
    margin-top: 0;
  }

  span.wpcf7-not-valid-tip {
    display: none;
  }

  .footer-form form.sent .q-section {
    display: none;
  }

  .wpcf7 form.sent .wpcf7-response-output {
    padding: 10px 20px;
    margin: 0;
    font-size: 20px;
    text-align: center;
    border-color: var(--accent2);
    color: var(--accent2);
  }

  .image-items > .image-item {
    position: absolute;
    right: 0;
    width: 100%;
    height: calc(100% - 50px);
/*    opacity: 0;*/
  }

  .image-items {
    position: absolute;
    right: 0;
    height: calc(100% - 115px) !important;
    width: calc(50% - 25px);
    padding: 25px 0;
  }

  /* ==========================================================================
     Biography, Impact, Quotes And Reusable Content Blocks
     ========================================================================== */

  .bio-hero {
    position: relative;
  }

  .image-items > .image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .image-items > .image-item:nth-child(2) {
    scale: 0.77;
    z-index: 2;
  }

  .image-items > .image-item:nth-child(3) {
    scale: 0.56;
    z-index: 3;
  }

  .bio-heading-role {
    color: var(--accent2);
    text-transform: uppercase;
    font-family: var(--fontHeading);
    margin-bottom: 8px;
  }

  .bio-heading-info-top {
    padding-top: 15%;
  }

  .bio-heading-info {
    width: calc(50% - 25px);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }

  .bio-heading-info-bottom {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2em;
/*    opacity: 0;*/
  }

  .bio-heading-contact-label {
    width: 100px;
  }

  .bio-intro-text {
    max-width: 1220px;
    margin: 90px auto;
    font-weight: 900;
    line-height: 1.1em;
  }

  .bio-main-content-text {
    flex: 1;
  }

  .bio-main-content {
    align-items: flex-end;
    gap: 60px;
  }

  .bio-main-content-link {
    padding-left: 130px;
    padding-bottom: 8px;
  }

  .bio-main-content-text p:first-child {
    font-weight: 900;
    margin-bottom: 95px;
    font-size: 32px;
  }

  .bio-main-content-text p {
    font-size: 28px;
    margin-bottom: 42px;
    line-height: 1.3;
  }

  .bio-main-content-text p:last-child {
    margin-bottom: 0;
  }

  .img-card {
    flex: 1;
  }

  .img-card img, .img-card video {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }

  .img-card:nth-child(2n) {
    scale: 0.64;
    transform-origin: right;
  }

  .case-full-video {
    position: absolute;
    inset: 0;
  }

  .case-full-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  section.impact {
    color: var(--white);
    padding: 100px 0;
  }

  .impact-top-text-text h2 {
    text-transform: uppercase;
  }

  .impact-top-text-text {
    margin-top: 10px;
    margin-bottom: 100px;
  }

  .impact-top-text-text p {
    margin-top: 55px;
    font-weight: 900;
  }

  .impact-number {
    flex: 1;
    text-align: center;
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 500;
  }

  .impact-number-text {
    font-weight: 400;
  }

  .impact-numbers {
    gap: 50px;
  }

  .impact-number-val {
    font-size: var(--superSM);
    line-height: 1.1em;
    font-family: var(--fontHeading);
    text-transform: uppercase;
  }

  .impact-number-label {
    font-size: var(--headSM);
    line-height: 1.2em;
    margin-bottom: 24px;
    font-weight: 900;
  }

  .what-did-inner {
    padding: 55px 115px 65px;
    background: var(--white);
    width: 100%;
    overflow: hidden;
  }

  .what-did-cols {
    margin-top: 65px;
    gap: 50px;
  }

  .what-did-col {
    flex: 1;
  }

  .what-did-col h3 {
    font-family: var(--fontMain);
    font-weight: 900;
    padding-bottom: 25px;
    margin-bottom: 15px;
    position: relative;
  }

  .what-did-col li {
    font-size: 28px;
    line-height: 1.7em;
    display: block;
    padding-left: 48px;
    background: url('img/arrow.svg') 0 50% no-repeat;
    background-size: 16px 16px;
  }

  .what-did-col h3:after {
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--neutral2);
  }

  .slide-item-text .kicker {
    color: #3D6E51;
  }

  .quote-item {
    display: flex;
    align-items: center;
    background: none;
  }

  .quotes .quote-decor {
    position: absolute;
    z-index: 4;
    top: 0;
    left: calc(50vw - 748px);
    scale: 0.85;
    transform-origin: top;
    height: auto;
  }

  .quotes .quote-decor:last-child {
    top: inherit;
    bottom: -10px;
    right: calc(50vw - 748px);
    left: inherit;
    transform-origin: bottom;
  }

  .quotes-inner {
      position: absolute;
      inset: 0;
      z-index: 5;
  }

  .cjp3-more-info .quotes-inner {
      position: relative;
  }

  .quote-text {
    line-height: 1.273em;
    font-weight: 900;
  }

  .quote-role {
    margin-top: 32px;
    font-weight: 900;
  }

  .quote-item-inner {
    margin-top: 75px;
  }

  .alm-listing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 130px 50px;
  }

  .work-card-inner {
    height: calc(100vh - 88px);
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
  }

  .case-cars-row.alm-listing:not(.active) {
     position: absolute; 
     opacity: 0; 
     top: 0; 
     height: 100%; 
  }

  .case-cars-row.alm-listing.active.away {
    transform: translateX(-100%);
    transition: 1s;
    opacity: 0;
  }

  .case-cards-inner {
      position: relative;
  }

.case-cars-row.alm-listing.active {
    opacity: 1;
}

/*  .work-card .work-card-img {
    flex: 1;
  }*/

  .work-card .work-card-img a {
    height: 100%;
    display: block;
  }

  .work-all-list .work-card:nth-child(3n) .work-card-text br {
      display: none;
  }

/*  .work-card .work-card-img a img {
    aspect-ratio: 1.1 / 1;
    object-fit: cover;
    height: 100%;
  }*/

  .work-all-list .work-card:nth-child(6n+2) .work-card-img, 
  .work-all-list .work-card:nth-child(6n+4) .work-card-img, 
  .work-card:not(.latest-blog-card):nth-child(4n+1) .work-card-img, 
  .work-card:not(.latest-blog-card):nth-child(4n) .work-card-img {
    flex: 0;
  }

  .work-card.latest-blog-card:nth-child(4n+2) .work-card-img, 
  .work-card.latest-blog-card:nth-child(4n+3) .work-card-img {
    flex: 0;
  }

  .work-card:not(.latest-blog-card):nth-child(4n+1), 
  .work-card:not(.latest-blog-card):nth-child(4n) {
    width: 65%;
  }

  .work-all-list .work-card:nth-child(4n+1), 
  .work-all-list .work-card:nth-child(4n) {
    width: 100%;
  }

  .work-all-list .work-card:nth-child(6n+2),
  .work-all-list .work-card:nth-child(6n+4) {
    width: 65%;
  }

  .work-card.latest-blog-card:nth-child(4n+2), 
  .work-card.latest-blog-card:nth-child(4n+3) {
    width: 65%;
  }

  .work-all-list .work-card:nth-child(4n) {
    margin-left: 0;
  }

  .work-all-list .work-card:nth-child(6n+2),
  .work-card.latest-blog-card:nth-child(4n+2),
  .work-card:nth-child(4n) {
    margin-left: auto;
  }



  .work-all-list .work-card:nth-child(3n) {
      grid-column: 1/ 3;
  }

  .work-all-list .work-card:nth-child(3n) .work-card-img a img {
      aspect-ratio: 8 / 5;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .work-all-list .work-card:nth-child(3n) .work-card-inner {
      max-width: 1225px;
      margin: 0 auto;
  }

  .work-all-list .work-card:nth-child(3n) .work-card-info {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
  }

  .work-all-list .work-card:nth-child(3n) .work-card-text {
      order: 1;
  }

  .work-all-list .work-card:nth-child(3n) .work-card-cats {
      margin: 0;
  }

  .work-card-text {
    line-height: 1.3em;
    font-weight: 800;
  }

  .work-card-title a {
    color: var(--accent2);
  }

  .work-card-cats {
    gap: 5px;
    margin-top: 15px;
  }

  .alm-btn-wrap:has(.done) {
    display: none;
  }

  section.work-all-compact {
    padding-top: 0;
    padding-bottom: 95px;
  }

  .work-all-heading {
    text-transform: uppercase;
    padding: 95px 0;
  }

  button.alm-load-more-btn {
    font-size: var(--superLG);
    text-transform: uppercase;
    color: var(--accent2);
    font-family: var(--fontHeading);
    background: none;
    border: none;
    position: relative;
  }

  .alm-btn-wrap {
    padding: 180px 0 150px;
    margin-top: 100px;
    position: relative;
    overflow: hidden;
  }

  button.alm-load-more-btn:before, 
    button.alm-load-more-btn:after {
    content: '.';
    position: absolute;
    left: 100%;
    animation: 2s linear 0s infinite alternate dot1;
  }

  button.alm-load-more-btn:after {
    transform: translateX(100%);
    animation: 2s linear 0s infinite alternate dot2;
  }

  @keyframes dot1{


      0% {
        opacity: 0;
      }

      25% {
        opacity: 1;
      }

      100% {
        opacity: 1;
      }

    
  }

  @keyframes dot2{


      0% {
        opacity: 0;
      }

      75% {
        opacity: 1;
      }

      100% {
        opacity: 1;
      }

    
  }

  .alm-btn-wrap:after {
    content: '';
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    background: url(img/arrow-down.svg?q=2) 50% calc(100% + 25px) no-repeat;
    background-size: cover;
    opacity: 0.15;
    animation: 2s linear 0s infinite forwards arrow-down;
  }

  @keyframes arrow-down{


      0% {
        transform: translateY(-50%);
      }

      100% {
        transform: translateY(50%);
      }

    
  }

  /* ==========================================================================
     Blog Archive, Blog Components And Single Post
     ========================================================================== */

  .blog-bottom-cta-inner {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 990px;
  }

  section.blog-bottom-cta {
    padding: 0;
    background-repeat: no-repeat;
    background-position: calc(100% - 65px) 0%;
  }

  .single-post main h2, .single-post main h3 {
    font-family: var(--fontAlt);
  }

  .blog-bottom-cta-text p {
    margin: 60px 0;
    font-family: var(--fontAlt);
  }

  .blog-bottom-cta-text h2 {
    font-size: 110px;
  }

  .blog-card {
    width: calc(33% - 34px);
  }

  .blog-section-cards {
    gap: 80px 50px;
  }

  .blog-card-img img {
    aspect-ratio: 460 / 307;
    object-fit: cover;
  }

  .blog-section-heading h2 {
    font-size: var(--headLG);
  }

  .blog-section-heading h2:after {
    content: ' /';
  }

  .blog-section-heading-text {
    gap: 16px;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 900;
  }

  .blog-section-heading {
    margin-bottom: 80px;
  }

  .blog-card-title {
    margin: 22px 0 15px;
  }

  .blog-card-title a {
    font-family: var(--fontAlt);
    font-weight: 400;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }

  .blog-card-meta {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 500;
    gap: 8px;
    color: var(--neutral3);
  }

  .blog-card-excerpt {
    font-size: 24px;
    line-height: 1.5em;
    color: var(--neutral3);
    line-clamp: 5;
    -webkit-line-clamp: 5;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }

  .yarpp .blog-card-excerpt {
    line-clamp: 3;
    -webkit-line-clamp: 3;
  }

  .yarpp-load-more {
    text-align: center;
  }

  section.related-posts {
    padding-bottom: 100px;
  }

  .yarpp.yarpp-related {
    margin-top: 0;
    margin-bottom: 80px;
  }

  .blog-section-cards .blog-card:nth-child(3) ~ .blog-card {
    display: none;
  }

  .blog-post-inner aside {
    max-width: 380px;
    display: flex;
    align-items: flex-end;
    padding: 135px 0 0px 50px;
    position: relative;
    background: var(--neutral1);
    overflow: visible;
  }

  .blog-post-left {
    flex: 1;
    padding-top: 125px;
  }

  .blog-post-inner {
    gap: 80px;
  }

  .blog-post-right {
    position: sticky;
    bottom: 0;
    z-index: 3;
  }

  .blog-post-inner aside:after {
    content: '';
    width: 50vw;
    position: absolute;
    left: 100%;
    background: var(--neutral1);
    top: 0;
    height: 100%;
    z-index: 2;
  }

  .blog-post-right-title {
    font-size: 24px;
    font-weight: 900;
    padding-bottom: 37px;
    position: relative;
  }

  .blog-post-right-title:after {
    content: '';
    width: 50vw;
    height: 1px;
    left: 0;
    position: absolute;
    background: var(--neutral3);
    bottom: 0;
  }

  .blog-post-case {
    margin-top: 32px;
  }

  .blog-post-case-title a {
    padding: 18px 0 12px;
    display: block;
    font-family: var(--fontAlt);
  }

  .blog-post-case-excerpt {
    font-size: 24px;
    line-height: 1.5em;
  }

  .blog-post-case-link {
    margin-top: 12px;
  }

  .blog-post-case-link a {
    font-size: 20px;
    font-weight: 500;
    text-decoration: underline !important;
    color: var(--neutral3);
  }

  .blog-post-cases-contact {
    font-size: var(--subhead);
    font-family: var(--fontAlt);
    padding-bottom: 80px;
    padding-top: 40px;
  }

  .blog-post-cases-contact a {
    text-decoration: underline !important;
    padding: 30px 0;
    display: inline-block;
    width: 100%;
    position: relative;
  }

  .blog-post-cases-contact a:after, .blog-post-cases-contact a:before {
    content: '';
    width: 50vw;
    height: 1px;
    left: 0;
    position: absolute;
    background: var(--neutral3);
    bottom: 0;
  }

  .blog-post-cases-contact a:before {
    bottom: inherit;
    top: 0;
  }

  .blog-post-stiky-bar {
    position: sticky;
    top: 87px;
    background: var(--neutral1);
    z-index: 4;
    padding: 12px;
    transform: translateY(-100%);
    margin-bottom: -80px;
    transition: 0.3s;
  }

  .admin-bar .blog-post-stiky-bar {
    top: 119px;
  }

  .blog-post-sticky-bar-actions {
    max-width: 250px;
  }

  .blog-post-sticky-bar-title {
    flex: 1;
    font-size: 20px;
  }

  .blog-post-sticky-bar-inner {
    gap: 50px;
  }

  .blog-post-actions {
    gap: 8px;
  }

  .blog-action {
    width: 55px;
    height: 55px;
    border: 1px solid var(--neutral3);
    border-radius: 50px;
    position: relative;
  }

  .blog-share-info {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 150px;
    text-align: center;
    background: var(--black);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
  }

  .blog-action .pdfprnt-buttons a, 
  .blog-action > button {
    background: url('img/print.svg') 50% 50% no-repeat;
    display: block;
    border: none;
    width: 100%;
    height: 100%;
    text-indent: -99999px;
    background-size: 24px auto;
    opacity: 0.5;
    transition: 0.3s;
  }

  .blog-action.blog-action-social:hover button,
  .blog-action .pdfprnt-buttons a:hover, 
  .blog-action > button:hover {
    opacity: 0.8;
  }

  .blog-action.blog-action-pdf a {
      background-image: url('img/download.svg');
  }

  .blog-action.blog-action-bookmark button {
      background-image: url('img/bookmark.svg');
  }

  .blog-action.blog-action-social button {
      background-image: url('img/share.svg');
  }

  .blog-post-main-text h2 {
    font-size: 64px;
    letter-spacing: -0.25px;
    margin-bottom: 60px;
  }

  .blog-post-main-text h3 {
      font-family: var(--fontMain) !important;
      font-weight: 900;
      margin-bottom: 70px;
  }

  .blog-post-main-text h4 {
    font-family: var(--fontMain) !important;
    font-weight: 900;
    margin-bottom: 50px;
  }

  .blog-post-main-text img {
      margin-bottom: 64px;
  }

  .blog-share-info a {
    color: var(--white);
    font-size: 20px;
    display: block;
    padding: 5px;
  }

  .blog-share-info a:hover {
    color: #f0f0f1;
  }

  .blog-action.blog-action-social:hover > div {
    visibility: visible;
    opacity: 1;
  }

  .scrolled .blog-post-stiky-bar {
    transform: translateY(0%);
  }


  .blog-brand-line {
      font-size: 20px;
  }

  .blog-top-meta {
      gap: 16px;
      color: var(--neutral3);
      font-weight: 500;
  }

  .blog-top-cats {
      gap: 8px;
  }

  .blog-post-title {
      margin: 40px 0;
  }

  .blog-post-title h1 {
      font-family: var(--fontAlt);
      font-weight: 400;
      font-size: 88px;
      text-transform: none;
  }

  .blog-post-img {
      margin-bottom: 65px;
  }

  .blog-post-main-text > p:first-child {
      font-size: var(--subhead);
      line-height: 1.3em;
      font-weight: 600;
      margin-bottom: 65px;
  }

  .blog-post-main-text p, .blog-post-main-text ul, .blog-post-main-text ol {
      margin-bottom: 48px;
  }

  .blog-post-main-text ul, .blog-post-main-text ol {
      margin-left: 40px;
  }

  .blog-post-main-text ul li, .blog-post-main-text ol li {
      margin-bottom: 32px;
  }

  .blog-post-tags {
      gap: 8px;
      flex: 1;
  }

  .blog-post-footer-meta {
      gap: 40px;
      align-items: flex-start;
  }

  .blog-post-footer-actions {
      max-width: 250px;
  }

  .blog-post-author-img {
      width: 200px;
      border-radius: 100px;
      overflow: hidden;
  }

  .blog-post-author-info {
      flex: 1;
  }

  .blog-post-author-full {
      gap: 50px;
      margin-top: 65px;
  }

  .blog-author-desc {
      font-size: 24px;
      line-height: 1.5em;
      margin-top: 10px;
  }

  .blog-author-name {
      font-size: var(--subhead);
      font-weight: 900;
  }

  .blog-author-link a {
      font-size: 20px;
      text-decoration: underline !important;
  }

  .blog-author-link {
      display: flex;
  }

  .blog-post-stiky-bar-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
  }

  .reading-progress-bar {
    background: var(--accent2);
    height: 4px;
    width: 0;
  }

  .legal-contents a,
  .blog-post-main-text a {
      text-decoration: underline !important;
  }

  .blog-post-main-text a:hover {
      text-decoration: none !important;
  }

  .blog-author-role {
      font-size: 24px;
      font-weight: 700;
  }

  div#ez-toc-container {
      max-width: 395px;
      float: none;
      transform: translateX(-65px);
      border: none;
      box-shadow: none;
      display: flex;
      align-items: flex-end;
      margin-bottom: 38px;
      transition: 0.3s;
      padding: 0 !important;
  }

  p:has(+ div#ez-toc-container) {
      width: calc(100% - 395px);
      order: 0;
      transition: 0.3s;
  }
  p:has(+ div#ez-toc-container.toc_close) {
    width: 100%;
  }

  div#ez-toc-container ~ h2 {
      clear: both;
  }

  label.ez-toc-title {
      font-family: var(--fontAlt);
      background: var(--neutral1);
      display: block !important;
      width: 100%;
      padding: 21px 32px !important;
  }

  span.ez-toc-title-toggle a span {display: none !important;}

  .blog-post-main-text {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row-reverse;
  }

  .blog-post-main-text > * {
      width: 100%;
  }

  .ez-toc-title-container {
      position: relative;
  }

  span.ez-toc-title-toggle a:after {
      content: '';
      width: 56px;
      height: 56px;
      position: absolute;
      background: var(--white);
      right: 32px;
      top: 50%;
      transform: translateY(-50%);
      border-radius: 40px;
  }

  label.ez-toc-title:after, 
  label.ez-toc-title:before {
      content: '';
      width: 24px;
      height: 4px;
      background: var(--neutral3);
      position: absolute;
      right: 48px;
      top: calc(50%);
      z-index: 3;
      transition: 0.3s;
  }

  label.ez-toc-title:after {
      transform: rotate(90deg);
  }

  .toc_close span.ez-toc-title-toggle a:after {
    background: var(--neutral3);
  }

  .toc_close label.ez-toc-title:after, 
  .toc_close label.ez-toc-title:before {
      background: var(--white);
      transform: none;
  }

  div#ez-toc-container.toc_close {
    max-width: calc(100% + 65px);
    width: calc(100% + 65px);
    display: block;
    flex-shrink: 0;
    transform: translateX(0);
  }

  div#ez-toc-container nav {
      margin-top: -5px;
      padding: 0 60px 60px;
      background: var(--neutral1);
      display: none;
  }

  .toc_close#ez-toc-container nav {
    display: block;
  }

  div#ez-toc-container nav a {
      color: var(--black);
      text-decoration: none !important;
      gap: 13px;
      transition: 0.3s;
      line-height: 1.3em;
  }

  div#ez-toc-container nav li {
      margin-bottom: 10px;
  }

  div#ez-toc-container nav ul ul {
      margin-top: 10px;
  }

  div#ez-toc-container nav > ul > li > a {
      font-weight: 700;
  }

  div#ez-toc-container nav a:hover {
      text-decoration: underline !important;
      color: var(--accent1);
  }

  div#ez-toc-container nav > ul {
      max-width: 815px;
      margin-left:  auto;
      display: block !important;
  }

  div#ez-toc-container nav li:last-child {
      margin: 0;
  }

  .blog-post-cta-form-text h2 {
      font-size: var(--superLG);
      margin-bottom: 48px;
      max-width: 800px;
      font-family: var(--fontAlt);
  }

  .blog-post-cta-form-text {
      font-family: var(--fontAlt);
      max-width: 950px;
  }

  .blog-post-cta-form-form form p {
      flex: 1;
      font-size: 20px;
      color: var(--neutral3);
      margin: 0;
      font-weight: 900;
  }

  .blog-post-cta-form {
      margin: 32px 0;
      padding: 30px 0 85px;
      background: url('img/question2.svg') calc(100% - 60px) 50% no-repeat;
      background-size: contain;
  }

  .blog-post-cta-form input {
      border: 1px solid var(--neutral3);
      padding: 10px 24px;
      font-size: 32px;
      font-family: var(--fontMain);
      width: 100%;
      font-weight: 900;
      color: var(--black);
  }

  .blog-post-cta-form .flexed > span {
      flex: 1;
      display: block;
  }

  .blog-post-cta-form .flexed {
      gap: 45px;
      margin-bottom: 16px;
  }

  .blog-post-cta-form input::placeholder {
      color: var(--black);
  }

  .blog-post-cta-form .flexed:has(button) {
      padding-top: 5px;
  }

  .blog-main-hero-inner {
      display: flex;
      flex-direction: column;
      justify-content: center;
  }

  .blog-section-heading-text h2 {
      font-family: var(--fontAlt);
  }

  .blog-latest-list.alm-listing {
      gap: 80px 50px;
  }

  .latest-blog-card .work-card-inner {
      height: auto;
      justify-self: center;
  }

  .work-card.latest-blog-card {
      display: flex;
      flex-direction: column;
      justify-content: center;
  }

  .blog-meta-auth-date {
      gap: 8px;
  }

  .latest-blog-card .blog-card-meta {
      margin-top: 18px;
      margin-bottom: 0;
  }

  .work-card.latest-blog-card .work-card-img a img {
      aspect-ratio: auto;
  }

  .latest-blog-card .work-card-title a {
      color: var(--black);
      font-family: var(--fontAlt);
  }

  .latest-blog-card .work-card-title a:hover {
      color: var(--accent1);
  }

  .blog-main-list.blog-main-list-single-img {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0 50px;
      align-items: stretch;
  }

  .blog-main-list.blog-main-list-single-img .blog-card2:last-child {
      grid-row: 1 / 4;
      grid-column: 2;
  }

  .blog-main-list.blog-main-list-single-img .blog-card2:last-child .blog-card2-img {
      display: block;
  }

  .blog-main-list.blog-main-list-single-img .blog-card2 .blog-card2-img {
      display: none;
  }

  .blog-card2:nth-child(2) {align-self: center;}

  .blog-card2:nth-child(3) {
      align-self: end;
  }

  .blog-card2-info .blog-card-meta {
      margin: 0;
  }

  .blog-card2:last-child .blog-card2-title {
      margin: 17px 0;
  }

  .blog-card2:not(:last-child) .blog-card2-inner {
      max-width: 590px;
  }

  .blog-card2:nth-child(2) .blog-card2-inner {
      margin-left: auto;
  }

  .blog-card2 .blog-card2-title {
      font-family: var(--fontAlt);
      margin-bottom: 17px;
  }

  /* ==========================================================================
     Blog Filters, Work Archives And Interactive Listings
     ========================================================================== */

  .blog-section.blog-section-dark {
      padding: 80px 0 100px;
      background: var(--neutral1);
  }

  .sector-picker-active {
    border: 1px solid var(--neutral3);
    min-width: 235px;
    padding: 18px 68px 18px 12px;
    cursor: pointer;
  }

  .sectors-picker {
      font-size: 20px;
      font-weight: 900;
      color: var(--neutral3);
      position: relative;
  }

  .sector-picker-list {
      position: absolute;
      left: 0;
      top: 100%;
      background: var(--white);
      z-index: 2;
      width: 100%;
      opacity: 0;
      visibility: hidden;
      transition: 0.3s;
  }

  .sector-picker-list-item {
      padding: 5px 10px;
      cursor: pointer;
      transition: 0.3s;
  }

  .sector-picker-list-item:hover {
      background: var(--neutral3);
      color: var(--white);
  }

  .blog-section-cat-list-select-items {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      opacity: 0;
      visibility: hidden;
      transition: 0.3s;
      background: #fff;
      box-shadow: 1px 1px 8px rgba(0,0,0,0.2);
  }



  .blog-section-cat-list-select-items.active {
      opacity: 1;
      visibility: visible;
  }

  .blog-section-cat-list-select-active:before,
  .blog-section-cat-list-select-active:after,
  .sector-picker-active:before, 
  .sector-picker-active:after {
      content: '';
      width: 24px;
      height: 4px;
      background: var(--neutral3);
      position: absolute;
      right: 16px;
      top: calc(50% - 2px);
  }

  .blog-section-cat-list-select-active:after,
  .sector-picker-active:after {
      transform: rotate(90deg);
  }

  .blog-section-cat-list-select-active:has(+.active):after,
  .sector-picker-active.active:after {
      transform: rotate(0);
  }

  .sector-picker-active.active {
      background: var(--white);
  }

  .active + .sector-picker-list {
      visibility: visible;
      opacity: 1;
  }

  section.blog-section.blog-post-cta-form {
      background-image: url('img/and.svg');
  }

  section.blog-section.blog-post-cta-form .blog-post-cta-form-text, 
  section.blog-section.blog-post-cta-form .blog-post-cta-form-text h2 {
      max-width: 100%;
  }

  section.blog-section.blog-post-cta-form .blog-post-cta-form-text h2, 
  section.blog-section.blog-post-cta-form .blog-post-cta-form-text p {
      margin-bottom: 64px;
  }

  .blog-insights-sm-item {
      width: calc(33% - 33px);
  }

  .blog-insights-sm-item > div {
      flex: 1;
  }

  .blog-insights-sm-list {
      gap: 80px 49px;
  }

  .blog-insights-sm-title {
      padding-left: 24px;
      font-size: 24px;
      font-family: var(--fontAlt);
      line-height: 1.3;
  }

  .blog-section-cat-list {
      gap: 8px;
  }

  .blog-section-cat-list button,
  .work-full-tabs button {
      background: var(--white);
  }

  .blog-section-cat-list button:hover,
  .work-full-tabs button:hover {
      color: var(--accent1);
  }

  .blog-section-cat-list button.active,
  .work-full-tabs button.active,
  .case-service.case-service--dark.active {
      background: var(--accent2);
      border-color: var(--accent2);
  }

  .blog-section-cat-list button.active {
      color: var(--white) !important;
  }

  .work-full-tabs button.active,
  .case-service.case-service--dark.active {
      color: var(--white);
  }

  .blog-cat-all-item-list {
      gap: 80px 50px;
  }

  .blog-section-cat-all.blog-section .alm-listing {
      display: flex;
      flex-wrap: wrap;
      gap: 80px 50px;
      justify-content: space-between;
  }

  .blog-card + div.ajax-load-more-wrap {
      width: 100%;
  }

  .blog-card + div.ajax-load-more-wrap .alm-btn-wrap {
      padding: 50px 0 100px;
      margin: 0;
      display: flex;
      justify-content: center;
  }

  .blog-card + div.ajax-load-more-wrap .alm-btn-wrap button.alm-load-more-btn {
      font-family: var(--fontMain);
      text-transform: none;
  }

  .blog-card + div.ajax-load-more-wrap .alm-btn-wrap:after {
      display: none;
  }

  .blog-card + div.ajax-load-more-wrap .alm-btn-wrap button.alm-load-more-btn:before, 
  .blog-card + div.ajax-load-more-wrap .alm-btn-wrap button.alm-load-more-btn:after {
      animation: none;
  }

  .blog-card + div.ajax-load-more-wrap .alm-btn-wrap button.alm-load-more-btn:after {
      transform: none;
  }

  .blog-card + div.ajax-load-more-wrap .alm-btn-wrap button.alm-load-more-btn:hover:after {
      opacity: 0.75;
  }

  .blog-main-hero-title {
      margin: 25px 0 40px;
  }

  .blog-main-hero-title h1 {
      font-family: var(--fontAlt);
      text-transform: none;
      max-width: 1000px;
  }

  .blog-main-hero-text .blog-main-hero-text {
      max-width: 970px;
      margin-left: auto;
      margin-right: 120px;
      font-family: var(--fontAlt);
  }

  .blog-main-hero-text p:not(:last-child) {
      margin-bottom: 44px;
  }

  main section.blog-main-hero {
      padding-top: 150px;
  }

  button.alm-load-more-btn.done {
      display: none !important;
  }

  .blog-latest-list.alm-listing + .blog-cat-all-item-list {
      padding-top: 80px;
  }

  .blog-card-cats {
      gap: 8px;
  }

  .archive .ajax-load-more-wrap .alm-listing {
      display: flex;
      gap: 80px 50px;
      flex-wrap: wrap;
      padding-bottom: 80px;
  }

  main section.work-full-page {
    padding-top: 34vh;
  }

  .work-work-full-hero-inner {
      max-width: 1300px;
      margin-bottom: 55px;
  }

  .work-work-full-hero-inner .kicker {
      color: var(--accent2);
      margin-bottom: 5px;
  }

  .work-full-tabs {
      gap: 8px;
  }

  .work-full-tab-contents {
      margin-top: 90px;
  }

  div#arrows {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      pointer-events: none;
      cursor: none;
  }

  .hover-arrow-inner {
      position: relative;
  }

  .hover-arrow-inner-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-transform: uppercase;
      font-family: var(--fontHeading);
      color: var(--white);
  }

  .hover-arrow-inner-img {
      line-height: 0;
  }

  body:has(.work-card:not(.latest-blog-card) .work-card-inner .work-card-img:hover) #arrows {
      opacity: 1;
  }

  .work-card-img a:after {
      content: '';
      position: absolute;
      inset: 0;
      background: var(--neutral2);
      opacity: 0;
      transition: 0.3s;
  }

  .work-card:not(.latest-blog-card) .work-card-inner .work-card-img:hover a:after {
    opacity: 0.6;
  }

  .work-card-img a {
      position: relative;
  }

  #arrows {
      transition: opacity 0.15s linear 0s;
      opacity: 0;
  }

  .work-card:not(.latest-blog-card) .work-card-inner .work-card-img a {
      cursor: none;
  }

  .footer-form button.btn.prev:has(span) span {
      border: none;
  }

  .drawer-text-info {
      padding-top: 40px;
  }

  .drawer-wrapper {
      padding-top: 64px;
  }

  .drawer-title-text {
      max-width: 605px;
      width: 100%;
      font-weight: 900;
  }

  .drawer-text-info.drawer-text-info-style-stack {
      gap: 40px;
  }

  .drawer-text-info.drawer-text-info-style-stack .drawer-title {
      flex: 1;
      text-align: right;
  }

  .drawer-text-info.drawer-text-info-style-full {
      padding-top: 15px;
  }

  .drawer-text-info.drawer-text-info-style-full .drawer-title {
      width: 100%;
  }

  .drawer-title {
    text-transform: uppercase;
  }

  .drawer-text-info.drawer-text-info-style-full .drawer-title-text {
      max-width: 100%;
      margin-top: 50px;
  }

  .quarter:has(.quarter-wrap:nth-child(2)) .quarter-text2 {
      font-size: 32px;
      padding-right: 70px;
  }

  .case-full-bottom a {
      color: var(--white);
      position: relative;
      z-index: 3;
  }

  .case-full-style-dark .case-suptitle {
      color: var(--neutral3);
  }

  .case-full-style-dark .case-title {
      color: var(--black);
  }

  .case-full-style-dark .case-full-bottom a {
      background: var(--neutral1);
      border-color: var(--neutral1);
      color: var(--black);
  }

  .case-full-top {
      position: relative;
  }

  .case-full-bottom a.abs-link {
      position: absolute;
      background: none !important;
  }

  .case-full-bottom > div {
      position: relative;
  }

  .case-full-bottom a:hover {
      background: var(--accent1);
      border-color: var(--accent1);
  }

  .case-full-style-dark .case-full-bottom a:hover {
      background: var(--neutral1);
      border-color: var(--neutral1);
      color: var(--accent1);
  }

  .quotes-format-short .quote-text {
      font-size: var(--headLG);
      padding-right: 40px;
  }

  .drawer-btn {
      transition: 0.3s;
      transform: translateY(90px);
      margin-left: auto;
      padding-top: 10px;
      height: 0;
  }

  .drawer-item.active .drawer-btn {
      transform: none;
      height: auto;
  }

  .parent-pageid-66225 .services > a,
  .single-post .blog > a,
  header .current-page-ancestor > a,
  .single-jetpack-portfolio .work > a,
  .current_page_item > a {
      color: var(--accent2);
  }

  /* ==========================================================================
     Columns Slider, About / Contact Sections And Page-Level Overrides
     ========================================================================== */

  .columns-slider-list {
      display: flex;
      flex-wrap: nowrap;
      gap: 45px;
      margin-top: 64px;
  }

  .column-slider-slide {
      max-width: 845px;
      flex-shrink: 0;
      padding: 64px 80px 48px;
      border: 2px solid var(--neutral2);
      background: var(--white);
      transition: 0.4s;
      transform: translateY(100px);
  }

  .columns-slider-inner h2 {
    text-transform: uppercase;
  }

  .container .container {
      flex: 0;
  }

  .columns-slide-title {
      font-size: var(--superLG);
      font-family: var(--fontHeading);
      text-transform: uppercase;
      color: var(--neutral3);
      line-height: 1;
  }

  .columns-slide-title span + span {
      color: var(--neutral2);
      transition: 0.3s;
  }

  .columns-slide-subtitle {
    font-size: var(--subhead);
    margin-top: 32px;
    font-weight: 900;
  }

  .columns-slide-text {
      margin-top: 32px;
      font-size: 28px;
      line-height: 1.5em;
  }

  section.columns-slider {
      padding-bottom: 30px !important;
  }

  .column-slider-slide:has(~.column-slider-slide.screen-visible),
  .column-slider-slide.screen-visible {
      transform: translate(0);
  }

  .column-slider-slide.screen-visible:last-child,
  .column-slider-slide.active {
      background: var(--neutral1);
      border-color: var(--neutral1);
  }

  .column-slider-slide.screen-visible:last-child  .columns-slide-title span + span,
  .column-slider-slide.active .columns-slide-title span + span {
      color: var(--accent1);
  }

  .page-template-about-tpl .bio-heading-info {
      justify-content: flex-end;
      padding-bottom: 32px;
  }

  .quotes-inner .container.container--sm {
      flex: 1;
  }

  .contactp-hero-info > div {
      flex: 1;
  }

  .contactp-hero-right p:not(:last-child) {
      margin-bottom: 40px;
  }

  .contactp-hero-right p {
      font-size: 28px;
  }

  .contactp-hero-right strong {
      font-size: 32px;
  }

  .contactp-hero-left .btn {
      margin-top: 50px;
  }

  .contact-info-img {
      max-width: 460px;
  }

  .contact-info-img img {
      height: 460px;
      object-fit: cover;
  }

  .contact-info-text h2 {
      text-transform: uppercase;
      margin-bottom: 65px;
  }

  .contact-info-content {
      gap: 50px;
  }

  .contact-info-text {
      flex: 1;
  }

  .contact-info-method-label {
      min-width: 195px;
      font-weight: 900;
  }

  .contact-info-method {
      gap: 32px;
      line-height: 1.3em;
  }

  .contact-info-method-value {
      font-size: 28px;
  }

  .contact-info-method-value a {
      text-decoration: underline !important;
  }

  .text_just_text {
      padding: 105px 0 160px;
  }

  .text_just_text:has(+ .text_just_text) {
      padding-bottom: 70px;
  }

  .text_just_text + .text_just_text {
      padding-top: 0;
  }

  .text_just_text_item {
      max-width: 880px;
      margin-left: auto;
      margin-top: 64px;
      font-size: 28px;
      line-height: 1.5em;
  }

  .text_just_text_item p:not(:last-child) {
      margin-bottom: 42px;
  }

  .text_just_text_item p:has(strong) {
      margin-bottom: 32px !important;
      font-size: 32px;
      font-weight: 900;
  }

  .text_just_text_inner h3 {
      font-size: var(--headLG);
      font-family: var(--fontMain);
      font-weight: 900;
  }

  .footer-cta-text td {
      font-weight: 900;
  }

  .footer-cta-text td+td {
      font-size: 28px;
      vertical-align: middle;
      padding-left: 32px;
      font-weight: 400;
  }

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

  .quote-item .container {
      flex: 1;
  }

  .legal-hero {
      padding-top: 180px;
      padding-bottom: 55px;
  }

  .legal-hero .subtitle {
      font-size: 20px;
      font-weight: 500;
  }

  .legal-contents {
      padding-bottom: 180px;
      font-size: 28px;
  }

  .legal-contents p:first-child {
      font-weight: 900;
      font-size: 32px;
  }

  .legal-contents p {
      margin-bottom: 42px;
  }

  .legal-contents h2 {
      font-size: var(--headLG);
      font-family: var(--fontMain);
      font-weight: 900;
      margin-bottom: 56px;
      padding-top: 18px;
  }

  .legal-contents table {
      margin-bottom: 56px;
      width: 100%;
      border-collapse: collapse;
      border-top: 2px solid var(--neutral2);
  }

  .legal-contents h3 {
      padding-bottom: 32px;
  }

  .legal-contents table th {
      text-align: left;
      border-bottom: 2px solid var(--neutral2);
      font-size: 32px;
  }

  .legal-contents table td {
      border-bottom: 2px solid var(--neutral2);
  }

  .legal-contents table th, .legal-contents table td {
      padding: 15px 40px 20px 0;
      min-width: 205px;
      max-width: 460px;
  }

  .container.container--md {
      max-width: 1430px;
  }

  .cjp3-more-info {
      position: relative;
      padding: 210px 0;
  }

  .cjp3-gallery {
      display: grid;
      grid-template-columns: 1fr 35%;
      gap: 30px;
      align-items: center;
      grid-template-rows: 300px 300px;
  }

  .cjp3-gallery-item:nth-child(1) {
      grid-row: 1 / span 2;
      height: 100%;
      padding: 45px 0;
  }

  .cjp3-block.cjp3-gallery.cjp3-gallery-even .cjp3-gallery-item:nth-child(1) {
      grid-column: 2;
  }

  .cjp3-block.cjp3-gallery.cjp3-gallery-even {
      grid-template-columns: 35% 1fr;
  }

  .cjp3-gallery-item:nth-child(1) img {
      height: 100%;
      object-fit: cover;
  }

  .cjp3-gallery-item:nth-child(2):last-child {
      grid-row: 1 / span 2;
  }

  .cjp3-inner {
      padding-top: 90px;
  }

  .cjp3-main-block.cjp3-main-block-type-text {
      padding: 105px 0 120px;
  }

  .cjp3-main-block.cjp3-main-block-type-text h3 {
      font-size: var(--headLG);
      font-family: var(--fontMain);
      font-weight: 900;
      max-width: 800px;
      line-height: 1.104em;
  }

  .cjp3-text-inner {
      max-width: 840px;
      margin-left: auto;
  }

  .cjp3-text-inner p {
      margin-top: 64px;
      font-size: 28px;
  }

  .cjp3-text-inner p:first-child {
      font-size: 32px;
      font-weight: 900;
  }

  .cjp3-text-inner h3 {
      margin-top: 48px;
  }

  .cjp3-top-right a {
      display: block;
  }

  .cjp3-top-right {
      gap: 8px;
  }

  .cjp3-top-left {
      flex: 1;
  }

  .cjp3-top-info-inner {
      gap: 32px;
      margin-top: 10px;
  }

  .cjp3-mobile-slideshow,
  .mobile-read-more {
    display: none;
  }

  .cjp3-main {
      padding-bottom: 120px;
  }

  .ccd-wrap .ccd-slide {
      height: calc(100vh - 200px);
      overflow: auto;
      width: calc(100% + 10px);
      padding-right: 10px;
      scrollbar-width: thin;
      scrollbar-color: #171717 transparent;
      position: absolute;
      top: 0;
      left: 0;
      transition: 1s;
      transform: translateY(-100%);
      opacity: 0;
  }

  .ccd-wrap .ccd-slide.active {
      transform: translateY(0);
      opacity: 1;
  }

  .ccd-wrap .ccd-slide.active ~ .ccd-slide {
    transform: translateY(100%);
  }

  .ccd-slide-answers {
      padding-top: 0;
  }

  .ccd-slide-list {
      position: relative;
  }

  .ccd-slide-answer span {
      font-size: 20px;
      background: var(--accent2);
      color: var(--white);
      font-weight: 900;
      padding: 15px 24px;
      border-radius: 30px;
      opacity: 0;
  }

  .ccd-slide-answer span.done {
      opacity: 1;
      transition: 0.2s;
      transform: translate(0px, 0px) !important;
  }

  .ccd-slide-answer.ccd-slide-mult,
  .ccd-slide-answers {
      gap: 15px;
      flex-wrap: nowrap;
      align-items: flex-start;
      scrollbar-width: thin;
      scrollbar-color: #171717 transparent;
  }

  .ccd-slide h2 {
      padding-bottom: 25px;
      white-space: nowrap;
  }

  .ccd-option, 
  .ccd-option.ccd-link a {
      background: transparent;
      padding: 16px 24px 15px;
      display: block;
      font-size: 24px;
      border: 1px solid #000;
      cursor: pointer;
      transition: 0.3s !important;
      position: relative;
      font-weight: 900;
  }

  .ccd-next {
      margin-left: 16px;
  }

  .ccd-option.ccd-link {
      padding: 0;
      border: none;
  }

  .ccd-option:after, 
  .ccd-option.ccd-link a:after {
      content: '';
      width: 32px;
      height: 32px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 24px;
      background: url('img/check-red.svg') 50% 50% no-repeat;
      opacity: 0;
      visibility: hidden;
  }

  .ccd-option.active:after {
      opacity: 1;
      visibility: visible;
  }

  .ccd-option:not(.ccd-link).active,
  .ccd-option:not(.ccd-link):hover, 
  .ccd-option.ccd-link a:hover {
      border-color: var(--accent1);
      color: var(--accent1);
  }

  .ccd-option:not(.ccd-link).active {
    padding-right: 64px;
    color: var(--accent1);
  }

  .ccd-options {
      gap: 16px;
      padding-top: 180px;
  }

  .ccd-wrap {
      height: calc(100vh - 100px);
      position: relative;
  }

  .admin-bar .ccd-wrap {
      height: calc(100vh - 129px);
  }

  .ccd-slide-nav {
      position: absolute;
      right: 0;
      top: calc(50% - 125px);
      transform: translateY(-50%) translateX(100%);
  }

  .ccd-slide-dot {
      width: 16px;
      height: 16px;
      background: var(--neutral2);
  }

  .ccd-slide-dot + .ccd-slide-dot.active {
      background: var(--accent1);
  }

  .ccd-slide-dot:has(~ .ccd-slide-dot.active) {
      background: var(--accent2);
  }

  .ccd-slide-prev button {
      padding: 0;
      line-height: 1;
      text-indent: -9999999px;
      width: 32px;
      height: 32px;
      margin: 0;
      display: block;
      background: url('img/arrow-down.svg') 100% 50% no-repeat;
      transform: rotate(180deg);
      border: none;
  }

  .ccd-slide-nav-inner {
      gap: 8px;
      flex-direction: column;
      width: 32px;
  }

  .ccd-slide-prev {
      height: 32px;
      transform: scale(0);
      display: none;
      transition: transform 0.3s linear 0s;
  }

  .ccd-slide-dot:nth-child(2) {
      background: var(--accent2);
  }

  .ccd-slide-answer.ccd-slide-mult {
      gap: 15px;
  }

  .ccd-slide-answer {
      flex-shrink: 0;
  }

  .ccd-slide-prev.active {
      display: block;
      transform: scale(1);
  }

  .ccd-options.ccd-options-form {
      margin-top: -20px;
      width: calc(100% - 32px);
  }

  .ccd-options.ccd-final {
      font-size: 32px;
      font-weight: 900;
  }

  .ccd-options.ccd-final .btn,
  .ccd-options.ccd-final {
    padding-top: 100px;
  }

  html:has(.page-template-contact-form-tpl) {
    overflow: hidden;
  }

  .page-template-contact-form-tpl footer {
    display: none;
  }

  .ccd-wrap-wrap {
      padding-top: 20vh;
  }

  .ccd-slide-answers {
      position: absolute;
      width: 100%;
      left: 0;
      top: 180px;
  }

  .main-form-right {
      max-width: 460px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
  }

  .ccd-options-form input, .ccd-options-form textarea {
      width: 100%;
      padding: 10px 24px;
      border: 1px solid #545A61;
      font-family: 'Host Grotesk';
      font-size: 32px;
      color: #000;
      font-weight: 900;
  }

  .main-form-left {
      flex: 1;
  }

  .main-form {
      gap: 54px;
  }

  .main-form-left .flexed > span {
      flex: 1;
  }

  .main-form-left .flexed {
      gap: 48px;
  }

  .ccd-options-form textarea {
      height: 160px;
      resize: none;
      display: block;
  }

  .main-form .wpcf7-form-control-wrap[data-name="your-email"] {
      margin: 15px 0;
  }

  .main-form .wpcf7-form-control-wrap[data-name="your-subject"] {
      margin: 15px 0 20px;
  }

  .main-form-right-top p {
      font-size: 20px;
      color: #545A61;
      font-weight: 900;
  }

  .ccd-options-form input::placeholder, 
  .ccd-options-form textarea::placeholder {
      color: #000;
  }

  .ccd-options-form input.isvalid {
      border-color: #0000FF;
      color: #0000FF;
      background: url(img/check-blue.svg) calc(100% - 15px) 50% no-repeat;
  }

  .ccd-options-form form.invalid input.wpcf7-not-valid,
  .ccd-options-form input.isnotvalid {
      color: #FF2E58;
      border-color: #FF2E58;
  }

  .ccd-options-form form.invalid input.wpcf7-not-valid::placeholder,
  .ccd-options-form input.isnotvalid::placeholder {
      color: #FF2E58;
  }

  .ccd-options-form .wpcf7-response-output {
    display: none;
  }

  .main-form span.wpcf7-not-valid-tip {
    display: block;
    font-size: 22px;
    text-align: right;
    width: 100%;
    color: #FF2E58;
    font-weight: 700;
  }

  .moving-line-item img {
      max-width: 205px;
      max-height: 75px;
      object-fit: cover;
  }

  .moving-lines {
      flex-wrap: nowrap;
      gap: 32px;
      overflow: hidden;
      height: 100%;
      background: #F0EEE9;
  }

  .moving-line:nth-child(1) {
      margin-left: -80px;
  }

  .moving-line {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      height: 100%;
      overflow: hidden;
      opacity: 0;
  }

  .moving-line.active {
      opacity: 1;
  }

  .menu-icon {
    height: 25px;
    cursor: pointer;
    width: 35px;
    position: relative;
    overflow: hidden;
  }
  .menu-icon:before, .menu-icon:after {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0s;
    content: "";
    display: block;
    width: 2px;
    height: 28px;
    border-radius: 0;
    transform-origin: center center;
    background-color: #1f1f1f;
  }
  .menu-icon:before {
    position: absolute;
    top: 0;
    left: 15px;
    transform: rotate(-45deg);
  }
  .menu-icon:after {
    position: absolute;
    top: 0;
    right: 18px;
    transform: rotate(45deg);
  }
  .menu-icon .bar {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0.2s;
    width: 100%;
    height: 3px;
    background-color: #1f1f1f;
    border-radius: 0;
  }
  .menu-icon .bar-1 {
    position: absolute;
    top: 0;
    left: 0;
  }
  .menu-icon .bar-2 {
    position: absolute;
    top: 8px;
    left: 0;
  }
  .menu-icon .bar-3 {
    position: absolute;
    top: 16px;
    left: 0;
  }
  .menu-icon.opened .bar {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0s;
  }
  .menu-icon.opened:before, .menu-icon.opened:after {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0.2s;
  }
  .menu-icon-4:before {
    transform: scale(0, 1) rotate(-45deg);
  }
  .menu-icon-4:after {
    transform: scale(0, 1) rotate(45deg);
  }
  .menu-icon-4.opened:before {
    transform: scale(1, 1) rotate(-45deg);
  }
  .menu-icon-4.opened:after {
    transform: scale(1, 1) rotate(45deg);
  }
  .menu-icon-4.opened .bar {
    transform: scale(0.4);
    opacity: 0;
  }

  .slide-item-accent2 {
      font-size: 110vh;
      line-height: 0.85;
      font-family: 'Anton';
      text-align: center;
      white-space: nowrap;
      color: #0000FF;
  }

  .slide-item-accent2-slide {
      position: absolute;
      inset: 0;
      overflow: hidden;
      
  }

  .slide-item-imgs:has(.slide-item-accent2-slide) {
    background: #F0EEE9;
  }

  .slide-item-accent2-slide.slide4, 
  .slide-item-accent2-slide.slide3 {
      margin-left: -12vh;
  }

  .slide-item-accent2-slide span {
    display: block;
    opacity: 0;
    text-transform: uppercase;
  }

  .slide-item-accent2-slide.slide1 span {
    animation: 6s linear 0s infinite forwards slide1;
  }
  .slide-item-accent2-slide.slide2 span {
    animation: 6s linear 0s infinite forwards slide2;
  }
  .slide-item-accent2-slide.slide3 span {
    animation: 6s linear 0s infinite forwards slide3;
  }
  .slide-item-accent2-slide.slide4 span {
    animation: 6s linear 0s infinite forwards slide4;
  }

  @keyframes slide1 {

      0% {
        opacity: 1;
      }

      10% {
        opacity: 0;
      }

      100% {
        opacity: 0;
      }

  }

  @keyframes slide2 {

      0% {
        opacity: 0;
      }

      20% {
        opacity: 0;
      }

      30% {
        opacity: 1;
      }

      40% {
        opacity: 0;
      }

      100% {
        opacity: 0;
      }

  }

  @keyframes slide3 {

      0% {
        opacity: 0;
      }

      40% {
        opacity: 0;
      }

      50% {
        opacity: 1;
      }

      60% {
        opacity: 1;
      }

      70% {
        opacity: 0;
      }

  }

    @keyframes slide4 {

      0% {
        transform: translateX(0);
        opacity: 0;
      }

      60% {
        transform: translateX(0);
        opacity: 0;
      }

      70% {
        transform: translateX(0);
        opacity: 1;
      }

      90% {
        opacity: 1;
        transform: translateX(-250vw)
      }

      100% {
        opacity: 1;
        transform: translateX(-250vw)
      }

  }

  .slide-item:has(.slide-item-accent2) .slide-item-text {
      width: calc(50% - 100px);
  }

  .pdfprnt-buttons {
      height: 100%;
  }

  .error404 .home-hero-inner {
      flex-direction: row-reverse;
      align-items: stretch;
      gap: 48px;
      padding: 50px 0;
  }

  .not-found-img {
      max-width: 50%;
      margin-right: -50px;
      display: flex;
      align-items: flex-end;
  }

  .error404 .hero-text h1 {
      margin-bottom: 30px;
  }

  .slide-item.pin {
      background: none;
  }

  .slide-item-text p:not(:last-child) {
    margin-bottom: 32px;
  }

  .slide-front-text.container.container--sm:has(p+p) {
      max-width: 1510px;
      padding-right: 15px;
  }

  .slide-front-text p + p {
      margin-top: 64px;
  }

  .hero-text h1 {
    position: relative;
    background: #fff;
    z-index: 2;
  }

  ul#menu-main-menu .sub-menu {
      position: absolute;
      left: 0;
      width: 100%;
      top: 100%;
      display: flex;
      justify-content: center;
      padding: 16px;
      background: #F0EEE9;
      gap: 16px;
      transition: 0.3s;
      opacity: 0;
      visibility: hidden;
  }

  ul#menu-main-menu .sub-menu li a {
      padding: 18px 24px;
      background: #fff;
      font-size: 20px;
      border-radius: 40px;
      border: 1px solid #000;
  }

  ul#menu-main-menu li:has(.sub-menu):hover > a {
      color: #ff2e58;
  }

  ul#menu-main-menu li:has(.sub-menu):hover .sub-menu:before {
      content: '';
      position: absolute;
      bottom: 100%;
      width: 100%;
      height: 30px;
      background: transparent;
  }

  ul#menu-main-menu li:has(.sub-menu):hover .sub-menu {
      visibility: visible;
      opacity: 1;
  }

  .shuffle-item-imgs {
      flex: 1;
      position: relative;
      max-width: calc(50% - 88px);
      display: grid;
  }

  .shuffle-item-img {
      grid-area: 1 / 1; 
      transform: translate(0, 0%);
      z-index: 5;
      transition: transform 0.5s linear 0s;
  }

  .shuffle-item-img:not(.active) {
    transform: translate(-100%, 0%);
    z-index: 3;
    transition: transform 0.1s linear 0.6s;
  }

  .text-img-shuffle-post-1 .shuffle-item-img:not(.active) {
    transform: translate(100%, 0%);
  }

  .shuffle-wrap {
      display: flex;
      align-items: center;
      overflow: hidden;
  }

  .text-img-shuffle.text-img-shuffle-post-1 .shuffle-item {
      flex-direction: row-reverse;
  }

  .text-img-shuffle.text-img-shuffle-post-1 .slide-item-text {
      margin-left: 0;
  }

  .slide-item-imgs.slider-text-img-size-1 img {
      aspect-ratio: 1 / 1;
      height: auto;
  }

  .slide-item-imgs.slider-text-img-size-1 .slide-item-img {
      display: flex;
      align-items: center;
  }

  .single-jetpack-portfolio section.slider.slider-text-img {
      margin-top: 0;
      margin-bottom: 0;
  }

  div:has(> .slider-texts) + .slider-text-img {
      margin-top: 0;
  }

  section.quarter.active-section {
      background: var(--activeColor) !important;
      transition-delay: 0s;
  }

  section.quarter {
      transition: background 0.4s linear 3s;
  }

  .active-section {
      z-index: 9;
  }

  .blog-section-cat-list-select-item {
      padding: 3px 15px;
  }

  .blog-section-cat-list-select-active {
      padding: 10px;
      border: 2px solid rgb(84 90 97);
  }

  .case-mobile-image {
    display: none;
  }