.casestudies__page{background:#1a1a1a;padding:63px}@media (min-width: 1024px){.casestudies__page{padding:67px}}@media (min-width: 1280px){.casestudies__page{padding:84px}}@media (min-width: 1600px){.casestudies__page{padding:105px}}.casestudies__page__wrapper{max-width:1600px;margin:0 auto}.casestudies__page__wrapper__inner{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;gap:105px;margin:0;padding:0;width:100%;height:100%}.casestudies__page__info{width:100%}@media (min-width: 1600px){.casestudies__page__info{gap:52.5px}}.casestudies__page__header{color:#fff;font-family:Sweet Din,sans-serif;font-size:58px;letter-spacing:-2.5px;line-height:51.0812px}@media (min-width: 768px){.casestudies__page__header{font-size:82px;line-height:76px}}@media (min-width: 1600px){.casestudies__page__header{font-size:102.5px;line-height:95px}}.casestudies__page__list__wrapper{row-gap:74px;width:100%}@media (min-width: 768px){.casestudies__page__list__wrapper{column-gap:55px;row-gap:84px}}@media (min-width: 1024px){.casestudies__page__list__wrapper{column-gap:55px;row-gap:84px}}@media (min-width: 1280px){.casestudies__page__list__wrapper{column-gap:166px;row-gap:84px}}@media (min-width: 1600px){.casestudies__page__list__wrapper{column-gap:207.5px;row-gap:105px}}.cs__list{display:flex;flex-direction:column;flex-wrap:nowrap;gap:16px}@media (min-width: 768px){.cs__list{display:grid;column-gap:16px;row-gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"angieslist bing" "ffb_fcc ffb_fcc" "ffb_dda ecovacs" "comptia comptia" "minecraft mecum" "office365 office365" "xboxlive bellflower" "apple apple" "outlook gamestack" "chase chase"}}@media (min-width: 1024px){.cs__list{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"angieslist ffb_fcc ffb_fcc" "bing ffb_fcc ffb_fcc" "comptia comptia ffb_dda" "comptia comptia ecovacs" "minecraft office365 office365" "mecum office365 office365" "apple apple xboxlive" "apple apple bellflower" "outlook chase chase" "gamestack chase chase"}}.cs__list .cs__list__item{background:#00000080;position:relative;border-radius:30px;overflow:hidden}.cs__list .cs__list__item.angieslist{grid-area:angieslist}.cs__list .cs__list__item.apple{grid-area:apple}.cs__list .cs__list__item.bing{grid-area:bing}.cs__list .cs__list__item.chase{grid-area:chase}.cs__list .cs__list__item.comptia{grid-area:comptia}.cs__list .cs__list__item.ecovacs{grid-area:ecovacs}.cs__list .cs__list__item.ffb_fcc{grid-area:ffb_fcc}.cs__list .cs__list__item.mecum{grid-area:mecum}.cs__list .cs__list__item.ffb_dda{grid-area:ffb_dda}.cs__list .cs__list__item.outlook{grid-area:outlook}.cs__list .cs__list__item.gamestack{grid-area:gamestack}.cs__list .cs__list__item.minecraft{grid-area:minecraft}.cs__list .cs__list__item.bellflower{grid-area:bellflower}.cs__list .cs__list__item.office365{grid-area:office365}.cs__list .cs__list__item.xboxlive{grid-area:xboxlive}.cs__list .cs__list__item .cs__list__item__title{color:#fff;font-family:Din,sans-serif;font-weight:900;width:100%}.cs__list .cs__list__item .cs__list__item__title.small{font-size:40px;line-height:44px}@media (min-width: 1600px){.cs__list .cs__list__item .cs__list__item__title.small{font-size:50px;line-height:55px}}.cs__list .cs__list__item .cs__list__item__title.large{font-size:40px;line-height:44px}@media (min-width: 768px){.cs__list .cs__list__item .cs__list__item__title.large{font-size:50px;line-height:55px}}@media (min-width: 1600px){.cs__list .cs__list__item .cs__list__item__title.large{font-size:62.5px;line-height:68.75px}}.cs__list .cs__list__item .cs__list__item__tags{position:relative;display:flex;flex-flow:row wrap;justify-content:left;align-items:flex-start;gap:8px;margin:0;padding:0;list-style-type:none}@media (min-width: 768px){.cs__list .cs__list__item .cs__list__item__tags{position:relative;display:flex;flex-flow:row wrap;justify-content:left;align-items:flex-start;gap:8px;margin:0;padding:0}}.cs__list .cs__list__item .cs__list__item__tags li{color:#fff;font-family:DIN,sans-serif;font-size:20px;font-weight:100;line-height:16px;text-transform:uppercase}.cs__list .cs__list__item .cs__list__item__tags li:after{content:","}.cs__list .cs__list__item .cs__list__item__tags li:last-of-type:after{content:""}@media (min-width: 1600px){.cs__list .cs__list__item .cs__list__item__tags li{font-size:25px;line-height:30px}}.cs__list__item__wrapper{display:grid}.cs__list__item__wrapper .cs__list__item__img{grid-area:1/1;width:100%;height:101%}.cs__list__item__wrapper .cs__list__item__overlay{display:grid;grid-area:1/1;padding:0;position:relative;place-items:center;text-decoration:none;transition:all .25s ease;width:100%;height:101%}.cs__list__item__wrapper .cs__list__item__overlay:hover{cursor:pointer;background-color:#000000bf}.cs__list__item__wrapper .cs__list__item__overlay:hover .cs__list__item__highlight{transition:opacity .25s .125s ease;opacity:1}.cs__list__item__wrapper .cs__list__item__overlay .cs__list__item__highlight{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .25s ease}.cs__list__item__wrapper .cs__list__item__overlay .cs__list__item__content{position:relative;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-end;gap:16px;margin:0;padding:33.5px;align-content:flex-end;top:0;width:100%;height:100%}@media (min-width: 1280px) and (max-width: 1599px){.cs__list__item__wrapper .cs__list__item__overlay .cs__list__item__content{padding:42px}}@media (min-width: 1600px){.cs__list__item__wrapper .cs__list__item__overlay .cs__list__item__content{gap:24px;padding:52.5px}}