html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}.-pink{color:#ec2379}.hafer{color:#111506}.hafer #dots{z-index:-3;max-width:100vw;max-height:100vh;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.hafer>.page-main{background-color:#171717;overflow:hidden}@media screen and (min-width:768px){.hafer__lead{margin-bottom:64px}}.hafer__overview{position:relative;padding-bottom:32px}.hafer__overview-bg,.hafer__overview-support{background-color:#b0dc42;content:"";-webkit-transform:skewY(-14deg);transform:skewY(-14deg);display:block;position:absolute;z-index:-1;-ms-touch-action:none;touch-action:none;will-change:transform}.hafer__overview-bg{opacity:.46;bottom:-12px;left:-12px;width:calc(100% + 24px);max-width:768px;height:90%}@media screen and (min-width:1000px){.hafer__overview-bg{top:0;bottom:auto;left:auto;right:0;height:100%;width:65.82278481%}}.hafer__overview-support{display:none;opacity:.27;bottom:-16vw;left:-24px;width:28%;height:500px}@media screen and (min-width:1000px){.hafer__overview-support{display:block;left:-96px}}.hafer__overview .l-sidebar__content{padding-left:0}.hafer__overview .study-content{max-width:768px;margin-left:auto}@media screen and (min-width:768px){.hafer__overview .study-content{padding:48px}}@media screen and (min-width:1000px){.hafer__overview .study-content{padding-bottom:256px}}.hafer__overview .study-content__sub{color:#171717}.hafer .study-content__heading.-green,.hafer .study-content__sub.-green{color:#b0dc42}.hafer .study-top{position:relative;z-index:1}.hafer .study-subject{max-width:935px}.hafer__building{height:200px;overflow:hidden;position:relative;-webkit-transform:skewY(-14deg);transform:skewY(-14deg)}@media screen and (min-width:600px){.hafer__building{height:350px}}@media screen and (min-width:768px){.hafer__building{height:500px}}@media screen and (min-width:1000px){.hafer__building{height:900px}}.hafer__building-image{background-image:url("/images/case-studies/hafer.jpg");background-position:50%;background-size:cover;position:relative;width:100%;height:calc(100% + 32vw);top:-14vw;left:0;-webkit-transform:skewY(14deg);transform:skewY(14deg);will-change:transform}.hafer__challenges{margin-top:-21vw;position:relative;z-index:1}.hafer__challenges:before{background-color:#b0dc42;content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:calc(100% - 21vw);z-index:0;-webkit-transform:skewY(-14deg);transform:skewY(-14deg)}.hafer__challenges-content{position:relative;padding-top:28vw}.hafer__challenges-content:after{clear:both;content:"";display:table}.hafer__challenges-bg{display:none;background-color:#171717;content:"";-webkit-transform:skewY(-14deg);transform:skewY(-14deg);opacity:.75;position:absolute;bottom:0;left:0;width:65.82278481%;max-width:768px;height:calc(100% - 21vw);z-index:0;will-change:transform}@media screen and (min-width:1000px){.hafer__challenges-bg{display:block}}.hafer__challenges .study-content{max-width:768px;position:relative;padding-top:40px;float:left;z-index:1}@media screen and (min-width:768px){.hafer__challenges .study-content{padding:48px 48px 128px}}@media screen and (min-width:1000px){.hafer__challenges .study-content{width:65.82278481%}}.hafer__challenges .study-content:before{background-color:#171717;content:"";display:block;-webkit-transform:skewY(-14deg);transform:skewY(-14deg);opacity:.75;position:absolute;top:-40px;left:-12px;width:calc(100% + 24px);max-width:768px;height:calc(100% + 120px);z-index:-1}@media screen and (min-width:768px){.hafer__challenges .study-content:before{width:100%;top:-14vw;left:0}}@media screen and (min-width:1000px){.hafer__challenges .study-content:before{display:none}}.hafer__tiles{margin-top:-3.5vw;margin-bottom:-28vw;position:relative;z-index:1}@media screen and (min-width:768px){.hafer__tiles{margin-bottom:0}}@media screen and (min-width:1000px){.hafer__tiles{float:left;width:calc(100% - 768px)}}@media screen and (min-width:1200px){.hafer__tiles-bg{border:2px solid #ec2379;content:"";-webkit-transform:skewY(-14deg);transform:skewY(-14deg);display:block;position:absolute;top:-20%;right:0;width:50%;height:100%;z-index:0;will-change:transform}}.hafer__tiles-image{display:block;max-width:230px;margin:0 auto;position:relative}.hafer__solution{background-color:#f3f1f3;margin-top:-14vw;position:relative;padding-top:56vw;padding-bottom:21vw}@media screen and (min-width:768px){.hafer__solution{padding-top:35vw}}@media screen and (min-width:1000px){.hafer__solution{padding-top:28vw}}.hafer__solution-content{position:relative}.hafer__solution-logo{margin-bottom:32px}@media screen and (min-width:1000px){.hafer__solution-logo{position:absolute;max-width:320px;width:320px;left:calc(50% + 72px);top:-40px;z-index:1}}.hafer__solution-logo>svg{max-width:100%}.hafer__website{margin-top:-14vw;padding:7vw 0 0;position:relative;z-index:1}.hafer__website:before{background-color:#fff;content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:0;-webkit-transform:skewY(-14deg);transform:skewY(-14deg);z-index:-1}.hafer__website-section{margin-bottom:64px}@media screen and (min-width:1000px){.hafer__website-section{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:128px}}@media screen and (min-width:1000px){.hafer__website-section>div{width:calc(50% - 48px)}}.hafer__website-section>div:first-child{margin-bottom:64px}@media screen and (min-width:1000px){.hafer__website-section>div:first-child{margin-right:128px;margin-bottom:0}}.hafer__website-macbook{margin-bottom:-45vw;position:relative}@media screen and (min-width:1000px){.hafer__website-macbook{margin-bottom:0}}.hafer__website-macbook>svg{max-width:100%;height:auto}@media screen and (min-width:1000px){.hafer__website-macbook>svg{max-width:none;position:absolute;top:0;left:0}}.hafer__website-browser{margin-bottom:32px;position:relative}.hafer__website-browser>svg{max-width:100%}@media screen and (min-width:1000px){.hafer__website-browser>svg{min-width:950px;position:absolute;top:0;right:0}}.hafer__comparison{display:none;margin-bottom:128px}@media screen and (min-width:1000px){.hafer__comparison{display:block}}.hafer__campaign{position:relative;padding-top:40vw;padding-bottom:21vw;z-index:0}@media screen and (min-width:1000px){.hafer__campaign{padding-top:0;z-index:1}}.hafer__campaign:before{background-color:#3f2645;content:"";display:block;width:100%;height:100%;-webkit-transform:skewY(-14deg);transform:skewY(-14deg);position:absolute;z-index:-1;top:0;left:0}.hafer__campaign .l-study-split{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:1000px){.hafer__campaign .l-study-split{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hafer__campaign .l-study-split>div:first-child{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin:0 auto}@media screen and (min-width:1000px){.hafer__campaign .l-study-split>div:first-child{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin:0}}.hafer__campaign .l-study-split>div:last-child{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-bottom:40px}@media screen and (min-width:1000px){.hafer__campaign .l-study-split>div:last-child{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.hafer__campaign-phone{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hafer__campaign-phone>img{max-width:100%}@media screen and (min-width:600px){.hafer__campaign-phone>img{max-width:400px}}.hafer__quote{position:relative;z-index:0}@media screen and (min-width:1000px){.hafer__quote{z-index:1}}.hafer__quote-support,.hafer__quote:before{content:"";height:100%;position:absolute;left:0;-webkit-transform:skewY(-14deg);transform:skewY(-14deg)}.hafer__quote:before{background-color:#2c1331;display:block;width:100%;z-index:-2;top:0}.hafer__quote-support{background-color:#502e57;display:none;top:-50%;width:30%;max-width:768px;z-index:-1;will-change:transform}@media screen and (min-width:1000px){.hafer__quote-support{display:block}}.hafer__quote blockquote{max-width:1000px;margin:0 auto;-webkit-transform:translateY(-14vw);transform:translateY(-14vw);text-align:center}@media screen and (min-width:1000px){.hafer__quote blockquote{text-align:left}}.hafer__quote blockquote>p{color:#fff;font-size:18px;font-weight:300;margin-bottom:32px}@media screen and (min-width:1000px){.hafer__quote blockquote>p{font-size:28px;margin-bottom:40px;text-align:center}}@media screen and (min-width:1000px){.hafer__quote blockquote>footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.hafer__quote-image{border:2px solid #b0dc42;border-radius:50%;display:block;max-width:120px;margin:0 auto 24px}@media screen and (min-width:1000px){.hafer__quote-image{margin-right:32px}}.hafer__quote-name{color:#b0dc42;font-family:Economica,sans-serif;font-size:24px;font-style:italic;font-weight:700;line-height:1.2}.hafer__stats{position:relative;padding:14vw 0;z-index:1}.hafer__stats:before{background-color:#502e57;content:"";display:block;width:100%;height:calc(100% + 14vw);-webkit-transform:skewY(-14deg);transform:skewY(-14deg);position:absolute;z-index:-1;top:0;left:0}.hafer__stats .study-stats-list{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.hafer__stats .study-stat__number{color:#fff}.hafer__stats .study-stat__label{color:#ec2379}.hafer__stats .study-stat__label.-open-rate{max-width:300px}.hafer__stats .study-stat__graphic.-open-rate .study-icon__base{fill:none;stroke:#ec2379;stroke-miterlimit:10}.hafer__stats .study-icon{max-height:150px}.hafer__stats .study-icon__base{fill:#ec2379}.hafer__stats .study-icon__accent{fill:#b0dc42}.hafer .page-footer{background-color:#b0dc42}.hafer .page-footer__content{background-image:url("/images/case-studies/hafer/footer--sm.jpg")}@media screen and (min-width:1100px){.hafer .page-footer__content{background-image:url("/images/case-studies/hafer/footer--md.jpg")}}@media screen and (min-width:1800px){.hafer .page-footer__content{background-image:url("/images/case-studies/hafer/footer.jpg")}}.hafer .page-footer__sub-heading{color:#ec2379}.hafer .page-footer__cta>.button,.hafer .page-footer__heading{color:#3f2645}.hafer .page-footer__cta>.button:after,.hafer .page-footer__cta>.button:before{border-color:#ec2379}.hafer .page-footer__logo>svg path{fill:#3f2645}.hafer .page-footer__company,.hafer .page-footer__links,.hafer .page-footer__links>li>a,.hafer .page-footer__stalk{color:#3f2645}.hafer .page-footer__social>li>a{color:#ec2379}.stat-open-rate{width:180px;margin-top:24px;position:relative}.stat-open-rate__percent{color:#b0dc42;font-size:140px;font-weight:700;text-align:center;position:absolute;top:-.5em;left:0;right:0;margin:0 auto}.stat-open-rate__percent>sup{font-size:60px;position:absolute;top:1em}.stat-open-rate__label{color:#ec2379;position:absolute;bottom:10px;left:0;right:0;margin:0 auto;text-align:center}.stat-open-rate__cursor{max-width:40px;position:absolute;right:-10px;bottom:-20px}.stat-job__percent{color:#b0dc42;display:block;font-size:140px;font-weight:700;line-height:1;margin-bottom:16px;position:relative}.stat-job__percent>sup{font-size:60px;position:absolute;top:1em}.stat-job__label{color:#ec2379}.stat-click{position:relative;width:300px}.stat-click__browser{display:block}.stat-click__times{color:#b0dc42;font-size:140px;font-weight:700;position:absolute;top:-8px;left:24px;right:0;margin:0 auto}.stat-click__times>sub{font-size:80px;margin-left:8px;position:absolute;bottom:.9em}.stat-click__label{color:#ec2379;font-size:20px;position:absolute;top:34px;right:18px;max-width:100px}.stat-click__cursor{max-width:40px;position:absolute;right:10px;bottom:-20px}#footer-dots{position:absolute;height:100%;width:100%;z-index:-1}