* {
/*    font-size: 14px;*/
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


@font-face {
    font-family: 'craftwork_groteskregular';
    src: url('/fonts/craftworkgrotesk-regular-webfont.woff2') format('woff2'),
         url('/fonts/craftworkgrotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1, .uk-h1 {
/*    font-family: 'Prosto One', cursive!important;*/
    font-size: calc(15px + 3.92625vw)!important;
  }


h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5 {
font-family: 'craftwork_groteskregular'!important;
}

body {
/*    overflow: hidden;*/
}



.uk-navbar-item {
    min-height: none;
}

.work-desc {
    font-size: 0.745rem!important;
}

.work-label {
    font-size: 9px!important;
}

body {
    background-color: #18181b;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-style: normal;
}

html {
    color: #fff!important;
    font-size: 14px!important;
}

main {
    top: 0;
    left: 0;
    width: 100%;
    /*height: 100vh;*/
    z-index: 1;
}

.uk-text-muted {
    color: #a1a1aa!important;
}

.slider {
    position: absolute;
    top: 0;
    left: 38%;
    width: 3900px;
    height: 100%;
}

.slider-inner {
    position: absolute;
    top: 15%;
    height: 70%;
    width: 100%;
    display: flex;
}

.item {
    position: relative;
    width: 400px;
    height: 100%;
    overflow: hidden;
    margin: 0px 18px;
    /*background-color: red;*/
}

.worktile h5, h5 {
    font-family: 'craftwork_groteskregular';
}

.img {
    position: absolute;
    left: -100px;
    width: 600px;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: grayscale(100%);
    transition: 0.4s;
    transform: scaleY(1.0);
}

.img:hover, .img-new:hover {
    filter: grayscale(0%);
    cursor: url("/img/plus.svg"), auto;
}

.nav-container {
    display: flex;
}

.work-container {
    max-width: 70vw!important;
}

.nav-span {
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #A1A1AA;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.line-width {
    width: 12.5%;
}


.db-name {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.08em;
    color: #FFFFFF;
}

p, ul, ol, dl, pre, address, fieldset, figure {
    color: #A1A1AA;
}

.uk-navbar-nav>li>a {
    text-transform: none!important;
}

hr, uk-hr {
/*    height: 1px;*/
/*    border-top: none!important;*/
/*    background: radial-gradient(50% 50% at 50% 50%, #C4C4C4 0%, rgba(196, 196, 196, 0.443478) 31.67%, rgba(196, 196, 196, 0) 100%)!important;*/
    border-top: 1px solid #565656!important;
}


.lineage {
    padding-left: 40px!important;
    padding-right: 40px!important;
}

@media (max-width: 960px) {
    .lineage {
        padding-left: 14px!important;
        padding-right: 14px!important;
    }
}

.length {
    color: #A1A1AA;
}

.exp-n {
    color: #A1A1AA;
    font-family: 'Roboto Mono';
    font-style: italic;
    font-weight: 400;
/*    font-size: 20px;*/
    line-height: 26px;
    letter-spacing: 0.08em;
}

header {
     position: relative;
     top: 0;
     left: 0;
     z-index: 999;
}

.marquee-display {
    display: none;
}

footer {
    /* position: fixed;
     bottom: 0;
     left: 0;
     z-index: 999;*/
}

.img-des-1 {
    display: none;
    z-index: 3;
    position: relative;
}

.img-new {
    width: 100vw;
    height: auto;
    max-height: 60vh;
    object-fit: cover;
    object-position: center;
    transform-origin: center;
/*    position: absolute;*/
}

.img-filter {
/*    filter: eayscale(100%);*/
    transition: 0.5s ease-in-out;
    opacity: 1;
}


.img-filter:hover {
/*    filter: eayscale(0%);*/
    transition: 0.5s ease-in-out;
    opacity: 1;
}

@keyframes pulse {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}

  .img-size {
    z-index: 2!important;
    transform: scale(1)!important;
    height: 100vh;
    transition: 0.5s ease-in-out;
    transform-origin: center;
    top: 0px!important;
    position: fixed!important;
  }


    .border-top {
        border-top: 2px solid white;
    }

    .work-lead {
        font-size: 40px;
    }
    .work-text {
        font-size: 24.72px;
    }

    @media (max-width: 960px) {
        .work-lead {
            font-size: 30px!important;
        }
        .work-text {
            font-size: 18.54px!important;
        }
    }

    

    .letter-spacing {
        letter-spacing: 2px;
    }

    .img-marg {
        margin-top: -4.5%;
        z-index: 1;
        position: relative;
    }



    .marquee {
      --gap: 1rem;
      display: flex;
      overflow: hidden;
      user-select: none;
      gap: var(--gap);
    }

    .marquee__content {
      flex-shrink: 0;
      display: flex;
      justify-content: space-around;
      min-width: 100%;
      gap: var(--gap);
      animation: scroll 20s linear infinite;
      margin:0px;
    }

    @keyframes scroll {
      from {
        transform: translateX(0);
      }
      to {
        transform: translateX(calc(-100% - var(--gap)));
      }
    }



  

/* barba classes */

.home-once {
    /*opacity: 0;*/
}

.home-once-active {
    transition: 5s ease;
}

.home-once-to {
    /*opacity: 1;*/
}

.port-leave {
   /*transform:scale(1);*/
}

.port-leave-active {
    transition: 5s ease-in-out;
}

.port-leave-to {
    /*transform:scale(1.5);*/
}


.port-enter {
    /*transform:scale(0.5);*/
}

.port-enter-active {
    transition: 5s ease-in-out;
}

.port-enter-to {
    /*transform:scale(1);*/
}


html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}