.case-head-inner{row-gap:var(--sp-5)}.case-head-text{justify-items:start;gap:var(--sp-4);min-inline-size:0;display:grid}.case-head-text>*{grid-column:1/-1;margin:0}.case-head h1{max-inline-size:100%}.case-sub{color:var(--ink-2);font-size:var(--fs-small);margin-block-start:calc(var(--sp-2) * -1);line-height:1.7}.case-meta{align-items:center;gap:var(--sp-1) var(--sp-3);flex-wrap:wrap;display:flex}.case-head .page-head-actions{margin-block-start:var(--sp-2)}.case-frames{min-inline-size:0;justify-self:stretch;margin-block-start:var(--sp-5);display:grid;position:relative}.case-frame-desk{inline-size:100%}.case-frame-desk .frame-screen{isolation:isolate}.case-poster{z-index:-1;position:absolute;inset:0 0 -1px}.frame.case-frame-desk .frame-screen>.case-poster>img{object-fit:cover;object-position:top;block-size:100%;inline-size:100%}.case-frames-note{margin:var(--sp-2) 0 0}.case-frames.has-phone{grid-template-columns:minmax(0,1fr) 40% 5%}.case-frames.has-phone>.case-frame-desk{grid-column:1/-1}.case-frame-phone{grid-area:2/2;margin-block-start:-45%;position:relative}.case-frames.has-phone>.case-frames-note{grid-area:2/1;align-self:start;padding-inline-end:var(--sp-3)}.case-frame-desk:has(>.frame-screen:focus-visible){z-index:1}@media (min-width:47.5em){.case-frames.has-phone{grid-template-columns:minmax(0,1fr);padding-block-end:9%;padding-inline-end:12%}.case-frames.has-phone>.case-frame-desk,.case-frames.has-phone>.case-frames-note{grid-area:auto/1;padding:0}.case-frames.has-phone .case-frame-phone{grid-area:auto;inline-size:21%;margin:0;position:absolute;inset-block-end:0;inset-inline-end:0}}@media (min-width:64em){.case-head-inner{align-items:end}.case-head-text{grid-area:2/1/auto/span 7}.case-frames{grid-area:2/8/auto/-1;margin:0}.case-head h1{font-size:clamp(2.25rem,1rem + 3.4vw,4.5rem)}}.case-concept-text{max-width:40em;font-size:var(--fs-lead);margin:0;line-height:1.85}.case-fits{justify-items:start;gap:var(--sp-1);max-inline-size:40em;border-block-start:1px solid var(--line);font-size:var(--fs-lead);margin-block-start:var(--sp-6);padding-block-start:var(--sp-4);display:grid}.case-fits p{max-width:none;font-size:var(--fs-body);text-wrap:pretty;margin:0;line-height:1.8}.case-fits .industry-links{font-size:var(--fs-ui)}.case-fits .industry-links-label{font-size:var(--fs-small)}.case-spec-grid{gap:0;min-inline-size:0;display:grid}@media (max-width:63.99em){.case-spec-grid>.spec+.spec .spec-row:first-child{border-block-start:1px solid var(--line)}}@media (min-width:64em){.case-spec-grid{column-gap:calc(var(--gap) * 2);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.case-spec .spec-row dd a{text-decoration-thickness:1px}.case-spec .spec-row dd,.case-credits li{text-wrap:pretty}.case-colors{gap:var(--sp-2) var(--sp-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.case-colors li{align-items:center;gap:var(--sp-2);max-width:none;display:inline-flex}.case-colors i{border:1px solid var(--line-strong);border-radius:50%;flex:none;block-size:24px;inline-size:24px}.case-credits{margin-block-start:var(--sp-2)}.case-credits summary{cursor:pointer;text-underline-offset:.3em;align-items:center;min-block-size:44px;font-weight:700;text-decoration-line:underline;text-decoration-thickness:1px;display:inline-flex}.case-credits ul{gap:var(--sp-3);margin:var(--sp-2) 0 0;font-size:var(--fs-small);padding:0;line-height:1.7;list-style:none;display:grid}.case-credits li{max-width:none;display:grid}.case-credit-meta{color:var(--ink-2)}.case-ex-grid{gap:var(--sp-6) var(--gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.case-ex-item{min-inline-size:0;flex:100%;max-width:none}@media (min-width:47.5em){.case-ex-item:not(.is-strip){flex:var(--r,1) 1 0%;max-inline-size:calc(var(--r,1) * min(85svh, 54rem))}.case-ex-grid:not(:has(>.is-landscape)):not(:has(>.is-portrait~.is-portrait)){justify-content:center}}.case-ex-fig{gap:var(--sp-2);margin:0;display:grid}.case-ex-fig figcaption{max-width:none}.case-ex-open{border-radius:var(--r-m);background:var(--bg-3);color:inherit;display:block;overflow:hidden}.case-ex-open img{block-size:auto;inline-size:100%;transition:scale .18s var(--ease-out);display:block}.case-ex-open:focus-visible{outline-offset:3px}@media (hover:hover) and (pointer:fine){.case-ex-open:hover img{scale:1.02}}@media (prefers-reduced-motion:reduce){.case-ex-open img{transition:none}}.case-extras-more{margin:var(--sp-6) 0 0}.lb{block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;padding:var(--sp-3) var(--gut-r) var(--sp-4) var(--gut);overscroll-behavior:contain;opacity:0;transition:opacity var(--dur-pop) var(--ease-out), scale var(--dur-pop) var(--ease-out), display var(--dur-pop) allow-discrete, overlay var(--dur-pop) allow-discrete;border:0;margin:0;position:fixed;inset:0;overflow:hidden;scale:.97}.lb[open]{opacity:1;display:block;scale:1}@starting-style{.lb[open]{opacity:0;scale:.97}}.lb::backdrop{background:0 0}@media (prefers-reduced-motion:reduce){.lb,.lb[open]{scale:none}@starting-style{.lb[open]{scale:none}}}.lb-inner{gap:var(--sp-3);grid-template-rows:auto minmax(0,1fr) auto;block-size:100%;display:grid}.lb-bar{justify-content:space-between;align-items:center;gap:var(--sp-4);min-inline-size:0;display:flex}.lb-count{margin:0}.lb-fig{place-items:center;min-block-size:0;margin:0;display:grid}.lb-fig img{object-fit:contain;border-radius:var(--r-s);block-size:auto;max-block-size:calc(100dvh - 10.5rem);inline-size:auto;max-inline-size:100%;display:block}.lb-nav{justify-content:center;gap:var(--sp-3);display:flex}@media (max-width:47.49em){.lb-fig.is-strip{overscroll-behavior-x:contain;place-items:center start;overflow-x:auto}.lb-fig.is-strip:focus-visible{outline-offset:-2px}.lb-fig.is-strip img{block-size:min(60dvh,30rem,100dvh - 10.5rem);max-block-size:none;inline-size:auto;max-inline-size:none}}.case .cta-band h2 .split-word{white-space:normal;word-break:keep-all;overflow-wrap:anywhere;display:inline-block}.case .cta-band-text p{word-break:keep-all;overflow-wrap:anywhere}@media (max-width:47.49em){.case[data-cta-fit] .cta-band h2{font-size:min(var(--fs-h2), calc((100vw - var(--gut) - var(--gut-r)) / var(--cta-name)))}}.case-pager-grid{gap:var(--sp-6) var(--gap);display:grid}.case-pager-item{align-content:start;gap:var(--sp-2);min-inline-size:0;display:grid}.case-pager-all{margin:0}@media (min-width:47.5em){.case-pager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-pager-all{grid-column:1/-1}}@media (min-width:64em){.case-pager-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}.case-pager-item:first-of-type{grid-column:1/span 4}.case-pager-item:nth-of-type(2){grid-column:5/span 4}.case-pager-all{grid-column:9/-1;padding-block-end:var(--sp-7)}}