.homepage_case_grid{padding:112px 0;background-color:#f6f6f6}@media only screen and (max-width:834px){.homepage_case_grid{padding:72px 0}}.homepage_case_grid__label{margin-bottom:40px;border-color:rgba(16,16,18,.1)}@media only screen and (max-width:834px){.homepage_case_grid__label{margin-bottom:32px}}.homepage_case_grid__head{margin-bottom:80px}@media only screen and (max-width:1024px){.homepage_case_grid__head{margin-bottom:72px}}@media only screen and (max-width:834px){.homepage_case_grid__head{margin-bottom:64px}}@media only screen and (max-width:640px){.homepage_case_grid__head{margin-bottom:56px}}.homepage_case_grid__head__inner{gap:32px}@media only screen and (max-width:834px){.homepage_case_grid__head__inner{flex-direction:column;gap:16px}}.homepage_case_grid__head_content,.homepage_case_grid__title{max-width:592px;flex:1 0 calc(50% - 16px)}.homepage_case_grid__subtitle{margin-bottom:28px}@media only screen and (max-width:640px){.homepage_case_grid__subtitle{margin-bottom:0}}@media only screen and (max-width:640px){.homepage_case_grid__button.desktop{display:none}}.homepage_case_grid__button.mobile{display:none}@media only screen and (max-width:640px){.homepage_case_grid__button.mobile{margin:24px auto 0;display:flex}}.homepage_case_grid__cases{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media only screen and (max-width:834px){.homepage_case_grid__cases{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:640px){.homepage_case_grid__cases{grid-template-columns:1fr}}.homepage_case_grid__case{padding:24px;background-color:#fff;position:relative;overflow:hidden;transition:all ease-in-out .35s}.homepage_case_grid__case:nth-child(5n+2){grid-column:span 2;gap:16px}@media only screen and (max-width:834px){.homepage_case_grid__case:nth-child(5n+2){gap:32px;order:-1;flex-direction:column-reverse}}@media only screen and (max-width:640px){.homepage_case_grid__case:nth-child(5n+2){grid-column:1}}.homepage_case_grid__case:nth-child(5n+2) .homepage_case_grid__case_top{justify-content:space-between;align-items:flex-start;height:auto}@media only screen and (max-width:640px){.homepage_case_grid__case:nth-child(5n+2) .homepage_case_grid__case_top{margin-bottom:0;flex-direction:column;gap:64px}}.homepage_case_grid__case:nth-child(5n+2) .homepage_case_grid__case_top picture{margin-left:auto}.homepage_case_grid__case:nth-child(5n+2) .homepage_case_grid__case_logo{padding:4px;max-height:32px;width:auto}@media only screen and (max-width:640px){.homepage_case_grid__case:nth-child(5n+2) .homepage_case_grid__case_logo{padding:0;max-width:100px}}@media only screen and (max-width:834px){.homepage_case_grid__case:nth-child(5n+2) .homepage_case_grid__case_logo.desktop{display:none}}.homepage_case_grid__case:nth-child(5n+2) .homepage_case_grid__case_logo.mobile{display:none}@media only screen and (max-width:834px){.homepage_case_grid__case:nth-child(5n+2) .homepage_case_grid__case_logo.mobile{display:block}}.homepage_case_grid__case:nth-child(5n+2) .homepage_case_grid__case_content{border-top-color:rgba(255,255,255,.2)}@media only screen and (max-width:834px){.homepage_case_grid__case:nth-child(5n+2) .homepage_case_grid__case_content{align-items:flex-start;padding-top:0;padding-bottom:24px;border-top:0;border-bottom:1px solid rgba(255,255,255,.2)}}.homepage_case_grid__case:nth-child(5n+2) :not(a){color:#fff}.homepage_case_grid__case:hover{transform:scale(1.035);box-shadow:0 4.16px 41.6px 0 rgba(17,16,27,.1)}.homepage_case_grid__case:hover .homepage_case_grid__case_button{transform:rotate(-45deg)}.homepage_case_grid__case_link{flex-shrink:0}@media only screen and (max-width:834px){.homepage_case_grid__case_link.desktop{display:none}}.homepage_case_grid__case_link.mobile{display:none}@media only screen and (max-width:834px){.homepage_case_grid__case_link.mobile{display:flex}}.homepage_case_grid__case_background{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;z-index:0;pointer-events:none}.homepage_case_grid__case_top{margin-bottom:16px;padding:8px;display:flex;align-items:center;gap:16px;justify-content:center;height:200px;z-index:2;position:relative}.homepage_case_grid__case_logo{max-height:70px}@media only screen and (max-width:576px){.homepage_case_grid__case_quote{font-size:18px}}.homepage_case_grid__case_quote-wrap{max-width:520px;gap:12px;display:none}.homepage_case_grid__case_quote-wrap.visible{display:flex}.homepage_case_grid__case_content{margin-top:auto;padding-top:23px;gap:20px;border-top:1px solid rgba(16,16,18,.1);position:relative;z-index:2}.homepage_case_grid__case_content__inner{gap:4px}@media only screen and (max-width:576px){.homepage_case_grid__case_position{font-size:14px}}.homepage_case_grid__case_button{cursor:pointer;transition:all ease-in-out .35s}.homepage_case_grid__case_popup-button{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:3}.homepage_case_grid__popup{position:fixed;top:0;width:100%;right:0;bottom:0;opacity:0;pointer-events:none;visibility:hidden;transition:opacity ease-in-out .35s;will-change:opacity,transform;z-index:-1}.homepage_case_grid__popup *{pointer-events:none}.homepage_case_grid__popup:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(16,16,18,.6);opacity:0;transition:all ease-in-out .3s;z-index:5}.homepage_case_grid__popup.open{opacity:1;pointer-events:auto;visibility:visible;z-index:250}.homepage_case_grid__popup.open *{pointer-events:auto}.homepage_case_grid__popup.open:before{opacity:1}.homepage_case_grid__popup__wrapper{padding:4rem 0;width:100%;height:100%;display:flex;overflow-x:clip;overflow-y:auto;position:relative;z-index:6}.homepage_case_grid__popup__inner{margin:auto;width:calc(100% - 40px);max-width:1216px;background-color:#fff;overflow:hidden;position:relative}@media only screen and (max-width:834px){.homepage_case_grid__popup__inner{flex-direction:column}}.homepage_case_grid__popup__close{width:40px;height:40px;border-radius:100px;background:rgba(0,0,0,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}@media only screen and (max-width:834px){.homepage_case_grid__popup__close{background:rgba(0,0,0,.7);position:absolute;top:24px;right:24px}}@media only screen and (max-width:834px){.homepage_case_grid__popup__close path{fill:#fff}}.homepage_case_grid__popup__media{max-width:560px;width:46%;position:relative}@media only screen and (max-width:834px){.homepage_case_grid__popup__media{width:100%;max-width:none;aspect-ratio:181/202}}@media only screen and (max-width:834px){.homepage_case_grid__popup__media:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(255,255,255,0) 24%)}}.homepage_case_grid__popup__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.homepage_case_grid__popup__content{width:54%;max-width:656px;padding:28px}@media only screen and (max-width:834px){.homepage_case_grid__popup__content{padding:24px;width:100%;max-width:none}}.homepage_case_grid__popup__head{margin-bottom:48px}@media only screen and (max-width:834px){.homepage_case_grid__popup__head{margin-bottom:20px;align-items:center}}.homepage_case_grid__popup__head_logo{max-height:40px}@media only screen and (max-width:834px){.homepage_case_grid__popup__head_logo{max-width:150px}}@media only screen and (max-width:834px){.homepage_case_grid__popup__body{display:flex;flex-direction:column-reverse}}.homepage_case_grid__popup__link{margin-top:auto}.homepage_case_grid__popup__quote{font-size:20px;font-weight:500}@media only screen and (max-width:834px){.homepage_case_grid__popup__quote{font-size:18px}}@media only screen and (max-width:576px){.homepage_case_grid__popup__quote{font-size:16px}}.homepage_case_grid__popup__quote-wrap{padding-bottom:28px;gap:12px}@media only screen and (max-width:834px){.homepage_case_grid__popup__quote-wrap{margin-bottom:40px;padding-bottom:0}}.homepage_case_grid__popup__quote-wrap:last-child{margin-bottom:0}.homepage_case_grid__popup__quote-wrap path{fill:rgba(0,0,0,.3)}.homepage_case_grid__popup__info{padding-top:29px;position:relative}@media only screen and (max-width:834px){.homepage_case_grid__popup__info{margin-bottom:20px;padding-top:0;padding-bottom:21px}}.homepage_case_grid__popup__info:before{content:"";position:absolute;width:88px;top:0;left:0;height:1px;background-color:rgba(16,16,18,.1)}@media only screen and (max-width:834px){.homepage_case_grid__popup__info:before{top:auto;bottom:0}}.homepage_case_grid__popup__name{margin-bottom:4px}.homepage_case_grid__popup__position{text-transform:uppercase;color:rgba(0,0,0,.5)}
/*# sourceMappingURL=homepage_case_grid.css.map */
