@charset "UTF-8";html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:inherit}img,video{max-width:100%;height:auto}iframe{border:0}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}td:not([align]),th:not([align]){text-align:left}a{text-decoration:none}img{display:block}button{padding:0;background:none;border:0;outline:none;font-family:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}::-ms-clear{display:none}html{--ease-in-cubic: cubic-bezier(.55, .055, .675, .19);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-in-circ: cubic-bezier(.6, .04, .98, .335);--ease-out-circ: cubic-bezier(.075, .82, .165, 1);--ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);--ease-in-expo: cubic-bezier(.95, .05, .795, .035);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);--ease-in-quad: cubic-bezier(.55, .085, .68, .53);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-in-quart: cubic-bezier(.895, .03, .685, .22);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-in-out-quart: cubic-bezier(.77, 0 .175, 1);--ease-in-quint: cubic-bezier(.755, .05, .855, .06);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-in-out-quint: cubic-bezier(.86, 0 .07, 1);--ease-in-sine: cubic-bezier(.47, 0 .745, .715);--ease-out-sine: cubic-bezier(.39, .575, .565, 1);--ease-in-out-sine: cubic-bezier(.445, .05, .55, .95);--ease-in-back: cubic-bezier(.6, .28, .735, .045);--ease-out-back: cubic-bezier(.1, 1.1, .1, 1.01);--ease-in-out-back: cubic-bezier(.68, .55, .265, 1.55);--ease-out-swift: cubic-bezier(.55, 0, .1, 1);--ease-out-snap: cubic-bezier(0, .96, .22, 1);--ease-out-snap-2: cubic-bezier(0, .975, 0, 1)}html{--color-black: #000;--color-white: #fff;--color-yellow-a: #f1c40f;--color-yellow-b: #f39c12;--color-green-a: #2ecc71;--color-green-b: #27ae60;--color-red-a: #e74c3c;--color-red-b: #c0392b;--color-dark-blue-a: #34495e;--color-dark-blue-b: #2c3e50;--color-light-grey-a: #ecf0f1;--color-light-grey-b: #bdc3c7;--color-dark-grey-a: #919496;--color-dark-grey-b: #333;--color-purple-a: #9b59b6;--color-purple-b: #8e44ad;--color-orange-a: #e67e22;--color-orange-b: #d35400;--color-blue-a: #3498db;--color-blue-b: #2980b9;--color-dark-green-a: #2d5a58;--color-dark-green-b: #234847;--color-darkest-green-a: #142524;--color-darkest-green-b: #0d1a1a}html{--font-size-xxl: 2.441rem;--font-size-xl: 1.953rem;--font-size-l: 1.563rem;--font-size-m: 1.25rem;--font-size-s: .9rem;--font-size-xs: .8rem;--font-size-xxs: .6rem;--font-family: "Mabry Pro";-webkit-text-size-adjust:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family);font-weight:900}html h1,html h2,html h3,html button{font-weight:900}@font-face{font-family:Mabry Pro;src:url(Mabry-Black-Pro.woff2) format("woff2"),url(Mabry-Black-Pro.woff) format("woff");font-style:normal;font-weight:900;font-display:swap}::-moz-selection{background:white;color:var(--color-a);-webkit-text-stroke:0 var(--color-b)}::selection{background:white;color:var(--color-a);-webkit-text-stroke:0 var(--color-b)}html{--color-a: #ef5137;--color-b: #28282a;--text-stroke-width: 2px;--margin: 50px;--font-size: 3vmax;font-size:var(--font-size);color:var(--color-b)}h2{text-transform:uppercase}section{margin:10vmin 0}section .list{display:flex;align-items:center;flex-direction:column;justify-content:center;font-size:1.2rem;line-height:1.4;text-transform:uppercase}header{display:flex;position:fixed;z-index:1;top:0;align-items:flex-end;justify-content:flex-end;width:100%;padding:10vmin;pointer-events:none}.illustration{display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.illustration>div{display:flex;position:relative;align-items:center;justify-content:center}.illustration>div>*:not(:last-child){margin-right:25px}.illustration img{border-radius:10px}.illustration--image{display:flex;align-items:center;justify-content:center}.illustration--image .frame{overflow:hidden;max-width:75vw;border-radius:15px}.illustration--video{display:flex;align-items:center;justify-content:center;width:100%}.illustration--video video{position:relative;width:100vw;height:auto}.illustration--text{overflow:hidden;flex-direction:column;flex-wrap:nowrap;width:100%;margin-bottom:10vmin;font-size:2rem;line-height:1.1;color:transparent;text-transform:uppercase}.illustration--text .line{will-change:transform}.illustration--text .line:nth-child(0){--index: 0}.illustration--text .line:nth-child(1){--index: 1}.illustration--text .line:nth-child(2){--index: 2}.illustration--text .line:nth-child(3){--index: 3}.illustration--text .line:nth-child(4){--index: 4}.illustration--text .line:nth-child(5){--index: 5}.illustration--text .line:nth-child(6){--index: 6}.illustration--text .line:nth-child(7){--index: 7}.illustration--text .line:nth-child(8){--index: 8}.illustration--text .line:nth-child(9){--index: 9}.illustration--inversed .line:nth-child(2){--index: 0}.chunks{display:flex;position:absolute;top:0;left:0;margin-left:calc(var(--index) * -200px);transform:translateZ(0);white-space:nowrap}.illustration--text:not(.illustration--inversed) .chunks li{color:var(--color-b);-webkit-text-stroke:var(--text-stroke-width) var(--color-b)}.illustration--text:not(.illustration--inversed) .chunks li:nth-child(even){color:transparent;-webkit-text-stroke:var(--text-stroke-width) var(--color-b)}.illustration--inversed .chunks li{color:transparent;-webkit-text-stroke:var(--text-stroke-width) var(--color-b)}.illustration--inversed .chunks li:nth-child(even){color:var(--color-b);-webkit-text-stroke:var(--text-stroke-width) var(--color-b)}.chunks li:after{display:inline-block;vertical-align:middle;margin:0 2vmin;font-size:.7rem;transform:translateY(calc(var(--font-size) * -.25));content:"\25cf"}.about{display:flex;align-items:center;flex-direction:column;justify-content:center;font-size:1.75rem;text-align:center}.about .title{margin-bottom:50px;font-size:1rem;text-transform:uppercase}.about .description{display:none;padding:0 5vmax;padding-bottom:var(--margin);font-size:1rem;line-height:1.2}.show-description .about .description{display:block}.about h2{margin-bottom:var(--margin);color:transparent;-webkit-text-stroke:var(--text-stroke-width) var(--color-b)}.about h2 strong{color:var(--color-b);-webkit-text-stroke:var(--text-stroke-width) var(--color-b)}.about button{--color: var(--color-b);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color);cursor:pointer;text-transform:uppercase;position:relative}.about button span:last-child{display:none}.show-description .about button span:nth-child(2){display:none}.show-description .about button span:last-child{display:flex}.about button .icon{display:flex;position:relative;align-items:center;justify-content:center;margin-right:5px}.show-description .about button .icon{transform:rotate(180deg) translateY(-2px)}.skills,.clients,.contact{display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center}.skills .arrow{margin-bottom:5vmin;font-size:1.8rem;color:transparent;-webkit-text-stroke:var(--text-stroke-width) var(--color-b)}.skills h2{z-index:100;margin-bottom:var(--margin);font-size:5rem}.clients h2{margin-bottom:var(--margin);font-size:1.8rem;color:transparent;text-align:center;-webkit-text-stroke:var(--text-stroke-width) var(--color-b)}.clients h2 strong{color:var(--color-b);-webkit-text-stroke:var(--text-stroke-width) var(--color-b)}.clients .list{width:100%;pointer-events:none}.clients .list li{position:relative;width:100%;cursor:pointer;text-align:center}.clients .list li span{pointer-events:all}.clients .list li:after{position:absolute;top:0;left:0;width:100%;opacity:0;font-size:1.2em;line-height:1;color:transparent;content:attr(data-agency);-webkit-text-stroke:2px var(--color-b)}.clients .list li:hover:after{opacity:1}.clients .list li:hover span{opacity:0}.social{display:flex;align-items:center;flex-direction:column;flex-wrap:nowrap;justify-content:center;width:100%}.social .social__posts{display:flex;overflow:scroll;flex-wrap:nowrap;width:100%}.social .social__posts::-webkit-scrollbar{display:none}.social .social__posts--center{align-items:center;justify-content:center}.social>a{--color: var(--color-b);margin-top:5vmin;color:var(--color);text-transform:uppercase;position:relative}.post{--color: var(--color-b);position:relative;overflow:hidden;min-width:30vw;height:30vw;margin-right:2vw;background:var(--color-b);border-radius:10px;color:var(--color);color:transparent;text-overflow:initial}.post:first-child{margin-left:2vw}.post img{position:absolute;top:0;left:0;width:100%;height:100%}.contact{margin-bottom:0}.contact .email{font-size:4rem;line-height:1}.contact h2{margin-bottom:5vmin;font-size:1rem;text-align:center;text-transform:none}.contact a{height:100%;color:var(--color-b);cursor:pointer;text-transform:uppercase;position:relative}.contact svg{display:none;width:8vmin;height:8vmin;fill:var(--color-b)}.contact .types{display:flex;align-items:center;flex-direction:column;justify-content:center}.contact .types li{display:flex;align-items:center;flex-direction:column;justify-content:center;margin:.5vmax 0}.contact .icon{display:none;align-items:center;flex-direction:column;justify-content:center;margin-bottom:15px;border-radius:50%}.contact .arrow{display:inline-block;margin:10px 0;-size:1rem}.contact .illustration--text{margin-top:10vmin;margin-bottom:-4vmin}.footer{display:flex;justify-content:space-between;padding:var(--margin);background:white;border-top:6px solid var(--color-b);font-size:.5em;transform:translateZ(1px)}.footer a{color:var(--color-b);text-transform:uppercase;position:relative}.footer a:before{height:3px!important}.footer button{--color: var(--color-b);display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:0;color:var(--color);cursor:pointer;text-transform:uppercase;pointer-events:all}@media screen and (max-width: 800px){html{--margin: 35px;--text-stroke-width: 1px;--font-size: 2.5vmax}header{padding:calc(var(--margin) * 2)}.illustration--text{font-size:2rem}.footer{font-size:.75rem}}@media screen and (max-width: 670px){html{--margin: 20px;--text-stroke-width: .75px;--font-size: 2.5vmax}.about button{font-size:.85rem}}@media (hover: hover){.about button:hover{color:var(--color-a)}.social>a:hover{color:var(--color-a)}.contact a:hover,.footer a:hover{color:var(--color-a)}}