*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:10px}body{margin:0;padding:0;font-family:"Lora",serif;font-size:1.6rem;font-weight:normal;color:#222;line-height:1.5;background-color:#fff}@media (min-width: 960px){body{font-size:1.8rem;line-height:1.45}}header,section,nav,figure,aside{display:block}figure{margin:0}a{color:#222}.container{padding:0 20px}@media (min-width: 1140px){.container{margin:auto;padding:0;max-width:1100px}}.container--fluid{padding:0px 20px}.block-container{padding:56px 0}@media (min-width: 768px){.block-container{padding:72px 0}}@media (min-width: 960px){.block-container{padding:100px 0}}.block-title{margin:0 0 32px;max-width:540px}.block-title .title{margin:0;font-size:2.4rem;font-weight:500;line-height:1.45}@media (min-width: 960px){.block-title .title{font-size:2.8rem}}.block-title .description{margin:4px 0 0}.absolute{position:absolute}.absolute.inset{top:0;left:0;right:0;bottom:0}.image-cover{display:flex;height:100%}.image-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.block-divider{margin:auto;max-width:1100px;height:1px;background-color:rgba(0,0,0,0.05)}.block-header{height:72px}.block-header .site-logo{display:flex;position:relative;width:48px;height:48px;align-items:center;justify-content:center}.block-header .site-logo .logo-char{margin:0;font-size:3.2rem;font-weight:bold;line-height:1}.block-header .site-logo .logo-border{display:block;position:absolute;z-index:1;background-color:#222}.block-header .site-logo .logo-border.border-top{top:0;left:6px;right:0;height:3px;-webkit-transition:left .3s,right .3s;transition:left .3s,right .3s}.block-header .site-logo .logo-border.border-bottom{bottom:0;left:0;right:6px;height:3px;-webkit-transition:right .3s,left .3s;transition:right .3s,left .3s}.block-header .site-logo .logo-border.border-left{bottom:6px;left:0;top:0;width:3px;-webkit-transition:bottom .3s,top .3s;transition:bottom .3s,top .3s}.block-header .site-logo .logo-border.border-right{top:6px;right:0;bottom:0;width:3px;-webkit-transition:top .3s,bottom .3s;transition:top .3s,bottom .3s}.block-header .site-logo:hover .logo-border.border-top{left:0;right:6px}.block-header .site-logo:hover .logo-border.border-right{top:0;bottom:6px}.block-header .site-logo:hover .logo-border.border-bottom{right:0;left:6px}.block-header .site-logo:hover .logo-border.border-left{bottom:0;top:6px}.block-header .top-nav{position:fixed;top:0;left:0;right:0;z-index:100;width:100%;height:72px;background-color:rgba(255,255,255,0.95)}.block-header .top-nav .container--fluid{display:flex;height:100%;align-items:center}.block-header .top-nav .nav-logo{flex-grow:1}.block-header .top-nav .nav-logo a{display:inline-block;text-decoration:none}.block-hero{padding:100px 0 40px}@media (min-width: 768px){.block-hero{padding:160px 0 80px}}.block-hero .hero-wrapper{max-width:640px}.block-hero .hero-title{margin:0;font-size:4rem;font-weight:500;line-height:1.1}@media (min-width: 768px){.block-hero .hero-title{font-size:4.8rem}}.block-hero .hero-description{margin-top:24px;font-size:1.8rem;line-height:1.725}@media (min-width: 768px){.block-hero .hero-description{font-size:2rem;line-height:1.8}}.block-portfolio .portfolio .portfolio-card{position:relative;height:100%}.block-portfolio .portfolio .portfolio-image{position:relative;padding-top:56.25%;overflow:hidden;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}.block-portfolio .portfolio .portfolio-image picture{padding:6px;overflow:hidden}@media (min-width: 960px){.block-portfolio .portfolio .portfolio-image picture{padding:10px}}.block-portfolio .portfolio .portfolio-detail{padding:16px 24px 24px}.block-portfolio .portfolio .portfolio-title{margin:0;font-size:1.8rem;line-height:1.4}@media (min-width: 960px){.block-portfolio .portfolio .portfolio-title{font-size:2rem}}.block-portfolio .portfolio .portfolio-meta{margin-top:4px;font-size:1.6rem;line-height:1.5}.block-portfolio .portfolio .portfolio-link{z-index:2;font-size:0}.block-portfolio .list-portfolio{display:flex;flex-wrap:wrap}@media (min-width: 640px){.block-portfolio .list-portfolio{margin:0 -16px}}.block-portfolio .list-portfolio .portfolio{padding:0 0 24px;width:100%}@media (min-width: 640px){.block-portfolio .list-portfolio .portfolio{padding:0 16px 32px;width:50%}}.block-footer{padding:24px 0 40px;font-size:1.55rem;color:#555;text-align:center}