@charset "UTF-8";article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}html,body{margin:0;padding:0;background:#fcfdfd;color:#000;--dot-bg: rgb(252, 253, 253);--dot-color: rgb(0,0,0,.1);--dot-size: 1px;--dot-space: 20px;background:linear-gradient(90deg,var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),transparent 1%) center/var(--dot-space) var(--dot-space),linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),transparent 1%) center/var(--dot-space) var(--dot-space),var(--dot-color)}html,body{font-size:20px;line-height:1.6;font-weight:300}a{color:#ff4000;text-decoration:none}a:hover{border-bottom:1px solid}figure,picture{display:block;margin:0 0 10px}img{display:block;width:100%;height:auto;margin:0}img.lazy{opacity:0;transition:opacity .25s ease}img.lazy.loaded{opacity:1}ul{margin:0;padding:0}.container{max-width:1280px;margin:0 auto;padding:0 20px}@media screen and (min-width: 768px){.container{padding:0 80px}}h1,h2,h3,h4,h5,h6{font-weight:300;color:#333}h1{font-size:1.8rem}h2{font-size:1.2rem}h3{font-size:1rem}p{margin-bottom:30px}strong{font-weight:700}header{padding:30px 0}header .logo{margin:0;font-size:.9rem;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20231.71%20231.71'%3e%3cpath%20d='M115.85%20231.71a115.86%20115.86%200%2011115.86-115.86%20116%20116%200%2001-115.86%20115.86zm0-214.72a98.86%2098.86%200%201098.86%2098.86%2099%2099%200%2000-98.86-98.86zm61.48%2061.86a20.87%2020.87%200%2000-34.2-16.06%2059.7%2059.7%200%201028.09%2030.8%2020.8%2020.8%200%20006.11-14.74zm-20.88-10a10%2010%200%2011-10%2010%2010%2010%200%200110-9.98zm-40.6%2092.16a45.18%2045.18%200%201120-85.64%2020.76%2020.76%200%200020.6%2024.34c.52%200%201%200%201.55-.08a45.15%2045.15%200%2001-42.15%2061.38z'%20fill='%23000'/%3e%3c/svg%3e") no-repeat left;background-size:25px 25px;padding-left:35px}header .logo a{color:#111}#nav{display:flex;align-items:baseline}#nav ul{margin-left:auto;list-style:none}#nav li{display:inline-block;margin-left:30px}#nav li a{font-size:.9rem;color:#777}#nav li a:hover,#nav li a.active{color:#111;border-color:transparent}#nav li a.active{border-bottom:1px solid}.description{padding:80px 0;line-height:1.5;max-width:660px}.description h2{font-size:1.4rem}.description h3{font-size:1.2rem}.pagination{display:flex;justify-content:space-between;padding:30px 0}.pagination .next{margin-left:auto}.project{max-width:960px;margin-bottom:50px;position:relative;overflow:hidden}.project figure{position:relative;padding-bottom:56.25%;overflow:hidden}.project figure img{position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.project a{transition:opacity .15s;text-decoration:none}.project h2{transition:all .2s ease;transform:translate(-26px)}.project h2:before{content:"→";display:inline-block;padding-right:5px}.project:hover img{opacity:.5}.project:hover h2{transform:translate(0)}.project:nth-of-type(2n){left:100%;transform:translate(-100%)}.video-wrapper{position:relative;padding-bottom:56.25%;margin-bottom:10px;background-size:100% auto;background-repeat:no-repeat;height:0;overflow:hidden}.video-wrapper.ratio4x3{padding-bottom:75%}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.play-button{height:40px;width:65px;background-color:#000000b3;border-radius:5px;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-32px}.video-wrapper:hover .play-button{background-color:#00adefe6}.play-button:after{content:"";display:block;position:absolute;top:10.5px;left:24px;margin:0 auto;border-style:solid;border-width:9.5px 0 9.5px 17px;border-color:transparent transparent transparent rgb(255,255,255)}.button{background:#232323;color:#fff;display:block;width:200px;margin:0 auto;padding:10px;border-radius:4px;font-family:Source Sans Pro,sans-serif;font-weight:300;text-transform:uppercase;text-align:center}.button:hover{text-decoration:none;background:#ff4000}footer{padding:30px 0;font-size:.8rem}