.section-page-hero{padding:80px 0 40px;text-align:center;background:rgba(234,240,246,.5)}.section-page-hero h1{font-size:2rem}@media screen and (min-width: 720px){.section-page-hero{padding:100px 0 60px}.section-page-hero h1{font-size:3rem}}.section-projects{padding:40px 0 80px}.section-projects .section-title{text-align:center;margin-bottom:40px;font-size:2.5rem;font-weight:700}.section-projects .scroller{left:-16px;width:100vw;height:32px;overflow:hidden;position:relative}.section-projects .pill-reset{top:0;left:16px;display:none;z-index:2;position:absolute}.section-projects .pill-scroll{top:-12px;width:25px;color:#000;height:50px;display:block;padding:0;position:absolute;-webkit-transition:opacity .1s ease-in-out,-webkit-transform .15s ease-out;transition:opacity .1s ease-in-out,-webkit-transform .15s ease-out;transition:opacity .1s ease-in-out,transform .15s ease-out;transition:opacity .1s ease-in-out,transform .15s ease-out,-webkit-transform .15s ease-out;text-align:center;-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1)}.section-projects .pill-scroll.left{left:0;-webkit-transform:none;-ms-transform:none;transform:none;background:-webkit-gradient(linear, left top, right top, color-stop(80%, #faf6ef), to(rgba(255, 255, 255, 0.1)));background:-webkit-linear-gradient(left, #faf6ef 80%, rgba(255, 255, 255, 0.1));background:linear-gradient(to right, #faf6ef 80%, rgba(255, 255, 255, 0.1))}.section-projects .pill-scroll.right{right:0;-webkit-transform:none;-ms-transform:none;transform:none;background:-webkit-gradient(linear, right top, left top, color-stop(80%, #faf6ef), to(rgba(255, 255, 255, 0.1)));background:-webkit-linear-gradient(right, #faf6ef 80%, rgba(255, 255, 255, 0.1));background:linear-gradient(to left, #faf6ef 80%, rgba(255, 255, 255, 0.1))}.section-projects .pill-scroll.disabled{opacity:0;-webkit-transition:opacity .1s ease-in-out,-webkit-transform .15s ease-in;transition:opacity .1s ease-in-out,-webkit-transform .15s ease-in;transition:opacity .1s ease-in-out,transform .15s ease-in;transition:opacity .1s ease-in-out,transform .15s ease-in,-webkit-transform .15s ease-in;pointer-events:none}.section-projects .pill-scroll.left.disabled{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.section-projects .pill-scroll.right.disabled{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.section-projects .projects-filters{gap:12px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:1px 16px 32px 16px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;max-width:100vw;overflow:scroll;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.section-projects .projects-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-gap:30px;gap:30px;margin:30px auto 0;position:relative}.section-projects .project-card{position:relative;background:#fff;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1);padding:16px 16px 55px}.section-projects .project-excerpt{padding:12px 0 0}.section-projects .project-tags{left:16px;bottom:16px;z-index:3;position:absolute}.section-projects .tag{margin-right:6px}.section-projects .project-links{right:16px;bottom:16px;display:block;padding:8px 0 0;z-index:5;position:absolute}.section-projects .label{display:none;vertical-align:middle}.section-projects .icon-wrap{display:inline-block;opacity:.75;font-size:0;line-height:0;margin-left:8px;vertical-align:middle}.section-projects .icon-wrap:hover{color:#26619c;opacity:1}.section-projects .icon{font-size:24px}@media screen and (min-width: 1200px){.section-projects .scroller{max-width:100%}.section-projects .projects-filters{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.section-contact{padding:20px 0 80px}.section-contact .container{border-top:2px solid #000;padding-top:60px}.section-contact h2{margin-bottom:8px}.section-contact h3{margin:42px 0 8px}.section-contact .span-address{max-width:420px;margin-bottom:32px}@media screen and (min-width: 720px){.section-contact .grid{display:grid;grid-gap:32px;gap:32px;grid-template-columns:1fr 1fr}}