.case-study--lex{--case-study-accent: #4f3cc9;--case-study-accent-rgb: 79 60 201}.lex-canvas{width:80%;margin-inline:auto;container-type:inline-size;overflow:visible}.lex-page{--lex-max: 90rem;--lex-pad-x: 5.5rem;--lex-pad-y: 4rem;--lex-title: 1.625rem;--lex-title-lh: 2.375rem;--lex-gold: #d6a65d;display:flex;flex-direction:column;gap:40px;padding-block:0}.lex-page img{display:block;max-width:100%;height:auto}.lex-intro{width:min(100%,var(--lex-max));margin-inline:auto;padding:4rem var(--lex-pad-x) 0;display:flex;flex-direction:column;gap:2rem}.lex-page h1.lex-intro__lede{margin:0;max-width:79rem;font-size:var(--lex-title);line-height:var(--lex-title-lh);font-weight:var(--font-weight-demi);text-transform:capitalize;color:var(--case-study-accent)}.lex-page p.lex-intro__summary{margin:0;max-width:79rem;font-size:1rem;line-height:1.625rem;color:#000c}.lex-chips{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none}.lex-chips li{padding:5px 12px;border-radius:999px;background:rgb(var(--case-study-accent-rgb) / .08);color:var(--case-study-accent);font-size:.8125rem;line-height:1.125rem;font-weight:var(--font-weight-regular)}.lex-hero{width:min(calc(100% - var(--lex-pad-x) * 2),calc(var(--lex-max) - var(--lex-pad-x) * 2));margin:0 auto;overflow:hidden;aspect-ratio:1264 / 691;border-radius:12px;background:linear-gradient(137.55deg,#fff,#f2efff 68.705%);box-shadow:0 1px 9px 2px #0000000d}.lex-hero img{width:100%;height:100%;object-fit:fill}.lex-facts{width:min(calc(100% - var(--lex-pad-x) * 2),calc(var(--lex-max) - var(--lex-pad-x) * 2));margin-inline:auto;display:flex;flex-direction:column;gap:40px;padding-bottom:4rem}.lex-facts__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.lex-facts__detail{display:grid;grid-template-columns:minmax(0,829.34fr) minmax(0,394.67fr);gap:40px}.lex-facts__item{display:flex;flex-direction:column;gap:8px}.lex-page p.lex-facts__label{margin:0;font-size:.8125rem;line-height:1.125rem;font-weight:var(--font-weight-medium);letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--case-study-accent-rgb) / .6)}.lex-page p.lex-facts__value{margin:0;font-size:1rem;line-height:1.375rem;color:#000c}.lex-facts__item--wide .lex-facts__value{max-width:48.0625rem}.lex-page p.lex-facts__tools{display:flex;flex-direction:column;max-width:13.1875rem}.lex-page p.lex-facts__tools span:last-child{color:#0006}.lex-section{width:min(100%,var(--lex-max));margin-inline:auto;padding:var(--lex-pad-y) var(--lex-pad-x);display:flex;flex-direction:column;gap:40px}.lex-section--tight{gap:24px}.lex-section--mobile{align-items:stretch;gap:40px}.lex-page h2{margin:0;font-size:var(--lex-title);line-height:var(--lex-title-lh);font-weight:var(--font-weight-demi);color:var(--case-study-accent)}.lex-h2--cap,.lex-h3--cap{text-transform:capitalize}.lex-page p{margin:0;font-size:1rem;line-height:1.625rem;color:#000c}.lex-page h3{margin:0;font-size:1rem;line-height:1.5rem;font-weight:var(--font-weight-demi);color:var(--case-study-accent)}.lex-copy,.lex-subblock{display:flex;flex-direction:column;gap:8px;width:100%}.lex-subblock--12{gap:12px}.lex-subblock--full{width:100%}.lex-em{font-weight:var(--font-weight-medium);color:var(--case-study-accent)}.lex-demi{font-weight:var(--font-weight-demi);color:var(--case-study-accent)}.lex-strong{font-weight:var(--font-weight-demi)}.lex-gold{font-weight:var(--font-weight-demi);color:var(--lex-gold)}.lex-highlight{box-decoration-break:clone;-webkit-box-decoration-break:clone;background-image:linear-gradient(#fef6c8,#fef6c8);background-repeat:no-repeat;background-size:100% .8125rem;background-position:0 .45em}.lex-frame{margin:0;width:100%;overflow:hidden;border:0;border-radius:12px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #00000026}.lex-frame--pad{padding:16px}.lex-frame--device{display:flex;align-items:center;justify-content:center;padding:48px;background:#fff}.lex-frame--device img{width:83.3904%;height:auto}.lex-frame--pad img{border:0;box-shadow:none;border-radius:0}.lex-frame--export{overflow:visible;border-radius:0;background:transparent;box-shadow:none}.lex-frame img{width:100%}.lex-existing{--lex-existing-w: 1264;container-type:inline-size;display:flex;flex-direction:column;align-items:center;position:relative;margin:0;width:100%;padding:calc(100% * 56 / var(--lex-existing-w)) 0 calc(100% * 24 / var(--lex-existing-w));overflow:hidden;border:1px solid rgb(0 0 0 / .15);border-radius:12px;background:#ffffff0d}.lex-existing__art{position:relative;left:calc(100cqi * (51 - (var(--lex-existing-w) - 1187) / 2) / var(--lex-existing-w));flex:none;width:calc(100cqi * 1187 / var(--lex-existing-w));aspect-ratio:1187 / 583}.lex-existing__ui{position:absolute;left:calc(100% * 138 / 1187);top:0;width:calc(100% * 875 / 1187);height:100%;max-width:none;object-fit:fill}.lex-existing__anno{position:absolute;left:0;top:calc(100% * 11 / 583);width:100%;height:calc(100% * 568 / 583);pointer-events:none}.lex-existing img.lex-existing__ui,.lex-existing img.lex-existing__map,.lex-existing img.lex-existing__labels{max-width:none;height:100%}.lex-existing__map{position:absolute;left:calc(100% * 131 / 1187);top:0;width:calc(100% * 886 / 1187);height:100%}.lex-existing__labels{position:absolute;inset:0;width:100%;height:100%}.lex-existing[data-view=original] .lex-existing__anno{opacity:0}.lex-existing__switch{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;max-width:calc(100cqi - 2rem);margin-top:calc(100cqi * 48 / var(--lex-existing-w));padding:4px;border-radius:888px;background:#00000012}.lex-existing__switch button{margin:0;padding:6px 16px;border:0;border-radius:32px;background:transparent;font-size:1rem;line-height:1.625rem;font-weight:var(--font-weight-medium);color:#0006;cursor:pointer}.lex-existing__switch button[aria-pressed=true]{background:#fff;color:var(--case-study-accent)}.lex-existing__switch button:focus-visible{outline:1px solid rgb(0 0 0 / .28);outline-offset:2px}.lex-loop-figure{display:flex;align-items:center;justify-content:center;margin:0;width:100%;padding:0 16px 16px}.lex-loop-figure img{width:min(100%,44.8125rem)}.lex-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:calc(100% * 24 / 1264)}.lex-level{margin:0}.lex-level img{display:block;width:100%;height:auto}.lex-overview-lead,.lex-feature{display:flex;flex-direction:column;gap:24px;width:100%}.lex-feature__copy{display:flex;flex-direction:column;gap:0;width:100%}.lex-page p.lex-feature__code{margin:0;font-size:1rem;line-height:2.375rem;font-weight:var(--font-weight-demi);color:var(--case-study-accent)}.lex-soft{margin:0;width:100%;overflow:hidden;border-radius:12px;background:#f2f0ff}.lex-soft img{width:100%}.lex-mobile-block{display:flex;flex-direction:column;gap:24px;width:100%}.lex-mobile-block--center{align-items:center}.lex-notes{display:flex;flex-direction:column;width:100%}.lex-notes--full,.lex-notes p{width:100%}.lex-photo{display:flex;flex-direction:column;align-items:center;margin:0;width:100%}.lex-photo img{width:100%;border-radius:12px}.lex-photo--review{position:relative;width:min(100%,52.75rem)}.lex-callout-c{position:absolute;top:16.187%;left:87.796%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:38px;height:34px;padding:4px 10.5px;border-radius:12px;background:var(--case-study-accent);color:#fffc;font-size:1rem;line-height:1.625rem;font-weight:var(--font-weight-demi);white-space:nowrap;pointer-events:none}.lex-validate ul{margin:0;padding-left:1.5rem}.lex-validate li{font-size:1rem;line-height:1.625rem;color:#000c}@media(max-width:900px){.lex-page{--lex-pad-x: 1.5rem;--lex-pad-y: 3rem}.lex-facts__meta,.lex-facts__detail,.lex-levels{grid-template-columns:1fr;gap:2rem}}