.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.hide-text{font:~"0/0" a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}img.responsive{display:block;max-width:100%;height:auto}body,html{margin:0;padding:0}body{font-family:myriad-pro,"Helvetica Neue",Helvetica,sans-serif;font-size:18px;line-height:1.428571429;height:100%;background-color:#fff}p{line-height:1.5}header{display:flex;align-items:flex-end;margin-top:20px;margin-bottom:60px}header h1{flex:0 1 65%;margin:0;font-size:42px;font-family:adobe-garamond-pro,Georgia,"Times New Roman",serif;font-weight:700}header h1 a,header h1 a:active,header h1 a:hover,header h1 a:link,header h1 a:visited{text-decoration:none;color:#000}header aside{flex:1 0 35%}header aside ul{font-family:myriad-pro,"Helvetica Neue",Helvetica,sans-serif;font-size:20px;font-weight:light;list-style-type:none;margin:0;padding:0}header aside li{display:block;margin:0 0 5px 0;color:#333;white-space:nowrap}header aside a,header aside a:visited{color:#333;text-decoration:none}footer{margin-top:30px;margin-bottom:50px}footer .copy{font-size:14px;text-align:center}.box{width:100%;margin-bottom:60px}.box .header{display:flex;align-items:baseline;padding-bottom:5px;margin-bottom:15px;border-bottom:.5px solid #999}.box .header .category{flex:0 0 240px;text-align:right;color:#666;font-family:myriad-pro,"Helvetica Neue",Helvetica,sans-serif;font-weight:400}.box .header h3{flex:1 1 auto;margin:0 0 0 20px;color:#333;font-size:28px;line-height:34px;font-family:adobe-garamond-pro,Georgia,"Times New Roman",serif;font-weight:400}.box .header a{color:#333;text-decoration:none}.box .body{display:flex;align-items:flex-start}.box .preview{flex:0 0 240px}.box .preview img{max-width:100%;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}.box .content{flex:1 1 auto;margin:0 0 0 20px}.box .content:first-child{margin:0 0 0 260px}.box .content p{margin:10px 0 0 0}.box .content p:first-child{margin:0}.category-writing .header a{color:#b05e32}.category-project .header a{color:#2b3e76}.category-code .header a{color:#21745b}.category-home{margin-bottom:60px}.category-home h2{display:none}footer,header,main{width:70%;margin-left:auto;margin-right:auto}@media (min-width:1200px){footer,header,main{width:60%}}@media (min-width:768px) and (max-width:979px){footer,header,main{width:80%}.box .header .category{flex:0 0 180px}.box .preview{flex:0 0 180px}.box .content:first-child{margin:0 0 0 200px}}@media (max-width:767px){footer,header,main{width:90%}.box .body,.box .header,header{display:block}.box .header .category{text-align:left}.box .content,.box .content:first-child,.box .header h3{margin-left:0}}