.case-study-header{padding:10px var(--frame-gutter);margin-bottom:130px}.case-study-header .case-study-header__meta{width:100%;margin-inline:auto}.case-study-header .case-study-header__title,.case-study-header .case-study-header__label,.case-study-header .case-study-header__body,.case-study-header .case-study-header__tab-label{color:var(--case-study-text)}.case-study-header .case-study-header__hero-placeholder{color:#ffffff9e}@media(min-width:401px){.case-study-header{margin-bottom:120px}.case-study-header .case-study-header__meta{width:calc(100% - var(--frame-content-inset, 10px) - var(--frame-content-inset, 10px))}}.case-study-header .hero-frame{height:400px;aspect-ratio:auto}.case-study-header .case-study-header__hero-video{display:block;width:100%;height:100%;object-fit:cover}@media(min-width:600px){.case-study-header .hero-frame{height:auto;aspect-ratio:1.45 / 1}}@media(min-width:1024px){.case-study-header{margin-bottom:160px}.case-study-header .hero-frame{aspect-ratio:auto;height:max(500px,calc(40vw - 16px))}}.case-study-header .tab-btn{all:unset;cursor:pointer;opacity:.5;transition:opacity .2s ease}.case-study-header .tab-btn.active{opacity:1}.case-study-header .tab-panel-copy{width:100%;max-width:min(100%,calc(var(--spacing) * 150))}.showcase-cell{position:relative;min-width:0;aspect-ratio:1;margin:0;border-radius:var(--showcase-radius, 10px)}.showcase-cell--media{--showcase-cell-placeholder: rgb(255 255 255 / 62%);overflow:hidden;background:#222}.showcase-cell--media:has(>img),.showcase-cell--media:has(>picture),.showcase-cell--media:has(>.portfolio-video),.showcase-cell--media>.portfolio-video{background:transparent}.showcase-cell--media>img,.showcase-cell--media>picture,.showcase-cell--media>video{width:100%;height:100%}.showcase-cell--media>img,.showcase-cell--media>picture>img{width:100%;height:100%;object-fit:var(--portfolio-media-fit, cover);color:#fff}.showcase-cell--media>video{object-fit:cover;object-position:center}.showcase-cell--text{overflow:visible;background:transparent}.showcase-cell .showcase-cell__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-align:center;text-transform:uppercase;color:var(--showcase-cell-placeholder, var(--case-study-text))}.showcase-frame{--showcase-gap: var(--showcase-gap-compact);--showcase-radius: var(--showcase-cell-radius);margin-inline:auto;padding-inline:var(--frame-gutter);padding-block:var(--frame-gutter)}.showcase-frame .showcase-frame__inner{width:100%;margin-inline:auto;container-name:showcase-frame;container-type:inline-size}.showcase-frame~.showcase-frame{margin-top:calc(var(--showcase-sequence-gap-compact, 10px) - (var(--frame-gutter, 10px) * 2))}@media(min-width:401px){.showcase-frame{--showcase-gap: var(--showcase-gap-default);padding-block:calc(var(--frame-gutter, 10px) + var(--frame-content-inset, 10px))}.showcase-frame .showcase-frame__inner{width:min(calc(100% - var(--frame-content-inset, 10px) - var(--frame-content-inset, 10px)),var(--frame-content-max, 1400px))}.showcase-frame~.showcase-frame{margin-top:calc(var(--showcase-sequence-gap-compact, 10px) - ((var(--frame-gutter, 10px) + var(--frame-content-inset, 10px)) * 2))}}@media(min-width:1024px){.showcase-frame{--showcase-gap: 20px}.showcase-frame~.showcase-frame{margin-top:calc(var(--showcase-sequence-gap-wide, 200px) - ((var(--frame-gutter, 10px) + var(--frame-content-inset, 10px)) * 2))}}.showcase-text-carousel{display:flex;flex-direction:column;justify-content:space-between;container-type:inline-size;padding:0;touch-action:pan-y}.showcase-text-carousel .showcase-text-carousel__slides{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.showcase-text-carousel .showcase-text-carousel__heading{margin-bottom:16px;color:var(--case-study-text);font-family:var(--font-serif);font-size:.875rem;font-weight:700;line-height:1.55556;letter-spacing:1px;text-transform:uppercase}.showcase-text-carousel .showcase-text-carousel__slide p{color:var(--case-study-text);font-family:var(--font-serif);font-size:.875rem;font-weight:400;line-height:180%}.showcase-text-carousel .showcase-text-carousel__nav{display:flex;align-items:flex-end;justify-content:space-between}.showcase-text-carousel .showcase-text-carousel__counter{display:inline-flex;width:40px;height:22px;padding:0;align-items:center;justify-content:center;border-radius:50px;background:var(--case-study-pagination-surface);color:var(--case-study-pagination-text);font-family:var(--font-interface);font-size:11px;font-weight:400;line-height:22px;letter-spacing:.15px;font-variant-numeric:tabular-nums}.showcase-text-carousel .showcase-text-carousel__counter [data-counter-text]{display:block;transform:translateY(-.5px)}.showcase-text-carousel .showcase-text-carousel__arrows{display:flex;gap:10px}.showcase-text-carousel .showcase-text-carousel__arrows button{all:unset;display:flex;width:20px;height:20px;cursor:pointer;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 0 .2px currentColor;background:transparent;color:var(--case-study-text);transition:background .15s ease}.showcase-text-carousel .showcase-text-carousel__arrows button:hover{background:color-mix(in srgb,var(--case-study-text) 6%,transparent)}.showcase-text-carousel .showcase-text-carousel__arrows button svg{display:block;overflow:visible;pointer-events:none}.showcase-text-carousel .showcase-text-carousel__next-icon{transform:rotate(180deg)}.showcase-text-carousel .showcase-text-carousel__arrows button:focus-visible{outline:2px solid currentColor;outline-offset:2px}@container stackable-showcase-grid (max-width: 500px){.showcase-text-carousel{padding-inline:var(--showcase-text-inset-stacked, 10px)}}.showcase-layout1{display:grid;grid-template-columns:1fr;gap:var(--showcase-gap)}.showcase-layout1 .layout1-grid-container{min-width:0;container-name:stackable-showcase-grid;container-type:inline-size}.showcase-layout1 .layout1-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--showcase-gap);min-width:0}@container stackable-showcase-grid (max-width: 500px){.showcase-layout1 .layout1-grid--mixed{grid-template-columns:1fr}.showcase-layout1 .layout1-grid--mixed .showcase-text-carousel{aspect-ratio:1}}@media(min-width:1024px){.showcase-layout1{width:83.333333%;margin-inline:auto;grid-template-columns:1fr 1fr;gap:20px}.showcase-layout1 .layout1-grid{gap:20px}.showcase-layout1 .layout1-grid--mixed{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-layout1 .showcase-text-carousel{padding-inline:0}.showcase-layout1 .layout1-grid-container{order:1}.showcase-layout1 .layout1-square{order:2;align-self:start}}.showcase-layout2{display:grid;grid-template-columns:1fr;gap:var(--showcase-gap)}.showcase-layout2 .layout2-grid-container{min-width:0;container-name:stackable-showcase-grid;container-type:inline-size}.showcase-layout2 .layout2-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--showcase-gap);min-width:0}@container stackable-showcase-grid (max-width: 500px){.showcase-layout2 .layout2-grid--mixed{grid-template-columns:1fr}.showcase-layout2 .layout2-grid--mixed .showcase-text-carousel{aspect-ratio:1}}@media(min-width:1024px){.showcase-layout2{width:83.333333%;margin-inline:auto;grid-template-columns:1fr 1fr;gap:20px}.showcase-layout2 .layout2-grid{gap:20px}.showcase-layout2 .layout2-grid--mixed{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-layout2 .showcase-text-carousel{padding-inline:0}.showcase-layout2 .layout2-square{order:1;align-self:start}.showcase-layout2 .layout2-grid-container{order:2}}.showcase-layout3{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--showcase-gap);container-name:layout3-stackable-grid;container-type:inline-size}.showcase-layout3 .layout3-stack{display:contents}.showcase-layout3 .layout3-square{order:1}.showcase-layout3 .layout3-text{order:2;padding-inline:var(--showcase-text-inset-stacked, 10px)}.showcase-layout3 .layout3-wide{order:3;aspect-ratio:3 / 2}@media(min-width:541px){.showcase-layout3 .layout3-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--showcase-gap)}.showcase-layout3 .layout3-text{order:1;padding-inline:0}.showcase-layout3 .layout3-square,.showcase-layout3 .layout3-wide{order:2}}@media(min-width:1024px){.showcase-layout3{width:83.333333%;margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:stretch}.showcase-layout3 .layout3-stack{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}.showcase-layout3 .layout3-wide{height:100%;aspect-ratio:auto}}.showcase-layout4{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--showcase-gap)}.showcase-layout4 .showcase-text-carousel{padding-inline:var(--showcase-text-inset-stacked, 10px)}@media(min-width:541px){.showcase-layout4{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-layout4 .showcase-text-carousel{padding-inline:0}}@media(min-width:1024px){.showcase-layout4{width:83.333333%;margin-inline:auto;grid-template-columns:repeat(4,minmax(0,1fr))}}.showcase-layout5 .layout5-wide{width:100%;aspect-ratio:2 / 1}@media(min-width:1024px){.showcase-layout5{width:83.333333%;margin-inline:auto}}.showcase-layout6{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--showcase-gap)}.showcase-layout6 .showcase-layout6__cell--scaled{--showcase-cell-placeholder: rgb(17 17 17 / 68%);display:grid;place-items:center}.showcase-layout6 .showcase-layout6__cell--scaled:has(>.showcase-cell__placeholder){background:#fdfdf7}.showcase-layout6 .showcase-layout6__cell--scaled>video{width:90%;height:auto;aspect-ratio:1;border-radius:calc(var(--showcase-radius) * .8);object-fit:contain}.showcase-layout6 .showcase-layout6__cell--animation>video{width:85%}@media(min-width:541px){.showcase-layout6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.showcase-layout6{width:83.333333%;margin-inline:auto}}.showcase-layout7{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--showcase-gap)}.showcase-layout7 .layout7-duo,.showcase-layout7 .layout7-stack{display:contents}.showcase-layout7 .showcase-text-carousel{padding-inline:var(--showcase-text-inset-stacked, 10px)}.showcase-layout7 .layout7-tall{aspect-ratio:1 / 2}@media(min-width:541px){.showcase-layout7 .layout7-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--showcase-gap);align-items:stretch}.showcase-layout7 .layout7-stack{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--showcase-gap)}.showcase-layout7 .showcase-text-carousel{padding-inline:0}.showcase-layout7 .layout7-tall{height:100%;aspect-ratio:auto}}@media(min-width:1024px){.showcase-layout7{width:83.333333%;margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr))}}.showcase-layout8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--showcase-gap)}@media(min-width:1024px){.showcase-layout8{width:83.333333%;margin-inline:auto}}.showcase-layout9 .layout9-single{width:100%;aspect-ratio:2500 / 1873}@media(min-width:1024px){.showcase-layout9{width:83.333333%;margin-inline:auto}}.showcase-layout10 .layout10-wide{width:100%;aspect-ratio:7 / 4}@media(min-width:1024px){.showcase-layout10{width:83.333333%;margin-inline:auto}}.case-study-prose{--prose-frame-gutter: 16px;--prose-reading-inset: 16px;background:var(--pixel-canvas);color:var(--case-study-text);padding-inline:var(--prose-frame-gutter)}@media(max-width:767px){.case-study-prose .prose>:not(figure.case-study-image){width:calc(100% - (var(--prose-reading-inset) * 2))}}@media(min-width:768px){.case-study-prose{--prose-frame-gutter: 40px;--prose-reading-inset: 0px}}@media(min-width:1024px){.case-study-prose{--prose-frame-gutter: 64px}}.case-study-prose .prose{grid-template-columns:minmax(0,1fr);--prose-color: var(--case-study-text);--prose-heading-color: var(--case-study-text);--prose-strong-color: var(--case-study-text);--prose-link-color: var(--case-study-text);--prose-code-color: var(--case-study-text);--prose-marker-color: var(--case-study-bullet-marker);--prose-link-underline-color: var(--case-study-text);--prose-link-underline-hover-color: var(--case-study-text);--prose-th-borders: var(--case-study-table-header-rule);--prose-td-borders: var(--case-study-table-row-rule);--prose-blockquote-border-color: var(--case-study-pull-quote-rule);--prose-ordered-marker-color: var(--case-study-ordered-marker)}.case-study-prose .prose-intro{width:100%;max-width:36rem;margin-top:0;text-align:center}.case-study-prose .prose-meta{margin:0;font-family:var(--font-mono);font-weight:400;font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--case-study-text);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.75ch}.case-study-prose .prose-meta>span:first-child{justify-self:end}.case-study-prose .prose-meta>span:last-child{justify-self:start}.case-study-prose .prose-meta>span:nth-child(2){color:var(--case-study-text)}@media(max-width:767px){.case-study-prose .prose-meta{display:flex;justify-content:center;gap:.75ch}.case-study-prose .prose-intro+h2{margin-top:48px}}.case-study-prose .prose-intro h1{margin-top:1.5rem;text-align:center}.case-study-prose .prose-dek{margin-top:calc(var(--spacing) * 3);max-width:65ch;margin-left:auto;margin-right:auto;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--case-study-text);text-align:center;text-wrap:pretty}.case-study-prose .prose-divider{margin-top:calc(var(--spacing) * 6);text-align:center;font-family:var(--font-mono);font-size:.625rem;color:var(--case-study-text)}.case-study-prose .case-study-image-media{display:block;width:100%;aspect-ratio:2.114 / 1;overflow:hidden;border-radius:var(--showcase-radius, 10px)}.case-study-prose .case-study-image-media>img,.case-study-prose .case-study-image-media>picture{display:block;width:100%;height:100%}.case-study-prose .case-study-image-media>img,.case-study-prose .case-study-image-media>picture>img{object-fit:cover}@media(min-width:90rem){.case-study-prose .prose-intro{max-width:clamp(36rem,calc(13.333vw + 24rem),40rem)}.case-study-prose .prose-dek{max-width:100%}}