@font-face{font-family:'mazza';src:url("../fonts/mazza.eot?1r925");src:url("../fonts/mazza.eot?#iefix1r925") format("embedded-opentype"),url("../fonts/mazza.woff?1r925") format("woff"),url("../fonts/mazza.ttf?1r925") format("truetype"),url("../fonts/mazza.svg?1r925#mazza") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'mazza';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-home2:before{content:"\e603"}.icon-flow-children:before{content:"\e604"}.icon-spanner:before{content:"\e605"}.icon-eye:before{content:"\e606"}.icon-refresh:before{content:"\e600"}.icon-chart-pie:before{content:"\e601"}.icon-group:before{content:"\e602"}.icon-th-menu:before{content:"\e607"}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{position:relative;font-family:'Roboto', sans-serif;font-size:16px;font-weight:300;line-height:1.4em;color:#444;background:#fff;text-align:left;transition:all 500ms}@media screen and (min-width: 700px){body{padding:0 2.1em;font-size:20px;line-height:1.6em}}@media screen and (min-width: 1000px){body{padding:0}}@media screen and (min-width: 1200px){body{padding:0 4.2em}}a{text-decoration:none;color:#BD1A62}a:hover{border-bottom:2px solid #BD1A62}ul{list-style:disc}h1,h2{font-weight:300}h1{font-size:3.5em;line-height:1.2em;margin-bottom:0.8em}h2{font-size:2em;line-height:1.05em;margin-bottom:0.35em;margin-top:1.05em}p,ul{margin-bottom:1.4em}@media screen and (min-width: 700px){p,ul{margin-bottom:2em}}img{max-width:100%}.line{text-decoration:line-through}.grid:after{content:"";display:table;clear:both}.grid .grid-span:nth-child(4n){clear:left}.grid-span{margin-bottom:6em}.grid-span [class^="icon-"]{margin-top:3em;margin-bottom:0}.grid-span .grid-picture{width:300px;height:300px}@media screen and (min-width: 700px){.grid-span{width:30%;padding:0 1.6%;float:left;font-size:0.8em}}main{max-width:1400px;margin:0 auto}section{padding-top:10em}section:after{content:"";display:table;clear:both}section:last-child{margin-bottom:10em}section [class^="icon-"]:before{display:inline-block;width:2em;height:2em;color:#fff;background:#BD1A62;font-size:2em;line-height:2em;text-align:center;border-radius:100%}@media screen and (min-width: 700px){section [class^="icon-"]{float:right}}.profile-picture-wrap{display:block;width:200px;height:200px;position:relative;transform-style:preserve-3d}@media screen and (min-width: 1000px){.profile-picture-wrap{float:right}}.profile-picture-wrap:hover{border-bottom:0}.profile-picture-wrap:hover .profile-picture,.profile-picture-wrap:hover .grid-span .grid-picture,.grid-span .profile-picture-wrap:hover .grid-picture{opacity:0;transform:scale(0.85) rotate(-90deg)}.profile-picture-wrap:hover .profile-picture-back{opacity:1;transform:scale(1) rotate(0)}.profile-picture,.grid-span .grid-picture,.profile-picture-back{position:absolute;width:200px;margin-bottom:1em;border:none;border-radius:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform 1s, opacity 500ms}.profile-picture-back{height:200px;line-height:200px;color:#FFF;background:#BD1A62;text-align:center;opacity:0;transform:scale(0) rotate(180deg)}.side{margin:0 5% 1em}.side:after{content:"";display:table;clear:both}@media screen and (min-width: 1000px){.side{float:left;width:20%}}@media screen and (min-width: 1200px){.side{margin:0}}h2.side{margin-top:0}@media screen and (min-width: 1000px){h2.side{text-align:right}}.content{margin:0 5%}@media screen and (min-width: 1000px){.content{float:left;width:55%}}.content-full-width{margin:3em -6% 0}@media screen and (min-width: 700px){.content-full-width{margin:3em -13% 0}}@media screen and (min-width: 1000px){.content-full-width{margin:3em 0}}@media screen and (min-width: 1200px){.content-full-width{width:130%;max-width:1291px}}.portfolio h2{font-size:1.4em}article{margin-bottom:10em}article h2{margin-top:0}@media screen and (min-width: 1000px){article p{font-size:0.75em;line-height:1.5em}}article:after{content:"";display:table;clear:both}footer{margin-top:4em;border-top:1px solid #8B99AD;font-size:0.75em;line-height:1.2em}.btn{margin-top:1em;padding:1em 1.5em;display:inline-block;position:relative;top:0;font-weight:400;color:#BD1A62;border:2px solid #BD1A62;border-radius:3px;transition:color 200ms}.btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#BD1A62;z-index:-1;transform:scaleY(0);transition:transform 200ms}.btn:hover{color:#fff;border:2px solid #BD1A62}.btn:hover:after{transform:scaleY(1)}.btn:active{top:5px;border-color:#964B7B;background:#964B7B}header{margin-bottom:2em;position:fixed;top:0;left:0;right:0;padding:0.5em 1em;text-align:left;background:rgba(255,255,255,0.85);z-index:100}@media screen and (min-width: 700px){header{padding:0.85em}}@media screen and (min-width: 1000px){header{padding:0 0.5em}header.nav-short{padding:0 0 0 0.5em;overflow:hidden}header.nav-large{max-height:200px}}.site-title{margin-bottom:0;width:90%;font-size:1.2em;padding:0.2em 0;transition:all 500ms}@media screen and (min-width: 700px) and (max-width: 1000px){.site-title{text-align:center}}@media screen and (min-width: 700px){.site-title{width:auto}}@media screen and (min-width: 1000px){.site-title{float:left}.nav-large .site-title{line-height:2.5em}}@media screen and (min-width: 1200px){.nav-large .site-title{font-size:1.5em;line-height:1.8em;padding:0.5em 1.5em}}nav{max-height:0;overflow:hidden}@media screen and (max-width: 1000px){nav{transition:all 500ms}nav.is-active{max-height:250px;height:auto;margin-top:1.25em}}@media screen and (min-width: 700px){nav{font-size:0.8em}nav li{display:inline-block}}@media screen and (min-width: 1000px){nav{display:block;float:right;margin-top:0;max-height:100px}nav.is-active{margin-top:0}nav li{display:block;float:left}}@media screen and (min-width: 1200px){.nav-large nav{font-size:1em}nav.is-active{margin-top:0}nav .btn{margin:0.6em 0 0}}nav a{padding:0 1em 4px;margin-bottom:1em;display:block;border-top:4px solid transparent;color:#8B99AD;transition:all 500ms}nav a:hover{padding:0 1em;border-top:4px solid #BD1A62;border-bottom:none}@media screen and (min-width: 1000px){nav a{margin-bottom:0;line-height:2.5em}}@media screen and (min-width: 1000px){.nav-large nav a{line-height:3.5em}}nav .active a{padding:0 1em;border-top:4px solid #8B99AD}nav ul{list-style:none}@media screen and (min-width: 700px){nav ul{margin-bottom:0;text-align:center}}nav .btn{margin:1em 0 0;padding:0.5em 1.5em;font-size:0.8em;border-bottom:none}@media screen and (min-width: 1000px){nav .btn{margin:0}}.nav-toggle{position:absolute;top:0.5em;right:0.5em;font-size:1.5em}.nav-toggle:hover{border:none}@media screen and (min-width: 700px){.nav-toggle{top:0.8em;right:0.8em}}@media screen and (min-width: 1000px){.nav-toggle{display:none}}.tagline{display:inline-block;position:relative;text-align:left}@media screen and (max-width: 700px){.tagline{font-size:8vw}}.tagline span{display:none;position:absolute;white-space:nowrap;left:0;top:0}.tagline span.is-visible,.tagline span.is-prepared{display:inline-block}.tagline span.is-visible{position:relative}.tagline i,.tagline em{display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.tagline i{transform-style:preserve-3d;transform:translateZ(-20px) rotateX(90deg)}.tagline i.in{animation:rotate-in 0.4s forwards}.tagline i.out{animation:rotate-out 0.4s forwards}.tagline .is-visible i{opacity:1}.tagline em{transform:translateZ(20px)}@keyframes rotate-in{0%{opacity:0;transform:translateZ(-20px) rotateX(90deg)}60%{opacity:1;transform:translateZ(-20px) rotateX(-10deg)}100%{opacity:1;transform:translateZ(-20px) rotateX(0deg)}}@keyframes rotate-out{0%{opacity:1;transform:translateZ(-20px) rotateX(0)}60%{opacity:1;transform:translateZ(-20px) rotateX(-100deg)}100%{opacity:1;transform:translateZ(-20px) rotateX(-90deg)}}