.case-hero{padding-top:var(--hs-size-6);padding-bottom:var(--hs-size-9);padding-inline:var(--hs-container-inline)}.case-hero__inner{--case-col: 710px;width:100%;max-width:var(--hs-container-max);margin-inline:auto;display:flex;flex-direction:column;align-items:flex-start;gap:0}.case-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--case-col)) minmax(0,1fr);grid-template-areas:"back head ." "role head ." "role summary .";grid-template-rows:auto 1fr auto;width:100%}.case-intro__head{grid-area:head;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.case-role{grid-area:role;align-self:start;display:flex;flex-direction:column;gap:var(--hs-size-5);max-width:min(173px,calc(100% - 24px));margin-top:var(--hs-size-7);color:var(--hs-neutrals-600)}.case-role__avatar{display:block;width:40px;height:40px;border-radius:50%}.case-role__text{display:flex;flex-direction:column;gap:var(--hs-size-3)}.case-role__heading{font-family:var(--hs-font-body);font-weight:var(--hs-text-section-weight);font-size:var(--hs-text-h4-size);line-height:var(--hs-text-h4-line);letter-spacing:-.256px}.case-role__body{font-family:var(--hs-font-serif);font-size:16px;line-height:22px}.case-back{grid-area:back;justify-self:start;align-self:start;display:inline-flex;align-items:center;gap:4px;padding-block:4px;font-family:var(--hs-font-body);font-weight:500;font-size:var(--hs-text-b1-size);line-height:var(--hs-text-b1-line);color:var(--hs-blue-400);transition:opacity var(--transition-base)}.case-back:hover{opacity:.7}.case-back__icon-box{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.case-back__icon{width:12.2px;height:10.2px;display:block}.case-hero__client-logo-box{display:block;position:relative;width:78.071px;height:24px;flex-shrink:0}.case-hero__client-logo-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.case-hero__title{font-family:var(--hs-font-body);font-weight:700;font-size:44px;line-height:52px;letter-spacing:-.02em;color:var(--hs-neutrals-900);max-width:100%;margin-top:var(--hs-size-7)}.case-meta{display:flex;flex-wrap:wrap;gap:var(--hs-size-4);list-style:none;margin-top:var(--hs-size-5)}.case-meta__item{display:flex;align-items:center;gap:4px;background-color:var(--hs-chip-bg);color:var(--hs-pastel-500);font-family:var(--hs-font-body);font-weight:600;font-size:12px;line-height:16px;padding:6px var(--hs-size-3);border-radius:var(--hs-radius-2);white-space:nowrap}.case-meta__icon{width:16px;height:16px}.case-summary{grid-area:summary;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hs-size-3) var(--hs-size-7);padding-block:var(--hs-size-6);border-top:.5px solid var(--hs-neutrals-400);border-bottom:.5px solid var(--hs-neutrals-400);margin-top:var(--hs-size-8);color:var(--hs-neutrals-600);min-width:0}.case-summary__card{display:flex;flex-direction:column;gap:var(--hs-size-3);min-width:0}.case-summary__heading{font-family:var(--hs-font-body);font-weight:var(--hs-text-section-weight);font-size:var(--hs-text-h4-size);line-height:var(--hs-text-h4-line);letter-spacing:-.256px}.case-summary__body{font-family:var(--hs-font-serif);font-size:16px;line-height:22px;letter-spacing:-.32px}.case-gallery{display:flex;flex-direction:column;gap:var(--hs-size-4);width:100%}.case-gallery__frame{position:relative;width:100%;aspect-ratio:1192 / 613;padding:40px 120px;border-radius:var(--hs-radius-card);overflow:hidden;background-color:var(--hs-bg-base)}.case-gallery__bg-wrap{position:absolute;inset:0;overflow:hidden}.case-gallery__bg-img{position:absolute;left:-16.03%;top:-.03%;width:283.12%;height:178.97%;max-width:none}.case-gallery__mockups{position:relative;display:flex;align-items:center;gap:var(--hs-size-8);width:100%;height:100%}.case-gallery__mockup-col{display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:9px;height:100%}.case-gallery__mockup-slot{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;width:100%}.phone-mockup__screen{display:block;width:auto;height:auto;max-width:100%;max-height:100%;border-radius:28px;object-fit:cover;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.case-gallery__mockup-label{width:auto;white-space:nowrap;flex-shrink:0;text-align:center;color:var(--hs-neutrals-white);font-family:var(--hs-font-body);font-size:var(--hs-text-p3-size);line-height:var(--hs-text-p3-line)}@media(max-width:1024px){.case-gallery__mockup-label{font-size:8px}}.case-gallery--overlay .case-gallery__bg-wrap:after{content:"";position:absolute;inset:0;background-color:#0003}.case-caption{width:100%;max-width:var(--case-col);margin-inline:auto;font-family:var(--hs-font-serif);font-style:italic;font-size:14px;line-height:20px;color:var(--hs-neutrals-600)}.case-highlights{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--hs-size-5) var(--hs-size-6);width:100%;max-width:var(--case-col);padding-block:var(--hs-size-6);border-top:.5px solid var(--hs-neutrals-400);border-bottom:.5px solid var(--hs-neutrals-400)}.case-highlight{display:flex;flex-direction:column;gap:var(--hs-size-3);min-width:0}.case-highlight__stat{font-family:var(--hs-font-body);font-weight:var(--hs-text-section-weight);font-size:var(--hs-text-h1-size);line-height:var(--hs-text-h1-line);letter-spacing:var(--hs-text-h1-tracking);color:var(--hs-neutrals-800)}.case-highlight__label{font-family:var(--hs-font-serif);font-size:16px;line-height:22px;letter-spacing:-.32px;color:var(--hs-neutrals-600)}.case-steps-figure{display:flex;flex-direction:column;gap:var(--hs-size-8);width:100%;max-width:var(--case-col)}.case-steps-figure__img{display:block;width:76%;height:auto;margin-inline:auto}.case-steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--hs-size-3) var(--hs-size-7);padding-top:var(--hs-size-6);border-top:.5px solid var(--hs-neutrals-400);color:var(--hs-neutrals-600);list-style:none}.case-mark{background-color:var(--hs-chip-bg);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone}.case-timeline{--chip-h: 28px;--line-y: 52px;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:var(--case-col);margin-block:var(--hs-size-3);list-style:none;color:var(--hs-neutrals-900)}.case-timeline-group{width:100%;max-width:var(--case-col)}.case-timeline__phase:before{content:"";position:absolute;left:0;right:0;top:calc(var(--line-y) - .75px);height:1.5px;background-color:var(--hs-neutrals-900)}.case-timeline__phase:first-child:before{left:calc(50% - var(--first-chip-half, 47.5px))}.case-timeline__phase:last-child:before{right:calc(50% - var(--last-chip-half, 42.5px))}.case-timeline__phase{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.case-timeline__chip{display:inline-flex;align-items:center;gap:6px;height:var(--chip-h);padding-inline:10px;border-radius:999px;background-color:var(--hs-neutrals-900);color:var(--hs-neutrals-white);font-family:var(--hs-font-body);font-weight:600;font-size:12px;line-height:1;white-space:nowrap}.case-timeline__chip-icon{width:18px;height:9px}.case-timeline__marker{position:absolute;left:50%;top:calc(var(--line-y) - 5px);width:1.5px;height:10px;background-color:var(--hs-neutrals-900);transform:translate(-50%)}.case-timeline__phase--current .case-timeline__marker{top:calc(var(--line-y) - 6px);width:12px;height:12px;border-radius:50%;background-color:var(--hs-blue-300)}.case-timeline--highlight .case-timeline__phase:not(.case-timeline__phase--dimmed):before{top:calc(var(--line-y) - 6px);height:12px;background:linear-gradient(var(--hs-neutrals-900),var(--hs-neutrals-900)) center / 100% 1.5px no-repeat,var(--hs-chip-bg)}.case-timeline__phase--dimmed{opacity:.3}.case-timeline-label{font-family:var(--hs-font-body);font-weight:var(--hs-text-section-weight);font-size:var(--hs-text-h4-size);line-height:var(--hs-text-h4-line);letter-spacing:-.256px;color:var(--hs-neutrals-600)}.case-process__body+.case-timeline-label{margin-top:var(--hs-size-6)}.case-timeline__note{width:50%;margin-top:48px;margin-left:calc((var(--note-col, 1) - 1) * 25%);font-family:var(--hs-font-serif);font-size:16px;line-height:24px;color:var(--hs-neutrals-800)}.case-timeline__steps,.case-timeline__outcome{margin-top:48px}.case-timeline__steps{list-style:none;font-family:var(--hs-font-serif);font-size:14px;line-height:21px}.case-timeline__outcome{max-width:120px;font-family:var(--hs-font-serif);font-weight:700;font-size:19px;line-height:23px}.case-annotated{display:flex;flex-direction:column;gap:var(--hs-size-4);width:100%;container-type:inline-size}.case-annotated__frame{position:relative;display:flex;justify-content:center;width:100%;aspect-ratio:1192 / 613;padding-block:40px;border-radius:var(--hs-radius-card);overflow:hidden;background-color:var(--hs-bg-base)}.case-annotated__frame--plain{background-color:var(--hs-bg-page);overflow:visible;min-height:0}.case-annotated__frame--plain .case-annotated__label{display:flex;flex-direction:column;align-items:center;font-size:12px;line-height:16px;color:var(--hs-neutrals-600)}.case-annotated__frame--plain .case-annotated__label-text{position:relative;z-index:1;padding:2px 10px;border-radius:var(--hs-radius-2);background-color:var(--hs-chip-bg);color:var(--hs-pastel-500);font-weight:600}.case-annotated__frame--plain .case-annotated__sublabel{margin-top:4px}.case-annotated__stage{position:relative;flex-shrink:0}.case-annotated__shot,.case-annotated__pin{position:relative}.case-annotated__num{display:none}.case-annotated__frame--compare{gap:64px}.case-annotated__frame--compare .case-annotated__stage:has(.case-annotated__note--right){margin-right:calc(var(--note-w, 200px) + clamp(20px,3vw,40px))}.case-annotated__frame--compare .case-annotated__stage:has(.case-annotated__note--left){margin-left:calc(var(--note-w, 200px) + clamp(20px,3vw,40px))}@media(max-width:1100px){.case-annotated__frame--compare:has(.case-annotated__note--left):has(.case-annotated__note--right){--note-w: 168px}}.case-annotated__stage--labelled{display:flex;flex-direction:column;align-items:center;gap:9px}.case-annotated__stage--labelled{--label-space: calc(var(--label-h, var(--hs-text-p3-line)) + 9px)}.case-annotated__stage--sublabelled{--label-h: calc(2 * var(--hs-text-p3-line))}.case-annotated__label{color:var(--hs-neutrals-white);font-family:var(--hs-font-body);font-size:var(--hs-text-p3-size);line-height:var(--hs-text-p3-line);text-align:center;white-space:nowrap}.case-annotated__sublabel{display:block}.case-annotated__screen{display:block;height:calc(100cqw * 613 / 1192 - 80px - var(--label-space, 0px));width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.case-annotated__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.case-annotated__lines line{stroke:var(--hs-neutrals-900);stroke-width:1px}.case-annotated__dot{position:absolute;width:8px;height:8px;border-radius:50%;background-color:var(--hs-neutrals-900);box-shadow:0 0 0 2px var(--hs-neutrals-white);transform:translate(-50%,-50%)}.case-annotated__box{position:absolute;border:1.5px solid var(--hs-neutrals-900);border-radius:var(--hs-radius-2);box-shadow:0 0 0 1.5px var(--hs-neutrals-white);transform:translate(-50%,-50%);pointer-events:none}.case-annotated__ring{position:absolute;width:var(--ring);aspect-ratio:1;border:1.5px solid var(--hs-neutrals-900);border-radius:50%;box-shadow:0 0 0 1.5px var(--hs-neutrals-white);transform:translate(-50%,-50%);pointer-events:none}.case-annotated__notes{list-style:none}.case-annotated__note{position:absolute;width:var(--note-w, 200px);transform:translateY(-50%);padding:var(--hs-size-4) var(--hs-size-5);border-radius:12px;background-color:var(--hs-neutrals-900);color:var(--hs-neutrals-white);font-family:var(--hs-font-body);font-weight:600;font-size:12px;line-height:16px;letter-spacing:-.015em}.case-annotated__note--left{right:115%}.case-annotated__note--right{left:115%}.case-annotated__note--above{transform:translateY(calc(-100% + 14px))}.case-annotated__note--below{transform:translateY(-14px)}.case-quotes{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--hs-size-6) var(--hs-size-8);padding-block:var(--hs-size-6);border-top:.5px solid var(--hs-neutrals-400);border-bottom:.5px solid var(--hs-neutrals-400);list-style:none}.case-process__body+.case-quotes{margin-top:var(--hs-size-5)}.case-quotes__item{display:flex;flex-direction:column;gap:var(--hs-size-4);min-width:0}.case-quotes__quote{font-family:var(--hs-font-serif);font-style:italic;font-size:17px;line-height:26px;color:var(--hs-neutrals-800)}.case-quotes__source{font-family:var(--hs-font-body);font-weight:600;font-size:12px;line-height:16px;color:var(--hs-neutrals-600)}.case-initiatives{width:100%;border-collapse:collapse;border-top:.5px solid var(--hs-neutrals-400);text-align:left}.case-process__body+.case-initiatives{margin-top:var(--hs-size-5)}.case-initiatives__head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.case-initiatives__row{border-bottom:.5px solid var(--hs-neutrals-400)}.case-initiatives__number,.case-initiatives__cell,.case-initiatives__status{padding-block:var(--hs-size-5);vertical-align:top}.case-initiatives__status{width:1%;padding-left:var(--hs-size-7);font-family:var(--hs-font-body);font-size:14px;line-height:var(--hs-text-body-lg-line);color:var(--hs-neutrals-600);text-align:right;white-space:nowrap}.case-initiatives__number{width:32px;font-family:var(--hs-font-body);font-weight:var(--hs-text-section-weight);font-size:var(--hs-text-h4-size);line-height:var(--hs-text-body-lg-line);color:var(--hs-neutrals-600);font-variant-numeric:tabular-nums}.case-initiatives__content{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;column-gap:var(--hs-size-7)}.case-initiatives__cell{font-family:var(--hs-font-serif);font-size:var(--hs-text-body-lg-size);line-height:var(--hs-text-body-lg-line);color:var(--hs-neutrals-800)}.case-initiatives__link{font-size:16px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.case-initiatives__link:hover{color:var(--hs-blue-400)}.case-process{display:flex;flex-direction:column;align-items:center;gap:var(--hs-size-8);width:100%;color:var(--hs-neutrals-800);margin-top:var(--hs-size-8)}.case-process__item{display:flex;flex-direction:column;gap:var(--hs-size-4);max-width:var(--case-col);width:100%}.case-process__item--full-bleed{max-width:none}.case-process>:not(:first-child):has(>.case-process__heading:first-child){margin-top:var(--hs-size-5)}@media(max-width:768px){.case-process>:not(:first-child):has(>.case-process__heading:first-child){margin-top:var(--hs-size-1)}}.case-process__heading{font-family:var(--hs-font-body);font-weight:var(--hs-text-section-weight);font-size:var(--hs-text-section-size);line-height:var(--hs-text-section-line);letter-spacing:var(--hs-text-section-tracking);color:var(--hs-neutrals-800)}.case-process__body{font-family:var(--hs-font-serif);font-size:var(--hs-text-body-lg-size);line-height:var(--hs-text-body-lg-line)}.case-process__heading--large{font-size:var(--hs-text-h1-size);line-height:40px}@media(max-width:768px){.case-process__heading--large{font-size:28px;line-height:36px}}.case-process__body+.case-process__body{margin-top:var(--hs-size-5)}.case-process__list{display:flex;flex-direction:column;gap:var(--hs-size-4);padding-left:24px;font-family:var(--hs-font-serif);font-size:var(--hs-text-body-lg-size);line-height:var(--hs-text-body-lg-line);color:var(--hs-neutrals-800)}.case-process__body+.case-process__list{margin-top:var(--hs-size-5)}.case-quote{font-family:var(--hs-font-display);font-weight:500;font-style:italic;font-size:44px;line-height:36px;letter-spacing:-.88px;color:var(--hs-neutrals-800);max-width:var(--case-col);width:100%}.case-image{display:flex;flex-direction:column;gap:var(--hs-size-9);width:100%;margin-block:0}.case-image__img{width:100%;height:auto}.case-note-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--hs-size-6);width:100%}.case-note-row__text{display:flex;flex-direction:column;gap:0;flex:1;min-width:0}.case-note{display:flex;flex-direction:column;gap:var(--hs-size-5);width:300px;max-width:300px;flex-shrink:0;background-color:var(--hs-bg-base);border:1px solid var(--hs-border-card);border-radius:var(--hs-radius-card);overflow:hidden}.case-note__thumb{padding:20px 28px 0;background-color:var(--hs-neutrals-50);border-bottom:1px solid var(--hs-border-base)}.case-note__thumb-img{width:100%;aspect-ratio:530 / 288;object-fit:cover;clip-path:inset(0 0 16px 0);margin-bottom:-16px}.case-note{width:100%}.case-note__caption{padding-inline:var(--hs-size-7);padding-bottom:var(--hs-size-5)}.case-video-block{display:flex;flex-direction:column;gap:var(--hs-size-4);width:100%}.case-video{width:100%;border-radius:var(--hs-radius-card);overflow:hidden;background-color:#000}.case-video__el{display:block;width:100%;height:auto;aspect-ratio:1920 / 1074;object-fit:contain}.case-other{padding-block:12px var(--hs-size-16);padding-inline:var(--hs-container-inline)}.case-other__inner{width:100%;max-width:var(--hs-container-max);margin-inline:auto;display:flex;flex-direction:column;align-items:flex-start;gap:var(--hs-size-6)}.case-other__inner:before{content:"";align-self:center;width:100%;max-width:710px;margin-bottom:28px;border-top:.5px solid var(--hs-neutrals-400)}.case-other__heading{font-family:var(--hs-font-body);font-weight:var(--hs-text-section-weight);font-size:var(--hs-text-section-size);line-height:var(--hs-text-section-line);letter-spacing:var(--hs-text-section-tracking);color:var(--hs-neutrals-800)}.case-other__list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--hs-size-6);width:100%}.other-card{display:flex;flex-direction:column;gap:var(--hs-size-6);width:100%;min-width:0;padding-bottom:var(--hs-size-6);background-color:var(--hs-bg-base);border:1px solid var(--hs-border-base);border-radius:var(--hs-radius-card);overflow:hidden}.other-card__thumb{position:relative;width:100%;height:auto;aspect-ratio:356 / 239;overflow:hidden}.other-card__thumb-bg{position:absolute;width:505.31%;height:257.72%;max-width:none;left:var(--crop-left);top:var(--crop-top)}.other-card__mockup{position:absolute;left:50%;top:8.368%;transform:translate(-50%);object-fit:cover;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.other-card__mockup--hotjar{object-fit:contain;border:.85px solid var(--hs-neutrals-500);border-radius:6.6px}.other-card__body{display:flex;flex-direction:column;flex:1;gap:var(--hs-size-4);padding-inline:var(--hs-size-7);width:100%}.other-card__tags{display:none;gap:var(--hs-size-3);margin-top:0}.other-card__tags .case-meta__item{padding-inline:6px}.other-card__title{font-family:var(--hs-font-body);font-weight:700;font-size:var(--hs-text-h4-size);line-height:var(--hs-text-h4-line);color:var(--hs-neutrals-600)}.other-card__cta{display:inline-flex;align-items:center;gap:var(--hs-size-1);align-self:flex-start;margin-top:auto;min-height:24px;font-family:var(--hs-font-body);font-weight:500;font-size:var(--hs-text-b1-size);line-height:var(--hs-text-b1-line);color:var(--hs-blue-400);border-radius:var(--hs-radius-2);transition:color var(--transition-base)}.other-card__cta:after{content:"→"}.other-card__cta:before{content:"";position:absolute;inset:0}.other-card:hover .other-card__cta,.other-card__cta:active{color:var(--hs-blue-500);text-decoration:underline;text-underline-offset:3px}.other-card__cta:focus-visible{outline:2px solid var(--hs-blue-300);outline-offset:2px}.other-card{position:relative;transition:box-shadow var(--transition-slow)}.other-card:hover{box-shadow:0 12px 32px #0000001f}.other-card.reveal:nth-child(2){transition-delay:70ms}@media(max-width:1344px){.case-intro{grid-template-columns:minmax(0,var(--case-col));grid-template-rows:none;justify-content:center}.case-intro{grid-template-areas:"head" "role" "summary"}.case-back{grid-area:head;z-index:1;justify-content:center;min-width:24px;min-height:24px;margin-left:-48px;padding:0}.case-back__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.case-role{flex-direction:row;align-items:flex-start;max-width:none;margin-top:var(--hs-size-8)}}@media(max-width:839px){.case-back{margin-left:0}.case-hero__client-logo-box{margin-left:36px}}@media(max-width:768px){.case-hero{padding-inline:var(--hs-size-7)}.case-other{padding-top:0;padding-inline:var(--hs-size-7)}.case-other__inner:before{margin-bottom:var(--hs-size-5)}.case-other__list{grid-template-columns:1fr}.case-hero__title{max-width:100%;font-size:var(--hs-display-md-size);line-height:34px;letter-spacing:var(--hs-display-md-tracking)}.case-role{flex-direction:column}.case-summary{grid-template-columns:minmax(0,1fr);gap:var(--hs-size-5)}.case-steps{grid-auto-flow:row;grid-auto-columns:auto;gap:var(--hs-size-5)}.case-steps-figure__img{width:100%}.case-process__body,.case-process__list{font-size:16px;line-height:26px}.case-initiatives__number,.case-initiatives__cell,.case-initiatives__status{line-height:26px}.case-initiatives__status{padding-left:var(--hs-size-5)}.case-initiatives__cell{font-size:16px}.case-timeline{--line-x: 7px;grid-template-columns:minmax(0,1fr);gap:var(--hs-size-8);padding-left:32px}.case-timeline__phase:before{content:none}.case-timeline__note{margin-top:var(--hs-size-6);width:auto;margin-left:0;padding-left:32px}.case-timeline__phase{align-items:flex-start;text-align:left}.case-timeline__marker{left:calc(var(--line-x) - 32px);top:calc(var(--chip-h) / 2 - .75px);width:10px;height:1.5px}.case-timeline__phase--current .case-timeline__marker{left:calc(var(--line-x) - 32px);top:calc(var(--chip-h) / 2 - 6px);width:12px;height:12px}.case-timeline__phase:not(:last-child):after{content:"";position:absolute;left:calc(var(--line-x) - 32px - .75px);top:calc(var(--chip-h) / 2);bottom:calc(-1 * var(--hs-size-8) - var(--chip-h) / 2);width:1.5px;background-color:var(--hs-neutrals-900)}.case-timeline--highlight .case-timeline__phase:not(.case-timeline__phase--dimmed):not(:last-child):after{left:calc(var(--line-x) - 32px - 6px);width:12px;background:linear-gradient(var(--hs-neutrals-900),var(--hs-neutrals-900)) center / 1.5px 100% no-repeat,var(--hs-chip-bg)}.case-timeline__steps,.case-timeline__outcome{margin-top:var(--hs-size-4)}.case-timeline__steps{font-size:16px;line-height:24px}.case-timeline__outcome{max-width:none;font-size:20px;line-height:26px}.case-quotes{grid-auto-flow:row;grid-auto-columns:auto;gap:0;padding-block:0}.case-quotes__item{padding-block:var(--hs-size-6)}.case-quotes__item+.case-quotes__item{border-top:.5px solid var(--hs-neutrals-400)}.case-quotes__quote{font-size:16px}.case-gallery__frame{width:calc(100% + 2 * var(--hs-size-7));margin-inline:calc(-1 * var(--hs-size-7));height:auto;aspect-ratio:390 / 290;padding:var(--hs-size-7) var(--hs-size-6);border-radius:0}.case-gallery__mockup-label{font-size:9px}.case-highlights{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--hs-size-6) var(--hs-size-5)}.case-highlight__stat{font-size:22px;line-height:26px}}.case-diagram{--content-w: 216px;--note-gap: 6px;--note: calc((var(--content-w) - 2 * var(--note-gap)) / 3);margin:0}.case-diagram__stage{display:flex;flex-direction:column;gap:var(--hs-size-6);align-self:stretch;min-width:0}.case-diagram__label{margin:0;font-family:var(--hs-font-body);font-weight:var(--hs-text-section-weight);font-size:16px;line-height:20px;color:var(--hs-neutrals-600)}.case-diagram__notes{display:grid;gap:var(--note-gap)}.case-diagram__note{position:relative;display:flex;flex-direction:column;gap:4px;aspect-ratio:1;padding:8px;border:.5px solid var(--hs-neutrals-400);border-radius:var(--hs-radius-2);background-color:var(--hs-neutrals-white)}.case-diagram__note--idea{border-color:transparent;background-color:var(--hs-chip-bg)}.case-diagram__line{display:block;flex-shrink:0;height:4px;border-radius:999px;background-color:var(--hs-neutrals-300)}.case-diagram__note--idea .case-diagram__line{background-color:#171a1624}.case-diagram__link{position:relative;display:flex;justify-content:center;align-items:center;padding-inline:var(--hs-size-5)}.case-diagram__link:before{content:"";position:absolute;inset-inline:0;top:50%;border-top:.5px solid var(--hs-neutrals-400)}.case-diagram__chip{position:relative;display:inline-flex;align-items:center;height:28px;padding-inline:12px;border-radius:999px;background-color:var(--hs-neutrals-900);color:var(--hs-neutrals-white);font-family:var(--hs-font-body);font-weight:600;font-size:12px;line-height:1;white-space:nowrap}.case-diagram__link--arrow{width:40px;padding-inline:0}.case-diagram__link--arrow:after{content:"";position:absolute;right:1px;top:50%;width:6px;height:6px;border-top:1px solid var(--hs-neutrals-600);border-right:1px solid var(--hs-neutrals-600);transform:translateY(-50%) rotate(45deg)}.case-diagram__link--arrow:before{border-top-color:var(--hs-neutrals-600)}@media(min-width:561px)and (max-width:768px){.case-annotated__frame{--note-w: 140px;aspect-ratio:auto;padding-block:var(--hs-size-7)}.case-annotated__frame--compare{flex-direction:column;align-items:center;gap:var(--hs-size-8)}.case-annotated__stage,.case-annotated__stage--labelled .case-annotated__shot,.case-annotated__shot{height:auto}.case-annotated__screen{height:360px}.case-annotated__frame--compare .case-annotated__stage:has(.case-annotated__note--right){margin-right:calc(var(--note-w) + 24px)}.case-annotated__frame--compare .case-annotated__stage:has(.case-annotated__note--left){margin-left:calc(var(--note-w) + 24px)}}@media(max-width:560px){.case-annotated__frame{flex-direction:column;align-items:center;gap:var(--hs-size-5);width:calc(100% + 2 * var(--hs-size-7));margin-inline:calc(-1 * var(--hs-size-7));aspect-ratio:auto;padding:var(--hs-size-7) var(--hs-size-6);border-radius:0}.case-annotated__stage{position:relative;height:auto;display:flex;flex-direction:column;align-items:center;gap:var(--hs-size-5);width:100%}.case-annotated__screen{height:360px}.case-annotated__shot{display:contents}.case-annotated__label{order:1}.case-annotated__notes{order:2}.case-annotated__frame--compare{gap:var(--hs-size-8)}.case-annotated__frame--compare .case-annotated__stage:has(.case-annotated__note--right),.case-annotated__frame--compare .case-annotated__stage:has(.case-annotated__note--left){margin-inline:0}.case-annotated__lines{display:none}.case-annotated__pin{order:0;height:auto}.case-annotated__num{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background-color:var(--hs-neutrals-900);color:var(--hs-neutrals-white);font-family:var(--hs-font-body);font-weight:700;font-size:10px;line-height:1;font-variant-numeric:tabular-nums}.case-annotated__ring{width:var(--ring-max)}.case-annotated__dot{width:16px;height:16px;background:none;box-shadow:none}.case-annotated__dot .case-annotated__num{inset:0}.case-annotated__note{display:flex;align-items:flex-start;gap:var(--hs-size-2)}.case-annotated__num--note{position:static;flex-shrink:0;width:auto;height:16px;border-radius:0;background-color:transparent;font-weight:800;font-size:12px}.case-annotated__notes{position:relative;display:flex;flex-direction:column;gap:var(--hs-size-3);width:100%}.case-annotated__note,.case-annotated__note--above,.case-annotated__note--below{position:static;width:auto;transform:none}}.v2 .case-hero,.v2 .case-other{padding-inline:var(--v2-gutter)}.v2 .case-hero__inner{max-width:1272px}.v2 .case-process{align-self:center;max-width:var(--v2-main)}.v2 .case-other__inner{max-width:var(--v2-main)}.v2 .case-other__inner{gap:0}.v2 .case-other__title{margin:0 0 32px;padding-inline:24px;color:var(--hs-neutrals-800)}@media(max-width:768px){.v2 .case-other__title{margin-bottom:24px;padding-inline:0}}.v2 .case-other__inner{container:other / inline-size}.v2 .case-other__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none}@container other (max-width: 759px){.v2 .case-other__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@container other (max-width: 559px){.v2 .case-other__list{grid-template-columns:minmax(0,1fr)}}.v2 .case-other__inner:before{margin-bottom:48px}@media(max-width:768px){.v2 .case-other__inner:before{margin-bottom:36px}}@media(min-width:1084px){.v2 .case-other__inner{display:grid;grid-template-columns:var(--v2-aside) minmax(0,var(--v2-main)) var(--v2-aside);column-gap:var(--v2-aside-gap);justify-content:center;align-items:start;max-width:none}.v2 .case-other__inner:before{grid-column:2;grid-row:1}.v2 .case-other__title{grid-column:1;grid-row:2;margin:5.3176px 0 0;padding:0}.v2 .case-other__list{grid-column:2;grid-row:2}}@media(min-width:1084px){.v2 .case-process{max-width:min(var(--v2-main),calc(100% - 2 * (var(--v2-aside) + var(--v2-aside-gap))))}}@media(max-width:1083px){.v2 .case-rail{display:none}}@media(min-width:769px){.v2 .case-back{display:none}.v2 .case-hero__client-logo-box{margin-left:0}}@media(max-width:768px){.v2 .case-back{margin-left:0}.v2 .case-hero__client-logo-box{margin-left:36px}}@media(max-width:853px){.v2 .case-hero__inner{--case-col: 100%}}.v2 .case-back__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.v2 .case-role{gap:12px;color:var(--hs-neutrals-800)}.v2 .case-role__text{gap:8px;max-width:520px}.v2 .case-role__body{font:inherit;letter-spacing:inherit}.v2 .case-role__heading,.v2 .case-summary__heading{font-family:var(--hs-font-body);font-weight:800;font-size:16px;line-height:13px;letter-spacing:-.05em;text-transform:uppercase;color:var(--hs-neutrals-800)}@media(min-width:1084px){.v2 .case-intro{grid-template-columns:var(--v2-aside) minmax(0,var(--v2-main)) var(--v2-aside);grid-template-areas:"back head ." "role head ." "role summary .";grid-template-rows:auto 1fr auto;column-gap:var(--v2-aside-gap);justify-content:center}.v2 .case-intro__head,.v2 .case-summary{justify-self:center;width:100%;max-width:var(--case-col)}.v2 .case-hero__inner{position:relative}.v2 .case-rail{position:absolute;inset:0 auto 0 0;width:calc(var(--v2-aside) + 8px)}.v2 .case-rail__sticky{position:sticky;top:84px;display:flex;flex-direction:column;align-items:flex-start}.v2 .case-intro>.case-role{display:none}.v2 .case-role{flex-direction:column;max-width:none;margin-top:58px}}
