@media (width>=768px){.codej-studio .studio-case-hero{min-height:0}.codej-studio .studio-case-titleblock>*{border-block-start:1px solid var(--studio-line);border-inline-start:0}.codej-studio .studio-case-titleblock>:first-child{border-block-start:0;grid-column:1/-1}.codej-studio .studio-case-titleblock>:nth-child(3){border-inline-start:1px solid var(--studio-line)}.codej-studio .studio-case-titleblock>:nth-child(4){grid-column:1/-1}}@media (width>=768px) and (width<=1023.98px){.codej-studio .studio-case-hero .studio-case-titleblock{grid-template-columns:auto minmax(0,1fr);justify-self:stretch;width:auto;margin-inline-start:0}}@media (width>=1024px){.codej-studio .studio-case-hero{min-height:0}.codej-studio .studio-case-hero .studio-sheet-hero-inner{padding-block:min(4vw,4.5svh,56px) min(3vw,4svh,40px)}.codej-studio .studio-case-hero .studio-case-crumbs{margin-bottom:min(2vw,2.5svh,24px)}.codej-studio .studio-case-hero .studio-case-title{font-size:min(var(--studio-fs-display), 15.5svh)}.codej-studio .studio-case-hero .studio-sheet-hero-lede{max-width:var(--studio-measure-body);grid-area:3/1/auto/8;align-self:end;margin-top:min(2.5vw,3svh,32px)}.codej-studio .studio-case-hero .studio-case-titleblock{grid-area:3/8/auto/-1;place-self:end;margin-top:min(2.5vw,3svh,32px)}}.codej-studio .studio-case-hero .studio-case-title[data-length=long]{font-size:var(--studio-fs-h2)}.codej-studio .studio-case-crumbs{flex-wrap:wrap;gap:0 .75em;display:flex}.codej-studio .studio-case-crumbs>a{color:var(--studio-fg);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.codej-studio .studio-case-title{overflow-wrap:break-word;text-wrap:balance}.codej-studio .studio-case-keep{white-space:nowrap}.codej-studio .studio-case-titleblock dt{color:var(--studio-fg-muted)}.codej-studio .studio-case-titleblock dd{color:var(--studio-fg);margin:.25rem 0 0}.codej-studio .studio-case-titleblock .studio-chapter-dot{vertical-align:.1em;margin-inline-end:.5em;display:inline-block}.codej-studio .studio-chapter-dot[data-status=in-production]{box-shadow:inset 0 0 0 1px var(--studio-signal);background-color:#0000}@media (width<=767.98px){.codej-studio .studio-case-hero .studio-sheet-hero-inner{padding-block:clamp(24px,5vw,40px) 24px}.codej-studio .studio-case-hero .studio-case-crumbs{margin-bottom:16px}.codej-studio .studio-case-hero .studio-sheet-hero-lede{font-size:var(--studio-fs-body);line-height:var(--studio-lh-lede);margin-top:16px}.codej-studio .studio-case-hero .studio-case-titleblock{margin-top:20px}.codej-studio .studio-case-titleblock>.studio-case-titleblock-project{display:none}.codej-studio .studio-case-titleblock{grid-template-columns:auto minmax(0,1fr);display:grid}.codej-studio .studio-case-titleblock>*{white-space:normal;border-block-start:0;border-inline-start:0}.codej-studio .studio-case-titleblock>:nth-child(2){white-space:nowrap}.codej-studio .studio-case-titleblock>:nth-child(3){border-inline-start:1px solid var(--studio-line)}.codej-studio .studio-case-titleblock>:nth-child(4){border-block-start:1px solid var(--studio-line);grid-column:1/-1}.codej-studio .studio-case-titleblock>:last-child{overflow:visible}}.codej-studio .studio-case-media{width:min(100%, calc(1600px - 2 * var(--studio-inset)));padding-inline:var(--studio-inset);margin:clamp(32px,5vw,72px) auto 0}.codej-studio .studio-case-stage{position:relative}.codej-studio .studio-case-phone{display:none}.codej-studio .studio-case-caption{padding-inline:var(--studio-gutter);color:var(--studio-fg-muted);margin-top:14px}@media (width<=767.98px){.codej-studio .studio-case-media{margin-top:16px}.codej-studio .studio-case-frame:has(.studio-media-still){aspect-ratio:auto;padding-bottom:calc(44px + 2 * var(--studio-mark-offset))}.codej-studio .studio-case-frame:has(.studio-media-still)>.studio-media{aspect-ratio:13/15;height:auto}.codej-studio .studio-case-frame[data-started]:not(:has([data-media-state=failed]))>.studio-media{aspect-ratio:16/10}.codej-studio .studio-case-frame .studio-media-still img{object-position:50% var(--studio-phone-focus,0%)}.codej-studio .studio-case-frame:has(.studio-media-still) .studio-media-video{object-fit:contain;object-position:50% 0%}.codej-studio .studio-case-frame:has(.studio-media-still) .studio-media-toggle{bottom:calc(-44px - var(--studio-mark-offset))}}@media (width>=1024px){.codej-studio .studio-case-media{max-width:calc((100svh - 200px) * 1.6 + clamp(96px, 11vw, 200px) + 2 * var(--studio-inset));margin-top:min(2vw,2.5svh,28px)}.codej-studio .studio-case-stage{padding-block-end:clamp(48px,6vw,96px);padding-inline-end:clamp(96px,11vw,200px)}.codej-studio .studio-case-phone{right:var(--studio-gutter);z-index:3;aspect-ratio:780/1688;object-fit:cover;object-position:top center;border:1px solid var(--studio-line-ink);border-radius:var(--studio-r-card);background-color:var(--studio-ink-2);pointer-events:none;width:clamp(150px,15vw,260px);height:auto;display:block;position:absolute;bottom:0}.codej-studio .studio-case-frame .studio-media-still img{width:calc(100% + 2px);max-width:none;height:calc(100% + 1.25px);margin:-.625px -1px}}.codej-studio .studio-case-live-actions{padding-inline:var(--studio-gutter);flex-wrap:wrap;align-items:center;gap:4px 20px;margin-top:14px;display:flex}@media (scripting:none){.codej-studio .studio-case-live-actions{display:none}}.codej-studio .studio-case-live-open{color:var(--studio-fg);cursor:pointer}.codej-studio .studio-case-live-open>span[aria-hidden]{color:var(--studio-signal)}.codej-studio .studio-case-live-note{color:var(--studio-fg-muted)}.codej-studio .studio-case-live-note:empty{display:none}.codej-studio .studio-case-live{z-index:2;border-radius:inherit;flex-direction:column;display:flex;position:absolute;inset:0;overflow:clip}.codej-studio .studio-case-live:focus-visible{outline:2px solid var(--studio-focus);outline-offset:-2px}.codej-studio .studio-case-live-bar{background-color:var(--studio-ink-1);border-bottom:1px solid var(--studio-line-ink);min-height:44px;color:var(--studio-on-ink-muted);flex:none;align-items:center;gap:12px;padding-inline:14px 0;display:flex}.codej-studio .studio-case-live-dots{flex:none;gap:6px;display:flex}.codej-studio .studio-case-live-dots>span{border-radius:var(--studio-r-pill);background-color:var(--studio-line-ink);width:8px;height:8px}.codej-studio .studio-case-live-status{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.codej-studio .studio-case-live-close{min-width:44px;min-height:44px;color:var(--studio-paper);cursor:pointer;flex:none;align-items:center;gap:8px;padding-inline:14px;display:inline-flex}.codej-studio .studio-case-live-close:hover{background-color:var(--studio-ink-3)}.codej-studio .studio-case-live-close>span[aria-hidden]{color:var(--studio-signal)}.codej-studio .studio-case-live-screen{flex:1;min-height:0;position:relative}.codej-studio .studio-case-live-still{display:none}.codej-studio .studio-case-live-frame{opacity:0;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.codej-studio .studio-case-live[data-state=ready] .studio-case-live-screen{background-color:var(--studio-paper)}.codej-studio .studio-case-live[data-state=ready] .studio-case-live-frame{opacity:1}@media (prefers-reduced-motion:no-preference){.codej-studio .studio-case-live-frame{transition:opacity var(--studio-dur-2) var(--studio-ease)}.codej-studio .studio-case-phone{transition:opacity var(--studio-dur-1) var(--studio-ease)}}@media (width>=1024px){.codej-studio .studio-case-stage[data-live] .studio-case-phone{opacity:0}}@media (width<=1023.98px){.codej-studio .studio-case-stage .studio-case-frame[data-live]{aspect-ratio:9/19.5;width:min(100%,420px);max-height:calc(100svh - 120px);margin-inline:auto;padding-bottom:0}.codej-studio .studio-case-stage .studio-case-frame[data-live]>:not(.studio-case-live){display:none}.codej-studio .studio-case-live-screen{background-color:var(--studio-ink-2)}.codej-studio .studio-case-live-still{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}}.codej-studio .studio-case-body{width:min(100%,1600px);padding:var(--studio-pad-section) var(--studio-gutter) 0;color:var(--studio-fg);margin-inline:auto}.codej-studio .studio-case-row{border-top:1px solid var(--studio-line);gap:20px;padding-block:clamp(32px,4vw,56px);display:grid}.codej-studio .studio-case-label{color:var(--studio-fg-muted)}.codej-studio .studio-case-statement{max-width:30ch;font-family:var(--studio-font-display);font-size:var(--studio-fs-h3);line-height:var(--studio-lh-h3);letter-spacing:var(--studio-ls-h3);font-weight:var(--studio-fw-h3);text-wrap:pretty}.codej-studio .studio-case-facts{align-items:start;gap:28px;margin:0;display:grid}.codej-studio .studio-case-facts>div{align-content:start;gap:10px;display:grid}.codej-studio .studio-case-facts dt{color:var(--studio-fg-muted)}.codej-studio .studio-case-facts dd{max-width:var(--studio-measure-body);font-size:var(--studio-fs-body);line-height:var(--studio-lh-body);margin:0}.codej-studio .studio-case-facts .studio-chip{white-space:nowrap;max-width:100%;color:var(--studio-fg-muted)}@media (width<=767.98px){.codej-studio .studio-case-facts .studio-chip{white-space:normal}}.codej-studio .studio-case-stack{gap:6px;margin:0;padding:0;list-style:none;display:grid}.codej-studio .studio-case-stack>li:before{content:"— ";color:var(--studio-signal)}.codej-studio .studio-case-decisions{margin:0;padding:0;list-style:none;display:grid}.codej-studio .studio-case-decisions>li{border-top:1px solid var(--studio-line);grid-template-columns:3.5ch minmax(0,1fr);gap:12px;padding-block:20px;display:grid}.codej-studio .studio-case-decisions>li:first-child{border-top:0;padding-top:0}.codej-studio .studio-case-decisions .studio-mono{color:var(--studio-signal);padding-top:.35em}.codej-studio .studio-case-decisions p{max-width:var(--studio-measure-body);font-size:var(--studio-fs-lede);line-height:var(--studio-lh-lede)}.codej-studio .studio-case-gallery{gap:24px;margin:0;padding:0;list-style:none;display:grid}.codej-studio .studio-case-gallery-frame{background-color:var(--studio-ink-2);overflow:clip}.codej-studio .studio-case-gallery img{width:100%;height:auto;display:block}.codej-studio .studio-case-gallery figcaption{color:var(--studio-fg-muted);margin-top:10px}@media (width>=768px){.codej-studio .studio-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.codej-studio .studio-case-row{grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:clamp(12px,1.6vw,24px)}.codej-studio .studio-case-facts{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:clamp(12px,1.6vw,24px)}.codej-studio .studio-case-facts .studio-chapter-capabilities{flex-direction:column;align-items:flex-start}}.codej-studio .studio-case-next{width:min(100%,1600px);padding:0 var(--studio-gutter) var(--studio-pad-section);margin-inline:auto}.codej-studio .studio-case-next-inner{border-top:1px solid var(--studio-line);justify-items:start;gap:24px;padding-top:clamp(32px,4vw,56px);display:grid}.codej-studio .studio-case-next-project{gap:12px;display:grid}.codej-studio .studio-case-next-link{min-height:44px;color:var(--studio-fg);font-family:var(--studio-font-display);font-size:var(--studio-fs-h2);line-height:var(--studio-lh-h2);letter-spacing:var(--studio-ls-h2);font-weight:var(--studio-fw-h2);flex-wrap:wrap;align-items:baseline;gap:.3em;display:inline-flex}.codej-studio .studio-case-next-link>span[aria-hidden]{color:var(--studio-signal)}.codej-studio .studio-case-next-link>.studio-roll{white-space:normal}.codej-studio .studio-case-next-category{color:var(--studio-fg-muted)}