section.case-study-index{padding:0;overflow:hidden}section.case-study-index .pixels{display:none}section.case-study-index .wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;gap:24px;position:relative;z-index:3}section.case-study-index .wrapper .blocks{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;gap:24px;width:100%}section.case-study-index .wrapper .blocks .block{max-width:400px;width:100%;position:relative;border-radius:16px;overflow:hidden}section.case-study-index .wrapper .blocks .block .background{aspect-ratio:.6/1;width:100%;overflow:hidden;position:relative;z-index:1;transition:all .3s ease}section.case-study-index .wrapper .blocks .block .background img{width:100%;height:100%;object-fit:cover}section.case-study-index .wrapper .blocks .block .content{width:100%;position:absolute;bottom:0;left:0;background:rgba(15,15,16,.5);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);padding:32px 16px;border-radius:16px;z-index:999}section.case-study-index .wrapper .blocks .block .content .wrap{display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:auto;gap:16px}section.case-study-index .wrapper .blocks .block .content .wrap .desktop{display:none}section.case-study-index .wrapper .blocks .block .content .tags{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:8px}section.case-study-index .wrapper .blocks .block .content .tags a{text-decoration:none;padding:8px 16px;border:solid 1px #FFF;transition:all .3s ease}section.case-study-index .wrapper .blocks .block .content .tags a:hover{background:#A9DC43;border-color:#a9dc43;color:#0f0f10}section.case-study-index .wrapper .blocks .block .content .tags a:hover.marketing{background:#E6007E;border-color:#e6007e;color:#fff}section.case-study-index .wrapper .blocks .block .content .tags a:hover.creative{background:#EF7D00;border-color:#ef7d00;color:#fff}section.case-study-index .wrapper .blocks .block .content .tags a:hover.development{background:#7CCBE0;border-color:#7ccbe0;color:#fff}section.case-study-index .wrapper .blocks .block .content h4{font-family:pag-revolution,sans-serif;font-weight:700;font-size:2rem;color:#fff;line-height:1;margin-bottom:1rem}section.case-study-index .wrapper .blocks .block .content .tagline{margin:0 0 24px;font-family:proxima-nova,sans-serif;font-weight:600;color:#fff;line-height:1;line-height:1.1;font-size:1.625rem}section.case-study-index .wrapper .blocks .block .content .btns .btn{background:rgba(255,255,255,.25);box-shadow:0 4px 10px #00000040}section.case-study-index .wrapper .blocks .block .content .btns .btn:hover{background:white}@media only screen and (min-width: 601px){section.case-study-index .wrapper .blocks .block{max-width:600px}}@media only screen and (min-width: 992px){section.case-study-index{background:#0F0F10;padding:120px 16px}section.case-study-index .pixels{display:block;z-index:2}section.case-study-index .wrapper{gap:80px 24px}section.case-study-index .wrapper .blocks{flex-direction:row;justify-content:flex-start}section.case-study-index .wrapper .blocks .block{width:calc(50% - 12px);height:617px;max-width:100%;align-self:stretch;transition:all .3s ease}section.case-study-index .wrapper .blocks .block:hover{width:60%}section.case-study-index .wrapper .blocks .block:hover .content{height:318px;padding-bottom:100px}section.case-study-index .wrapper .blocks .block:hover .content .wrap .desktop{padding:16px 32px;width:100px}section.case-study-index .wrapper .blocks .block:hover .content .wrap .desktop span{opacity:1;left:32px}section.case-study-index .wrapper .blocks .block:hover .content .snippet{bottom:-80px}section.case-study-index .wrapper .blocks .block .background{aspect-ratio:auto;width:100%;height:100%;object-fit:cover;object-position:center}section.case-study-index .wrapper .blocks .block .content{z-index:9;height:250px;transition:all .3s ease}section.case-study-index .wrapper .blocks .block .content .wrap .desktop{display:flex;justify-content:flex-end;position:relative;padding:16px;width:32px;overflow:hidden;transition:all .3s ease}section.case-study-index .wrapper .blocks .block .content .wrap .desktop span{position:absolute;left:-100%;transition:all .3s ease}section.case-study-index .wrapper .blocks .block .content .title-wrap{position:relative}section.case-study-index .wrapper .blocks .block .content .tagline{width:100%;max-width:560px}section.case-study-index .wrapper .blocks .block .content .snippet{position:absolute;bottom:-500px;width:100%;max-width:560px;font-size:1.5rem;height:62px;transition:all .3s ease}section.case-study-index .wrapper .blocks .block .content .btns.mobile{display:none}}