.case-studies-page{--color-primary:var(--cc-plum);--color-primary-foreground:var(--cc-paper);--color-ring:var(--cc-plum);--color-background:var(--cc-paper);--color-foreground:var(--cc-ink);--color-border:var(--cc-clay);--color-muted:var(--cc-band);--color-muted-foreground:var(--cc-muted);--color-card:var(--cc-paper);--color-card-foreground:var(--cc-ink);background:var(--cc-paper);color:var(--cc-ink);font-weight:300}.cs-container{width:100%;max-width:var(--site-content-max-width);padding-inline:var(--site-content-gutter);margin-inline:auto}.cs-section{padding-block:98px 64px}.case-studies-page main h2{scroll-margin-top:96px}.cs-band{background:var(--cc-band)}.cs-eyebrow{letter-spacing:.05em;text-transform:uppercase;color:var(--cc-plum);margin:0;font-size:14px;font-weight:400;line-height:1.3}.cs-hero{isolation:isolate;min-height:576px;color:var(--cc-paper);background:var(--cc-ink);align-items:center;padding-block:144px 80px;display:grid;position:relative}.cs-hero-image{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.cs-hero:after{z-index:-1;content:"";background:linear-gradient(90deg,#2e1f25e0,#2e1f2566 58%,#2e1f250d);position:absolute;inset:0}.cs-hero-copy{flex-direction:column;gap:32px;max-width:600px;display:flex}.cs-hero .cs-eyebrow{color:var(--cc-paper)}.cs-hero h1{letter-spacing:-.04em;margin:0;font-size:58px;font-weight:300;line-height:1.1}.cs-hero-copy>p:last-child{margin:0;font-size:20px;line-height:1.3}.cs-section-heading{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px 24px;margin-bottom:64px;display:grid}.cs-section-heading h2,.cs-contact h2{letter-spacing:-.04em;margin:0;font-size:52px;font-weight:300;line-height:1.1}.cs-section-description{color:var(--cc-body);grid-column:2;max-width:52ch;margin:0;font-size:20px;line-height:1.2}[aria-labelledby=cs-spotlight]>.cs-container>.cs-section-heading{margin-bottom:128px}.cs-spotlight-primary{color:var(--cc-paper);background:var(--cc-ink);display:block;position:relative;overflow:hidden}:is(.cs-spotlight-primary>img,.cs-spotlight-primary>picture>img){aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.cs-spotlight-primary>.cs-image-caption,.cs-spotlight-secondary>.cs-image-caption{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2e1f2566;padding:12px 16px;position:absolute;bottom:24px;left:24px}.cs-image-caption{letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:24px;font-size:14px;font-weight:400;display:flex}.cs-image-caption svg{flex-shrink:0;width:20px;height:20px}.cs-spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:128px;display:grid}.cs-spotlight-secondary{aspect-ratio:16/9;width:100%;color:var(--cc-paper);background:var(--cc-ink);display:block;position:relative;overflow:hidden;container-type:inline-size}:is(.cs-spotlight-secondary>img,.cs-spotlight-secondary>picture>img){object-fit:cover;width:100%;height:100%;display:block}.cs-spotlight-caption{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2e1f2566;width:88%;padding:3.125cqw;position:absolute;top:24px;left:24px}.cs-spotlight-caption h3{letter-spacing:-.04em;margin:0;font-size:clamp(24px,6.77cqw,46.3125px);font-weight:300;line-height:1.1}.cs-client-section{padding-block:64px}[aria-labelledby=cs-spotlight]>.cs-client-section{padding-bottom:0}.cs-logo-window{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.cs-logo-track{width:max-content;animation:84s linear infinite cs-logo-scroll;display:flex}.cs-client-section:hover .cs-logo-track{animation-play-state:paused}.cs-logo-set{flex:none;align-items:center;gap:24px;width:896px;margin:0;padding:0 24px 0 0;list-style:none;display:flex}.cs-logo-set>li{flex:0 0 200px;place-items:center;height:112.5px;display:grid}.cs-logo-set img{object-fit:contain;filter:grayscale();opacity:.8;width:150px;height:56.25px;display:block}@keyframes cs-logo-scroll{to{transform:translate(-50%)}}.cs-testimonial{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}:is(.cs-testimonial>img,.cs-testimonial>picture>img){aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.cs-testimonial figure{flex-direction:column;gap:32px;margin:0;display:flex}.cs-quote-mark{width:64px;height:64px;color:var(--cc-plum);background:var(--cc-paper);place-items:center;font-size:80px;line-height:1;display:grid}.cs-testimonial blockquote,.cs-testimonial blockquote p{margin:0}.cs-testimonial blockquote p{letter-spacing:-.03em;font-size:40px;line-height:1.1}.cs-testimonial figcaption{flex-direction:column;gap:12px;margin-top:auto;padding-top:24px;display:flex}.cs-testimonial figcaption>p{margin:0}.cs-attribution{justify-content:space-between;align-items:center;gap:24px;display:flex}.cs-attribution>div{flex-direction:column;gap:12px;display:flex}.cs-attribution p{margin:0}:is(.cs-attribution>img,.cs-attribution>picture>img){object-fit:contain;width:150px;height:56px}.cs-testimonial-controls{--color-muted:var(--cc-clay);width:calc(50% - 12px);margin-top:32px;margin-left:auto}.cs-testimonial-navigation{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.cs-result{color:var(--cc-teal);font-size:18px;line-height:1.3}.cs-pager{justify-content:space-between;align-items:center;gap:8px;margin-top:64px;display:flex}.cs-page-numbers{flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cs-filter-label[data-active=true]{color:var(--cc-plum);text-underline-offset:5px;text-decoration:underline}.cs-filters{flex-wrap:wrap;gap:12px;margin-bottom:48px;display:flex}.cs-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.cs-card-grid>li{min-width:0}.cs-card-image{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.cs-card-meta{letter-spacing:.04em;text-transform:uppercase;color:var(--cc-plum);flex-wrap:wrap;gap:8px 16px;margin:0 0 16px;font-size:11px;font-weight:400;line-height:1.3;display:flex}.cs-card-meta span{color:var(--cc-muted)}.cs-card-title{letter-spacing:-.025em;margin:0;font-size:28px;font-weight:300;line-height:1.2}.cs-card-title a:hover{text-underline-offset:4px;text-decoration:underline}.cs-card-description{margin:0;font-size:18px;font-weight:300;line-height:1.2}.cs-architecture{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:32px 24px;display:grid}.cs-architecture-media{display:flex;overflow:hidden}.cs-architecture-media img{object-fit:cover;width:100%;height:100%;min-height:440px;display:block}.cs-architecture-content{flex-direction:column;justify-content:space-between;gap:32px;height:100%;display:flex}.cs-architecture-content .cs-section-heading{flex-direction:column;gap:16px;margin-bottom:0;display:flex}.cs-architecture-body{color:var(--cc-body);margin:0;font-size:20px;line-height:1.2}.cs-architecture-cta{margin-top:auto;padding-top:16px}.cs-contact{background:var(--cc-ink)url(/art/hero/wave.webp) center/cover no-repeat;color:var(--cc-paper)}.cs-contact-panel{text-align:left;flex-direction:column;align-items:flex-start;gap:32px;width:calc(50% - 12px);display:flex}.cs-contact .cs-eyebrow{color:var(--cc-mauve)}.cs-contact-panel>p:not(.cs-eyebrow){max-width:600px;margin:0;font-size:20px;line-height:1.3}.cs-contact-links{flex-wrap:wrap;justify-content:flex-start;gap:16px;margin-top:16px;display:flex}@media (width<=1023px){.cs-section-heading h2,.cs-contact h2{font-size:40px}.cs-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-testimonial{gap:24px}.cs-testimonial blockquote p{font-size:28px}}@media (width<=767px){.cs-section{padding-block:64px}.cs-hero{align-items:end;min-height:680px;padding-block:128px 48px}.cs-hero-image{object-position:60% center}.cs-hero h1{font-size:44px}.cs-hero-copy{gap:24px}.cs-hero-copy>p:last-child{font-size:18px}.cs-section-heading{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:48px}.cs-section-heading h2,.cs-contact h2{font-size:36px}.cs-section-description{grid-column:1;font-size:18px}.cs-spotlight-grid,.cs-testimonial,.cs-architecture{grid-template-columns:minmax(0,1fr)}.cs-spotlight-grid{gap:32px;margin-top:64px}.cs-testimonial,.cs-architecture{gap:40px}.cs-spotlight-primary>.cs-image-caption{padding:16px}:is(.cs-spotlight-primary>img,.cs-spotlight-primary>picture>img){aspect-ratio:4/3}.cs-spotlight-caption{width:calc(100% - 32px);padding:16px;top:16px;left:16px}.cs-spotlight-secondary{aspect-ratio:4/3}.cs-spotlight-caption h3{font-size:clamp(23px,6.77cqw,32px)}.cs-spotlight-secondary>.cs-image-caption{padding:10px 12px;font-size:12px;bottom:16px;left:16px}.cs-client-section{padding-block:40px}.cs-testimonial blockquote p{font-size:28px}.cs-testimonial figure{gap:24px}.cs-testimonial-controls{width:100%}.cs-attribution{gap:16px}:is(.cs-attribution>img,.cs-attribution>picture>img){width:100px;height:48px}.cs-pager{margin-top:32px}.cs-page-numbers{gap:0}.cs-card-grid{grid-template-columns:minmax(0,1fr)}.cs-card-title{font-size:26px}.cs-architecture-media img{aspect-ratio:16/10;height:auto;min-height:0}.cs-architecture-content{gap:24px;height:auto}.cs-architecture-cta{margin-top:0;padding-top:0}[aria-labelledby=cs-spotlight]>.cs-container>.cs-section-heading{margin-bottom:64px}.cs-contact{background-position:100% 100%;background-size:auto 360px;padding-bottom:400px}.cs-contact-panel{width:100%}}@media (prefers-reduced-motion:reduce){.cs-logo-track{width:100%;animation:none}.cs-logo-set{flex-wrap:wrap;justify-content:center;gap:16px 24px;width:100%;min-width:0;padding:0}.cs-logo-set[aria-hidden=true]{display:none}}.cs-contact{background-image:-webkit-image-set(url(/art/hero/responsive/wave-1920.avif) 1x type("image/avif"),url(/art/hero/wave.webp) 1x type("image/webp"));background-image:image-set("/art/hero/responsive/wave-1920.avif" 1x type("image/avif"),"/art/hero/wave.webp" 1x type("image/webp"))}@media (width<=767px){.cs-contact{background-image:-webkit-image-set(url(/art/hero/responsive/wave-768.avif) 1x type("image/avif"),url(/art/hero/responsive/wave-768.webp) 1x type("image/webp"));background-image:image-set("/art/hero/responsive/wave-768.avif" 1x type("image/avif"),"/art/hero/responsive/wave-768.webp" 1x type("image/webp"))}}
