html {
    scroll-behavior: initial;
    }
html, body {
    width: 100%;
    height: auto !important;
    min-height: 100%;
    }
.preloader {
    display: flex;
    -webkit-clip-path: inset(0% 0% 0% 0%);
    clip-path: inset(0% 0% 0% 0%);
    transition: clip-path 2s cubic-bezier(.23, 1, .32, 1);
    }
.preloader.remove {
    -webkit-clip-path: inset(0% 0% 100% 0%);
    clip-path: inset(0% 0% 100% 0%);
    transition-delay: 0.05s;
    transition: clip-path 2s cubic-bezier(.23, 1, .32, 1);
    }
.o-embed.preload-o.w-embed {
    mix-blend-mode: difference;
    }
.f-work-col-list-wrap.work-page .f-work-col-item.work-page:nth-child(2) .f-case-link.show {
    transition-delay: 0.2s;
    }
.f-work-col-list-wrap.work-page .f-work-col-item.work-page:nth-child(3) .f-case-link.show {
    transition-delay: 0.4s;
    }
.f-work-col-list-wrap.work-page .f-work-col-item.work-page:nth-child(4) .f-case-link.show {
    transition-delay: 0.6s;
    }
.f-work-col-list-wrap.work-page .f-work-col-item.work-page:nth-child(5) .f-case-link.show {
    transition-delay: 0.8s;
    }
.f-work-col-list-wrap.work-page .f-work-col-item.work-page:nth-child(6) .f-case-link.show {
    transition-delay: 1s;
    }
.f-work-col-list-wrap.work-page .f-work-col-item.work-page:nth-child(7) .f-case-link.show {
    transition-delay: 1.2s;
    }
.baseborn-logo.frontpage path, .baseborn-logo.frontpage polygon {
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%);
    transform: translate(0%, 20%);
    }
.baseborn-logo.frontpage.active path, .baseborn-logo.frontpage.active polygon {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    transition: transform 2s cubic-bezier(.23, 1, .32, 1), clip-path 2s cubic-bezier(.23, 1, .32, 1);
    }
.baseborn-logo.frontpage.active path:nth-child(2) {
    transition-delay: 0.05s;
    }
.baseborn-logo.frontpage.active path:nth-child(3) {
    transition-delay: 0.1s;
    }
.baseborn-logo.frontpage.active path:nth-child(4) {
    transition-delay: 0.15s;
    }
.baseborn-logo.frontpage.active polygon {
    transition-delay: 0.2s;
    }
.baseborn-logo.frontpage.active path:nth-child(5) {
    transition-delay: 0.25s;
    }
.baseborn-logo.frontpage.active path:nth-child(6) {
    transition-delay: 0.3s;
    }
.baseborn-logo.frontpage.active path:nth-child(7) {
    transition-delay: 0.35s;
    }
.baseborn-logo.frontpage.active path:nth-child(8) {
    transition-delay: 0.4s;
    }  
body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    }                   
* {
    text-rendering: optimizeLegibility;
    }
    
.fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 102;
    overflow: hidden;
    animation-name: switch;
    animation-duration: 1.15s;
    }
@keyframes switch {
    0%   {opacity: 0;}
    50%  {opacity: 0;}
    51%  {opacity: 1;}
    100% {opacity: 1;}
    }
*:focus {
    outline: none;
    }
.no-touchy {
    pointer-events: none !important;
    } 
textarea:focus, input:focus{
    outline: none;
    }
.con::-webkit-scrollbar {
    display: none;
    }
::-webkit-scrollbar {
    display: none;
    }
.con {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    }
.menu {
    mix-blend-mode: difference;
    pointer-events: none;
    }
.menu-link {
    pointer-events: auto;
    }
.cursor.cursor-small {
    pointer-events: none;
    overflow: hidden;
    mix-blend-mode: difference;
    clip-path: circle(70.7% at 50% 50%) !important;
    transition: clip-path 0.8s cubic-bezier(.23, 1, .32, 1), background-color 0.8s cubic-bezier(.23, 1, .32, 1) !important;
    }
.cursor.cursor-small.loading, .cursor.cursor-small.waiting-state {
    clip-path: circle(70.7% at 50% 50%) !important;
    }
.cursor {
    pointer-events: none;
    overflow: hidden;
    clip-path: circle(0.0% at 50% 50%);
    transition: clip-path 0.8s cubic-bezier(.23, 1, .32, 1), background-color 0.8s cubic-bezier(.23, 1, .32, 1) !important;
    }
.cursor.loading {
    /*top: 50% !important;
    left: 50% !important;
    transition: 0.8s cubic-bezier(.23, 1, .32, 1) !important;*/
    clip-path: circle(70.7% at 50% 50%) !important;
    }
.cursor.case-hover {
    transition: clip-path 0.8s cubic-bezier(.23, 1, .32, 1), background-color 0.8s cubic-bezier(.23, 1, .32, 1) !important;
    clip-path: circle(70.7% at 50% 50%) !important;
    }
.cursor.case-hover .follower-text-holder.case {
    display: flex;
    }
.cursor.waiting-state {
    pointer-events: none;
    /*transition: 0.6s cubic-bezier(.23, 1, .32, 1) !important;*/
    clip-path: circle(0.0% at 50% 50%) !important;
    }                           
.f-case-link {
    clip-path: inset(100% 0% 0% 0%);
    }
.f-case-link.show {
    clip-path: inset(0% 0% 0% 0%);
    transition: clip-path 2s cubic-bezier(.23, 1, .32, 1);
    }
span.word, span.char {
    visibility: visible;
    backface-visibility: visible;
    } 
.splitting .char, .splitting .word {
    position: relative;
    }
.splitting .word, .splitting .char {
    display: inline-block;
    }
.work-h1 span.char {
    position: relative;
    opacity: 1;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%);
    transform: translate(0%, 20%);
    padding-bottom: 1vw;
    margin-bottom: -1vw;
    padding-right: 1vw;
    margin-right: -1vw;
    }
.work-h1.show span.char {
    animation: revealproducth1 2s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-delay: calc(50ms * var(--char-index));
    }
.worldwide-p span.word {
    padding-bottom: 1vw;
    margin-bottom: -1vw;
    padding-right: 1vw;
    margin-right: -1vw;
    }
@keyframes revealproducth1 {
    0% { 
        opacity: 1;
        transform-style: preserve-3d;
        transform-origin: left;
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
        -webkit-transform: translate(0%, 20%);
        -ms-transform: translate(0%, 20%);
        transform: translate(0%, 20%); 
        }  
    100% {
        opacity: 1;
        transform-style: preserve-3d;
        transform-origin: left;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        }
    }
.small-about-p span.word, .toresimon-p span.word, .about-p span.word, .client-description-rich-text span.word, .worldwide-p span.word, .small-h2 span.word{
    clip-path: inset(100% 0% 0% 0%);
    transition: all 2s cubic-bezier(.23, 1, .32, 1);
    transition-delay: calc(120ms * var(--line-index));
    }
.small-about-p.show span.word, .toresimon-p.show span.word, .about-p.show span.word, .client-description-rich-text.show span.word, .worldwide-p.show span.word, .small-h2.show span.word {
    clip-path: inset(0% 0% 0% 0%) !important;
    transition: all 2s cubic-bezier(.23, 1, .32, 1) !important;
    transition-delay: calc(120ms * var(--line-index)) !important;
    }
a.f-case-link .grid-hover, .f-work-col-item .grid-hover {
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(.23, 1, .32, 1);
    }
a.f-case-link:hover .grid-hover, .f-work-col-item:hover .grid-hover {
    opacity: 1;
    transition: opacity 0.6s cubic-bezier(.23, 1, .32, 1);
    }
.menu-links-holder.main.frontpage {
    margin-left: 0vw;
    }
.about-services-list-text.contact-page.loaded {
    transition: transform 1s cubic-bezier(.23,1,.32,1) !important;
    transform: translate(0) !important;
    }
@media (hover: none) and (pointer: coarse) {
    .cursor {
        display: none !important;
        }
    .cursor-follower {
        display: none !important;
        }
    }

.work-hover {
    opacity: 1;
    transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    }
.work-hover:hover {
    opacity: 0.3;
    }  
.cursor .o-embed {        
    -webkit-animation: rotating 3s linear infinite;
    -moz-animation: rotating 3s linear infinite;
    -ms-animation: rotating 3s linear infinite;
    -o-animation: rotating 3s linear infinite;
    animation: rotating 3s linear infinite;
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    }
.cursor.loading .o-embed {
    -webkit-animation: rotating 3s linear infinite;
    -moz-animation: rotating 3s linear infinite;
    -ms-animation: rotating 3s linear infinite;
    -o-animation: rotating 3s linear infinite;
    animation: rotating 3s linear infinite;
    }
.o-embed.preload-o {
    -webkit-animation: rotating 4s linear infinite;
    -moz-animation: rotating 4s linear infinite;
    -ms-animation: rotating 4s linear infinite;
    -o-animation: rotating 4s linear infinite;
    animation: rotating 4s linear infinite;
    }
@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        }
    }
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        }
    }

#bar_percentage{
    width: 1%;
    height: 100%;
    border-radius: 0px;
    transition: width 0.6s ease-in-out;
    background: #fff;
    }
#percentage_number{
    margin: 0px auto;
    width: auto;
    }   
.f-services-holder .f-case-services-clw .f-case-ci:last-child .text-comma {
    display: none;
    }
.con {
    pointer-events: none;
    }
.content {
    pointer-events: auto;
    }
.footer-fill {
    pointer-events: none;
    }
.case-header-holder.loaded {
    position: relative;
    width: 100%;
    height: calc(100dvh - 0vw);
    }
.case-header-holder {
    position: relative;
    width: 100%;
    height: calc(100dvh - 7vw);
    }
.h1-subpage span.char, .f-case-title-text span.char {
    position: relative;
    opacity: 1;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%);
    transform: translate(0%, 20%);
    padding-bottom: 1vw;
    margin-bottom: -1vw;
    padding-right: 1vw;
    margin-right: -1vw;
    }
.h1-subpage.show span.char, .f-case-title-text.show span.char {
    animation: revealproducth1 2.5s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-delay: calc(65ms * var(--char-index));
    }
.case-h1 span.char {
    position: relative;
    opacity: 1;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%);
    transform: translate(0%, 20%);
    padding-bottom: 1vw;
    margin-bottom: -1vw;
    padding-right: 2vw;
    margin-right: -2vw; 
    }
.case-h1.show span.char {
    animation: revealproducth1 2.5s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-delay: calc(65ms * var(--char-index));
    }
@keyframes revealproducth1 {
    0%  { 
        opacity: 1;
        transform-style: preserve-3d;
        transform-origin: left;
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
        -webkit-transform: translate(0%, 20%);
        -ms-transform: translate(0%, 20%);
        transform: translate(0%, 20%); 
        }                  
    100% {
        opacity: 1;
        transform-style: preserve-3d;
        transform-origin: left;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        }
    }
@keyframes baseborn-reveal {
    0%  { 
        opacity: 1;
        transform-style: preserve-3d;
        transform-origin: left;
        transform: translate(0%, 110%) rotateX(0deg) scaleY(1);
        -webkit-transform: translate(0%, 110%) rotateX(0deg) scaleY(1);
        -webkit-transform: translate(0%, 110%) rotateX(0deg) scaleY(1);
        }
    100% {opacity: 1;
        transform-style: preserve-3d;
        transform-origin: left;
        transform: translate(0%, 0%) rotateX(0deg) scaleY(1);
        -webkit-transform: translate(0%, 0%) rotateX(0deg) scaleY(1);
        -ms-transform: translate(0%, 0%) rotateX(0deg) scaleY(1);
        }
    }
.h1-subpage.contact span:nth-child(1) span:nth-child(3) {
    margin-left: -2.5vw;
    }
.f-category-holder, .small-header, .info-header-text, .person-title-text, .about-p, .small-h3, .arr-text-2 {
    font-size: clamp(0.688rem, 0.875vw, 1.5rem);
    }
.load-overlay {
    clip-path: inset(100% 0% 0% 0%);
    }
.load-overlay.loading {
    animation: loadingoverlay 1.25s cubic-bezier(.645,.045,.355,1) forwards;
    }
@keyframes loadingoverlay {
    0% {
        clip-path: inset(100% 0% 0% 0%);
        }
    45% {
        clip-path: inset(0% 0% 0% 0%);
        }
    55% {
        clip-path: inset(0% 0% 0% 0%);
        }
    100% {
        clip-path: inset(0% 0% 100% 0%);
        }
    }
@keyframes logofun2 {
    0%  { 
        transform: rotate(0deg);
        }
    100% { 
        transform: rotate(360deg);
        }
    }
.cursor .o-embed {
    opacity: 0;
    }
.cursor.loading .o-embed {
    opacity: 1;
    }
.cursor .cursor-text {
    white-space: nowrap;
    will-change: transform;
    animation: marquee 6s linear infinite;
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    opacity: 0;
    }
.cursor.case-hover .cursor-text {
    white-space: nowrap;
    will-change: transform;
    animation: marquee 6s linear infinite;
    opacity: 1;
    }                      
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
    }                
.con.hori {
    position: relative;
    width: 100%;
    /*background-color: #fcfafa;*/
    overflow-y: hidden;
    height: 100vh;
    }
.horizontal-scroll {
    width: 100vh;
    height: 100vw;
    overflow-y: auto;
    overflow-x: hidden;
    transform-origin: right top;
    transform: rotate(-90deg) translate3d(0,-100vh,0);
    }
    .horizontal-scroll > * {
    transform-origin: left top;
    transform: rotate(90deg) translate3d(0,calc(-100vh + 0px),0);
        }
.f-work-col-list-wrap.work-page {
    height: calc(100vh - 4.2vw);
    }

@media screen and (max-width: 479px) {
    .con.hori {
        position: relative;
        width: 100%;
        /*background-color: #fcfafa;*/
        overflow-y: visible;
        height: auto;
        }
    .con-inner {
        overflow-y: visible;
        height: auto;
        }
    .horizontal-scroll {
        width: 100%;
        height: auto;
        overflow-y: visible;
        overflow-x: visible;
        transform-origin: right top;
        transform: rotate(0deg) translate3d(0,0,0);
        }
    .horizontal-scroll > * {
        transform-origin: left top;
        transform: rotate(0deg) translate3d(0,calc(0vh + 0px),0);
        }
    .case-header-holder {
        position: relative;
        width: 100%;
        height: calc(100svh - 20vw);
        }
    .case-header-holder.loaded {
        position: relative;
        width: 100%;
        height: calc(100svh - 0vw);
        }
    }

.project_images {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 85%;
    margin: 0 auto 5rem;
    }
.col {
    width: calc(50% - 0.5rem);
    }    
.col-full {
    width: 100%;
    margin: 0 auto 1rem;
    /*padding: 4vw 1vw 1.5vw;*/
    }                   
.col img, .col-full img {
    max-width: 100%;
    margin: 0 auto 1rem;
    display: block;
    }
.gif-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    }
.gif {
    width: 100%;
    }
.feast-gif {
    margin: 0 !important;
    }
.col .video-container {
    margin: 0 auto 1rem;
    }
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    }
    .video-container iframe {
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        }
    .video-border {
        border: 1px solid #818181;
        }  
.table-runner {
    background-image: url("https://furia.ca/assets/omnivores-feast-table-runner.jpg");
    height: 200px;
    width: 100%;
    -webkit-animation: backgroundScroll 60s linear infinite;
            animation: backgroundScroll 60s linear infinite;
        }
        @-webkit-keyframes backgroundScroll {
            from {
            background-position: 0 0;
            }
            to {
            background-position: -6000px 0;
            }
        }
        @keyframes backgroundScroll {
            from {
            background-position: 0 0;
            }
            to {
            background-position: -6000px 0;
            }
        }
.logo-text {
    font-family: Baseborn Sans, sans-serif;
    }
.qrt-spc {
    margin-bottom: .25vw;
    }
.hlf-spc {
    margin-bottom: .5vw;
    }
.projects-back {
    margin-bottom: 5rem;
    padding-left: 1vw;
    }

@media screen and (max-width: 2210px) {                       
    .project_images {
        width: 100%;
        }
    }
@media screen and (max-width: 825px) {                       
    .col {
        width: 100%;
        }
    }
@media screen and (max-width: 625px) {                       
    .qrt-spc {
        margin-bottom: 1vw;
        }
    .hlf-spc {
        margin-bottom: 2vw;
        }
    }
@media screen and (max-width: 479px) {                       
    .project_images {
        margin: 0 auto 2rem;
        }
    .projects-back {
        margin-bottom: 2.5rem;
        padding-left: 2%;
        }
        /*--
    .col-full {
        padding: 1.5rem 2vw 1rem;
        }
        --*/
    }