.CaseStudyModal_dialog__vYE8J{width:100%;max-width:761px}.CaseStudyModal_content__UIpN1{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"header image" "body image" "buttons image";column-gap:20px;row-gap:20px;padding:32px;min-height:402.5px;font-family:Helvetica,Arial,sans-serif;color:#1d1d1d}.CaseStudyModal_header__6d2JB{grid-area:header;display:flex;align-items:flex-start;gap:4px}.CaseStudyModal_name__f4oAR{margin:0;overflow-wrap:anywhere;font-size:20px;font-weight:700;line-height:19px;text-transform:uppercase;color:#000}.CaseStudyModal_arrow__X_jxk{flex:0 0 17px;width:17px;height:17px}.CaseStudyModal_imageWrap__vfu7k{position:relative;grid-area:image;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid #a8a9b2;border-radius:20px}.CaseStudyModal_imageWrap__vfu7k img{object-fit:cover;object-position:var(--case-study-modal-media-position,50% 50%)}.CaseStudyModal_body__egciM{grid-area:body;display:flex;flex-direction:column;gap:8px}.CaseStudyModal_headline__jtsBq{margin:0;font-size:20px;font-weight:400;line-height:normal;text-transform:uppercase;color:#000}.CaseStudyModal_description__9lUmk{margin:0;display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:normal;color:#717188}.CaseStudyModal_tags__RoOMu{display:flex;align-items:flex-start;gap:8px}.CaseStudyModal_tag__x4YF2{padding:2px 8px;border:1px solid;border-radius:40px;font-size:14px;font-weight:400;line-height:16px;text-transform:uppercase}.CaseStudyModal_tagOptimize__DLTKy{color:#b330d7}.CaseStudyModal_tagGrow__dgFvc{color:#0bc0a2}.CaseStudyModal_buttons__4D_p5{grid-area:buttons;display:flex;align-self:end;gap:10px}.CaseStudyModal_button__bE7fH{display:flex;align-items:center;justify-content:center;height:36px;padding:8px 16px;border-radius:8px;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;text-decoration:none;cursor:pointer}.CaseStudyModal_viewCaseStudy__hkNLl{background:#fff;border:1px solid #cacbd4;color:#1d1d1d}.CaseStudyModal_close__Af9_L{background:#1d1d1d;border:none;color:#fff}@media (max-width:819px){.CaseStudyModal_content__UIpN1{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;grid-template-areas:"header" "image" "body" "buttons";height:100%;padding:32px 16px}.CaseStudyModal_button__bE7fH{flex:1;height:40px;padding:10px 16px;font-size:16px}}.CaseStudyModal_dialog__vYE8J.CaseStudyModal_sheet__3RTkT{border-radius:12px}.CaseStudyModal_grabZone__6JPTO,.CaseStudyModal_handle__wKRzL{display:none}@media (min-width:820px){.CaseStudyModal_productPods__uC0qc{height:420px;min-height:0;grid-template-rows:auto 1fr auto;row-gap:0}.CaseStudyModal_productPods__uC0qc .CaseStudyModal_body__egciM{align-self:center}.CaseStudyModal_productPods__uC0qc .CaseStudyModal_description__9lUmk{gap:0;line-height:19px}}@media (max-width:819px){.CaseStudyModal_dialog__vYE8J.CaseStudyModal_sheet__3RTkT{align-self:flex-end;max-width:none;height:653px;max-height:100%;overflow-y:auto;border-radius:12px 12px 0 0}.CaseStudyModal_productPods__uC0qc{display:flex;flex-direction:column;height:auto;min-height:100%}.CaseStudyModal_productPods__uC0qc>*{flex-shrink:0}.CaseStudyModal_handle__wKRzL{display:block;align-self:center;width:48px;height:6px;border-radius:100px;background:#f4f4f8}.CaseStudyModal_grabZone__6JPTO{display:block;position:absolute;top:0;right:0;left:0;height:58px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.CaseStudyModal_grabZone__6JPTO:active{cursor:grabbing}.CaseStudyModal_productPods__uC0qc .CaseStudyModal_imageWrap__vfu7k{aspect-ratio:auto;height:200px}.CaseStudyModal_productPods__uC0qc .CaseStudyModal_headline__jtsBq{line-height:23px}.CaseStudyModal_productPods__uC0qc .CaseStudyModal_description__9lUmk{gap:0;line-height:18px}.CaseStudyModal_productPods__uC0qc .CaseStudyModal_buttons__4D_p5{align-self:stretch;margin-top:auto}.CaseStudyModal_productPods__uC0qc .CaseStudyModal_close__Af9_L{flex:none}}@keyframes CaseStudyModal_sheetEnter__G7ko1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes CaseStudyModal_backdropEnter__vsD64{0%{opacity:0}to{opacity:1}}@media (max-width:819px) and (prefers-reduced-motion:no-preference){.CaseStudyModal_dialog__vYE8J.CaseStudyModal_sheet__3RTkT{animation:CaseStudyModal_sheetEnter__G7ko1 .2s ease-out both}.modal-backdrop:has(+.CaseStudyModal_sheet__3RTkT){animation:CaseStudyModal_backdropEnter__vsD64 .2s ease-out backwards}}