.section.cards-wrap{padding-top:0}.cards-wrap .section-header{margin:0 auto 50px;max-width:800px}.card{position:relative;padding:150px;background-position:right top;background-repeat:no-repeat;border:1px solid #d7d7d7;background-color:#fff}.card:not(:last-child){margin-bottom:50px}.card svg{position:absolute;right:40px;bottom:40px;display:block}.card .num{position:absolute;display:inline-block;left:80px;top:150px;font-family:'Poppins',sans-serif;font-size:55px;line-height:1em;font-weight:400}.card h3.written{font-size:150px;line-height:.45em;font-family:'BetterTimes'}.card .description{font-family:'Poppins',sans-serif;font-size:26px;line-height:38px;padding:40px 0 0;max-width:640px}.card .copy{position:absolute;padding:150px 150px 75px;width:100%;min-height:100%;display:block;top:0;left:0;color:#fff;opacity:0;background-position:right top;background-repeat:no-repeat;transition:all .2s linear}.card:hover .copy{opacity:1}.card .copy .columns{display:grid;grid-template-columns:1fr 1fr;padding:40px 0 0}.card .copy .columns>div{flex-basis:0;flex-grow:1}.card .copy .columns>div:first-child{padding-right:20px}.card .copy .columns>div:last-child{padding-left:20px}.card .copy h3{color:#fff}@media all and (max-width:990px){.card,.card .copy{padding:100px 100px 50px}.card .num{left:50px;top:120px;font-size:40px;line-height:1em}}@media all and (max-width:767px){.card .copy{height:100% !important;overflow:hidden;opacity:1}.card svg{width:40px;height:40px}.card .copy .columns{display:block;overflow-x:hidden;overflow-y:scroll;position:relative;background:rgba(0,0,0,0.15);margin:20px 0 0;padding:30px !important;height:100%}.card .copy .columns-wrap{position:relative;height:250px;margin-top:40px}.card .copy .columns-wrap::after{content:'scroll ↓';width:20px;height:100%;position:absolute;right:0;top:0;writing-mode:vertical-rl;text-orientation:upright;display:flex;align-items:center;justify-content:center;letter-spacing:-3px;font-size:10px;font-weight:800;background:rgba(0,0,0,0.15);text-transform:uppercase;display:none}.card .copy svg{display:none}.card .copy .columns>div:first-child,.card .copy .columns>div:last-child{padding-right:0;padding-left:0}.card .copy .columns>div+div{margin:30px 0 0}}@media all and (max-width:580px){.card,.card .copy{padding:100px 30px 70px;background-position:top right;background-size:auto 150px}.card .num{position:relative;left:0;top:-10px}.card h3.written{display:inline-block;font-size:80px}.card .description{padding:20px 0 0}.card .copy .columns{padding:15px !important}.card .description{font-size:20px;line-height:34px}}@media all and (max-width:580px){.card .copy .columns-wrap::after{display:flex}.card .copy .columns{padding:15px 30px 15px 15px !important}}