.case-hero-lab{--lab-lede-size:18px}.lab-hero.case-hero-lab{--g:var(--site-gutter,20px);--w:min(var(--site-frame,1280px), 100% - 2 * var(--g));--split:.5;grid-template-columns:[full-start] minmax(0, 1fr) [c-start] minmax(0, calc(var(--w) * var(--split))) [split] minmax(0, calc(var(--w) * (1 - var(--split)))) [c-end] minmax(0, 1fr) [full-end];align-content:start;min-height:0;padding-block:0 clamp(56px,7vh,88px);display:grid}.lab-hero.case-hero-lab:before{mix-blend-mode:normal}.lab-hero.case-hero-lab .lab-hero__inner,.lab-hero.case-hero-lab .lab-hero__copy{display:contents}.lab-hero.case-hero-lab>*,.lab-hero.case-hero-lab .lab-hero__copy>*,.lab-hero.case-hero-lab .lab-hero__visual{grid-column:c-start/c-end;min-width:0}.lab-hero.case-hero-lab .lab-hero__visual{align-self:start;margin:0;display:block;position:relative}.lab-hero.case-hero-lab .lab-hero__visual>*{width:100%;height:auto;position:relative;inset:auto}.lab-hero.case-hero-lab .case-scene{justify-content:center;display:flex}.lab-hero.case-hero-lab .lab-hero__facts{width:auto;margin:clamp(48px,6vw,80px) 0 0}.lab-hero.case-hero-lab .case-hero-lab__head{z-index:2;margin:0;padding-top:clamp(20px,3vh,32px);position:relative}.lab-hero.case-hero-lab .lab-hero__title{z-index:2;position:relative}.lab-hero.case-hero-lab .lab-hero__lede{text-wrap:pretty;font-size:18px}@media (width>=1024px){.lab-hero.case-hero-lab{--split:.4;--f-h:max(720px, 100svh - 64px);min-height:var(--f-h);grid-template-rows:1fr auto auto auto auto 1fr auto;padding-block:0 40px}.lab-hero.case-hero-lab .case-hero-lab__head{grid-area:1/c-start/auto/split;align-self:start}.lab-hero.case-hero-lab .lab-hero__title,.lab-hero.case-hero-lab .lab-hero__lede{grid-column:c-start/split}.lab-hero.case-hero-lab .lab-hero__title{grid-row:2;max-width:none;font-size:clamp(56px,5.4vw,80px);line-height:.96}.lab-hero.case-hero-lab .lab-hero__lede{grid-row:3;margin-top:24px}.lab-hero.case-hero-lab .lab-hero__facts{grid-area:7/c-start/auto/c-end}.lab-hero.case-hero-lab .lab-hero__visual{grid-area:1/split/7/full-end;align-self:center;padding:24px 32px 24px clamp(32px,4vw,56px)}.lab-hero.case-hero-lab .lab-hero__visual:has(.is-top){align-self:start;padding-top:0}.lab-hero.case-hero-lab .case-scene{justify-content:flex-start}.lab-hero.case-hero-lab .case-scene__frame{width:min(100%, (var(--f-h) - 64px) * var(--ar) / (1 - var(--crop,0)))}.lab-hero.case-hero-lab .case-scene.is-top .case-scene__frame{--crop:.12}}@media (width<=1023px){.lab-hero.case-hero-lab{padding-bottom:48px}.lab-hero.case-hero-lab .lab-hero__title{font-size:clamp(40px,10.5vw,60px)}.lab-hero.case-hero-lab .case-hero-lab__head{margin-bottom:20px}.lab-hero.case-hero-lab .lab-hero__visual{border-top:1px solid var(--lab-line,#1617251f);background:#16172509;grid-area:6/full-start/auto/full-end;margin-top:36px;padding:24px 8px 0}.lab-hero.case-hero-lab .lab-hero__visual:has(.is-top){padding-top:0}.lab-hero.case-hero-lab .case-scene.is-top .case-scene__frame{--crop:.12}.lab-hero.case-hero-lab .lab-hero__facts{grid-row:7}}.case-grey-lab main .anoda-rating__stars{color:var(--lab-orange)}.case-grey-lab main .case-study>:nth-child(2n of .case-study__section,.case-study__reviews){--case-band:var(--ds-surface-canvas-depth,#e7e5de)}.case-grey-lab main .case-study>#results{--case-band:#1d1c1a;--anoda-text-primary:#fff9f5;--anoda-text-secondary:#fff9f5b8;--anoda-text-tertiary:#fff9f585;--anoda-border-default:#fff9f51f;color:#fff9f5}.case-grey-lab main .anoda-button.is-secondary{border:1px solid var(--lab-line-strong);border-radius:var(--lab-link-radius);color:var(--lab-ink);background:0 0}.case-grey-lab main .anoda-button.is-secondary:hover{border-color:var(--lab-ink);background:#1617250a}.case-grey-lab{--case-shot-gap:20px;--case-shot-row-gap:32px;--case-caption-size:9px;--case-caption-line:1.4;--case-caption-weight:500;--case-caption-tracking:.01em;--case-phone-radius:14cqi}.case-grey-lab :is(.case-caption,.case-lightbox__caption){font-family:var(--lab-body);font-weight:var(--case-caption-weight);letter-spacing:var(--case-caption-tracking)}.case-grey-lab .case-caption{color:var(--lab-muted);font-size:var(--case-caption-size);line-height:var(--case-caption-line);text-align:center;text-wrap:balance;margin:12px 0 0}.case-grey-lab :is(.case-caption,.case-lightbox__caption) :is(strong,b){color:inherit;font-weight:inherit}.case-grey-lab .case-shot{background:var(--lab-white,#fff);border:1px solid #16172517;border-radius:20px;flex-direction:column;min-width:0;margin:0;padding:8px;display:flex;box-shadow:inset 0 1px #ffffffe6,0 26px 48px -32px #16172557}.case-grey-lab .case-shot img{border-radius:13px;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #16172514}.case-grey-lab .case-shot.is-sized{width:100%;max-width:calc(var(--shot-max) + 18px)}.case-grey-lab .case-shot .case-caption{margin:0;padding:12px 8px 4px}.case-grey-lab .case-shot.is-phone{--case-shot-pad:8px;--case-shot-radius:20px;isolation:isolate;box-shadow:none;background:0 0;border-color:#0000;position:relative;container-type:inline-size}.case-grey-lab .case-shot.is-phone:before{z-index:-1;border-radius:calc(var(--case-phone-radius) + var(--case-shot-pad) + 1px) calc(var(--case-phone-radius) + var(--case-shot-pad) + 1px) var(--case-shot-radius) var(--case-shot-radius);background:var(--lab-white,#fff);content:"";pointer-events:none;border:1px solid #16172517;position:absolute;inset:-1px;box-shadow:inset 0 1px #ffffffe6,0 26px 48px -32px #16172557}.case-grey-lab .case-shot.is-phone:not(:has(.case-caption)):before{border-radius:calc(var(--case-phone-radius) + var(--case-shot-pad) + 1px)}.case-grey-lab .case-shot.is-phone img{border-radius:14% / calc(14% * var(--shot-ar))}.case-grey-lab .case-shots{gap:var(--case-shot-gap);align-items:stretch;display:flex}.case-grey-lab .case-shots>.case-shot{flex:var(--shot-ar) 1 0}.case-grey-lab .case-shots+.case-shots{margin-top:var(--case-shot-row-gap)}@media (width<640px){.case-grey-lab .case-shots:not(.case-shots--keep){gap:var(--case-shot-row-gap);flex-direction:column}.case-grey-lab .case-shot{border-radius:16px;padding:6px}.case-grey-lab .case-shot img{border-radius:11px}.case-grey-lab .case-shot.is-phone{--case-shot-pad:6px;--case-shot-radius:16px}}
