.dwm-case{isolation:isolate;overflow:clip}.dwm-case:has(.dwm-case__journey){padding-bottom:clamp(2.5rem,1.75rem + 2.5vw,4rem)}.dwm-case__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(45% 40% at 25% 30%,rgb(var(--dwm-indigo-rgb) / .16),transparent 70%),radial-gradient(40% 30% at 15% 85%,rgb(var(--dwm-indigo-rgb) / .1),transparent 70%)}.dwm-case__grid{display:grid;gap:clamp(2.5rem,2rem + 2vw,3.5rem)}@media screen and (min-width:700px)and (max-width:999px){.dwm-case__media{max-width:38rem}}@media screen and (min-width:1000px){.dwm-case__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(3rem,0rem + 5vw,6rem)}}.dwm-case__media{position:relative;margin-bottom:8%}.dwm-case__browser{width:90%}.dwm-case__phone{position:absolute;z-index:2;right:0;bottom:-8%;width:27%}@media screen and (min-width:1000px){.dwm-case__browser{width:86%}.dwm-case__phone{width:22%}}.dwm-case__phone--device .dwm-phone{box-shadow:0 0 0 3px rgb(var(--dwm-bg-rgb)),inset 0 0 0 1px rgb(var(--dwm-white-rgb) / .24),inset 0 0 0 2.5px rgb(var(--dwm-black-rgb) / .55),0 30px 60px -22px rgb(var(--dwm-black-rgb) / .75)}.dwm-case__phone--fill .dwm-phone__screen{background-color:var(--dwm-case-phone-fill)}.dwm-case__phone--fill .dwm-phone__image{object-fit:contain;object-position:top center}.dwm-case__content{display:flex;flex-direction:column;gap:clamp(1.5rem,1.3rem + .8vw,2rem)}.dwm-case__content .dwm-section-heading__title{max-width:17em;font-size:var(--dwm-text-h2-compact);line-height:1.08}.dwm-case__services{display:flex;flex-wrap:wrap;gap:var(--dwm-space-2);margin:0;padding:0;list-style:none}.dwm-case__services>li{padding:.3125rem .8125rem;border:1px solid var(--dwm-border-color);border-radius:var(--dwm-radius-pill);color:rgb(var(--dwm-fg-muted-rgb));font-size:var(--dwm-text-small);line-height:1.4;transition:border-color var(--dwm-duration-fast) var(--dwm-ease),background-color var(--dwm-duration-fast) var(--dwm-ease),box-shadow var(--dwm-duration-fast) var(--dwm-ease),color var(--dwm-duration-fast) var(--dwm-ease),transform var(--dwm-duration-fast) var(--dwm-ease)}@media(hover:hover){.dwm-case__services>li:hover{border-color:rgb(var(--dwm-blue-rgb) / .45);background-color:rgb(var(--dwm-white-rgb) / .04);box-shadow:0 6px 18px -8px rgb(var(--dwm-indigo-rgb) / .55);color:rgb(var(--dwm-fg-rgb));transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.dwm-case__services>li{transition:none}.dwm-case__services>li:hover{transform:none}}.dwm-case__review{display:grid;gap:var(--dwm-space-3);margin:0;padding-inline-start:clamp(1.25rem,1rem + 1vw,1.75rem);border-inline-start:2px solid rgb(var(--dwm-accent-rgb) / .6)}.dwm-case__rating{margin:0}.dwm-case__stars{display:inline-flex;gap:.125rem;color:rgb(var(--dwm-fg-rgb))}.dwm-case__quote{margin:0;padding:0;border:0;font-family:var(--dwm-font-body);font-size:var(--dwm-text-body-lg);font-style:normal;line-height:1.55}.dwm-case__quote p{margin:0}.dwm-case__source{color:rgb(var(--dwm-fg-muted-rgb));font-size:var(--dwm-text-small)}.dwm-case__journey{--dwm-case-dot: .6875rem;--dwm-case-line: 1px;--dwm-journey-gap: clamp(2.5rem, 1.75rem + 2.5vw, 4rem);--dwm-journey-pad: clamp(1.25rem, .9rem + 1.5vw, 2.5rem);position:relative;display:grid;gap:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);margin-top:var(--dwm-journey-gap);padding:var(--dwm-journey-pad);border:1px solid var(--dwm-border-color);border-radius:var(--dwm-radius-lg);background:linear-gradient(180deg,rgb(var(--dwm-white-rgb) / .035),rgb(var(--dwm-white-rgb) / .01))}@media(max-resolution:.999dppx){.dwm-case__journey{--dwm-case-line: 1.375px}}@media(max-resolution:.749dppx){.dwm-case__journey{--dwm-case-line: 2.03125px}}@media(max-resolution:.499dppx){.dwm-case__journey{--dwm-case-line: 2.6875px}}@media(resolution:.9dppx){.dwm-case__journey{--dwm-case-line: calc(1px / .9 + .01px)}}@media(resolution:.8dppx){.dwm-case__journey{--dwm-case-line: 1.26px}}@media(resolution:.75dppx){.dwm-case__journey{--dwm-case-line: calc(1px / .75 + .01px)}}@media(resolution:.67dppx){.dwm-case__journey{--dwm-case-line: calc(1px / .67 + .01px)}}@media(resolution:.5dppx){.dwm-case__journey{--dwm-case-line: 2.01px}}.dwm-case__thread{position:absolute;top:calc(-1 * var(--dwm-journey-gap) - 1px);left:calc(var(--dwm-journey-pad) + var(--dwm-case-dot) / 2);width:var(--dwm-case-line);height:var(--dwm-journey-gap);translate:calc(var(--dwm-case-line) / -2) 0;background:linear-gradient(to bottom,transparent,rgb(var(--dwm-blue-rgb) / .7));transform-origin:top}.dwm-case__thread:after{content:"";position:absolute;bottom:-3px;left:calc(var(--dwm-case-line) / 2 - 3px);width:6px;height:6px;border:1px solid rgb(var(--dwm-blue-rgb));border-radius:50%;background-color:rgb(var(--dwm-bg-rgb))}.dwm-case__journey-head{display:grid;gap:var(--dwm-space-2)}.dwm-case__journey-eyebrow{margin:0;color:rgb(var(--dwm-accent-rgb));font-size:var(--dwm-text-label);font-weight:var(--dwm-weight-ui);letter-spacing:var(--dwm-tracking-label);line-height:1.4;text-transform:uppercase}.dwm-case__journey-title{margin:0;font-family:var(--dwm-font-heading);font-size:var(--dwm-text-h4);font-weight:var(--dwm-weight-heading);letter-spacing:-.01em;line-height:1.25}.dwm-case__journey-text{max-width:40rem;margin:0;color:rgb(var(--dwm-fg-muted-rgb));font-size:var(--dwm-text-small);line-height:1.6}@media screen and (min-width:1000px){.dwm-case__journey-head{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(2rem,0rem + 4vw,5rem);align-items:end}.dwm-case__journey-text{grid-column:2;grid-row:1 / span 2;align-self:end}}.dwm-case__rail{position:relative}.dwm-case__rail-line{position:absolute;top:.5rem;bottom:.5rem;left:calc((var(--dwm-case-dot) - var(--dwm-case-line)) / 2);width:var(--dwm-case-line);background:linear-gradient(to bottom,rgb(var(--dwm-blue-rgb) / .25),rgb(var(--dwm-blue-rgb) / .8) 85%,rgb(var(--dwm-green-rgb)));transform-origin:top}.dwm-case__steps{display:grid;gap:var(--dwm-space-4);margin:0;padding:0;list-style:none}.dwm-case__step{position:relative;display:grid;align-content:start;gap:var(--dwm-space-1);padding-inline-start:2rem}.dwm-case__step-dot{position:absolute;top:.3125rem;left:0;width:var(--dwm-case-dot);height:var(--dwm-case-dot);border:2px solid rgb(var(--dwm-blue-rgb));border-radius:50%;background-color:rgb(var(--dwm-bg-rgb))}.dwm-case__step--goal .dwm-case__step-dot{border-color:rgb(var(--dwm-green-rgb));background-color:rgb(var(--dwm-green-rgb));box-shadow:0 0 0 4px rgb(var(--dwm-green-rgb) / .18),0 0 16px rgb(var(--dwm-green-rgb) / .45)}.dwm-case__step-label{font-family:var(--dwm-font-heading);font-size:1rem;font-weight:var(--dwm-weight-heading);letter-spacing:-.01em;line-height:1.3}.dwm-case__step-year{color:rgb(var(--dwm-accent-rgb));font-size:var(--dwm-text-small);font-weight:var(--dwm-weight-ui);font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.4}.dwm-case__step-text{color:rgb(var(--dwm-fg-muted-rgb));font-size:var(--dwm-text-small);line-height:1.5}@media screen and (min-width:1000px){.dwm-case__rail-line{top:calc((var(--dwm-case-dot) - var(--dwm-case-line)) / 2);bottom:auto;left:0;right:0;width:auto;height:var(--dwm-case-line);background:linear-gradient(90deg,rgb(var(--dwm-blue-rgb) / .25),rgb(var(--dwm-blue-rgb) / .8) 85%,rgb(var(--dwm-green-rgb)));transform-origin:left}.dwm-case__steps{grid-template-columns:repeat(var(--dwm-steps, 6),minmax(0,1fr));gap:var(--dwm-space-6)}.dwm-case__step{padding-inline-start:0;padding-top:2rem}.dwm-case__step-dot{top:0}}.dwm-motion-ready .dwm-case__thread{transition:transform .7s var(--dwm-ease),opacity var(--dwm-duration-normal) var(--dwm-ease)}.dwm-motion-ready .dwm-case__thread:not(.is-revealed){transform:scaleY(0)}.dwm-motion-ready .dwm-case__rail-line{transition:transform 1.4s var(--dwm-ease) .15s,opacity .4s var(--dwm-ease)}.dwm-motion-ready .dwm-case__rail-line:not(.is-revealed){transform:scaleY(0)}@media screen and (min-width:1000px){.dwm-motion-ready .dwm-case__rail-line:not(.is-revealed){transform:scaleX(0)}}@supports (animation-timeline: view()){@media screen and (min-width:1000px)and (prefers-reduced-motion:no-preference){.dwm-motion-ready .dwm-case--motion .dwm-case__phone{animation:dwm-case-float linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}@keyframes dwm-case-float{0%{transform:translate3d(0,32px,0)}to{transform:translate3d(0,-32px,0)}}.dwm-case--compact:has(.dwm-case__journey){padding-bottom:clamp(2rem,1.5rem + 1.5vw,3rem)}.dwm-case--compact .dwm-case__media:not(:has(.dwm-case__phone)){margin-bottom:0}.dwm-case--compact .dwm-case__content{gap:clamp(1rem,.85rem + .5vw,1.375rem)}.dwm-case--compact .dwm-case__content .dwm-section-heading{gap:var(--dwm-space-3)}.dwm-case--compact .dwm-case__content .dwm-section-heading__text>*+*{margin-top:var(--dwm-space-3)}.dwm-case--compact .dwm-case__review{gap:var(--dwm-space-2)}.dwm-case--compact .dwm-case__journey{--dwm-journey-gap: clamp(1.75rem, 1.4rem + 1.2vw, 2.5rem);--dwm-journey-pad: clamp(1rem, .8rem + 1vw, 1.75rem);gap:clamp(1.25rem,1rem + .8vw,1.75rem)}.dwm-case--compact{padding-top:var(--dwm-section-space-compact)}@media screen and (min-width:1000px){.dwm-case--compact .dwm-case__grid{grid-template-columns:minmax(0,11fr) minmax(0,12fr);gap:clamp(2.5rem,0rem + 4vw,4.5rem)}.dwm-case--compact .dwm-case__browser{width:100%}}.dwm-case--compact .dwm-case__content .dwm-section-heading__text{max-width:none}.dwm-case__review--compact{gap:var(--dwm-space-2);justify-items:start}.dwm-case__review--compact .dwm-case__rating{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dwm-space-1) var(--dwm-space-3)}.dwm-case__rating-label{color:rgb(var(--dwm-fg-muted-rgb));font-size:var(--dwm-text-small);font-weight:var(--dwm-weight-ui)}.dwm-case--compact:has(.dwm-case__review--compact) .dwm-case__content .dwm-section-heading__text>*+*{margin-top:var(--dwm-space-2)}@media screen and (min-width:1000px){.dwm-case--media-large.dwm-case .dwm-case__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dwm-case--media-large .dwm-case__media:has(.dwm-case__phone){margin-bottom:18%}.dwm-case--media-large .dwm-case__phone{top:52%;bottom:auto;width:24%}.dwm-case--media-large .dwm-case__services{gap:.375rem}.dwm-case--media-large .dwm-case__services>li{padding:.1875rem .625rem}}@media screen and (max-width:999px)and (min-height:560px){.dwm-case--sticky-mobile{--dwm-case-sticky-gap: clamp(.75rem, .5rem + 1vw, 1.25rem);--dwm-case-sticky-fade: 2.5rem}.dwm-case--sticky-mobile .dwm-case__media{position:sticky;z-index:3;top:calc(var(--dwm-header-height, 0px) + var(--dwm-case-sticky-gap))}.dwm-case--sticky-mobile .dwm-case__media:before,.dwm-case--sticky-mobile .dwm-case__media:after{content:"";position:absolute;z-index:-1;left:calc(-1 * var(--dwm-gutter) - 1px);width:calc(100vw + 2px);pointer-events:none}.dwm-case--sticky-mobile .dwm-case__media:before{top:calc(-1 * var(--dwm-case-sticky-gap) - 1px);bottom:calc(-8% - var(--dwm-case-sticky-gap));background-color:rgb(var(--dwm-bg-rgb))}.dwm-case--sticky-mobile .dwm-case__media:after{top:calc(108% + var(--dwm-case-sticky-gap));height:var(--dwm-case-sticky-fade);background:linear-gradient(rgb(var(--dwm-bg-rgb)),rgb(var(--dwm-bg-rgb) / 0))}.dwm-case--sticky-mobile .dwm-case__content{position:relative;z-index:1;margin-bottom:calc(-1 * (var(--dwm-case-sticky-gap) + var(--dwm-case-sticky-fade) + 1rem))}.dwm-case--sticky-mobile .dwm-case__journey{margin-top:calc(var(--dwm-journey-gap) + var(--dwm-case-sticky-gap) + var(--dwm-case-sticky-fade) + 1rem)}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/dwm-featured-case.css.map */