@keyframes case-fade-in{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes caseReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.case-page{--case-measure:40rem;--case-measure-narrow:25rem;--case-section-gap:2.5rem;--case-block-gap:1.25rem;--case-media-gap:1.75rem;--case-media-measure:56rem;--case-radius:.5rem;flex-direction:column;width:100%;min-height:100dvh;display:flex}.case-page-header{width:100%;padding:1.5rem var(--page-gutter) 0;align-items:center;display:none}.case-page-hero{width:100%;padding:clamp(2.25rem, 4.5vh, 4.5rem) var(--page-gutter) 0;animation:case-fade-in var(--duration-enter) var(--ease-out) both;align-items:flex-start;display:flex}.case-page-hero-rail{width:var(--rail-width);flex:none}.case-page-back-rail{display:none}.case-page-hero-panel{flex:1 0 0;min-width:0}.case-page-hero-content{width:var(--panel-inset);gap:var(--case-block-gap);flex-direction:column;margin-left:auto;display:flex}.case-page-hero-header{padding-bottom:var(--case-block-gap);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 22rem;align-items:start;gap:1.5rem 3rem;display:grid}.case-page-hero-text{flex-direction:column;gap:.5rem;min-width:0;display:flex}.case-page-kicker{font-size:var(--text-xs);color:var(--fg-muted);letter-spacing:var(--tracking-tight);line-height:1}.case-page-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-ui);text-wrap:balance}.case-page-subtitle{font-size:var(--text-xs);color:var(--fg-muted);letter-spacing:var(--tracking-tight);line-height:var(--leading-ui);font-weight:var(--weight-regular);text-wrap:pretty;max-width:34rem}.case-page-description{font-size:var(--text-prose);line-height:var(--leading-prose);letter-spacing:var(--tracking-tight);color:var(--fg);max-width:min(var(--case-measure), 100%);text-wrap:pretty}.case-page-summary-meta{grid-template-columns:minmax(0,1fr) 5.5rem;align-self:start;gap:1rem 1.5rem;width:100%;margin:0;display:grid}.case-page-summary-field{flex-direction:column;gap:.375rem;min-width:0;display:flex}.case-page-summary-field-wide{grid-column:1/-1;max-width:none}.case-page-summary-label{font-size:var(--text-xs);color:var(--fg-muted);line-height:1}.case-page-summary-value{font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-ui);text-wrap:pretty}.case-page-hero-visual-inner{aspect-ratio:16/10;background:var(--surface);border-radius:var(--case-radius);outline:1px solid var(--image-outline);outline-offset:-1px;width:100%;box-shadow:var(--shadow-media);position:relative;overflow:hidden}.case-page-hero-visual-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.case-page-hero-visual-native{aspect-ratio:unset}.case-page-hero-visual-native .case-page-hero-visual-img{aspect-ratio:auto;object-fit:unset;height:auto;position:static}.case-page-body{width:100%;padding:0 var(--page-gutter);animation:case-fade-in var(--duration-enter) var(--ease-out) 80ms both;flex:1;align-items:flex-start;display:flex}.case-page-body-rail{width:var(--rail-width);flex:none}.case-page-body-panel{flex:1 0 0;min-width:0}.case-page-body-panel>.case-page-prose{width:var(--panel-inset);margin-left:auto}.case-page-prose.prose{max-width:none;font-size:var(--text-prose);line-height:var(--leading-prose);letter-spacing:var(--tracking-tight);color:var(--fg);padding-top:var(--case-section-gap);padding-bottom:var(--case-section-gap)}.case-page-prose.prose>p{max-width:var(--case-measure);margin:0 0 var(--case-block-gap);text-wrap:pretty}.case-page-prose.prose>p:last-child{margin-bottom:0}.case-page-prose a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, currentColor 55%, transparent);text-decoration-color:color-mix(in oklch, currentColor 55%, transparent);text-underline-position:from-font;text-decoration-skip-ink:auto;transition:color .15s var(--ease-out);text-decoration-thickness:from-font}@media (hover:hover) and (pointer:fine){.case-page-prose a:hover{color:var(--accent-text)}}.case-page-prose a:active{color:var(--accent-text)}.case-page-prose strong{color:var(--fg);font-weight:var(--weight-semibold)}.case-page-prose .prose-callout{max-width:var(--case-measure);margin:var(--case-block-gap) 0;font-style:normal;font-size:var(--text-xs);line-height:var(--leading-ui);color:var(--fg-muted);background:0 0;border:none;border-radius:0;padding:0}.case-page-prose .prose-callout .prose-callout-rule{display:none}.case-page-prose.prose h3{font-size:var(--text-prose);font-weight:var(--weight-medium);line-height:var(--leading-ui);margin-top:var(--case-block-gap);margin-bottom:.5rem}.case-page-prose.prose hr{max-width:none;margin:var(--case-block-gap) 0}.case-page-prose.prose .case-section-label{font-family:inherit;font-size:var(--text-prose);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--fg);line-height:var(--leading-ui);margin:var(--case-section-gap) 0 var(--case-block-gap);text-wrap:balance;scroll-margin-top:1.5rem}.case-page-prose.prose>.case-section-label:first-child,.case-page-prose.prose .case-col-text>.case-section-label:first-child{margin-top:0}.case-page-prose.prose .case-col-text .case-section-label{margin-bottom:0}.case-page-prose.prose .case-section-label+p{margin-top:0}.case-image-section-placeholder{background:var(--surface);border-radius:var(--case-radius);text-align:center;justify-content:center;align-items:center;width:100%;padding:1rem;display:flex}.case-image-section-placeholder span{font-size:var(--text-xs);color:var(--fg-muted);line-height:var(--leading-snug);-webkit-user-select:none;user-select:none;max-width:24rem}.case-img-wide{aspect-ratio:2.4}.case-img-video{aspect-ratio:16/9}.case-img-square{aspect-ratio:1}.case-img-tall{aspect-ratio:3/4}.case-panel-row .case-img-tall{aspect-ratio:16/9}.case-panel{margin:var(--case-media-gap) 0;max-width:var(--case-media-measure);background:0 0;padding:0}:is(.case-panel:has(>.case-panel-row),.case-panel-wide){max-width:none}.case-panel-caption,.case-col-image-caption{font-size:var(--text-xs);color:var(--fg-muted);line-height:var(--leading-snug);max-width:var(--case-measure);text-wrap:pretty;padding:.75rem 0 0}.case-panel-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.case-panel-row>*{min-width:0}.case-panel-row:not(.case-panel-row-equal){grid-template-columns:1.5fr 1fr 1fr}.case-panel-row:has(>:first-child:nth-last-child(2)){grid-template-columns:var(--row-cols,repeat(2, minmax(0, 1fr)))}.case-panel-row:not(.case-panel-row-equal):has(>:first-child:nth-last-child(2)){grid-template-columns:1.5fr 1fr}.case-panel-row>:only-child{grid-column:1/-1}.case-panel-row img{width:100%;display:block}.case-panel-single,.case-col-image{background:var(--surface);border-radius:var(--case-radius);outline:1px solid var(--image-outline);outline-offset:-1px;box-shadow:var(--shadow-media);position:relative;overflow:hidden}.case-panel-single img,.case-col-image img{width:100%;display:block}.case-video{width:100%;height:auto;display:block}.case-panel:has(>.case-panel-single>.case-video){max-width:var(--case-measure)}.case-panel-single>.case-video{width:calc(100% + .25rem);max-width:none;margin-left:-.25rem}.case-video-toggle{z-index:1;background:oklch(.2 .01 var(--hue) / .72);color:#fff;color:lab(100% 0 0);cursor:pointer;opacity:0;border:0;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;padding:0;transition:opacity .15s,transform .1s;display:grid;position:absolute;bottom:.5rem;right:.5rem}.case-video-toggle svg{fill:currentColor;grid-area:1/1}.case-video-glyph{transition:opacity .2s cubic-bezier(.2,0,0,1),scale .2s cubic-bezier(.2,0,0,1),filter .2s cubic-bezier(.2,0,0,1)}.case-video-glyph[data-off]{opacity:0;filter:blur(4px);scale:.25}.case-video-toggle:focus-visible,.case-video-toggle[data-paused]{opacity:1}@media (hover:hover){:is(.case-bento-tile,.case-panel-single,.case-stage-card,.case-device-screen):hover>.case-video-toggle{opacity:1}}.case-video-toggle:active{transform:scale(.96)}.case-video-toggle:focus-visible{outline-offset:-4px;box-shadow:0 0 0 2px oklch(.2 .01 var(--hue));outline:2px solid #fff;outline:2px solid lab(100% 0 0)}@media (hover:none){.case-video-toggle{pointer-events:none;transition-duration:.24s,.1s}.case-video-toggle:focus-visible,.case-video-toggle[data-shown]{opacity:1;pointer-events:auto;transition-duration:.15s,.1s}}.case-video-toggle:after{content:"";position:absolute;inset:-.375rem}.case-video-expand{right:3rem}.case-two-col{margin:var(--case-media-gap) 0 0;gap:2rem;padding:0;display:flex}.case-two-col-flip{flex-direction:row-reverse}.case-col-text{flex:0 0 min(38%, var(--case-measure-narrow));flex-direction:column;align-self:flex-start;gap:1rem;padding:0 0 2rem;display:flex;position:sticky;top:1.5rem}.case-page-prose.prose .case-col-text p{font-size:var(--text-prose);line-height:var(--leading-prose);color:var(--fg);max-width:var(--case-measure-narrow);text-wrap:pretty;margin:0}.case-col-text p strong{color:var(--fg);font-weight:var(--weight-semibold)}.case-col-images{flex-direction:column;flex:1 1 0;gap:1rem;min-width:0;display:flex}.case-col-image-wrap-narrow{max-width:max(58%,20rem)}.case-page-prose.prose img{border-radius:var(--case-radius);width:100%;max-width:none;margin:var(--case-block-gap) 0;box-shadow:none}.case-col-image .case-image-section-placeholder{background:var(--surface);border-radius:0}.case-page-prose :is(.case-panel-single,.case-col-image) :is(img,.case-image-section-placeholder){box-shadow:none;border-radius:0;outline:none;margin:0}.case-page-prose :is(.case-panel-single,.case-col-image).case-img :is(img,.case-image-section-placeholder){width:100%;height:100%;aspect-ratio:unset;object-fit:cover;position:absolute;inset:0}.case-page-prose .case-panel-single.case-img :is(img,.case-image-section-placeholder){object-position:50% 42%}.case-page-prose .case-col-image.case-img :is(img,.case-image-section-placeholder){object-position:var(--case-col-img-position,center center)}.case-page-prose .case-panel-single.case-panel-single-zoom :is(img,.case-image-section-placeholder){transform:scale(var(--case-panel-img-zoom,1.5));transform-origin:50%}.case-page-prose .case-col-image.case-col-fit-contain :is(img,.case-image-section-placeholder){object-fit:contain}.case-page-prose .case-col-image.case-col-image-zoom :is(img,.case-image-section-placeholder){transform:scale(var(--case-col-img-zoom,1));transform-origin:50%}.case-page-prose .case-media-native :is(img,.case-image-section-placeholder){width:100%;height:auto;aspect-ratio:unset;object-fit:unset;position:static}.case-bento{margin:var(--case-media-gap) 0}.case-page-hero-content .case-bento{margin:0}.case-bento-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr;grid-auto-flow:dense;gap:.75rem;display:grid}.case-bento-tile{background:var(--surface);border-radius:var(--case-radius);outline:1px solid var(--image-outline);outline-offset:-1px;min-height:0;box-shadow:var(--shadow-media);grid-column:span 2;position:relative;overflow:hidden}.case-bento-tall{grid-row:span 2}.case-bento-lead{aspect-ratio:4/3;grid-area:1/1/span 2/span 4}.case-bento-flip .case-bento-lead{grid-column:3/span 4}.case-bento-wide .case-bento-lead{aspect-ratio:2;grid-row:1}.case-bento-split .case-bento-tile{grid-column:span 3}.case-bento-split .case-bento-lead{grid-column:1/span 3}.case-bento-split.case-bento-flip .case-bento-lead{grid-column:4/span 3}.case-bento-grid>.case-bento-lead:only-child{aspect-ratio:2;grid-column:1/-1}:is(.case-page-prose,.case-page-hero-content) .case-bento-tile :is(img,video){object-fit:cover;object-position:left top;border-radius:0;width:100%;height:100%;margin:0;position:absolute;inset:0}:is(.case-page-prose,.case-page-hero-content) .case-bento-tall :is(img,video){object-position:left bottom}:is(.case-page-prose,.case-page-hero-content) .case-bento-split .case-bento-tall img{object-position:left top}:is(.case-page-prose,.case-page-hero-content) .case-bento-tile video{width:calc(100% + .25rem);left:-.25rem}@media (prefers-color-scheme:dark){.case-bento-tile :is(img,video),.case-panel-single>.case-video{filter:brightness(.9)}}.case-stage{margin:var(--case-media-gap) 0;max-width:var(--case-media-measure)}.case-stage-wide{max-width:none}.case-page-hero-content .case-stage{max-width:none;margin:0}.case-stage-ground{--stage-ground:#e4deda;grid-template-columns:var(--stage-cols,minmax(0, 1fr));background:var(--stage-ground);border-radius:var(--case-radius);place-items:center;gap:1rem;padding:clamp(1rem,5%,3.5rem);display:grid}.case-stage-ground>*{min-width:0}.case-stage-plum .case-stage-ground{--stage-ground:#2a0a22}.case-stage-stack{justify-items:center;gap:1rem;width:100%;display:grid}.case-stage-card{width:100%;max-width:var(--stage-card-max,none);background:#fff;border-radius:.75rem;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 1px 2px #0000000d,0 8px 24px -8px #0000001f;box-shadow:0 0 0 1px lab(0% 0 0/.06),0 1px 2px lab(0% 0 0/.05),0 8px 24px -8px lab(0% 0 0/.12)}.case-stage-plum .case-stage-card{box-shadow:0 20px 60px -20px #00000080;box-shadow:0 20px 60px -20px lab(0% 0 0/.5)}.case-stage-device{width:100%;max-width:var(--stage-card-max,none);container-type:inline-size}.case-device{background:#2c2e31;background:lab(18.7798% -.293866 -2.23173);border-radius:3.6cqw;padding:2cqw;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a,0 1px 2px #0000001f,0 16px 32px -18px #00000059;box-shadow:inset 0 0 0 1px lab(100% 0 0/.1),0 1px 2px lab(0% 0 0/.12),0 16px 32px -18px lab(0% 0 0/.35)}.case-device-screen{background:#000;border-radius:1.8cqw;position:relative;overflow:hidden}.case-stage-device-tablet .case-device:before{content:"";background:#32363b;background:lab(22.2446% -.458375 -3.70363);border-radius:50%;width:.7cqw;height:.7cqw;position:absolute;top:1.25cqw;left:50%;translate:-50% -50%}.case-stage-device-laptop .case-device{--laptop-deck:#bcbec0;--laptop-deck-edge:#7f8083;border-radius:1.9cqw 1.9cqw .3cqw .3cqw;margin:0 3.5cqw 1.9cqw;padding:1.3cqw 1.3cqw 1.5cqw;box-shadow:inset 0 0 0 1px #ffffff1a;box-shadow:inset 0 0 0 1px lab(100% 0 0/.1)}@supports (color:lab(0% 0 0)){.case-stage-device-laptop .case-device{--laptop-deck:lab(76.7875% -.213951 -1.49783);--laptop-deck-edge:lab(53.5874% -.211954 -1.49667)}}.case-stage-device-laptop .case-device-screen{border-radius:.6cqw .6cqw .2cqw .2cqw}.case-stage-device-laptop .case-device:before{content:"";background:#32363b;background:lab(22.2446% -.458375 -3.70363);border-radius:50%;width:.45cqw;height:.45cqw;position:absolute;top:.65cqw;left:50%;translate:-50% -50%}.case-stage-device-laptop .case-device:after{content:"";background:radial-gradient(7cqw .75cqw at 50% 0, #00000052 96%, transparent), linear-gradient(to bottom, var(--laptop-deck), var(--laptop-deck-edge));border-radius:.2cqw .2cqw 1.5cqw 1.5cqw;height:1.9cqw;position:absolute;top:100%;left:-3.5cqw;right:-3.5cqw;box-shadow:inset 0 1px #fff6,0 1px 2px #0003,0 2.2cqw 3cqw -1.6cqw #00000080;box-shadow:inset 0 1px lab(100% 0 0/.4),0 1px 2px lab(0% 0 0/.2),0 2.2cqw 3cqw -1.6cqw lab(0% 0 0/.5)}@supports (color:lab(0% 0 0)){.case-stage-device-laptop .case-device:after{background:radial-gradient(7cqw .75cqw at 50% 0, lab(0% 0 0/.32) 96%, transparent), linear-gradient(to bottom, var(--laptop-deck), var(--laptop-deck-edge))}}.case-stage-device-phone{max-width:var(--stage-card-max,17rem)}.case-stage-device-phone .case-device{border-radius:16.5cqw;padding:3.4cqw}.case-stage-device-phone .case-device-screen{border-radius:13.2cqw}.case-stage-device-phone .case-device:before{content:"";z-index:1;background:#000;border-radius:4.2cqw;width:29cqw;height:8.4cqw;position:absolute;top:6.2cqw;left:50%;translate:-50%}.case-stage-ground:has(>.case-stage-device-phone+.case-stage-device-phone){grid-template-columns:repeat(2,minmax(0,17rem));justify-content:center;gap:clamp(.75rem,4%,2rem)}@media (prefers-color-scheme:dark){.case-stage-device-laptop .case-device{--laptop-deck:#4c4d4f;--laptop-deck-edge:#252628}@supports (color:lab(0% 0 0)){.case-stage-device-laptop .case-device{--laptop-deck:lab(32.7072% -.208542 -1.49472);--laptop-deck-edge:lab(15.3069% -.202194 -1.49118)}}}:is(.case-page-prose,.case-page-hero-content) :is(.case-stage-card,.case-device-screen) :is(img,video){width:100%;max-width:none;height:auto;box-shadow:none;border-radius:0;margin:0;display:block}:is(.case-page-prose,.case-page-hero-content) :is(.case-stage-card,.case-device-screen) video{width:calc(100% + 2px);margin-left:-2px}@media (prefers-color-scheme:dark){.case-stage-ground{--stage-ground:#2a2523}@supports (color:lab(0% 0 0)){.case-stage-ground{--stage-ground:lab(15.2856% 1.76317 2.38037)}}.case-stage-plum .case-stage-ground{--stage-ground:#2a0a22}.case-stage-card{box-shadow:0 8px 24px -8px #00000080;box-shadow:0 8px 24px -8px lab(0% 0 0/.5)}.case-stage-card :is(img,video){filter:brightness(.9)}.case-device{background:#3b3d40;background:lab(25.7401% -.299901 -2.23495);box-shadow:inset 0 0 0 1px #ffffff29;box-shadow:inset 0 0 0 1px lab(100% 0 0/.16)}}.case-panel-stack{gap:.75rem;display:grid}.case-details{margin:var(--case-media-gap) 0;max-width:var(--case-media-measure);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem;display:grid}.case-page-prose.prose .case-detail{min-width:0;margin:0}.case-grammar{margin:var(--case-media-gap) 0;max-width:var(--case-measure);font-size:var(--text-xs);line-height:var(--leading-ui)}.case-page-prose.prose .case-grammar-steps{counter-reset:grammar;border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.case-page-prose.prose .case-grammar-step{counter-increment:grammar;border-bottom:1px solid var(--border);grid-template-columns:2.25rem 9rem minmax(0,1fr);align-items:baseline;column-gap:1rem;margin:0;padding:.75rem 0;display:grid}.case-grammar-step:before{content:counter(grammar, decimal-leading-zero);color:var(--fg-muted);font-variant-numeric:tabular-nums}.case-grammar-step-name{font-weight:var(--weight-medium);color:var(--fg)}.case-grammar-step-text{color:var(--fg-secondary);text-wrap:pretty}.case-page-prose.prose .case-grammar-nouns{border-bottom:1px solid var(--border);max-width:none;margin:0;padding:.75rem 0 .75rem 3.25rem}.case-grammar-nouns-label{color:var(--fg-muted)}.case-grammar-nouns-label:after{content:": "}.case-grammar-noun{color:var(--fg)}.case-grammar-noun+.case-grammar-noun:before{content:" · ";color:var(--fg-muted)}.case-outcome{margin-top:var(--case-section-gap);padding-top:var(--case-block-gap);border-top:1px solid var(--border);grid-template-columns:minmax(0, var(--case-measure)) minmax(14rem, 18rem);grid-auto-rows:max-content;align-items:start;gap:0 3rem;display:grid}.case-outcome>*{grid-column:1;min-width:0}.case-page-prose.prose .case-outcome>.case-section-label{margin-top:0}.case-page-prose.prose .case-outcome>p{max-width:var(--case-measure);margin:0 0 var(--case-block-gap);text-wrap:pretty}.case-page-prose.prose .case-outcome>p:last-child{margin-bottom:0}.case-outcome>.case-outcome-facts{flex-direction:column;grid-area:2/2/span 99;gap:1rem;margin:0;display:flex}.case-outcome-fact{flex-direction:column;gap:.375rem;min-width:0;display:flex}.case-outcome-fact dt{font-size:var(--text-xs);color:var(--fg-muted);line-height:1}.case-outcome-fact dd{font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-ui);font-variant-numeric:tabular-nums;text-wrap:pretty;margin:0}.case-page-footer{width:100%;padding:0 var(--page-gutter) clamp(1.5rem, 3vh, 2.5rem);align-items:flex-start;margin-top:auto;display:flex}.case-page-footer-nav{width:var(--panel-inset);padding:var(--case-block-gap) 0 0;border-top:1px solid var(--border);justify-content:space-between;gap:1rem;margin-left:auto;display:flex}.case-page-nav-card{min-width:0;font-size:var(--text-xs);letter-spacing:var(--tracking-tight);line-height:var(--leading-ui);color:var(--fg);transition:color .2s var(--ease-out);align-items:baseline;gap:.5rem;display:inline-flex}.case-page-nav-card:hover{color:var(--accent-text)}.case-page-nav-card-next{text-align:right;margin-left:auto}.case-page-nav-dir{color:var(--fg-muted);transition:color .2s var(--ease-out)}.case-page-nav-card:hover .case-page-nav-dir{color:var(--accent-text)}.case-page-nav-title{font-weight:var(--weight-medium);text-wrap:balance}@media (min-width:1680px){.case-page{max-width:1600px;margin-inline:auto}.case-page-back-rail{left:calc((100vw - 1600px) / 2 + var(--page-gutter))}}@media (min-width:1200px){.case-page-back-rail{left:var(--page-gutter);z-index:2;width:fit-content;display:inline-flex;position:fixed;top:clamp(2.25rem,4.5vh,4.5rem)}}@media (max-width:1199px){.case-page-header{display:flex}.case-page-hero,.case-page-body,.case-page-footer{flex-direction:column}.case-page-hero-rail,.case-page-body-rail{display:none}.case-page-hero-content,.case-page-body-panel>.case-page-prose,.case-page-footer-nav{width:100%;margin-left:0}.case-page-hero{padding-top:1rem}}@media (max-width:899px){.case-stage-ground{grid-template-columns:minmax(0,1fr);padding:1rem}.case-page-hero-header{grid-template-columns:minmax(0,1fr);align-items:start}.case-page-summary-meta{grid-template-columns:minmax(0,1fr) 5.5rem;max-width:22rem}.case-page-summary-field-wide{max-width:none}.case-two-col,.case-two-col-flip{gap:var(--case-block-gap);flex-direction:column}.case-col-text{max-width:var(--case-measure);flex:none;padding:0;position:static}.case-col-text p:not(.case-section-label){max-width:var(--case-measure)}.case-panel-row,.case-panel-row:not(.case-panel-row-equal){grid-template-columns:repeat(2,minmax(0,1fr))}.case-panel-row:not(.case-panel-row-equal):has(>:first-child:nth-last-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.case-panel-row>:first-child:nth-last-child(3){grid-column:1/-1}.case-page-prose.prose .case-grammar-step{grid-template-columns:2.25rem minmax(0,1fr);row-gap:.125rem}.case-grammar-step-text{grid-column:2}.case-outcome{grid-template-columns:minmax(0,1fr)}.case-outcome>.case-outcome-facts{flex-flow:wrap;grid-area:auto/1;gap:1rem 2.5rem;margin-top:.25rem}}@media (max-width:600px){.case-page-hero{padding:1rem var(--page-gutter) 0}.case-page-hero-content{gap:1rem}.case-page-hero-header{gap:1.25rem}.case-page-summary-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem}.case-page-summary-field-wide{grid-column:1/-1}.case-page-hero-visual-inner:not(.case-page-hero-visual-native){aspect-ratio:3/2}.case-panel-row,.case-panel-row:not(.case-panel-row-equal){grid-template-columns:minmax(0,1fr);gap:.75rem}.case-panel-row:has(>:first-child:nth-last-child(2)){grid-template-columns:minmax(0,1fr);gap:.75rem}.case-panel-row:not(.case-panel-row-equal):has(>:first-child:nth-last-child(2)){grid-template-columns:minmax(0,1fr);gap:.75rem}.case-panel-row>*{grid-column:auto}.case-panel-row .case-img-tall{aspect-ratio:16/9}.case-col-images{gap:.75rem}.case-details{grid-template-columns:minmax(0,1fr);gap:1.25rem}.case-bento-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.case-bento-tile,.case-bento-lead,.case-bento-flip .case-bento-lead,.case-bento-wide .case-bento-lead,.case-bento-split .case-bento-tile,.case-bento-split .case-bento-lead,.case-bento-split.case-bento-flip .case-bento-lead,.case-bento-grid>.case-bento-lead:only-child{aspect-ratio:var(--bento-ratio,4 / 3);grid-area:auto/1}.case-bento-tall{aspect-ratio:1}.case-bento-split .case-bento-tall{aspect-ratio:var(--bento-ratio,4 / 3)}.case-outcome>.case-outcome-facts{flex-direction:column;gap:1rem}.case-page-footer-nav{flex-direction:column;gap:.75rem}.case-page-nav-card-next{text-align:left;margin-left:0}}.case-page-prose,.case-page-hero-content{container-type:inline-size}.case-page{--g:1.5rem;--col:calc((100cqw - 11 * var(--g)) / 12);--case-measure:34rem;--case-section-gap:4.5rem;--media-gap:2.5rem;--frame-line:#00000014;--frame-radius:.75rem}@supports (color:lab(0% 0 0)){.case-page{--frame-line:lab(0% 0 0/.08)}}@media (prefers-color-scheme:dark){.case-page{--frame-line:#ffffff1a}@supports (color:lab(0% 0 0)){.case-page{--frame-line:lab(100% 0 0/.1)}}}.case-page-header,.case-page-hero-rail,.case-page-body-rail{display:none}.case-page-hero-content,.case-page-body-panel>.case-page-prose,.case-page-footer-nav{width:100%;margin-left:0}.case-page-hero{padding-top:4.5rem}@media (max-width:1023px){.case-page-hero{padding-top:3rem}}.case-page-hero-content{column-gap:var(--g);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:3rem;display:grid}.case-page-hero-content>*{grid-column:4/-1;min-width:0}.case-page-hero-content>.case-page-hero-header{grid-column:1/-1;grid-template-columns:subgrid;column-gap:var(--g);border-bottom:0;row-gap:1.25rem;padding-bottom:0;display:grid}.case-page-hero-text{display:contents}.case-page-hero-text>*{grid-column:4/-1;min-width:0}.case-page-hero-text>.case-page-kicker{font-size:var(--text-xs);letter-spacing:var(--tracking-meta);line-height:var(--leading-ui);grid-column:1/span 3;align-self:baseline;padding-top:.15rem}.case-page-hero-text>.case-page-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-ui);text-wrap:balance;grid-column:4/span 8}.case-page-hero-body{flex-direction:column;grid-column:4/-1;gap:2rem;min-width:0;display:flex}.case-page-hero-body .case-page-description{max-width:var(--case-measure);font-size:var(--text-prose);font-weight:var(--weight-medium);line-height:var(--leading-prose);letter-spacing:var(--tracking-prose);color:var(--fg)}.case-page-summary-meta,.case-page-hero-body .case-page-summary-meta{column-gap:var(--g);border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));row-gap:1rem;padding-top:1rem}.case-page-summary-meta>*,.case-page-summary-meta>.case-page-summary-field-wide{grid-column:auto}.case-page-summary-label,.case-page-summary-value{font-weight:var(--weight-regular);letter-spacing:var(--tracking-meta);line-height:1.4}.case-page-summary-field{gap:.25rem}.case-page :is(.case-panel-caption,.case-col-image-caption){font-weight:var(--weight-regular);letter-spacing:var(--tracking-meta);line-height:1.45}.case-page-prose.prose{column-gap:var(--g);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.case-page-prose.prose>.case-outcome{grid-column:1/-1;grid-template-columns:subgrid;align-items:start;display:grid}.case-page-prose.prose>*,.case-page-prose.prose>.case-outcome>*{grid-column:4/span 6;min-width:0}.case-page-prose.prose .case-section-label,.case-page-prose.prose>.case-outcome>.case-section-label{margin:var(--case-section-gap) 0 0;padding-right:var(--g);font-size:var(--text-prose);line-height:var(--leading-prose);grid-column:1/span 3}.case-page-prose.prose>p,.case-page-prose.prose>:is(ul,ol),.case-page-prose.prose>.case-outcome>:is(p,ul,ol){font-size:var(--text-prose);font-weight:var(--weight-medium);line-height:var(--leading-prose);letter-spacing:var(--tracking-prose)}.case-page-prose.prose>:is(p,ul,ol):has(+.case-section-label){margin-bottom:0}.case-page-prose.prose .case-section-label+:is(p,ul,ol,div,span,figure,section){margin-top:var(--case-section-gap)}.case-page-prose.prose>.case-section-label:first-child,.case-page-prose.prose>.case-section-label:first-child+:is(p,ul,ol,div,span,figure){margin-top:0}.case-page-prose.prose :is(p,ul,ol){max-width:var(--case-measure)}.case-page-prose.prose>:is(.case-frame,.case-frames,.case-panel,.case-bento,.case-stage,.case-grammar,.case-details,.case-two-col){max-width:none;margin:var(--media-gap) 0 0;grid-column:4/-1}.case-page-prose.prose>.case-frame-body{grid-column:4/span 6}.case-page-prose.prose>*>:is(figcaption,p).case-panel-caption,.case-page-hero-content>*>:is(figcaption,p).case-panel-caption{max-width:var(--case-measure);padding-top:.75rem}.case-frame,.case-frames{min-width:0;margin:0}.case-frame-ground{position:relative}.case-frames-row{grid-template-columns:var(--frames-cols,repeat(2, minmax(0, 1fr)));gap:var(--media-gap) var(--g);align-items:start;display:grid}.case-frames-row>*{min-width:0}.case-frame-ground>.case-stage-card,.case-frames-row>.case-stage-card{border-radius:var(--frame-radius);max-width:none;box-shadow:none;outline:1px solid var(--frame-line);outline-offset:-1px;background:0 0;overflow:hidden}.case-frame .case-stage-card :is(img,video),.case-frames .case-stage-card :is(img,video){filter:none}.case-frames-row .case-frame>figcaption{padding-top:.75rem}.case-page-prose.prose>.case-outcome{column-gap:var(--g);margin-top:var(--case-section-gap);border-top:1px solid var(--border);padding-top:1.5rem}.case-page-prose.prose>.case-outcome>.case-section-label,.case-page-prose.prose>.case-outcome>.case-section-label+:is(p,div,section){margin-top:0}.case-page-prose.prose>.case-outcome>.case-outcome-facts{column-gap:var(--g);grid-area:auto/4/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:1rem;margin-top:1rem;display:grid}.case-outcome-fact :is(dt,dd){font-weight:var(--weight-regular);letter-spacing:var(--tracking-meta);line-height:1.4}.case-page-next{column-gap:var(--g);border-top:1px solid var(--border);grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline;row-gap:2.5rem;margin-top:0;padding-top:2rem;display:grid}.case-page-next-label{font-size:var(--text-xs);letter-spacing:var(--tracking-meta);color:var(--fg-muted);grid-column:1/span 3;margin:0}.case-page-next-link,.case-page-contact{grid-column:4/-1;margin:0}.case-page-next-link{flex-direction:column;justify-self:start;gap:.5rem;text-decoration:none;display:flex}.case-page-next-arrow{transition:translate .2s var(--ease-out);display:inline-block}.case-page-next-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-ui);color:var(--fg);transition:color .15s var(--ease-out)}.case-page-next-subtitle{max-width:var(--case-measure);font-size:var(--text-prose);color:var(--fg-muted);line-height:1.5}@media (hover:hover) and (pointer:fine){.case-page-next-link:hover .case-page-next-title{color:var(--accent-text)}.case-page-next-link:hover .case-page-next-arrow{translate:2px}}.case-page-next-link:active .case-page-next-title{color:var(--accent-text)}@media (prefers-reduced-motion:reduce){.case-page-next-link:hover .case-page-next-arrow{translate:none}}.case-page-contact{font-size:var(--text-prose);line-height:1.6}.case-page-contact a{text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, currentColor 55%, transparent);text-decoration-color:color-mix(in oklch, currentColor 55%, transparent);text-underline-offset:.2em;transition:color .15s var(--ease-out);margin-block:-.5rem;padding-block:.5rem;display:inline-block}@media (hover:hover) and (pointer:fine){.case-page-contact a:hover{color:var(--accent-text)}}.case-page-contact a:active{color:var(--accent-text)}@media (max-width:1199px){.case-page-body-panel,.case-page-hero-panel{align-self:stretch;width:100%}}@media (max-width:1023px){.case-page{--g:1rem;--case-section-gap:3rem;--media-gap:1.5rem}.case-page-hero-content,.case-page-prose.prose{grid-template-columns:minmax(0,1fr)}.case-page-hero-content>*,.case-page-hero-text>*,.case-page-hero-text>.case-page-kicker,.case-page-hero-text>.case-page-title,.case-page-hero-body{grid-column:1/-1;padding-right:0}.case-page-hero-content{row-gap:2rem}.case-page-hero-text>.case-page-kicker{padding-top:0}.case-page-hero-body .case-page-description{font-size:var(--text-prose)}.case-page-summary-meta,.case-page-hero-body .case-page-summary-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.case-page-prose.prose>*,.case-page-prose.prose>.case-outcome>*,.case-page-prose.prose .case-section-label,.case-page-prose.prose>.case-outcome>.case-section-label,.case-page-prose.prose>.case-frame-body,.case-page-prose.prose>.case-outcome>.case-outcome-facts,.case-page-prose.prose>:is(.case-frame,.case-frames,.case-panel,.case-bento,.case-stage,.case-grammar,.case-details,.case-two-col){grid-column:1/-1;padding-right:0}.case-page-prose.prose .case-section-label{margin-bottom:.75rem}.case-page-prose.prose .case-section-label+:is(p,ul,ol,div,span,figure,section),.case-page-prose.prose>.case-outcome>.case-section-label+:is(p,div,section){margin-top:0}.case-page-prose.prose>.case-outcome>.case-outcome-facts,.case-frames-row{grid-template-columns:minmax(0,1fr)}.case-page-next{grid-template-columns:minmax(0,1fr);row-gap:.75rem}.case-page-next-label,.case-page-next-link,.case-page-contact{grid-column:1/-1}.case-page-next-link+.case-page-next-label{margin-top:2rem}}.case-stage-device-browser .case-device{background:#f5f7f9;background:lab(97.0907% -.162214 -1.12439);border-radius:max(.5rem,1cqw);padding:0;overflow:hidden;box-shadow:0 0 0 1px #0000001a,0 1px 2px #0000000f,0 24px 48px -28px #00000059;box-shadow:0 0 0 1px lab(0% 0 0/.1),0 1px 2px lab(0% 0 0/.06),0 24px 48px -28px lab(0% 0 0/.35)}.case-stage-device-browser .case-device:before{content:none}.case-browser-bar{border-bottom:1px solid #00000014;border-bottom:1px solid lab(0% 0 0/.08);align-items:center;height:max(.875rem,3.4cqw);padding:0 max(.3rem,1.3cqw);display:flex;position:relative}.case-browser-dots{gap:max(.15rem,.6cqw);display:flex}.case-browser-dots>span{aspect-ratio:1;background:#ff5f57;border-radius:50%;width:max(.25rem,.95cqw)}.case-browser-dots>span:nth-child(2){background:#febc2e}.case-browser-dots>span:nth-child(3){background:#28c840}.case-browser-url{width:min(36%,22rem);color:var(--fg-muted);text-align:center;white-space:nowrap;background:#0000000d;background:lab(0% 0 0/.05);border-radius:max(.15rem,.55cqw);padding:max(.05rem,.3cqw) 0;font-size:clamp(.3125rem,1.05cqw,.75rem);line-height:1.4;position:absolute;left:50%;overflow:hidden;translate:-50%}.case-stage-device-browser .case-device-screen{background:#fff;border-radius:0}@media (prefers-color-scheme:dark){.case-stage-device-browser .case-device{background:#252628;background:lab(15.3069% -.202194 -1.49118);box-shadow:0 0 0 1px #ffffff24,0 24px 48px -28px #0009;box-shadow:0 0 0 1px lab(100% 0 0/.14),0 24px 48px -28px lab(0% 0 0/.6)}.case-browser-bar{border-bottom-color:#ffffff14;border-bottom-color:lab(100% 0 0/.08)}.case-browser-url{background:#ffffff14;background:lab(100% 0 0/.08)}}.case-stage-device-macbook{aspect-ratio:3540/2300;position:relative}.case-macbook-screen{background:#e6e8ea;background:lab(91.8676% -.214815 -1.49833);border-radius:1cqw 1cqw 0 0;flex-direction:column;width:81.41%;height:81.08%;display:flex;position:absolute;top:9.46%;left:9.27%;overflow:hidden}.case-macbook-menubar{background:#e6e8ea;background:lab(91.8676% -.214815 -1.49833);flex:none;height:2.9%}.case-macbook-screen>.case-stage-device-browser{flex:1 1 0;width:100%;min-height:0}.case-macbook-screen .case-stage-device-browser .case-device{height:100%;box-shadow:none;border-radius:0;flex-direction:column;display:flex}.case-macbook-screen .case-device-screen{flex:1 1 0;min-height:0}:is(.case-page-prose,.case-page-hero-content) .case-macbook-screen .case-device-screen video{object-fit:cover;object-position:top center;width:100%;height:100%;margin:0}.case-device-screen-inset{background:#fff;place-items:center;padding:max(1rem,4cqw);display:grid}:is(.case-page-prose,.case-page-hero-content) .case-device-screen-inset img{width:min(100%, var(--crop-width))}.case-page-prose.prose .case-macbook-bezel,.case-page-hero-content .case-macbook-bezel{width:100%;max-width:none;height:100%;box-shadow:none;pointer-events:none;border-radius:0;margin:0;position:absolute;inset:0}@media (min-width:768px){.case-stage-device-macbook[data-fullscreen] .case-macbook-screen{background:#000;container-type:size}}.case-stage-device-macbook[data-fullscreen] .case-macbook-menubar{background:#000;height:2.9cqh}.case-stage-device-macbook[data-fullscreen] .case-browser-bar{background:#f6f7f8;background:lab(97.0939% -.108689 -.749958);flex:none;height:4.72cqh;padding:0 1.6cqw}.case-browser-nav{align-items:center;gap:2.2cqw;padding-left:.4cqw;display:flex}.case-browser-nav>span{aspect-ratio:1;border-bottom:max(1px,.13cqw) solid #545558;border-bottom:max(1px,.13cqw) solid lab(36.1839% -.258297 -1.86706);border-left:max(1px,.13cqw) solid #545558;border-left:max(1px,.13cqw) solid lab(36.1839% -.258297 -1.86706);width:.7cqw;rotate:45deg}.case-browser-nav>span+span{opacity:.35;rotate:-135deg}.case-stage-device-macbook[data-fullscreen] .case-browser-url{letter-spacing:0;border-radius:.6cqw;justify-content:center;align-items:center;width:30%;height:3.1cqh;padding:0;font-size:max(.3125rem,1.05cqw);display:flex}@media (prefers-color-scheme:dark){.case-stage-device-macbook[data-fullscreen] .case-browser-bar{background:#252628;background:lab(15.3069% -.202194 -1.49118)}.case-browser-nav>span{border-color:#bcbec1;border-color:lab(76.7843% -.265569 -1.8712)}}@supports (animation-timeline:view()){.case-panel,.case-page-prose .case-bento,.case-page-prose .case-stage,.case-col-image-wrap,.case-grammar,.case-outcome,.case-page-prose .prose-callout{animation:linear both caseReveal;animation-timeline:view();animation-range:entry entry 30%}.case-panel-row>*,.case-details>*{animation:linear both caseReveal;animation-timeline:view();animation-range:entry entry 35%}.case-panel-row>:nth-child(2),.case-details>:nth-child(2){animation-range:entry 5% entry 40%}.case-panel-row>:nth-child(3){animation-range:entry 10% entry 45%}}@media (prefers-reduced-motion:reduce){.case-page-hero,.case-page-body{animation-name:fadeIn;animation-delay:0s;transform:none}.case-panel,.case-bento,.case-stage,.case-col-image,.case-col-image-wrap,.case-grammar,.case-outcome,.case-page-prose .prose-callout,.case-panel-row>*,.case-details>*,.case-page-hero-visual-inner{opacity:1;animation:none;transform:none}}.case-page-prose.prose>:is(ul,ol){max-width:var(--case-measure);margin:0 0 var(--case-block-gap)}.case-page-prose.prose>ul{flex-direction:column;gap:.5rem;padding-left:1.125rem;display:flex}.case-page-prose.prose>:is(ul,ol)>li::marker{color:var(--fg-muted)}.todo-mark{color:var(--fg);font-weight:var(--weight-regular);background:#f2c86c2e;background:lab(82.8346% 7.691 50.9405/.18);border-radius:.25rem;outline:1px dashed #d98b09cc;outline:1px dashed lab(64.8649% 24.5976 68.6789/.8);padding:0 .25rem;display:inline}.todo-mark-tag{font-family:var(--font-mono), monospace;color:var(--fg-muted);font-size:.9em}.case-page-prose.prose>.todo-mark{max-width:var(--case-measure);margin:0 0 var(--case-block-gap);font-size:var(--text-xs);display:block}.case-live{pointer-events:none;position:absolute;inset:0;overflow:hidden}.case-live-frame{transform-origin:0 0;visibility:hidden;background:#fff;border:0;max-width:none;position:absolute;top:0;left:0}.case-live[data-ready] .case-live-frame{visibility:visible}.case-live-cursor{z-index:1;opacity:0;transform-origin:3px 2px;will-change:transform;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M3 2l11.5 6.4-5.1 1.3-2.4 4.7z' fill='%23111' stroke='%23fff' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;width:18px;height:18px;margin:-2px 0 0 -3px;transition:transform .6s cubic-bezier(.3,.7,.2,1),opacity .2s,scale .12s;position:absolute;top:0;left:0}.case-live-cursor[data-down]{scale:.84}.case-live-control{--bar:max(.875rem, 3.4cqw);top:calc(var(--bar) / -2);z-index:2;height:min(1.5rem, calc(var(--bar) - 4px));color:var(--fg-muted);font:inherit;font-size:var(--text-xs);letter-spacing:var(--tracking-meta);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.375rem;padding:0 .5rem 0 .4375rem;line-height:1;transition:color .15s,background-color .15s,scale .12s;display:inline-flex;position:absolute;right:max(.3rem,1.3cqw);translate:0 -50%}.case-stage-device-browser .case-device-screen:has(>.case-live-control){overflow:visible}.case-live-control:before{content:"";position:absolute;inset:-.5rem -.25rem}@media (pointer:coarse){.case-live-control:before{inset:-.75rem -.375rem}}@media (hover:hover){.case-live-control:hover{color:var(--fg);background:#0000000f;background:lab(0% 0 0/.06)}}.case-live-control:focus-visible{color:var(--fg)}.case-live-control:active{scale:.96}@media (prefers-color-scheme:dark){@media (hover:hover){.case-live-control:hover{background:#ffffff14;background:lab(100% 0 0/.08)}}}.case-live-glyph{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:8px;height:9px;translate:1px}.case-live-control[data-state=playing] .case-live-glyph{clip-path:polygon(0 0,33% 0,33% 100%,0 100%,0 0,67% 0,100% 0,100% 100%,67% 100%,67% 0);translate:0}.case-page-prose.prose>:is(.case-frame,.case-frames)+:is(p,ul,ol){margin-top:var(--media-gap)}@media (max-width:1023px){.case-page-prose.prose>.case-frame[data-fit]{width:calc(var(--frame-fit) * 100%)}}@media (prefers-color-scheme:dark){.case-stage-device-browser .case-device-screen.case-device-screen-inset{background:#ebebeb}:is(.case-page-prose,.case-page-hero-content) .case-device-screen-inset img{filter:brightness(.92)}}.case-page-prose.prose>:is(.case-anatomy,.case-wall){max-width:none;margin:var(--media-gap) 0 0;grid-column:1/-1}.case-page-prose.prose>:is(.case-anatomy,.case-wall)+:is(p,ul,ol){margin-top:var(--media-gap)}.case-page-prose.prose>.case-anatomy{grid-template-columns:subgrid;--an-spring:linear(0, .003 1.1%, .02 2.8%, .056 4.9%, .112 7.2%, .186 9.8%, .274 12.5%, .372 15.4%, .473 18.4%, .573 21.6%, .668 24.9%, .755 28.3%, .83 31.9%, .893 35.5%, .943 39.2%, .981 43.1%, 1.008 47%, 1.025 51%, 1.035 55.1%, 1.038 59.2%, 1.038 63.5%, 1.034 67.8%, 1.029 72.2%, 1.023 76.7%, 1.017 81.2%, 1.012 85.8%, 1.008 90.5%, 1.004 95.2%, 1);align-items:start;display:grid;position:relative}.case-page-prose.prose>.case-anatomy>figcaption{grid-column:4/-1}.case-page-prose.prose :is(.case-anatomy-keys,.case-build-keys){max-width:none;padding:0 var(--g) 0 0;flex-direction:column;grid-area:1/1/auto/span 3;align-self:stretch;gap:.75rem;margin:0;list-style:none;transition:opacity .4s;display:flex;position:relative}.case-page-prose.prose :is(.case-anatomy-key,.case-build-key){margin:0;padding:0}.case-page-prose.prose :is(.case-anatomy-key,.case-build-key):before{content:none}.case-anatomy-button,.case-build-button{font:inherit;font-size:var(--text-xs);font-weight:var(--weight-regular);letter-spacing:var(--tracking-meta);text-align:left;color:inherit;cursor:default;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:0;line-height:1.45;display:flex}:is(.case-anatomy-button,.case-build-button):focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}:is(.case-anatomy-name,.case-build-name){color:var(--fg)}:is(.case-anatomy-note,.case-build-note){color:var(--fg-muted);text-wrap:pretty;transition:color .16s}:is(.case-anatomy-key,.case-build-key)[data-lit] :is(.case-anatomy-note,.case-build-note){color:var(--fg)}@property --an-g{syntax:"<number>";inherits:false;initial-value:1}.case-page-prose.prose>.case-anatomy{--an-pad-t:2.5rem;--an-pad-b:2.75rem;--an-pad-x:2.5rem;--an-glass-fill:#4c566606;--an-glass-edge:#313b4a3d;--an-pale:.3;--an-hot:.16;--an-red-wash:.08;--an-wash:.12;--an-wash-strong:1;--an-side:.38}@supports (color:lab(0% 0 0)){.case-page-prose.prose>.case-anatomy{--an-glass-fill:lab(36.0748% -1.03399 -10.9641/.025);--an-glass-edge:lab(24.4646% -.850305 -10.8988/.24)}}.case-anatomy-rail{grid-area:1/1/auto/span 3;align-self:stretch;position:relative}.case-page-prose.prose .case-anatomy-rail>.case-anatomy-keys{top:var(--an-pad-t);bottom:var(--an-pad-b);display:block;position:absolute;left:0;right:0}.case-page-prose.prose .case-anatomy-key{top:var(--an-level);left:0;right:var(--g);position:absolute;translate:0 -50%}.case-anatomy-rail .case-anatomy-button{line-height:1.35}.case-anatomy-stage{padding:var(--an-pad-t) var(--an-pad-x) var(--an-pad-b);border-radius:var(--frame-radius);background:var(--ground);grid-area:1/4/auto/-1}.case-anatomy-view{aspect-ratio:var(--an-ratio);position:relative}.case-anatomy-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.case-anatomy-sheet,.case-anatomy-grow{transform-box:view-box;transform-origin:0 0}.case-anatomy-sheet{transform:translate(calc(var(--an-x) * 1px), calc(var(--an-y) * 1px)) scale(1, var(--an-cos)) rotate(var(--an-turn))}.case-anatomy-glass{fill:var(--an-glass-fill);stroke:var(--an-glass-edge);stroke-width:1px;vector-effect:non-scaling-stroke}.case-anatomy-ink-pale{fill-opacity:var(--an-pale)}.case-anatomy-ink-hot{fill-opacity:var(--an-hot)}.case-anatomy-ink-breach{fill-opacity:var(--an-red-wash)}.case-anatomy-sheet :is(line,path,circle){vector-effect:non-scaling-stroke}.case-anatomy-ink-wash{fill-opacity:var(--an-wash)}.case-anatomy-stop-gc0{stop-opacity:calc(.16 * var(--an-wash-strong))}.case-anatomy-stop-gc1{stop-opacity:calc(.03 * var(--an-wash-strong))}.case-anatomy-stop-gt0{stop-opacity:calc(.24 * var(--an-wash-strong))}.case-anatomy-stop-gt1{stop-opacity:calc(.04 * var(--an-wash-strong))}.case-anatomy-grow{transform:translateY(calc((1 - var(--an-g)) * var(--c) * 1px)) skewY(atan(calc((1 - var(--an-g)) * var(--a)))) scaleY(calc(1 + (1 - var(--an-g)) * var(--b)))}.case-anatomy-svg [data-part=bars].case-anatomy-grow{--an-dur:1s;--an-delay:0s}.case-anatomy-svg [data-part=anomalies].case-anatomy-grow{--an-dur:.7s;--an-delay:.65s;--an-ease:var(--an-spring)}.case-page-prose.prose img.case-anatomy-print{top:var(--an-face-top);pointer-events:none;opacity:0;border-radius:.5rem;width:100%;max-width:none;height:auto;margin:0;position:absolute;left:0}.case-anatomy-labels{pointer-events:none;position:absolute;inset:0}.case-anatomy-labels>span{font-size:var(--text-xs);font-weight:var(--weight-regular);letter-spacing:var(--tracking-meta);white-space:nowrap;color:var(--fg-muted);line-height:1.2;position:absolute}.case-anatomy-tick{translate:-50% .5rem}.case-anatomy-event{translate:.25rem -100%}.case-anatomy-event[data-end]{translate:calc(-100% - .25rem) -100%}.case-anatomy-drop{stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.32}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.case-anatomy:not([data-phase=grow],[data-phase=open]) .case-anatomy-drop{opacity:0}}.case-anatomy[data-phase=grow] .case-anatomy-drop{transition:opacity .4s}.case-anatomy-event[data-alarm]{color:#e5484d}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.case-anatomy:not([data-phase=tilt],[data-phase=grow],[data-phase=open]) .case-anatomy-sheet{transform:translate(0px, calc(var(--an-face-y) * 1px)) scale(var(--an-face), var(--an-face)) rotate(0deg)}.case-page-prose.prose .case-anatomy:not([data-phase=tilt],[data-phase=grow],[data-phase=open]) img.case-anatomy-print{opacity:1}.case-anatomy:not([data-phase=tilt],[data-phase=grow],[data-phase=open]) .case-anatomy-labels{opacity:0}.case-anatomy:not([data-phase=grow],[data-phase=open]) .case-anatomy-grow{--an-g:0;opacity:0}}.case-anatomy[data-phase=tilt] .case-anatomy-sheet{transition:transform var(--an-tilt-ms) var(--ease-in-out) var(--an-delay)}.case-page-prose.prose .case-anatomy[data-phase=tilt] img.case-anatomy-print{transition:opacity .38s 60ms}.case-anatomy[data-phase=tilt] .case-anatomy-labels{transition:opacity .45s ease calc(var(--an-tilt-ms) - .35s)}.case-anatomy[data-phase=grow] .case-anatomy-grow{transition:--an-g var(--an-dur) var(--an-ease,var(--ease-out)) var(--an-delay), opacity .16s ease var(--an-delay)}.case-anatomy[data-phase=open] :is(.case-anatomy-sheet,.case-anatomy-grow,.case-anatomy-labels>span){transition:opacity .22s}.case-anatomy[data-focus=grid] .case-anatomy-view [data-part]:not([data-part=grid]),.case-anatomy[data-focus=bars] .case-anatomy-view [data-part]:not([data-part=bars]),.case-anatomy[data-focus=areas] .case-anatomy-view [data-part]:not([data-part=areas]),.case-anatomy[data-focus=lines] .case-anatomy-view [data-part]:not([data-part=lines]),.case-anatomy[data-focus=events] .case-anatomy-view [data-part]:not([data-part=events]),.case-anatomy[data-focus=anomalies] .case-anatomy-view [data-part]:not([data-part=anomalies]){opacity:.16}.case-anatomy-lines,.case-build-lines{pointer-events:none;width:100%;height:100%;animation:.4s both case-figure-lines;position:absolute;inset:0;overflow:visible}:is(.case-anatomy-lines,.case-build-lines) polyline{fill:none;stroke:var(--fg-muted);stroke-width:1px;opacity:.5}:is(.case-anatomy-lines,.case-build-lines) circle{fill:#2b2e33;fill:lab(18.7641% -.449047 -3.69914);stroke:#fff;stroke-width:1.5px}:is(.case-anatomy-lines,.case-build-lines) g{transition:opacity .24s}.case-build-lines g[data-dim]{opacity:.2}@keyframes case-figure-lines{0%{opacity:0}}@media (min-width:1024px){.case-page-prose.prose .case-build:has(.case-build-lines) .case-build-key{left:0;right:var(--g);translate:0 calc(-.725 * var(--text-xs));position:absolute}}@media (prefers-color-scheme:dark){.case-page-prose.prose>.case-anatomy{--an-glass-fill:#ffffff06;--an-glass-edge:#fff3;--an-pale:.26;--an-hot:.3;--an-red-wash:.24;--an-wash:.22;--an-wash-strong:2.2;--an-side:.24}@supports (color:lab(0% 0 0)){.case-page-prose.prose>.case-anatomy{--an-glass-fill:lab(100% 0 0/.022);--an-glass-edge:lab(100% 0 0/.2)}}.case-page-prose.prose img.case-anatomy-print{filter:brightness(.92)}}@media (prefers-reduced-motion:reduce){.case-anatomy-sheet,.case-anatomy-grow,.case-anatomy-labels,.case-anatomy-labels>span,.case-anatomy-note,.case-page-prose.prose img.case-anatomy-print{transition:none}}.case-anatomy-hint{display:none}@media (max-width:1023px){.case-anatomy-rail{grid-area:2/1/auto/-1;padding-top:1.25rem}.case-page-prose.prose .case-anatomy-rail>.case-anatomy-keys{flex-direction:column;gap:.75rem;padding:0;display:flex;position:static}.case-page-prose.prose .case-anatomy-key{position:static;translate:none}}@media (max-width:767px){.case-page-prose.prose>.case-anatomy{--an-pad-t:2.5rem;--an-pad-b:2rem;--an-pad-x:.75rem}.case-anatomy-labels>.case-anatomy-event:not([data-alarm]),.case-anatomy-labels>.case-anatomy-tick:nth-child(2n){display:none}}@media (hover:none) and (max-width:1023px){.case-page-prose.prose .case-anatomy-hint{font-size:var(--text-xs);letter-spacing:var(--tracking-meta);color:var(--fg-muted);grid-column:1/-1;margin:.75rem 0 0;display:block}}@font-face{font-family:XP Clear Sans;font-weight:400;font-display:block;src:url(/work/uber-xp/app/assets/clear-sans-latin-400-normal-DpMiZc2Y.woff2)format("woff2")}@font-face{font-family:XP Clear Sans;font-weight:500;font-display:block;src:url(/work/uber-xp/app/assets/clear-sans-latin-500-normal-hiYaiSD1.woff2)format("woff2")}@font-face{font-family:XP Clear Sans;font-weight:700;font-display:block;src:url(/work/uber-xp/app/assets/clear-sans-latin-700-normal-DDj7306M.woff2)format("woff2")}.case-page-prose.prose>.case-sheets{max-width:none;margin:var(--media-gap) 0 0;--sh-pad-t:2.5rem;--sh-pad-b:2.5rem;--sh-pad-l:14rem;--sh-glass-fill:#4c566606;--sh-glass-edge:#313b4a3d;--sh-muted:#69707a;--sh-ink:#474d56;--sh-loss:#c22a30;--sh-pale:.34;--sh-bar:#bfd8db;--sh-hot:.13;--sh-wash:.12;--sh-wash-strong:1;--sh-red-wash:.08;grid-column:1/-1}@supports (color:lab(0% 0 0)){.case-page-prose.prose>.case-sheets{--sh-glass-fill:lab(36.0748% -1.03399 -10.9641/.025);--sh-glass-edge:lab(24.4646% -.850305 -10.8988/.24)}}.case-sheets-stage{padding:var(--sh-pad-t) 2.5rem var(--sh-pad-b) var(--sh-pad-l);border-radius:var(--frame-radius);background:var(--ground);position:relative}.case-page-prose.prose .case-sheets-keys{top:var(--sh-pad-t);bottom:var(--sh-pad-b);width:calc(var(--sh-pad-l) - 3rem);max-width:none;margin:0;padding:0;list-style:none;position:absolute;left:2rem}.case-page-prose.prose .case-sheets-key{top:var(--sh-level);margin:0;padding:0;position:absolute;left:0;right:0;translate:0 -50%}.case-page-prose.prose .case-sheets-key:before{content:none}.case-sheets-button{font:inherit;font-size:var(--text-xs);font-weight:var(--weight-regular);letter-spacing:var(--tracking-meta);text-align:left;color:inherit;cursor:default;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:0;line-height:1.35;display:flex}.case-sheets-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.case-sheets-name{color:var(--fg)}.case-sheets-note{color:var(--fg-muted);transition:color .16s}.case-sheets-key[data-lit] .case-sheets-note{color:var(--fg)}.case-sheets-view{aspect-ratio:var(--sh-ratio);position:relative}.case-sheets-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.case-sheets-sheet{transform-box:view-box;transform-origin:0 0;transform:translate(calc(var(--sh-x) * 1px), calc(var(--sh-y) * 1px)) scale(1, var(--sh-cos)) rotate(var(--sh-turn))}.case-sheets-glass{fill:var(--sh-glass-fill);stroke:var(--sh-glass-edge);stroke-width:1px;vector-effect:non-scaling-stroke}.case-sheets-sheet[data-sheet=lines] path[stroke]{vector-effect:non-scaling-stroke}.case-sheets-word{font-family:XP Clear Sans,-apple-system,Helvetica Neue,sans-serif}.case-sheets-word-muted{fill:var(--sh-muted)}.case-sheets-word-ink{fill:var(--sh-ink)}.case-sheets-word-alarm{fill:#e5484d}.case-sheets-word-loss{fill:var(--sh-loss)}.case-sheets-pale{fill:var(--sh-bar);fill-opacity:var(--sh-pale)}.case-sheets-hot{fill-opacity:var(--sh-hot)}.case-sheets-wash{fill-opacity:var(--sh-wash)}.case-sheets-breach{fill-opacity:var(--sh-red-wash)}.case-sheets-stop-gc0{stop-opacity:calc(.16 * var(--sh-wash-strong))}.case-sheets-stop-gc1{stop-opacity:calc(.03 * var(--sh-wash-strong))}.case-sheets-stop-gt0{stop-opacity:calc(.24 * var(--sh-wash-strong))}.case-sheets-stop-gt1{stop-opacity:calc(.04 * var(--sh-wash-strong))}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.case-sheets:not([data-phase=tilt],[data-phase=open]) .case-sheets-sheet{transform:translate(0px, calc(var(--sh-face-y) * 1px)) scale(var(--sh-face), var(--sh-face)) rotate(0deg)}}.case-sheets[data-phase=tilt] .case-sheets-sheet{transition:transform 1.4s var(--ease-in-out) var(--sh-delay)}.case-sheets[data-phase=open] .case-sheets-sheet{transition:opacity .22s}.case-sheets[data-focus=grid] .case-sheets-sheet:not([data-sheet=grid]),.case-sheets[data-focus=bars] .case-sheets-sheet:not([data-sheet=bars]),.case-sheets[data-focus=lines] .case-sheets-sheet:not([data-sheet=lines]),.case-sheets[data-focus=events] .case-sheets-sheet:not([data-sheet=events]),.case-sheets[data-focus=anomalies] .case-sheets-sheet:not([data-sheet=anomalies]){opacity:.16}@media (prefers-color-scheme:dark){.case-page-prose.prose>.case-sheets{--sh-glass-fill:#ffffff06;--sh-glass-edge:#fff3;--sh-muted:#aab0b8;--sh-ink:#d6dae0;--sh-loss:#ec6065;--sh-bar:#85c2c5;--sh-pale:.34;--sh-hot:.3;--sh-wash:.22;--sh-wash-strong:2.2;--sh-red-wash:.24}@supports (color:lab(0% 0 0)){.case-page-prose.prose>.case-sheets{--sh-glass-fill:lab(100% 0 0/.022);--sh-glass-edge:lab(100% 0 0/.2)}}}@media (prefers-reduced-motion:reduce){.case-sheets-sheet{transition:none}}@media (max-width:1023px){.case-page-prose.prose>.case-sheets{--sh-pad-l:1rem}.case-sheets-stage{padding-right:1rem}.case-page-prose.prose .case-sheets-keys{flex-direction:column;gap:.75rem;width:auto;margin-top:1.25rem;display:flex;position:static}.case-page-prose.prose .case-sheets-key{position:static;translate:none}}.case-page-prose.prose>.case-sheets>figcaption{max-width:none}.case-sheets-stage{flex-direction:column;display:flex}@media (max-width:1023px){.case-page-prose.prose .case-sheets-keys{order:2}}.case-sheets-phone{display:none}@media (max-width:599px){.case-page-prose.prose>.case-sheets{display:none}.case-page-prose.prose>.case-sheets-phone{margin:var(--media-gap) 0 0;grid-column:1/-1;display:block}.case-page-prose.prose .case-sheets-phone-keys{font-size:var(--text-xs);letter-spacing:var(--tracking-meta);flex-direction:column;gap:.625rem;margin:1rem 0 0;padding:0;line-height:1.4;list-style:none;display:flex}.case-page-prose.prose .case-sheets-phone-keys>li{flex-direction:column;margin:0;padding:0;display:flex}.case-page-prose.prose .case-sheets-phone-keys>li:before{content:none}}.case-page-prose.prose>.case-build{grid-column:1/-1;grid-template-columns:subgrid;max-width:none;margin:var(--media-gap) 0 0;align-items:start;display:grid;position:relative}.case-page-prose.prose>.case-build+:is(p,ul,ol){margin-top:var(--media-gap)}.case-page-prose.prose>.case-build>figcaption{grid-column:4/-1;max-width:none}.case-build-ground{border-radius:var(--frame-radius);grid-area:1/4/auto/-1;padding:2rem 2.5rem}.case-build-page{--build-gap:1rem;gap:var(--build-gap);flex-direction:column;align-items:center;width:100%;display:flex}@media (max-width:767px){.case-build-ground{padding:1.25rem .75rem}.case-build-page{--build-gap:.625rem}}.case-build-band{transition:transform .76s var(--ease-in-out), opacity .24s ease;background:#fff;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 1px 2px #0000000f,0 10px 24px -10px #0003;box-shadow:0 0 0 1px lab(0% 0 0/.06),0 1px 2px lab(0% 0 0/.06),0 10px 24px -10px lab(0% 0 0/.2)}.case-build-band:first-child{border-radius:.375rem .375rem 0 0}.case-build-band:last-child{border-radius:0 0 .375rem .375rem}.case-page-prose.prose .case-build-band img{pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:0;width:100%;max-width:none;height:auto;margin:0;position:absolute;left:0}.case-build[data-joined] .case-build-band{transform:translateY(calc(var(--build-close) * var(--build-gap)))}.case-build[data-joined] :is(.case-build-keys,.case-build-lines){opacity:0}.case-build-lines{transition:opacity .4s}.case-build-band[data-dim]{opacity:.35}@media (prefers-color-scheme:dark){.case-page-prose.prose .case-build-band img{filter:brightness(.92)}.case-build-band{background:#ebebeb;box-shadow:0 1px 2px #0000004d,0 14px 32px -12px #0000008c;box-shadow:0 1px 2px lab(0% 0 0/.3),0 14px 32px -12px lab(0% 0 0/.55)}}@media (prefers-reduced-motion:reduce){.case-build-band,.case-build-keys,.case-build-note,.case-build-lines{transition:none}.case-build-lines{animation:none}}@media (max-width:1023px){.case-page-prose.prose>:is(.case-anatomy,.case-build)>*,.case-page-prose.prose :is(.case-anatomy-keys,.case-build-keys){grid-column:1/-1}.case-page-prose.prose :is(.case-anatomy-keys,.case-build-keys){counter-reset:layer;grid-row:2;padding:1.25rem 0 0}.case-page-prose.prose :is(.case-anatomy-key,.case-build-key){counter-increment:layer}:is(.case-anatomy-name,.case-build-name):before{content:counter(layer) ". ";color:var(--fg-muted)}}.case-wall{--wall-ground:oklch(.22 .01 var(--hue) / .045);grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem;display:grid;container-type:inline-size}.case-tile{grid-column:span var(--tile-span);min-width:0;margin:0}.case-tile-ground{height:var(--wall-row,44cqw);border-radius:var(--frame-radius);background:var(--wall-ground);position:relative;overflow:hidden}.case-page-prose.prose .case-tile-ground img{width:calc(var(--tile-size) * 100%);border-radius:.625rem;max-width:none;height:auto;margin:0;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 1px #0000000f,0 1px 2px #0000000f,0 12px 32px -8px #00000029;box-shadow:0 0 0 1px lab(0% 0 0/.06),0 1px 2px lab(0% 0 0/.06),0 12px 32px -8px lab(0% 0 0/.16)}.case-page-prose.prose .case-tile[data-align=top] .case-tile-ground img{top:9%;translate:-50%}.case-page-prose.prose .case-tile>figcaption{padding-top:.625rem;padding-bottom:.75rem}@media (prefers-color-scheme:dark){.case-wall{--wall-ground:#ffffff0e}@supports (color:lab(0% 0 0)){.case-wall{--wall-ground:lab(100% 0 0/.055)}}.case-page-prose.prose .case-tile-ground img{filter:brightness(.92);box-shadow:0 1px 2px #0000004d,0 16px 40px -8px #00000080;box-shadow:0 1px 2px lab(0% 0 0/.3),0 16px 40px -8px lab(0% 0 0/.5)}}@media (max-width:767px){.case-tile{grid-column:1/-1}.case-tile-ground{height:78cqw}}.case-page-prose.prose>.case-specimen{max-width:none;margin:var(--media-gap) 0 0;grid-column:1/-1}.case-page-prose.prose>.case-specimen+:is(p,ul,ol){margin-top:var(--media-gap)}.case-specimen-ground{border-radius:var(--frame-radius);background:oklch(.22 .01 var(--hue) / .045);scrollbar-width:thin;overflow-x:auto}.case-specimen-fit{width:92%;min-width:58rem;margin:0 auto;padding:3.5rem 0 3rem}.case-specimen-shot{aspect-ratio:var(--specimen-ratio);border-radius:.625rem;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014,0 14px 36px -10px #00000038;box-shadow:0 1px 2px lab(0% 0 0/.08),0 14px 36px -10px lab(0% 0 0/.22)}.case-page-prose.prose .case-specimen-shot img{opacity:0;border-radius:0;width:100%;height:100%;margin:0;transition:opacity .38s;position:absolute;inset:0}.case-page-prose.prose .case-specimen-shot img[data-shown]{opacity:1}.case-page-prose.prose .case-specimen-callouts{max-width:none;margin:0;padding:0;list-style:none;position:relative}.case-specimen-callouts[data-side=below]{height:5.25rem}.case-specimen-callouts[data-side=above]{height:3.75rem}.case-specimen-callouts:empty{display:none}.case-page-prose.prose .case-specimen-callout{left:var(--at);width:10.5rem;font-size:var(--text-xs);font-weight:var(--weight-regular);letter-spacing:var(--tracking-meta);flex-direction:column;margin:0;padding:0;line-height:1.4;display:flex;position:absolute;top:1.125rem}.case-page-prose.prose .case-specimen-callout:before{content:"";background:var(--fg-muted);opacity:.55;width:1px;height:.625rem;margin:0;position:absolute;top:-.875rem;left:0}.case-page-prose.prose [data-side=above] .case-specimen-callout{top:auto;bottom:1.125rem;left:auto;right:calc(100% - var(--at));text-align:right;align-items:flex-end}.case-page-prose.prose [data-side=above] .case-specimen-callout:before{inset:auto 0 -.875rem auto}.case-specimen-name{color:var(--fg)}.case-specimen-note{color:var(--fg-muted);text-wrap:pretty}.case-specimen-states{flex-wrap:wrap;gap:.25rem 1.25rem;padding-top:.875rem;display:flex}.case-specimen-state{font:inherit;font-size:var(--text-xs);letter-spacing:var(--tracking-meta);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;padding:0;line-height:1.45;transition:color .16s;position:relative}.case-specimen-state:after{content:"";position:absolute;inset:-.75rem -.5rem}.case-specimen-state[aria-pressed=true]{color:var(--fg)}@media (hover:hover){.case-specimen-state:hover{color:var(--fg)}}.case-specimen-state:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.case-page-prose.prose>.case-specimen>figcaption{padding-top:.5rem}@media (prefers-color-scheme:dark){.case-specimen-ground{background:#ffffff0e;background:lab(100% 0 0/.055)}.case-specimen-shot{box-shadow:0 0 0 1px #ffffff14,0 16px 40px -8px #00000080;box-shadow:0 0 0 1px lab(100% 0 0/.08),0 16px 40px -8px lab(0% 0 0/.5)}}@media (prefers-reduced-motion:reduce){.case-page-prose.prose .case-specimen-shot img{transition:none}}:is(.case-page :is(.case-wall,.case-specimen,.case-anatomy) .case-panel-caption,.case-page .case-frame:has(.case-stage-device-window)>.case-panel-caption){max-width:none}.case-specimen-states{gap:.5rem 1.5rem;padding:0 0 1.75rem}.case-specimen-state{padding-bottom:.375rem}.case-specimen-state:before{content:"";transform-origin:0;background:currentColor;height:1px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.case-specimen-state[aria-pressed=true]:before{transform:scaleX(1)}.case-page-prose.prose .case-specimen-shot img[data-layer]{opacity:1;transition:none}.case-page-prose.prose .case-specimen-shot img[data-layer=in]{z-index:1;animation:case-specimen-wipe .62s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.case-page-prose.prose .case-specimen-shot img[data-layer=in],.case-specimen[data-playing] .case-specimen-state[aria-pressed=true]:before{animation:none}}@media (max-width:767px){.case-tile-ground{height:auto;padding:1.25rem .875rem}.case-page-prose.prose .case-tile-ground img,.case-page-prose.prose .case-tile[data-align=top] .case-tile-ground img{width:100%;position:static;translate:none}}.case-specimen-ground[data-scrolls]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 1.25rem calc(100% - 1.25rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1.25rem calc(100% - 1.25rem),#0000)}.case-specimen-ground[data-scrolls] .case-specimen-fit{width:auto;margin:0 1.25rem}.case-specimen-ground[data-scrolls] .case-specimen-states{width:max-content;max-width:calc(100cqw - 2.5rem);position:sticky;left:1.25rem}.case-specimen-ground:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.case-page-prose.prose .case-specimen-callout{width:min(20rem, calc(var(--room,13.4%) - 1.25rem))}.case-specimen-ground[data-scrolls] .case-specimen-callouts[data-side=below]{height:6.5rem}.case-page{--ground:linear-gradient(155deg, #ebf1f8 0%, #eeebf4 55%, #faebe5 100%)}@supports (color:lab(0% 0 0)){.case-page{--ground:linear-gradient(155deg, lab(94.7552% -.962138 -4.39568) 0%, lab(93.4764% 2.27079 -4.24205) 55%, lab(94.1047% 4.31636 4.92364) 100%)}}@media (prefers-color-scheme:dark){.case-page{--ground:linear-gradient(155deg, #1d2430 0%, #1c1923 55%, #1f1410 100%)}@supports (color:lab(0% 0 0)){.case-page{--ground:linear-gradient(155deg, lab(14.0606% -.908271 -8.64587) 0%, lab(9.27783% 3.73223 -6.38096) 55%, lab(7.6661% 5.01708 4.80119) 100%)}}}.case-tile-ground,.case-specimen-ground,.case-build-ground,.case-stage-device-window{background:var(--ground)}.case-page-hero-content>.case-frame:has(.case-stage-device-window){grid-column:1/-1}.case-page-prose.prose>.case-frame:has(.case-stage-device-window){grid-column:1/-1}.case-stage-device-window{border-radius:var(--frame-radius);padding:4.5% 12% 5.5%}.case-stage-device-window .case-device{background:0 0;border-radius:.75rem;overflow:visible;box-shadow:0 0 0 1px #00000014,0 1px 2px #0000000f,0 30px 60px -28px #00000052;box-shadow:0 0 0 1px lab(0% 0 0/.08),0 1px 2px lab(0% 0 0/.06),0 30px 60px -28px lab(0% 0 0/.32)}.case-stage-device-window .case-browser-bar{background:#eef0f3;background:lab(94.7676% -.214934 -1.49843);border-radius:.75rem .75rem 0 0;height:clamp(1.125rem,2.6cqw,2.125rem);padding:0 clamp(.5rem,1.1cqw,.875rem)}.case-stage-device-window .case-browser-dots{gap:clamp(.2rem,.5cqw,.4375rem)}.case-stage-device-window .case-browser-dots>span,.case-stage-device-window .case-browser-dots>span:nth-child(2),.case-stage-device-window .case-browser-dots>span:nth-child(3){background:#00000029;background:lab(0% 0 0/.16);width:clamp(.3125rem,.78cqw,.625rem)}.case-stage-device-window .case-device-screen{background:0 0}.case-stage-device-window .case-device-screen>:is(img,.case-live){border-radius:0 0 .75rem .75rem;overflow:hidden}.case-stage-device-window .case-live-control{height:1.5rem;top:100%;right:0;translate:0 .75rem}@media (prefers-color-scheme:dark){.case-stage-device-window .case-device{box-shadow:0 0 0 1px #ffffff1a,0 30px 60px -24px #000000a6;box-shadow:0 0 0 1px lab(100% 0 0/.1),0 30px 60px -24px lab(0% 0 0/.65)}.case-stage-device-window .case-browser-bar{background:#2c2e31;background:lab(18.7798% -.293866 -2.23173);border-bottom-color:#0006;border-bottom-color:lab(0% 0 0/.4)}.case-stage-device-window .case-browser-dots>span,.case-stage-device-window .case-browser-dots>span:nth-child(2),.case-stage-device-window .case-browser-dots>span:nth-child(3){background:#fff3;background:lab(100% 0 0/.2)}}.case-page-prose.prose .case-specimen-shot img[data-layer=in]{animation:.32s both case-specimen-fade}.case-specimen[data-playing] .case-specimen-state[aria-pressed=true]:before{animation:none}@keyframes case-specimen-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.case-page-prose.prose .case-specimen-shot img[data-layer=in]{animation:none}}.case-tile-live-hint{display:none}.case-tile:has(.case-live-part[data-live]) .case-tile-live-hint{display:inline}@media (max-width:767px){.case-tile-ground{scrollbar-width:thin;overflow-x:auto}.case-page-prose.prose .case-tile-ground>img,.case-page-prose.prose .case-tile[data-align=top] .case-tile-ground>img{width:max(100%, var(--tile-min,0px));max-width:none}.case-page-prose.prose .case-tile .case-tile-ground>.case-live-part{width:max(100%, var(--tile-min,0px))}.case-tile-ground[data-scrolls]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 .875rem calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 .875rem calc(100% - 1.5rem),#0000)}}.case-tile-ground:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.case-live-watch{pointer-events:none;width:100%;position:absolute;left:0}.case-page-hero-content .case-stage-device-window:has(.case-live){padding-top:2.5%}.case-stage-device-browser .case-device-screen:has(>.case-live-dock){overflow:visible}.case-live-dock{z-index:2;align-items:center;gap:.75rem;display:flex;position:absolute;top:100%;right:0;translate:0 .75rem}.case-live-dock>.case-live-control,.case-stage-device-window .case-live-dock>.case-live-control{position:relative;top:auto;right:auto;translate:none}.case-live-keys{gap:.25rem;display:inline-flex}.case-live-key{min-width:1.375rem;height:1.375rem;color:var(--fg-muted);font:inherit;font-size:var(--text-xs);letter-spacing:0;background:#ffffffb3;background:lab(100% 0 0/.7);border-radius:.3125rem;place-items:center;padding:0 .25rem;line-height:1;transition:color .12s,background-color .12s,box-shadow .12s,translate .12s;display:inline-grid;box-shadow:0 0 0 1px #0000001a,0 1px #0000001a;box-shadow:0 0 0 1px lab(0% 0 0/.1),0 1px lab(0% 0 0/.1)}.case-live-key[data-down]{background:var(--fg);color:var(--bg);box-shadow:0 0 0 1px var(--fg);translate:0 1px}@media (prefers-color-scheme:dark){.case-live-key{background:#ffffff14;background:lab(100% 0 0/.08);box-shadow:0 0 0 1px #ffffff24,0 1px #0006;box-shadow:0 0 0 1px lab(100% 0 0/.14),0 1px lab(0% 0 0/.4)}}.case-page-prose.prose>.case-strips{max-width:none;margin:var(--media-gap) 0 0;grid-column:1/-1}.case-page-prose.prose>.case-strips+:is(p,ul,ol){margin-top:var(--media-gap)}.case-strips-ground{border-radius:var(--frame-radius);background:var(--ground);container-type:inline-size}.case-page-prose.prose .case-strips-list{gap:clamp(1rem,2cqw,1.75rem);width:92%;max-width:none;margin:0 auto;padding:clamp(1.75rem,4cqw,3.5rem) 0 clamp(1.75rem,3.5cqw,3rem);list-style:none;display:grid}.case-page-prose.prose .case-strip{row-gap:.625rem;margin:0;padding:0;display:grid}.case-strip-name{font-size:var(--text-xs);letter-spacing:var(--tracking-meta);color:var(--fg);line-height:1.4}.case-strip-shot{width:var(--strip-w,100%);border-radius:.5rem;display:block;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 1px 2px #0000000f,0 10px 28px -10px #0000002e;box-shadow:0 0 0 1px lab(0% 0 0/.06),0 1px 2px lab(0% 0 0/.06),0 10px 28px -10px lab(0% 0 0/.18)}.case-page-prose.prose .case-strip-shot img{border-radius:0;width:100%;height:auto;margin:0;display:block}@media (prefers-color-scheme:dark){.case-page-prose.prose .case-strip-shot img{filter:brightness(.92)}.case-strip-shot{box-shadow:0 0 0 1px #ffffff14,0 12px 32px -10px #00000080;box-shadow:0 0 0 1px lab(100% 0 0/.08),0 12px 32px -10px lab(0% 0 0/.5)}}@media (max-width:767px){.case-strips-ground{scrollbar-width:thin;overflow-x:auto}.case-page-prose.prose .case-strips-list{width:max-content;margin:0;padding:1.25rem .875rem}.case-strip-name{width:max-content;position:sticky;left:.875rem}.case-strip-shot{width:calc(44rem * var(--strip-f,1))}.case-strips-ground[data-scrolls]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 .875rem calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 .875rem calc(100% - 1.5rem),#0000)}}.case-strips-ground:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.case-page-prose.prose>.case-strips>.case-panel-caption{max-width:none}@media (min-width:1024px){.case-page-prose.prose>.case-outcome>.case-outcome-facts:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}:is(.case-page-prose,.case-page-hero-content) .case-device-screen>img.case-media-phone{display:none}@media (max-width:599px){:is(.case-page-prose,.case-page-hero-content) .case-device-screen:has(>.case-media-phone)>img.case-media-wide{display:none}:is(.case-page-prose,.case-page-hero-content) .case-device-screen>img.case-media-phone{display:block}.case-stage-device-window:has(.case-media-phone){padding:5% 4% 6%}.case-page-hero-content .case-stage-device-window:has(.case-media-phone){padding:5% 4% 6%}}.case-page-prose.prose .case-tile-ground>img.case-tile-phone{display:none}@media (max-width:767px){.case-page-prose.prose .case-tile .case-tile-ground>img.case-tile-wide{display:none}.case-page-prose.prose .case-tile .case-tile-ground>img.case-tile-phone{width:100%;display:block;position:static;translate:none}}.case-page-prose.prose .case-strip-shot>img.case-strip-phone{display:none}@media (max-width:767px){.case-strips[data-phone] .case-strips-ground{overflow-x:visible;-webkit-mask-image:none;mask-image:none}.case-page-prose.prose .case-strips[data-phone] .case-strips-list{width:auto}.case-strips[data-phone] .case-strip-shot{width:100%}.case-strips[data-phone] .case-strip-name{position:static}.case-page-prose.prose .case-strips[data-phone] .case-strip-shot>img.case-strip-wide{display:none}.case-page-prose.prose .case-strips[data-phone] .case-strip-shot>img.case-strip-phone{display:block}}.case-page-prose.prose .case-specimen-shot>img.case-specimen-phone{display:none}@media (max-width:767px){.case-specimen[data-phone] .case-specimen-ground{overflow-x:visible;-webkit-mask-image:none;mask-image:none}.case-specimen[data-phone] .case-specimen-fit{flex-direction:column;width:auto;min-width:0;margin:0 .875rem;padding:1.25rem 0;display:flex}.case-specimen[data-phone] .case-specimen-states{order:0;padding-bottom:1.25rem}.case-specimen[data-phone] .case-specimen-shot{aspect-ratio:var(--specimen-ratio-phone);order:1}.case-page-prose.prose .case-specimen[data-phone] .case-specimen-callouts{flex-direction:column;gap:.75rem;height:auto;margin-top:1.25rem;display:flex}.case-specimen[data-phone] .case-specimen-callouts[data-side=below]{order:2}.case-specimen[data-phone] .case-specimen-callouts[data-side=above]{order:3;margin-top:.75rem}.case-page-prose.prose .case-specimen[data-phone] .case-specimen-callout,.case-page-prose.prose .case-specimen[data-phone] [data-side=above] .case-specimen-callout{text-align:left;align-items:flex-start;width:auto;position:static}.case-page-prose.prose .case-specimen[data-phone] .case-specimen-callout:before{content:none}.case-page-prose.prose .case-specimen[data-phone] .case-specimen-shot>img.case-specimen-wide{display:none}.case-page-prose.prose .case-specimen[data-phone] .case-specimen-shot>img.case-specimen-phone{display:block}}