.case-study--rework>h1+p:has(>strong:only-child){font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.case-study--rework>h1+p>strong{font-weight:inherit}.case-hero{margin-bottom:3.5rem;display:block}.case-hero>*{max-width:var(--measure)}.case-hero__media{aspect-ratio:16/10;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:min(100%,46rem);margin:0 0 2.5rem;padding:clamp(1rem,2.5vw,2rem);display:flex}@media (width<=48rem){.case-hero__media{aspect-ratio:4/3}}.case-hero__media :is(img,video){object-fit:contain;border-radius:var(--radius);filter:drop-shadow(0 18px 26px #0000008c);background:0 0;border:0;width:auto;max-width:100%;height:auto;max-height:100%;margin:0}.case-hero__media[data-medium=video]{aspect-ratio:auto;background:0 0;border:0;border-radius:0;padding:0;display:block}.case-hero__media[data-medium=video] video{filter:none;width:100%;max-height:none}.case-hero__label{margin-bottom:.9rem}.case-hero__name{font-family:var(--font-display);font-size:var(--step-2);letter-spacing:-.03em;text-wrap:balance;max-width:18ch;margin:0 0 1.1rem;font-weight:600;line-height:1.05}.case-hero__lede{font-family:var(--font-display);font-size:var(--step-1);letter-spacing:-.015em;color:var(--muted);text-wrap:pretty;max-width:44ch;margin:0;font-weight:500;line-height:1.35}.case-study h2[data-section]{border-top:1px solid var(--line);font-size:var(--step-1);margin-top:5rem;padding-top:2rem}.case-study h2[data-section]:before{content:attr(data-section);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.16em;color:var(--accent);margin-bottom:.9rem;font-weight:500;display:block}.case-study h3{margin-top:2.8rem}.case-study h4{color:var(--muted);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.16em;text-transform:uppercase;margin-top:2rem;font-weight:500}.feature-parts{gap:1.4rem;max-width:none;margin:0;display:grid}.feature-part .label{margin-bottom:.4rem;display:block}.feature-part p{margin:0}.steps{gap:1.6rem;max-width:none;margin:1.4rem 0;padding-left:1.4rem;display:grid}.steps>.step>:last-child{margin-bottom:0}.device-cards{--cards-gap:1.25rem;gap:var(--cards-gap);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));max-width:none;margin:1.4rem 0;display:grid}.device-cards[data-cards="4"]{grid-template-columns:repeat(auto-fit, minmax(max(15rem, calc(50% - var(--cards-gap))), 1fr))}.device-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem 1.6rem}.device-card p{max-width:none;margin:0}.case-study .pic-row,.case-study .pic-band{max-width:min(100%, var(--measure-wide))}.case-study .pic-row{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);margin:2.8rem 0;display:grid}.case-study .pic-row[data-side=left]{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.case-study .pic-row[data-side=left]>.pic-row__text{grid-area:1/2}.case-study .pic-row[data-side=left]>p{grid-area:1/1}.case-study h2+.pic-row:not(:has(>.pic-row__text>h3:first-child)),.case-study .pic-row__text>:first-child{margin-top:0}.case-study .pic-row__text>:last-child{margin-bottom:0}.case-study .pic-row>p,.case-study .pic-row>p[data-group]{margin:0}.case-study .pic-row>p:not([data-group]){background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.25rem,3.5vw,2.75rem) clamp(1rem,3vw,2.25rem)}.case-study .pic-row>p:not([data-group]) :is(img,video){filter:drop-shadow(0 18px 26px #0000008c);background:0 0;border:0;margin:0}.case-study .pic-row img+em{margin:.75rem 0 0}@media (width<=48rem){.case-study .pic-row,.case-study .pic-row[data-side=left]{grid-template-columns:minmax(0,1fr)}.case-study .pic-row[data-side=left]>.pic-row__text,.case-study .pic-row[data-side=left]>p{grid-area:auto}}.case-study .steps{max-width:min(100%, var(--measure-wide))}.case-study .steps>.step{max-width:none}.case-study .step-gallery{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));align-items:start;gap:1.25rem;max-width:none;margin:1.25rem 0 0;display:grid}.case-study .step-gallery>p{max-width:none;margin:0}.case-study .step-gallery>p:not([data-group]) :is(img,video){margin:0}.case-study .step-gallery>p[data-group]{max-width:var(--measure);grid-column:1/-1;margin:0}.case-study .step-gallery img+em{font-size:var(--step--2);margin:.5rem 0 0}@media (width>48rem){.case-study .step-gallery{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),16rem));justify-content:center;align-items:center;padding:clamp(1.25rem,3.5vw,2.75rem) clamp(1rem,3vw,2.25rem)}.case-study .step-gallery>p:not([data-group]) :is(img,video){filter:drop-shadow(0 18px 26px #0000008c);background:0 0;border:0}.case-study .step-gallery>p[data-group]{background:0 0;border:0}}.case-study .step table td:nth-child(2),.case-study .step table td:nth-child(4){white-space:nowrap}.case-study .fold{max-width:var(--measure);margin:0 0 1.15em}.case-study .fold[data-fold=sources]{margin-top:1.15em}.case-study .fold>summary{cursor:pointer;width:fit-content;list-style:none;display:block}.case-study .fold>summary:focus-visible{outline-offset:1px}.case-study .fold>summary::-webkit-details-marker{display:none}.case-study .fold>summary:after{content:"";vertical-align:-.05em;background:linear-gradient(var(--accent), var(--accent)) center / 100% 2px no-repeat, linear-gradient(var(--accent), var(--accent)) center / 2px 100% no-repeat;width:.7em;height:.7em;margin-left:.5em;display:inline-block}.case-study .fold[open]>summary:after{background:linear-gradient(var(--accent), var(--accent)) center / 100% 2px no-repeat}@media (forced-colors:active){.case-study .fold>summary:after{forced-color-adjust:none;background:linear-gradient(canvastext,canvastext) 50%/100% 2px no-repeat,linear-gradient(canvastext,canvastext) 50%/2px 100% no-repeat}.case-study .fold[open]>summary:after{background:linear-gradient(canvastext,canvastext) 50%/100% 2px no-repeat}}.case-study .fold[open]>summary{margin-bottom:.5rem}.case-study .fold>:last-child{margin-bottom:0}.case-study .figure{max-width:min(100%, var(--measure-wide));margin:2rem 0 2.5rem}.case-study .figure>:is(ol,ul){max-width:none;margin:0;padding:0;list-style:none}.case-study .figure li{max-width:none;margin:0}.case-study .figure li>p{margin:0}.case-study .figure[data-figure=comparison] li:first-letter{text-transform:uppercase}.case-study .figure[data-figure=chain]>ul{--chain-gap:2.25rem;gap:1rem var(--chain-gap);flex-wrap:wrap;display:flex}.case-study .figure[data-figure=chain]>ul>li{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);min-width:0;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);flex:1 1 0;padding:.8rem .9rem .95rem;font-weight:600;line-height:1.35;position:relative}.case-study .figure[data-figure=chain]>ul>li>ul{font-family:var(--font-body);font-size:var(--step--1);letter-spacing:normal;text-transform:none;color:var(--ink);gap:.4rem;margin:.6rem 0 0;padding:0;font-weight:400;line-height:1.35;list-style:none;display:grid}.case-study .figure[data-figure=chain]>ul>li:last-child{font-family:var(--font-body);font-size:var(--step--1);letter-spacing:normal;text-align:center;text-transform:none;color:var(--muted);background:0 0;border:0;flex-basis:100%;padding:0;font-weight:400}.case-study .figure[data-figure=chain]>ul>li+li:not(:last-child):before{content:"";width:calc(var(--chain-gap) - .9rem);background:var(--accent);clip-path:polygon(0 calc(50% - 1px),calc(100% - .45rem) calc(50% - 1px),calc(100% - .45rem) 0,100% 50%,calc(100% - .45rem) 100%,calc(100% - .45rem) calc(50% + 1px),0 calc(50% + 1px));height:.6rem;position:absolute;top:50%;right:calc(100% + 1px + .45rem);transform:translateY(-50%)}@media (width<=48rem){.case-study .figure[data-figure=chain]>ul{row-gap:var(--chain-gap)}.case-study .figure[data-figure=chain]>ul>li{flex-basis:100%}.case-study .figure[data-figure=chain]>ul>li+li:not(:last-child):before{width:.6rem;height:calc(var(--chain-gap) - .9rem);clip-path:polygon(calc(50% - 1px) 0,calc(50% + 1px) 0,calc(50% + 1px) calc(100% - .45rem),100% calc(100% - .45rem),50% 100%,0 calc(100% - .45rem),calc(50% - 1px) calc(100% - .45rem));inset:auto auto calc(100% + 1px + .45rem) 50%;transform:translate(-50%)}}@media (forced-colors:active){.case-study .figure[data-figure=chain]>ul>li:before{forced-color-adjust:none;background:canvastext}}.case-study .figure[data-figure=ladder]{max-width:var(--measure)}.case-study .figure[data-figure=ladder]>:is(ol,ul){grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:.4rem;display:grid}.case-study .figure[data-figure=ladder] li{background:color-mix(in oklab, var(--accent) 14%, var(--surface));border:1px solid color-mix(in oklab, var(--accent) 30%, var(--line));border-radius:var(--radius) var(--radius) 0 0;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.04em;color:var(--ink);padding:.6rem .6rem .55rem}.case-study .figure[data-figure=ladder] li:first-child{min-height:2.6rem}.case-study .figure[data-figure=ladder] li:nth-child(2){min-height:3.6rem}.case-study .figure[data-figure=ladder] li:nth-child(3){min-height:4.6rem}.case-study .figure[data-figure=ladder] li:nth-child(4){min-height:5.6rem}.case-study .figure[data-figure=ladder] li:last-child{background:color-mix(in oklab, var(--accent) 32%, var(--surface))}@media (width<=48rem){.case-study .figure[data-figure=ladder]>:is(ol,ul){grid-template-columns:minmax(0,1fr)}.case-study .figure[data-figure=ladder] li{border-radius:0 var(--radius) var(--radius) 0}.case-study .figure[data-figure=ladder] li:first-child{width:55%;min-height:0}.case-study .figure[data-figure=ladder] li:nth-child(2){width:70%;min-height:0}.case-study .figure[data-figure=ladder] li:nth-child(3){width:85%;min-height:0}.case-study .figure[data-figure=ladder] li:nth-child(4){width:100%;min-height:0}}.case-study .figure[data-figure=comparison]>:is(ol,ul){background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.case-study .figure[data-figure=comparison] li{font-size:var(--step--1);color:var(--muted);line-height:1.45}.case-study .figure[data-figure=comparison] strong{font-family:var(--font-display);font-size:var(--step-2);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin-top:.35rem;font-weight:600;line-height:1.1;display:block}.case-study .figure[data-figure=comparison] li:last-child strong{color:var(--accent)}@media (width<=48rem){.case-study .figure[data-figure=comparison]>:is(ol,ul){grid-template-columns:minmax(0,1fr)}}.case-study blockquote.key-line{letter-spacing:-.012em;border-left:0;max-width:36ch;margin:3rem 0 1.5rem;padding:0}
