/*! zann 2016-02-17 */

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:0 0;color:#bdbdbe;text-shadow:none}::selection{background:0 0;color:#bdbdbe;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:Calibre;src:url(fonts/CalibreWeb-Thin.eot),url(fonts/CalibreWeb-Thin.woff) format('woff'),url(fonts/CalibreWeb-Thin.svg#CalibreWeb-Thin) format('svg');font-weight:100;font-style:normal}@font-face{font-family:Calibre;src:url(fonts/CalibreWeb-Light.eot),url(fonts/CalibreWeb-Light.woff) format('woff'),url(fonts/CalibreWeb-Light.svg#CalibreWeb-Light) format('svg');font-weight:200;font-style:normal}@font-face{font-family:Calibre;src:url(fonts/CalibreWeb-Regular.eot),url(fonts/CalibreWeb-Regular.woff) format('woff'),url(fonts/CalibreWeb-Regular.svg#CalibreWeb-Regular) format('svg');font-weight:400;font-style:normal}*{margin:0}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{font-family:Calibre,Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:300;color:#333132;font-size:14px;line-height:16px;height:100%;min-height:100%;background-color:#f6f6f7}h1,h2,h3,h4,h5,h6{color:#333132;margin:0 0 20px;padding:0;line-height:.9;font-size:80px;font-style:normal;font-family:Calibre,Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:300}p{color:#333132;font-size:19px;line-height:28px;margin:0 0 35px;font-weight:100;letter-spacing:.007em}p strong{font-weight:400}span{color:#333132}input,textarea{font-family:Calibre,Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:300;outline:0}::-webkit-input-placeholder{color:#9A9E9C;opacity:1}:-moz-placeholder{color:#9A9E9C;opacity:1}::-moz-placeholder{color:#9A9E9C;opacity:1}:-ms-input-placeholder{color:#9A9E9C;opacity:1}h2{letter-spacing:.01em}a,a:focus,a:visited{color:#383838;outline:0;text-decoration:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}a:hover{color:#333;outline:0;text-decoration:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.transition{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.last-child p:last-child{margin:0}#zann{position:fixed;width:121px;height:144px;left:50%;top:44px;z-index:20000;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);visibility:visible;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.animating #zann{top:-200px}#zann img{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .4s,opacity .4s;transition:transform .4s,opacity .4s}.scrolled #zann img{visibility:hidden;opacity:0;-webkit-transform:scale(0.6);transform:scale(0.6);-webkit-transition:-webkit-transform .2s,opacity .2s,visibility 0s .2s;transition:transform .2s,opacity .2s,visibility 0s .2s}.open #zann img{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .4s,opacity .4s;transition:transform .4s,opacity .4s}.corner-nav{position:fixed;font-size:18px;color:#333132;z-index:100;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.corner-nav a{color:#333132;border-bottom:1px solid transparent}.corner-nav a.current,.corner-nav a:hover{color:#333132;border-bottom:1px solid #939598}.nav-top-left{top:60px;left:60px}.animating .nav-top-left{top:-100px;left:-100px}.nav-top-right{top:60px;right:60px;text-align:right}.animating .nav-top-right{top:-100px;right:-100px}.nav-bottom-left{bottom:60px;left:60px}.animating .nav-bottom-left{bottom:-100px;left:-100px}.nav-bottom-right{bottom:60px;right:60px;text-align:right}.animating .nav-bottom-right{bottom:-100px;right:-100px}#wrap{float:left;width:100%;min-height:100%;height:auto!important;height:100%;margin:0 auto -76px}#push{float:left;width:100%;height:76px}#content{float:left;width:100%;padding:335px 60px 100px;text-align:center;position:relative;z-index:99}#latest{float:left;width:100%}#latest .site{float:left;width:100%;text-align:center;margin:0 0 55px}#latest .site:last-child{margin:0}#latest .site span{font-size:20px;font-weight:400;float:left;width:100%;padding:0 0 30px}#latest .site span a{font-size:50px;font-weight:100;border-bottom:1px solid #d6d6d6}#latest .site span a:hover{border-bottom:1px solid #000}#latest-end{float:left;width:100%;padding:0 0 20px;margin:-20px 0 0;text-align:center}#latest-end span{font-size:18px;line-height:18px;font-weight:200;color:#939598}#latest-end span a{color:#939598}#latest-end span a:hover{color:#000}#profile{width:100%;max-width:1000px;margin:0 auto;padding:0 200px}#profile h2{font-size:20px;line-height:20px;color:#333132;font-weight:400;margin:0 0 20px}#profile p a{color:#333132;border-bottom:1px solid #333132}#profile p a:hover{color:#b0b0b0;border-bottom:1px solid #333132}#page-form{float:left;width:100%}#page-form fieldset{float:left;width:100%;border:none}#page-form label{font-weight:200;font-size:19px}#page-form div.field{float:left;width:100%;margin:0 0 20px}#page-form .text input{float:left;width:100%;border:none;border-bottom:1px solid #939598;color:#939598;font-weight:200;font-size:19px;background-color:transparent;padding:15px;text-align:center}#page-form .Actions input{width:100%;max-width:200px;border:1px solid #939598;color:#939598;background-color:transparent;font-weight:400;font-size:19px;padding:15px 0 10px;margin:0 0 20px}#page{width:100%;max-width:600px;margin:0 auto;padding:0 100px}#page h2{font-size:20px;line-height:20px;color:#333132;font-weight:400;margin:0 0 20px}#page p a{color:#333132;border-bottom:1px solid #333132}#page p a:hover{color:#b0b0b0;border-bottom:1px solid #333132}#contact{width:100%;max-width:1000px;margin:0 auto}#contact h2{font-size:20px;line-height:20px;color:#333132;font-weight:400;margin:0 0 20px}#contact p a:hover{color:#b0b0b0}#social-icons{float:left;width:100%}#social-icons a{display:inline-block;margin:0 10px;color:#333132}#social-icons a.twitter:hover{color:#4099ff}#social-icons a.github:hover{color:#4183c4}#social-icons a.instagram:hover{color:#3f729b}#social-icons i{font-size:24px}#work{width:100%;max-width:1000px;margin:0 auto;text-align:left}.work-header{float:left;width:100%;border-bottom:1px solid #c9cbcd;padding:0 0 12px}.work-header span{font-size:19px;font-weight:400}.work-item{float:left;width:100%;border-bottom:1px solid #c9cbcd}.work-item .offline:hover{cursor:not-allowed}.work-item .offline,.work-item a{display:block;float:left;width:100%;height:100%;padding:17px 0 16px}.work-item a:hover{background-color:#fff}.work-item a:hover .work-column-alpha{padding:0 30px 0 20px}.work-item a:hover .work-column-alpha span{font-weight:400}.work-item span{font-size:19px;line-height:19px;font-weight:200;background-color:transparent}.work-column-alpha{float:left;width:310px;padding:0 30px 0 0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.work-column-beta{float:left;width:300px}.work-item .work-column-beta span{font-weight:100}.work-column-gamma{float:left;width:260px}.work-item .work-column-gamma span{font-weight:100}.work-column-delta{float:right;width:80px;text-align:center}.work-item .work-column-delta span{font-weight:100}.work-end{float:left;width:100%;padding:20px 0 12px;text-align:center}.work-end span{font-size:18px;line-height:18px;font-weight:200;color:#939598}footer{float:left;width:100%;text-align:center;height:76px}footer span{font-size:18px;color:#c9cbcd}#mobile-slide{display:none;position:fixed!important;left:0;bottom:0;width:100%;height:50px;z-index:1000;background-color:#f6f6f7;padding:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}#mobile-toggle{position:absolute;cursor:pointer;left:0;top:0;width:100%;height:50px;background-color:rgba(236,236,236,.9);z-index:1001;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.open #mobile-slide{height:100%;padding:200px 0 0}.open #mobile-toggle{top:180px}#nav-toggle{position:absolute;left:50%;top:16px;cursor:pointer;padding:7px 28px 10px 0;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}#nav-toggle span,#nav-toggle span:after,#nav-toggle span:before{cursor:pointer;border-radius:1px;height:3px;width:28px;background-color:#333132;position:absolute;display:block;content:''}#nav-toggle span:before{top:-6px}#nav-toggle span:after{bottom:-6px}#nav-toggle span,#nav-toggle span:after,#nav-toggle span:before{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.open #nav-toggle{padding:10px 26px 16px 0;top:14px}.open #nav-toggle span{background-color:transparent;width:10px}.open #nav-toggle span:after,.open #nav-toggle span:before{top:0;background:#2b2b2b}.open #nav-toggle span:before{width:20px;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.open #nav-toggle span:after{top:10px;width:20px;-moz-transform:translateY(-10px) rotate(-45deg);-o-transform:translateY(-10px) rotate(-45deg);-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}#mobile-menu{float:left;width:100%;height:100%;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:50px 0 0}#mobile-menu ul{float:left;width:100%;margin:0;padding:25px 20px 0;list-style:none}#mobile-menu ul li{float:left;width:100%;text-align:center;font-size:20px;font-weight:200;margin:0 0 20px}body.open{overflow:hidden}@media screen and (max-width:1350px){#zann{width:80px;height:95px}#content{padding:235px 60px 100px}#latest{float:left;width:100%}#latest .site{float:left;width:100%;text-align:center;margin:0 0 35px}#latest .site span{font-size:17px}#latest .site span a{font-size:47px}#profile{max-width:768px;padding:0 100px}#profile h2{font-size:17px;line-height:17px}#profile p a:hover{color:#b0b0b0}#contact{max-width:768px}#contact h2{font-size:17px;line-height:17px}#work{max-width:768px}.work-header span,.work-item span{font-size:17px;line-height:17px}.work-column-alpha{float:left;width:250px}.work-column-beta{float:left;width:230px}.work-column-gamma{float:left;width:200px}.work-column-delta{float:right;width:70px}.work-end span{font-size:16px;line-height:16px}footer span{font-size:17px}}@media screen and (max-width:1075px){.corner-nav{display:none}#content{padding:190px 20px 40px}#latest .site{margin:0 0 35px}#latest .site span{font-size:17px}#latest .site span a{font-size:47px}.work-header,.work-item{position:relative}.work-column-alpha{float:left;width:100%;margin:0 5% 0 0}.work-column-beta,.work-column-gamma{display:none}.work-column-delta{position:absolute;right:0}#profile{padding:0 50px}#mobile-slide{display:block}#wrap{margin:0 auto -110px}#push,footer{height:110px}}@media only screen and (max-width:640px){.open #mobile-slide{padding:150px 0 0}.open #mobile-toggle{top:150px}p{font-size:16px;line-height:24px;margin:0 0 32px}#zann{top:40px;width:60px;height:71px}.corner-nav{display:none}#content{padding:160px 20px 60px}#latest .site{margin:0 0 35px}#latest .site span{font-size:17px;padding:0 0 15px}#latest .site span a{font-size:27px}.work-header,.work-item{position:relative}.work-column-alpha{float:left;width:100%;margin:0 5% 0 0}.work-column-beta,.work-column-gamma{display:none}.work-column-delta{position:absolute;right:0}#profile{padding:0}}