#fa-fmx{--base-size:calc(33vw / 45);--rect:calc(var(--base-size) * 10);--rect-2:calc(var(--base-size) * 21);--rect-3:calc(var(--base-size) * 32);--margin:calc(var(--base-size) * 11);--margin-2:calc(var(--base-size) * 22);--margin-3:calc(var(--base-size) * 33);--margin-4:calc(var(--base-size) * 44)}#fa-fmx .project-header-content{position:static}#fa-fmx .project-header-content::after,#fa-fmx .project-header-content::before,#fa-fmx .project-header-meta::after,#fa-fmx .project-header-meta::before,#fa-fmx .project-header::after,#fa-fmx .project-header::before,#fa-fmx::after,#fa-fmx::before{content:'';position:absolute;width:var(--rect);height:var(--rect);display:block;left:50%;top:0;margin-top:var(--base-size);transition:transform .4s ease,background-position .7s ease;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 100%);background-size:100% 200%;background-position:0 0}#fa-fmx.is-open .project-header-content::before,#fa-fmx.is-open .project-header::after,.is-mouse #fa-fmx.is-fully-visible:hover .project-header-content::before,.is-mouse #fa-fmx.is-fully-visible:hover .project-header::after,.is-touch #fa-fmx.is-most-visible .project-header-content::before,.is-touch #fa-fmx.is-most-visible .project-header::after{background-position:0 -100%}#fa-fmx .project-header-content::after,#fa-fmx::before{background-image:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 100%);background-size:200% 100%}#fa-fmx.is-open .project-header-content::after,#fa-fmx.is-open::before,.is-mouse #fa-fmx.is-fully-visible:hover .project-header-content::after,.is-mouse #fa-fmx.is-fully-visible:hover::before,.is-touch #fa-fmx.is-most-visible .project-header-content::after,.is-touch #fa-fmx.is-most-visible::before{background-position:100% 0}#fa-fmx .project-header::before,#fa-fmx::after{background-image:linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 100%);background-size:100% 200%;background-position:0 -100%}#fa-fmx.is-open .project-header::before,#fa-fmx.is-open::after,.is-mouse #fa-fmx.is-fully-visible:hover .project-header::before,.is-mouse #fa-fmx.is-fully-visible:hover::after,.is-touch #fa-fmx.is-most-visible .project-header::before,.is-touch #fa-fmx.is-most-visible::after{background-position:0 0}#fa-fmx .project-header-meta::before{background-image:linear-gradient(to left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.05) 100%);background-size:200% 100%;background-position:100% 0}#fa-fmx.is-open .project-header-meta::before,.is-mouse #fa-fmx.is-fully-visible:hover .project-header-meta::before,.is-touch #fa-fmx.is-most-visible .project-header-meta::before{background-position:0 0}#fa-fmx::before{width:var(--rect-3);transform:translateX(calc(var(--margin-4) * -1)) translateY(var(--margin));transition-delay:0s,50ms}#fa-fmx::after{transition-delay:0s,.1s;width:var(--rect-2);height:var(--rect-2);transform:translateX(calc(var(--margin) * -1)) translateY(0)}#fa-fmx .project-header::before{transition-delay:0s,.15s;width:var(--rect-3);transform:translateX(calc(var(--margin-3) * -1)) translateY(var(--margin-2))}#fa-fmx .project-header::after{transition-delay:0s,.2s;height:var(--rect-2);transform:translateX(0) translateY(var(--margin-2))}#fa-fmx .project-header-content::before{transition-delay:0s,.25s;height:var(--rect-3);transform:translateX(var(--margin)) translateY(var(--margin))}#fa-fmx .project-header-content::after{transition-delay:0s,.3s;width:var(--rect-2);transform:translateX(calc(var(--margin-3) * -1)) translateY(0)}#fa-fmx .project-header-meta::before{transition-delay:0s,.35s;width:var(--rect-3);transform:translateX(var(--margin)) translateY(0)}#fa-fmx .project-header-meta::after{transition-delay:0s,.4s;width:var(--rect-2);transform:translateX(var(--margin-2)) translateY(var(--margin))}#fa-fmx .project-header{background-color:#222;color:#fff;background-image:linear-gradient(to bottom,#555 0,#2f2f2f 100%);position:static;overflow:hidden}#fa-fmx .project-header-headline{display:inline-block;z-index:2;position:relative}#fa-fmx .project-header-headline{color:#fff}#fa-fmx .project-header-headline.has-duplicate::before{content:'';display:block;position:absolute;left:0;width:100vw;height:.6em;background-color:rgba(0,0,0,.9);transform:translateX(-35%) translateY(.14em);transition:all .3s ease;border-bottom:1.5px #888 solid}#fa-fmx.is-fully-visible .project-header-headline.has-duplicate::before,#fa-fmx.is-open .project-header-headline.has-duplicate::before,.is-mouse #fa-fmx.is-fully-visible:hover .project-header-headline.has-duplicate::before,.is-touch #fa-fmx.is-most-visible .project-header-headline.has-duplicate::before{width:.36em;height:.36em;border-radius:.35em;background-color:red;transform:translateX(-.75em) translateY(.25em);border-bottom-color:transparent}#fa-fmx .project-header-headline{z-index:3}#fa-fmx .project-header-headline .char{transition:clip-path .8s ease,background-position .3s ease;transition-delay:calc(var(--char-index) * .03s);clip-path:polygon(0 0,100% 0,100% 0,0 0);background-repeat:no-repeat;background-size:100%;background-position:-1em 0;background-image:repeating-linear-gradient(0,#ff003c,#ff003c 10px,#ff8a00 10px,#ff8a00 20px,#fabe28 20px,#fabe28 30px,#88c100 30px,#88c100 40px,#00c176 40px,#00c176 50px);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff;padding-left:1px;padding-right:1px}#fa-fmx.is-open .project-header-headline .char,#fa-fmx:hover .project-header-headline .char{background-position:0 0}#fa-fmx .project-header-headline .char:nth-child(4n){clip-path:polygon(0 0,100% 0,100% 0,0 0)}#fa-fmx .project-header-headline .char:nth-child(4n+1){clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}#fa-fmx .project-header-headline .char:nth-child(4n+2){clip-path:polygon(0 0,0 0,0 100%,0 100%)}#fa-fmx .project-header-headline .char:nth-child(4n+3){clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}#fa-fmx.is-fully-visible .project-header-headline .char,#fa-fmx.is-open .project-header-headline .char,.is-mouse #fa-fmx.is-fully-visible:hover .project-header-headline .char,.is-touch #fa-fmx.is-most-visible .project-header-headline .char{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important}#fa-fmx .project-main{background-color:#2f2f2f;--text-color:#fff;--dot-size:1.5px;--dot-space:calc(4vw + var(--dot-size));background:linear-gradient(90deg,#2f2f2f calc(var(--dot-space) - var(--dot-size)),transparent 1%) center,linear-gradient(#2f2f2f calc(var(--dot-space) - var(--dot-size)),transparent 1%) center,#777;backgrounc-color:#2f2f2f;background-size:var(--dot-space) var(--dot-space);background-position:top center}#fa-fmx .project-content-items{padding-top:4em}#fa-fmx .text{position:relative}#fa-fmx .text a{color:#c5d983;background-color:rgba(255,255,255,.1)}#fa-fmx .text a:hover{background-color:rgba(255,255,255,.15)}#fa-fmx .carousel{--background-color:#2f2f2f;--text-color:#c5d983}