@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";@import "https://fonts.googleapis.com/css?family=Lato:300,400,900";@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400i";.page-footer{text-align:center;text-transform:uppercase;color:#bbb;padding:4em 0 2em;display:block;position:relative}.page-footer nav{text-align:center;display:block;position:relative}.page-footer nav a{text-transform:uppercase;color:#bbb;text-decoration:none}.page-footer nav a.router-link-exact-active,.page-footer nav a:hover{color:#333}.page-footer nav span{margin:0 1em}.page-footer .copy{font-size:.8em}@media screen and (width<=700px){.page-footer{max-width:95%;margin-left:2.5%}.page-footer nav a{display:inline-block}}header{box-sizing:border-box;z-index:1;justify-content:space-between;width:100%;max-width:1280px;margin:0 auto;padding:0 1em;display:flex}header.absolute{position:absolute;left:50%;transform:translate(-50%)}header img{width:auto;height:70px;padding:15px 0}header .hamburger,header .nav-toggle{display:none}header nav a{color:#fff;text-transform:uppercase;padding-bottom:.2em;font-size:1em;line-height:100px;text-decoration:none;position:relative}header nav a.router-link-exact-active,header nav a:hover{border-bottom:.5px solid #fff}header nav span{color:#fff;margin:0 .5em}header.dark nav a,header.dark nav a:not(:last-child):after{color:#333}header.dark nav a.router-link-exact-active,header.dark nav a:hover{border-bottom:.5px solid #333}header.dark nav span{color:#333}@media screen and (width<=700px){header{max-width:none;padding:0}header img{height:50px;padding:15px}header .hamburger{z-index:1;display:block;position:absolute;top:2em;right:2em}header .hamburger-item{z-index:1;transform-origin:7px 2px;background:#fff;width:28px;height:4px;margin-bottom:6px;transition:transform .5s cubic-bezier(.77,.2,.05,1),opacity .55s;display:block;position:relative}header .nav-toggle{cursor:pointer;opacity:0;z-index:2;width:40px;height:32px;display:block;position:absolute;top:2em;right:2em}header nav{opacity:0;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:0;transition:opacity .55s;display:flex;position:absolute;overflow:hidden}header nav a{color:#666;margin:.5em 0;padding-bottom:.2em;font-size:2em;line-height:1.4em}header nav a.router-link-exact-active,header nav a:hover{border-bottom:1px solid #666}header nav>span{display:none}header.dark .hamburger-item{background:#333}header.dark nav a{color:#666}header.dark nav a.router-link-exact-active,header.dark nav a:hover{border-bottom:1px solid #666}header.active{z-index:10}header.active .nav-toggle~.hamburger .hamburger-item{opacity:1;background:#ccc;transform:rotate(45deg)}header.active .nav-toggle~.hamburger .hamburger-item:nth-child(2){opacity:1;transform:rotate(-45deg)}header.active .nav-toggle~.hamburger .hamburger-item:nth-child(3){opacity:0;transform:rotate(0)scale(.2)}header.active .nav-toggle~nav{opacity:1;height:100vh}}#hero{text-align:center;background:linear-gradient(135deg,#ff5f6d 0%,#ffc371 100%);width:100%}#hero .subtitle{z-index:5;padding-top:6em;position:absolute;top:40vh;left:50%;transform:translate(-50%)}#hero .subtitle h2,#hero .subtitle span{text-transform:uppercase;color:#fff;font-family:Droid Serif,serif;font-weight:400}#hero .anim-holder{width:100%;display:inline-block;position:absolute;top:40vh;left:50%;overflow:hidden;transform:translate(-50%)}#hero h3{text-transform:uppercase;color:#fff;text-align:center;max-height:1.5em;margin:0;font-family:Lato,sans-serif;font-size:5em;font-weight:700}#hero .button{color:#fff;border-color:#fff}#hero .linear-wipe-enter-active{animation:1s scale}@keyframes scale{0%{width:0}to{width:100%}}@media screen and (width<=700px){#hero .subtitle{padding-top:4em}#hero .subtitle h2{font-size:1.2em}#hero h3{font-size:3em}}.shapes .circle:nth-child(5),.shapes .diamond:nth-child(5),.shapes .circle:nth-child(6),.shapes .diamond:nth-child(6){animation:11s infinite move}.shapes .circle:nth-child(8),.shapes .diamond:nth-child(8){animation:13s infinite move}.shapes .circle:nth-child(9),.shapes .diamond:nth-child(9),.shapes .circle:nth-child(10),.shapes .diamond:nth-child(10){animation:14s infinite move}.shapes .circle:nth-child(12),.shapes .diamond:nth-child(12){animation:13s infinite move}@keyframes move{0%{transform:translate(0)rotate(45deg)}33%{transform:translate(20px,20px)rotate(45deg)}66%{transform:translate(20px,-20px)rotate(45deg)}to{transform:translate(0)rotate(45deg)}}.bacon .bacon-holder{flex-direction:column;margin:5em auto 0;display:flex}.bacon .bacon-holder img{height:5px;margin:1px 0}.bacon h2{text-align:center;text-transform:uppercase;margin:.6em 0 .2em;font-size:2.5em;font-weight:lighter}.bacon .line{background:#000;width:2em;height:1px;margin:0 auto 3em;display:block}@media screen and (width<=700px){.bacon .line{margin-bottom:4em}}.iam .services{justify-content:space-between;max-width:960px;margin:0 auto;padding:3em 1em;display:flex;position:relative}.iam .services img{height:6em;margin:0 auto;display:block}.iam .services .service{flex:25%;max-width:300px}.iam .services .service:not(:last-child){margin-right:1em}.iam .services p{text-align:justify;word-break:normal;text-align-last:center;-webkit-hyphens:auto;hyphens:auto;font-family:Droid Serif,serif;font-size:.85em;line-height:1.4em}@media screen and (width<=700px){.iam{padding:0 10%}.iam .services{flex-direction:column;padding:0}.iam .services .service{max-width:none}.iam .services .service:not(:last-child){margin-bottom:2em}}.slider{min-height:200px;margin-bottom:3em;padding-top:3em;position:relative;overflow:hidden}.slider .slide{width:100%;max-width:960px;position:absolute;left:50%;transform:translate(-50%)}.slider .slide .description{text-align:justify;word-break:normal;text-align-last:center;-webkit-hyphens:auto;hyphens:auto;font-family:Droid Serif,serif;font-size:.85em;line-height:1.4em}.slider .slide h3{margin-top:0}.slider .slide.slide-enter-active,.slider .slide.slide-leave-active{transition:all 1s}.slider .slide.slide-enter{opacity:0;transform:translate(-100vh)}.slider .slide.slide-leave-to{opacity:0;transform:translate(100vh)}.slider .controls{display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.slider .controls .dot{cursor:pointer;border:1px solid #ff5f6d;border-radius:50%;width:.5em;height:.5em;margin:0 .7em;display:block;position:relative}.slider .controls .dot.active{background:linear-gradient(135deg,#ff5f6d 0%,#ffc371 100%)}@media screen and (width<=1200px){.slider .slide{width:90%}}@media screen and (width<=700px){.slider{padding-top:0}}.contact-me .button{left:50%;transform:translate(-50%)}@media screen and (width<=700px){.contact-me{padding:0 10%}}#contact{background:linear-gradient(135deg,#42275a 0%,#734b6d 100%);position:relative}#contact .shapes .diamond,#contact .shapes .circle{border:7px solid #ffffff05}#contact .wrapper{color:#fff;justify-content:center;width:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}#contact .wrapper .box{text-align:center;flex-basis:20%;margin:0;font-size:.8em;line-height:.8em}#contact .wrapper .box img{height:6vh;margin:0 auto 2vh;display:block}#contact .wrapper .box h3{line-height:1em}#contact .wrapper .box a{color:#fff;font-size:1.15em;text-decoration:none}#contact .wrapper .box a h3{font-size:1em}#contact .wrapper .box a:hover{text-decoration:underline}@media screen and (width<=700px){#contact .wrapper{flex-direction:column;padding-top:3em}#contact .wrapper .box{padding-bottom:1.4em}#contact .wrapper .box h3{margin:.3em;font-size:.8em}#contact .wrapper .box a{font-size:.8em}}.shapes{width:100%;height:100vh;position:absolute;overflow:hidden}.shapes .diamond{mix-blend-mode:lighten;border:7px solid #ffffff0f;width:3vh;height:3vh;position:absolute;transform:rotate(45deg)}.shapes .diamond:first-child{width:3vh;height:3vh;top:2vh;left:75vw}.shapes .diamond:nth-child(2){width:5vh;height:5vh;top:3vh;left:45vw}.shapes .diamond:nth-child(3){width:15vh;height:15vh;top:12vh;left:90vw}.shapes .diamond:nth-child(4){width:10vh;height:10vh;top:80vh;left:22vw}.shapes .diamond:nth-child(5){width:8vh;height:8vh;top:55vh;left:60vw}.shapes .diamond:nth-child(6){width:5vh;height:5vh;top:35vh;left:14vw}.shapes .diamond:nth-child(7){width:5vh;height:5vh;top:70vh;left:78vw}.shapes .circle{mix-blend-mode:screen;border:10px solid #ffffff0f;border-radius:50%;width:30px;height:30px;position:absolute}.shapes .circle:nth-child(8){width:15vh;height:15vh;top:55vh;left:32vw}.shapes .circle:nth-child(9){width:13vh;height:13vh;top:22vh;left:28vw}.shapes .circle:nth-child(10){width:3vh;height:3vh;top:22vh;left:60vw}.shapes .circle:nth-child(11){width:4vh;height:4vh;top:84vh;left:56vw}.shapes .circle:nth-child(12){width:10vh;height:10vh;top:35vh;left:75vw}.shapes .circle:nth-child(13){width:3vh;height:3vh;top:65vh;left:5vw}.shapes .circle:nth-child(14){width:3vh;height:3vh;top:10vh;left:10vw}.shapes .circle:first-child,.shapes .diamond:first-child{animation:8s infinite move}.shapes .circle:nth-child(2),.shapes .diamond:nth-child(2){animation:14s infinite move}.shapes .circle:nth-child(3),.shapes .diamond:nth-child(3){animation:11s infinite move}.shapes .circle:nth-child(4),.shapes .diamond:nth-child(4){animation:9s infinite move}.shapes .circle:nth-child(5),.shapes .diamond:nth-child(5){animation:7s infinite move}.shapes .circle:nth-child(6),.shapes .diamond:nth-child(6){animation:12s infinite move}.shapes .circle:nth-child(7),.shapes .diamond:nth-child(7),.shapes .circle:nth-child(8),.shapes .diamond:nth-child(8){animation:13s infinite move}.shapes .circle:nth-child(9),.shapes .diamond:nth-child(9),.shapes .circle:nth-child(10),.shapes .diamond:nth-child(10){animation:8s infinite move}.shapes .circle:nth-child(11),.shapes .diamond:nth-child(11),.shapes .circle:nth-child(12),.shapes .diamond:nth-child(12){animation:6s infinite move}.shapes .circle:nth-child(13),.shapes .diamond:nth-child(13){animation:12s infinite move}.shapes .circle:nth-child(14),.shapes .diamond:nth-child(14){animation:8s infinite move}#about{text-align:center;position:relative;overflow:hidden}#about #hero{background:linear-gradient(135deg,#403a3e 0%,#be5869 100%)}#about #hero .subtitle h2{text-transform:none;font-size:1.2em}#about .shapes .diamond,#about .shapes .circle{border:7px solid #ffffff05}#about .description{text-align:justify;text-align-last:left;column-count:2;column-gap:40px;max-width:960px;margin:0 auto}#about .description p{margin:0 0 10px}#about .icons{text-align:center;justify-content:center;margin:0 auto;padding-top:4vh;display:flex}#about .icons>span{align-items:center;display:flex}#about .icons .icon{flex-direction:column;align-items:center;display:flex}#about .icons .icon img{height:10vh;display:block;position:relative}#about .icons .icon p{text-transform:uppercase;margin:0;line-height:5vh}#about .icons .separator{background:linear-gradient(135deg,#403a3e 0%,#be5869 100%);width:3vw;height:2px;margin:-5vh 1em 0;display:block;position:relative}#about .services{max-width:60vw;margin:0 auto;padding:0 0 2em;list-style:none}#about .services li{text-transform:uppercase;display:inline-block}#about .services li:not(:last-child):after{content:"/";margin:0 .5em}@media screen and (width<=1200px){#about .description{padding:0 1em}#about .icons .icon img{height:7vh}}@media screen and (width<=700px){#about #hero .subtitle h2{width:80vw}#about .description{text-align:justify;text-align-last:left;column-count:1;max-width:80vw}#about .icons{flex-direction:column}#about .icons img{height:10vh}#about .icons span{flex-direction:column}#about .icons .icon p{margin-top:1em;line-height:1em}#about .icons .separator{margin:1.4em 0;transform:rotate(90deg)}#about .services li{display:block}}@media screen and (width<=700px){#portfolio .portfolio-list .description{min-height:250px}#portfolio .portfolio-list .description h3,#portfolio .portfolio-list .description h4,#portfolio .portfolio-list .description h5{font-size:.7em}#portfolio .portfolio-list .description h3{font-size:1.2em}}@media screen and (width<=1200px){#portfolio .item{max-width:80vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:last-child,#portfolio .item .media-item.mood-board .images .thumb:first-child:last-child~.thumb{width:79.6vw;height:79.6vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(2),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(2)~.thumb{width:39.6vw;height:39.6vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(3),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(3)~.thumb{width:26.2667vw;height:26.2667vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(4),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(4)~.thumb{width:19.6vw;height:19.6vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(5),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(5)~.thumb{width:15.6vw;height:15.6vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(6),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(6)~.thumb{width:12.9333vw;height:12.9333vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(7),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(7)~.thumb{width:11.0286vw;height:11.0286vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(8),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(8)~.thumb{width:9.6vw;height:9.6vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(9),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(9)~.thumb{width:8.48889vw;height:8.48889vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(10),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(10)~.thumb{width:7.6vw;height:7.6vw}#portfolio .item .media-item.grid .images .grid-item{float:left;cursor:pointer;background-position:50%;background-size:cover;margin:.5vh;display:block;position:relative;overflow:hidden}#portfolio .item .media-item.grid .images .third{width:calc(26.6667vw - 1vh)}#portfolio .item .media-item.grid .images .third.square{height:calc(26.6667vw - 1vh)}#portfolio .item .media-item.grid .images .half{width:calc(40vw - 1vh)}#portfolio .item .media-item.grid .images .half.square{height:calc(40vw - 1vh)}#portfolio .item .media-item.grid .images .two-thirds{width:calc(53.3333vw - 1.33333vh)}#portfolio .item .media-item.grid .images .two-thirds.square{height:calc(53.3333vw - 1.33333vh)}#portfolio .item .media-item.grid .images .short{height:calc(26.6667vw - 1vh)}#portfolio .item .media-item.grid .images .medium{height:calc(40vw - 1vh)}#portfolio .item .media-item.grid .images .tall{height:calc(53.3333vw - 1.33333vh)}}@media screen and (width<=700px){#portfolio .item{max-width:90vw}#portfolio .item .scope{flex-direction:column}#portfolio .item .scope h2:not(:last-child):after{content:none!important}#portfolio .item .media-item h3{font-size:1em}#portfolio .item .media-item.logo img,#portfolio .item .media-item.palette img{width:80vw;height:auto}#portfolio .item .media-item.fonts .images{flex-direction:column}#portfolio .item .media-item.fonts .images img{padding:2vh 0}#portfolio .item .media-item.mood-board .images{flex-direction:column}#portfolio .item .media-item.mood-board .images>.thumb{margin:1em 0;width:40vw!important;height:40vw!important}#portfolio .item .media-item.grid .images .grid-item{float:left;cursor:pointer;background-position:50%;background-size:cover;margin:.5vh;display:block;position:relative;overflow:hidden}#portfolio .item .media-item.grid .images .third{width:calc(30vw - 1vh)}#portfolio .item .media-item.grid .images .third.square{height:calc(30vw - 1vh)}#portfolio .item .media-item.grid .images .half{width:calc(45vw - 1vh)}#portfolio .item .media-item.grid .images .half.square{height:calc(45vw - 1vh)}#portfolio .item .media-item.grid .images .two-thirds{width:calc(60vw - 1.33333vh)}#portfolio .item .media-item.grid .images .two-thirds.square{height:calc(60vw - 1.33333vh)}#portfolio .item .media-item.grid .images .short{height:calc(30vw - 1vh)}#portfolio .item .media-item.grid .images .medium{height:calc(45vw - 1vh)}#portfolio .item .media-item.grid .images .tall{height:calc(60vw - 1.33333vh)}}.gallery{z-index:10;background:#fffffff2;width:100%;position:fixed;top:0;left:0}.gallery img.slide{width:auto;max-width:80vw;max-height:80vh;display:block;top:50%;left:50%;transform:translate(-50%,-50%);height:auto!important;position:absolute!important}.gallery .next,.gallery .prev{z-index:12;cursor:pointer;background:url(/dist/right_icon.png) 50%/contain no-repeat;width:2vw;height:3vw;position:absolute;top:50%}.gallery .next{right:1vw;transform:translateY(-50%)}.gallery .prev{left:1vw;transform:rotate(180deg)translateY(50%)}.gallery .close{z-index:12;cursor:pointer;background:url(/dist/x_icon.png) 50%/contain no-repeat;width:2vw;height:2vw;position:absolute;top:3vh;right:3vh}.gallery .controls{display:flex;position:absolute;bottom:3vh;left:50%;transform:translate(-50%)}.gallery .controls .dot{cursor:pointer;background:0 0;border:1px solid #ff5f6d;border-radius:50%;width:.5em;height:.5em;margin:0 .7em;display:block}.gallery .controls .dot.active{background:linear-gradient(135deg,#ff5f6d 0%,#ffc371 100%)}@media screen and (width<=700px){.gallery .prev,.gallery .next{display:none}.gallery img.slide{max-width:94vw;max-height:94vh}}body{margin:0;padding:0;font-family:Lato,sans-serif;font-size:16px}.page{height:100vh}h1,h2,h3,h4,h5{text-transform:uppercase;text-align:center;font-family:Lato,sans-serif;font-weight:400}.two-line-heading{font-weight:lighter}.two-line-heading span{font-weight:400;display:block}.button{text-transform:uppercase;color:#333;border:1px solid #333;margin:1em 0;padding:1em;font-size:1em;text-decoration:none;display:inline-block;position:relative}#portfolio .portfolio-list{box-sizing:border-box;background-position:50%;background-size:cover;width:100%;padding:2em;text-decoration:none}#portfolio .portfolio-list .description{opacity:0;background:#ffffffe6;width:50%;min-height:600px;margin:0 auto;transition:all .5s;position:relative;overflow:hidden}#portfolio .portfolio-list .description:hover{opacity:1;width:100%}#portfolio .portfolio-list .description .wrapper{text-align:center;z-index:1;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#portfolio .portfolio-list .description h3,#portfolio .portfolio-list .description h4,#portfolio .portfolio-list .description h5{color:#333;font-size:1.2em;display:inline-block}#portfolio .portfolio-list .description h3{font-size:2em;font-weight:700}#portfolio .portfolio-list .description .scope{text-align:center}#portfolio .portfolio-list .description .scope h4{text-align:center;display:inline-block}#portfolio .portfolio-list .description .scope h4:not(:last-child):after{content:"/";text-align:center;color:#333;width:2em;display:inline-block}@media screen and (width<=700px){#portfolio .portfolio-list .description{min-height:250px}#portfolio .portfolio-list .description h3,#portfolio .portfolio-list .description h4,#portfolio .portfolio-list .description h5{font-size:.7em}#portfolio .portfolio-list .description h3{font-size:1.2em}}#portfolio .item{max-width:50vw;margin:0 auto;display:block;overflow:hidden}#portfolio .item .scope{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}#portfolio .item .scope h2{font-size:1.2em}#portfolio .item .scope h2:not(:last-child):after{content:"/";text-align:center;width:2em;display:inline-block}#portfolio .item .idea{text-align:justify;text-align-last:center;font-family:Droid Serif,serif;font-size:.9em;line-height:1.5em}#portfolio .item .idea a{color:#333;text-transform:uppercase}#portfolio .item .media-item{justify-content:center;align-items:center;padding-top:8vw;display:flex}#portfolio .item .media-item h3{color:#333;font-size:1.5vw}#portfolio .item .media-item.logo,#portfolio .item .media-item.palette{flex-direction:column}#portfolio .item .media-item.logo{padding-top:6vw}#portfolio .item .media-item.logo img{width:100%;height:100%;position:relative}#portfolio .item .media-item.palette img{width:100%;position:relative}#portfolio .item .media-item.fonts{margin:0 auto;display:block}#portfolio .item .media-item.fonts .images{justify-content:space-between;align-items:center;display:flex}#portfolio .item .media-item.fonts .images>div:not(:last-child){margin-right:3vw}#portfolio .item .media-item.fonts .images img{width:100%}#portfolio .item .media-item.mood-board{display:block}#portfolio .item .media-item.mood-board .images{justify-content:space-between;align-items:center;display:flex}#portfolio .item .media-item.mood-board .images .thumb:first-child:last-child,#portfolio .item .media-item.mood-board .images .thumb:first-child:last-child~.thumb{width:49.6vw;height:49.6vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(2),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(2)~.thumb{width:24.6vw;height:24.6vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(3),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(3)~.thumb{width:16.2667vw;height:16.2667vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(4),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(4)~.thumb{width:12.1vw;height:12.1vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(5),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(5)~.thumb{width:9.6vw;height:9.6vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(6),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(6)~.thumb{width:7.93333vw;height:7.93333vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(7),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(7)~.thumb{width:6.74286vw;height:6.74286vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(8),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(8)~.thumb{width:5.85vw;height:5.85vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(9),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(9)~.thumb{width:5.15556vw;height:5.15556vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(10),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(10)~.thumb{width:4.6vw;height:4.6vw}#portfolio .item .media-item.mood-board .images>.thumb{cursor:pointer;background-color:#999;border-radius:50%;overflow:hidden}#portfolio .item .media-item.mood-board .images img{width:auto;height:100%;position:relative}#portfolio .item .media-item.grid{display:block;overflow:hidden}#portfolio .item .media-item.grid .images .grid-item{float:left;cursor:pointer;background-position:50%;background-size:cover;margin:.5vh;display:block;position:relative;overflow:hidden}#portfolio .item .media-item.grid .images .third{width:calc(16.6667vw - 1vh)}#portfolio .item .media-item.grid .images .third.square{height:calc(16.6667vw - 1vh)}#portfolio .item .media-item.grid .images .half{width:calc(25vw - 1vh)}#portfolio .item .media-item.grid .images .half.square{height:calc(25vw - 1vh)}#portfolio .item .media-item.grid .images .two-thirds{width:calc(33.3333vw - 1.33333vh)}#portfolio .item .media-item.grid .images .two-thirds.square{height:calc(33.3333vw - 1.33333vh)}#portfolio .item .media-item.grid .images .short{height:calc(16.6667vw - 1vh)}#portfolio .item .media-item.grid .images .medium{height:calc(25vw - 1vh)}#portfolio .item .media-item.grid .images .tall{height:calc(33.3333vw - 1.33333vh)}#portfolio .item .media-item.video{padding-bottom:3vh;display:block}#portfolio .item .media-item.video .video-wrapper{width:100%;display:inline-block;position:relative}#portfolio .item .media-item.video .video-wrapper:after{content:"";padding-top:56.25%;display:block}#portfolio .item .media-item.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}@media screen and (width<=1200px){#portfolio .item{max-width:80vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:last-child,#portfolio .item .media-item.mood-board .images .thumb:first-child:last-child~.thumb{width:79.6vw;height:79.6vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(2),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(2)~.thumb{width:39.6vw;height:39.6vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(3),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(3)~.thumb{width:26.2667vw;height:26.2667vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(4),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(4)~.thumb{width:19.6vw;height:19.6vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(5),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(5)~.thumb{width:15.6vw;height:15.6vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(6),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(6)~.thumb{width:12.9333vw;height:12.9333vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(7),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(7)~.thumb{width:11.0286vw;height:11.0286vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(8),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(8)~.thumb{width:9.6vw;height:9.6vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(9),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(9)~.thumb{width:8.48889vw;height:8.48889vw}#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(10),#portfolio .item .media-item.mood-board .images .thumb:first-child:nth-last-child(10)~.thumb{width:7.6vw;height:7.6vw}#portfolio .item .media-item.grid .images .grid-item{float:left;cursor:pointer;background-position:50%;background-size:cover;margin:.5vh;display:block;position:relative;overflow:hidden}#portfolio .item .media-item.grid .images .third{width:calc(26.6667vw - 1vh)}#portfolio .item .media-item.grid .images .third.square{height:calc(26.6667vw - 1vh)}#portfolio .item .media-item.grid .images .half{width:calc(40vw - 1vh)}#portfolio .item .media-item.grid .images .half.square{height:calc(40vw - 1vh)}#portfolio .item .media-item.grid .images .two-thirds{width:calc(53.3333vw - 1.33333vh)}#portfolio .item .media-item.grid .images .two-thirds.square{height:calc(53.3333vw - 1.33333vh)}#portfolio .item .media-item.grid .images .short{height:calc(26.6667vw - 1vh)}#portfolio .item .media-item.grid .images .medium{height:calc(40vw - 1vh)}#portfolio .item .media-item.grid .images .tall{height:calc(53.3333vw - 1.33333vh)}}@media screen and (width<=700px){#portfolio .item{max-width:90vw}#portfolio .item .scope{flex-direction:column}#portfolio .item .scope h2:not(:last-child):after{content:none!important}#portfolio .item .media-item h3{font-size:1em}#portfolio .item .media-item.logo img,#portfolio .item .media-item.palette img{width:80vw;height:auto}#portfolio .item .media-item.fonts .images{flex-direction:column}#portfolio .item .media-item.fonts .images img{padding:2vh 0}#portfolio .item .media-item.mood-board .images{flex-direction:column}#portfolio .item .media-item.mood-board .images>.thumb{margin:1em 0;width:40vw!important;height:40vw!important}#portfolio .item .media-item.grid .images .grid-item{float:left;cursor:pointer;background-position:50%;background-size:cover;margin:.5vh;display:block;position:relative;overflow:hidden}#portfolio .item .media-item.grid .images .third{width:calc(30vw - 1vh)}#portfolio .item .media-item.grid .images .third.square{height:calc(30vw - 1vh)}#portfolio .item .media-item.grid .images .half{width:calc(45vw - 1vh)}#portfolio .item .media-item.grid .images .half.square{height:calc(45vw - 1vh)}#portfolio .item .media-item.grid .images .two-thirds{width:calc(60vw - 1.33333vh)}#portfolio .item .media-item.grid .images .two-thirds.square{height:calc(60vw - 1.33333vh)}#portfolio .item .media-item.grid .images .short{height:calc(30vw - 1vh)}#portfolio .item .media-item.grid .images .medium{height:calc(45vw - 1vh)}#portfolio .item .media-item.grid .images .tall{height:calc(60vw - 1.33333vh)}}