.case-study{background:var(--primary_background);color:var(--primary_text)}.case-study__inner{display:flex;flex-direction:column;gap:40px}.case-study__hero{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}.case-study__intro{display:flex;flex-direction:column;gap:12px;max-width:34rem}.case-study__label{letter-spacing:.08em;text-transform:uppercase;opacity:.55}.case-study__subtitle{font-weight:400;opacity:.85}.case-study__meta{opacity:.55}.case-study__rule{width:48px;height:1px;margin:8px 0 4px;background:currentColor;opacity:.25}.case-study__text{color:var(--secondary_text, var(--primary_text));max-width:38ch}.case-study__cta{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-top:8px;color:inherit;text-decoration:underline;text-underline-offset:4px}.case-study__cta:hover{opacity:.7}.case-study__media{min-width:0}.case-study__media-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:260px;padding:24px 8px 48px;overflow:visible;isolation:isolate}.case-study__shape{position:absolute;top:6%;right:0;bottom:10%;left:6%;z-index:0;pointer-events:none;color:var(--case-study-accent, #DCE3E8);display:flex;align-items:center;justify-content:center}.case-study__shape:empty{display:none}.case-study__shape-svg,.case-study__shape-img{display:block;width:100%;height:100%;max-width:520px;object-fit:contain}.case-study__shape-svg{overflow:visible}.case-study__laptop,.case-study__phone,.case-study__live,.case-study__media-placeholder{position:relative;z-index:1}.case-study__laptop{width:min(100%,560px);aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 18px 50px #1a1a1a24}.case-study__laptop-img,.case-study__phone-img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.case-study__device-video{display:block;position:relative;width:100%;height:100%}.case-study__device-video-el,.case-study__device-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center}.case-study__laptop .case-study__device-video-el,.case-study__laptop .case-study__device-poster,.case-study__laptop .case-study__laptop-img,.case-study__phone .case-study__device-video-el,.case-study__phone .case-study__device-poster,.case-study__phone .case-study__phone-img{object-fit:contain;object-position:top center;background:#fff}.case-study__device-video:has(.case-study__device-poster) .case-study__device-video-el{opacity:0;transition:opacity .35s ease}.case-study__device-video.is-playing .case-study__device-video-el{opacity:1}.case-study__device-video.is-playing .case-study__device-poster{opacity:0;pointer-events:none;transition:opacity .35s ease}.case-study__phone{position:absolute;right:-2%;bottom:-28px;width:min(28%,132px);aspect-ratio:9 / 16;border-radius:20px;overflow:hidden;background:#111;box-shadow:0 14px 34px #1a1a1a2e;border:2px solid #1a1a1a;z-index:2}.case-study__live{position:absolute;top:18%;right:0;display:inline-flex;align-items:center;gap:6px;padding:4px 0;opacity:.8;z-index:2}.case-study__live-dot{width:7px;height:7px;border-radius:50%;background:#2f9e6b;box-shadow:0 0 0 3px #2f9e6b2e}.case-study__media-placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:220px;border-radius:20px;background:var(--case-study-accent, #DCE3E8);opacity:.8}.case-study__columns{display:grid;grid-template-columns:1fr;gap:28px;padding-top:32px;border-top:1px solid rgba(26,26,26,.12)}.case-study-column{display:flex;flex-direction:column;gap:10px;min-width:0}.case-study-column__label{letter-spacing:.06em;text-transform:uppercase;opacity:.5}.case-study-column__title{font-weight:500}.case-study-column__text{color:var(--secondary_text, var(--primary_text))}.case-study-column__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.case-study-column__list li{position:relative;padding-left:14px;color:var(--secondary_text, var(--primary_text))}.case-study-column__list li:before{content:"\2013";position:absolute;left:0;top:0;opacity:.55}@media screen and (min-width:768px){.case-study__inner{gap:56px}.case-study__hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px;align-items:center}.case-study__media-stage{min-height:380px;padding:32px 16px 64px}.case-study__laptop{width:min(100%,600px)}.case-study__phone{right:-4%;bottom:-40px;width:min(24%,140px)}.case-study__columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-top:40px}.case-study-column{padding:0 24px}.case-study-column:first-child{padding-left:0}.case-study-column:last-child{padding-right:0}.case-study-column:not(:first-child){border-left:1px solid rgba(26,26,26,.12)}}@media(prefers-reduced-motion:reduce){.case-study__device-video-el{display:none}.case-study__device-poster{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/case-study.css.map */