.waffle-tile{position:relative;max-width:337px;overflow:hidden}.waffle-tile:hover .waffle-tile__image img{-webkit-transform:scale(1.125);-ms-transform:scale(1.125);transform:scale(1.125)}.waffle-tile__image{position:relative}.waffle-tile__image:after,.waffle-tile__image:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.waffle-tile__image:after{background:rgb(0%,13.625%,42.7450980392%);opacity:.65}.waffle-tile__image:before{width:70%;z-index:2;background:-webkit-gradient(linear,left top,right top,from(rgb(0,13.625%,42.7450980392%)),to(rgba(0,51,160,0)));background:-webkit-linear-gradient(left,rgb(0,13.625%,42.7450980392%),rgba(0,51,160,0));background:linear-gradient(to right,rgb(0,13.625%,42.7450980392%),rgba(0,51,160,0));opacity:.4}.waffle-tile__image img{-webkit-filter:grayscale(100%);filter:grayscale(100%);width:101%;max-width:none;-webkit-transition:-webkit-transform 5s cubic-bezier(.165,.84,.44,1),-webkit-filter .2s ease;transition:-webkit-transform 5s cubic-bezier(.165,.84,.44,1),-webkit-filter .2s ease;transition:transform 5s cubic-bezier(.165,.84,.44,1),filter .2s ease;transition:transform 5s cubic-bezier(.165,.84,.44,1),filter .2s ease,-webkit-transform 5s cubic-bezier(.165,.84,.44,1),-webkit-filter .2s ease}.waffle-tile__back{position:absolute;bottom:0;left:0;top:0;right:0;visibility:hidden;opacity:0;text-align:center;width:100%;z-index:4;padding:0 12px 35px}.waffle-tile__front:before{content:"";width:14px;height:9px;bottom:8px;left:50%;-webkit-transform:translatex(-50%) rotate(180deg);-ms-transform:translatex(-50%) rotate(180deg);transform:translatex(-50%) rotate(180deg);z-index:5;position:absolute;background:rgba(0,0,0,0) url(../images/caret-down-white.svg) no-repeat center center;background-size:14px 9px;-webkit-transition:opacity .4s ease,-webkit-transform .4s ease;transition:opacity .4s ease,-webkit-transform .4s ease;transition:transform .4s ease,opacity .4s ease;transition:transform .4s ease,opacity .4s ease,-webkit-transform .4s ease}.waffle-tile__front:after{content:"";position:absolute;width:94px;height:94px;-webkit-border-radius:50%;border-radius:50%;background:#d40f7d;opacity:.9;z-index:2;bottom:0;left:50%;z-index:3;-webkit-transform:translate(-50%,66px);-ms-transform:translate(-50%,66px);transform:translate(-50%,66px);-webkit-transition:bottom .4s ease,opacity .4s ease,-webkit-transform .4s ease;transition:bottom .4s ease,opacity .4s ease,-webkit-transform .4s ease;transition:transform .4s ease,bottom .4s ease,opacity .4s ease;transition:transform .4s ease,bottom .4s ease,opacity .4s ease,-webkit-transform .4s ease}.waffle-tile__front:hover{cursor:pointer}.waffle-tile__front:hover:after{-webkit-transform:translate(-50%,61px) scale(1.1);-ms-transform:translate(-50%,61px) scale(1.1);transform:translate(-50%,61px) scale(1.1)}.waffle-tile__front:hover:before{-webkit-transform:translate(-50%,-6px) rotate(180deg);-ms-transform:translate(-50%,-6px) rotate(180deg);transform:translate(-50%,-6px) rotate(180deg)}.waffle-tile a{display:block;position:absolute;left:0;bottom:0;height:50%;width:100%}.waffle-tile__title{font-size:28px;text-align:center;font-weight:400;line-height:1;color:#fff;padding:0 30px 0;position:absolute;opacity:0;top:50%;width:100%;-webkit-transform:translatey(10px);-ms-transform:translatey(10px);transform:translatey(10px);-webkit-transition:opacity .3s ease .1s,-webkit-transform .3s ease .1s;transition:opacity .3s ease .1s,-webkit-transform .3s ease .1s;transition:opacity .3s ease .1s,transform .3s ease .1s;transition:opacity .3s ease .1s,transform .3s ease .1s,-webkit-transform .3s ease .1s}@media(min-width:78.125em){.waffle-tile__title{font-size:36px}}.waffle-tile__title:after{content:"";width:10px;height:16px;background:rgba(0,0,0,0) url(../images/caret-right-white.svg) no-repeat center center;background-size:10px 16px;display:inline-block;vertical-align:middle;position:relative;bottom:3px;margin-left:-12px;-webkit-transform:translatex(0);-ms-transform:translatex(0);transform:translatex(0);-webkit-transition:opacity .4s ease .15s,-webkit-transform .4s ease .15s;transition:opacity .4s ease .15s,-webkit-transform .4s ease .15s;transition:transform .4s ease .15s,opacity .4s ease .15s;transition:transform .4s ease .15s,opacity .4s ease .15s,-webkit-transform .4s ease .15s}li.js-active .waffle-tile__image:after,li.js-active .waffle-tile__image:before{opacity:0}li.js-active .waffle-tile__image img{-webkit-filter:none;filter:none}li.js-active .waffle-tile__front:before{opacity:0}li.js-active .waffle-tile__front:after{opacity:.9;-webkit-transform:translate(-50%,91px) scale(5);-ms-transform:translate(-50%,91px) scale(5);transform:translate(-50%,91px) scale(5)}li.js-active .waffle-tile__back{opacity:1;visibility:visible}li.js-active .waffle-tile__title{opacity:1;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}li.js-active .waffle-tile__title:after{opacity:1;-webkit-transform:translatex(16px);-ms-transform:translatex(16px);transform:translatex(16px)}@media(max-width:59.375em){.waffle-tile__image:after,.waffle-tile__image:before{opacity:0}.waffle-tile__image img{-webkit-filter:none;filter:none}.waffle-tile__front:before{opacity:0}.waffle-tile__front:after{opacity:.9;-webkit-transform:translate(-50%,91px) scale(5);-ms-transform:translate(-50%,91px) scale(5);transform:translate(-50%,91px) scale(5)}.waffle-tile__back{opacity:1;visibility:visible}.waffle-tile__title{opacity:1;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.waffle-tile__title:after{opacity:1;-webkit-transform:translatex(16px);-ms-transform:translatex(16px);transform:translatex(16px)}}