.case-back{letter-spacing:-.01em;width:fit-content;color:var(--ink-strong);align-items:center;gap:5px;margin-left:24px;font-size:24px;font-weight:600;line-height:1.15;display:flex}.case-back .hi{transition:transform .45s var(--ease-bouncy);font-size:24px}.case-back:hover .hi,.case-back:focus-visible .hi{transform:translate(-3px)}.case-bezel{background:var(--bezel);box-shadow:var(--sh-case-bezel);border-radius:25px;margin-top:25px;padding:7px}.case-screen{aspect-ratio:1236/756;background:var(--screen);box-shadow:var(--sh-inner);color:var(--on-dark);text-align:center;border-radius:20px;place-content:center;justify-items:center;gap:10px;padding:24px;display:grid;position:relative;overflow:hidden}.case-screen b{font-size:clamp(30px, 5.2vw, calc(76px * var(--s)));letter-spacing:-.045em;text-wrap:balance;line-height:1}.case-screen span{color:var(--on-dark-4);font-size:15px;font-weight:500}.case-screen-kicker{letter-spacing:-.01em;text-transform:uppercase;color:var(--on-dark-12);margin:0;font-size:12px;font-weight:600;position:absolute;top:18px;left:22px}.case-hero-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case-hero-img.is-left{object-position:left center}.case-screen.has-img>b,.case-screen.has-img>span{display:none}.case-screen.has-img .case-screen-kicker{background:var(--fade-cap);color:var(--on-dark-14);text-align:left;padding:48px 22px 18px;inset:auto 0 0}@media (width<=809.98px){.case-back{margin-left:14px}.case-bezel{margin-top:33px}.case-screen-kicker{white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;top:12px;left:14px;right:14px;overflow:hidden}}.link-pill{background:var(--surface);height:43px;box-shadow:var(--sh-soft);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;transition:transform .2s var(--ease-out);border-radius:360px;align-items:center;gap:7px;padding:0 16px 0 18px;font-size:15px;font-weight:600;display:inline-flex}.link-pill .lk-ico{font-size:17px;display:grid}.link-pill:active{transition-duration:.1s;transform:scale(.96)}.case-body{padding:58px 48px 0}.case-label{letter-spacing:-.04em;text-transform:uppercase;color:var(--ink-2);margin:0 0 6px;font-size:12px;font-weight:600;line-height:1.2}.case-h1{font-size:calc(30px * var(--s));letter-spacing:-.04em;text-transform:uppercase;color:var(--ink-strong);text-wrap:balance;margin:0;font-weight:800;line-height:1.1}.case-facts{grid-template-columns:1fr 1fr;row-gap:10px;margin:80px 0 0;display:grid}.case-facts div{min-width:0}.case-facts dt{letter-spacing:-.04em;text-transform:uppercase;color:var(--ink-2);font-size:14px;font-weight:600;line-height:1.2}.case-facts dd{font-size:calc(20px * var(--s));letter-spacing:-.02em;text-transform:uppercase;color:var(--ink-strong);margin:6px 0 0;font-weight:800;line-height:1.1}.case-facts dd .pend{text-transform:uppercase}.case-links{flex-wrap:wrap;gap:10px;margin-top:40px;display:flex}.case-h2{font-size:calc(30px * var(--s));letter-spacing:-.04em;text-transform:uppercase;color:var(--ink-strong);margin:82px 0 0;font-weight:800;line-height:1.1}.case-desc{margin-top:25px}.case-desc p{max-width:68ch;font-size:calc(16px * var(--s));letter-spacing:-.005em;color:var(--ink-2);text-wrap:pretty;margin:0 0 20px;line-height:1.5}.case-desc p:last-child{margin-bottom:0}.case-gallery{grid-template-columns:1fr 1fr;gap:10px;margin-top:81px;padding-bottom:69px;display:grid}.gal{background:var(--gal-bg);color:var(--on-dark);border-radius:10px;margin:0;position:relative;overflow:hidden}.gal.half{aspect-ratio:572/380}.gal.full{aspect-ratio:1154/662;grid-column:1/-1}.gal.is-light{background:var(--tile-light);color:var(--ink)}.gal-cap{letter-spacing:-.02em;text-transform:uppercase;color:var(--on-dark-4);margin:0;font-size:12px;font-weight:600;position:absolute;bottom:16px;left:18px}@media (width<=809.98px){.case-body{padding:30px 14px 0}.case-h1{font-size:36px}.case-facts{grid-template-columns:1fr;row-gap:16px;margin-top:40px}.case-h2{margin-top:40px;font-size:20px}.case-gallery{grid-template-columns:1fr;margin-top:40px;padding-bottom:48px}.gal.half{aspect-ratio:316/210}.gal.full{aspect-ratio:316/181}}.gal.is-img img,.gal.is-img video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.gal.is-img .gal-cap{background:var(--fade-cap);color:var(--on-dark-14);padding:40px 18px 14px;bottom:0;left:0;right:0}.gal.band{aspect-ratio:1154/380;grid-column:1/-1}.gal-lang{align-content:center;gap:8px;height:100%;padding:28px clamp(18px,3vw,40px) 44px;display:grid}.gal-lang>code{font:12.5px/1.4 var(--mono);color:var(--on-dark-12);overflow-wrap:anywhere;margin-bottom:4px}.gal-lang .row{background:var(--frame-b);border-radius:10px;grid-template-columns:58px minmax(0,1fr);align-items:baseline;gap:12px;padding:12px 14px;display:grid}.gal-lang .row code{font:12px/1 var(--mono);color:var(--on-dark-12)}.gal-lang .row span{letter-spacing:-.02em;font-size:clamp(15px,1.5vw,19px);font-weight:600}.gal-flow{align-content:center;gap:clamp(16px,2.4vw,30px);height:100%;padding:clamp(24px,5vw,72px);display:grid}.fl-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fl-n{letter-spacing:-.015em;white-space:nowrap;border-radius:360px;padding:11px 16px;font-size:clamp(13px,1.3vw,17px);font-weight:600}.fl-n.src{box-shadow:var(--sh-fl-src);color:var(--on-dark-13)}.fl-n.tool{background:var(--surface);color:var(--ink);font-family:var(--mono);font-size:clamp(12.5px,1.2vw,16px)}.fl-n.out{background:var(--fl-out);color:var(--on-dark)}.fl-step{align-items:center;gap:10px;display:inline-flex}.fl-arrow{color:var(--on-dark-15);font-size:18px;line-height:1}@media (width<=809.98px){.gal.full.is-flow,.gal.band.is-lang{aspect-ratio:auto}.gal-flow{gap:22px;padding:26px 18px 50px}.fl-row,.fl-step{gap:8px}}.case-view{padding-top:86px}.case{width:min(calc(1250px * var(--s)), calc(100% - 2 * var(--gutter)));margin-inline:auto}@media (width<=809.98px){.case-view{padding-top:132px}}