:root{--cs-margin: 24px;--cs-gutter: 20px;--cs-section-padding: 44px;--cs-section-gap: 128px;--cs-body-gap: 48px;--cs-prose-gap: 12px;--cs-prose-max-width: 520px;--cs-media-gap: 24px;--cs-media-bg: #f5f3f2;--cs-text: #5c5840;--cs-lead: #4a430b;--cs-caption: #aeaeae;--cs-page-bg: #fafafa;--cs-body-size: 18px;--cs-lead-line-height: 1.45;--cs-lead-size: 18px;--cs-body-line-height: 1.45;--cs-body-letter-spacing: .1px;--cs-lead-body-spacing: -.9px;--cs-meta-size: 16px;--cs-meta-letter-spacing: .18px;--cs-ease-out: cubic-bezier(.23, 1, .32, 1);--cs-ease-in-out: cubic-bezier(.77, 0, .175, 1);--cs-accordion-open: .36s;--cs-accordion-close: .28s;--cs-device-frame-scale: .9;--cs-device-frame-width-desktop: .8;--cs-device-frame-width-mobile: .55;--cs-device-frame-design-desktop: 763px;--cs-device-frame-design-mobile: 250px;--cs-device-frame-max-desktop: calc( var(--cs-device-frame-design-desktop) * var(--cs-device-frame-scale) );--cs-device-frame-max-mobile: calc( var(--cs-device-frame-design-mobile) * var(--cs-device-frame-scale) );--cs-prototype-stage-min-desktop: 280px;--cs-prototype-stage-min-mobile: 360px;--cs-prototype-stage-padding: 40px 24px;--cs-solution-nav-padding-block: 14vh;--cs-stack-item-gap: 160px;--cs-stack-heading-gap: 20px;--cs-stack-media-gap: 48px}.case-study-page{background-color:var(--cs-page-bg);color:var(--cs-text);min-height:100vh;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cs-gutter);padding-inline:var(--cs-margin);padding-top:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.case-study-section{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;padding-block:var(--cs-section-padding)}.case-study-section+.case-study-section{margin-top:var(--cs-section-gap)}.case-study-section__heading{grid-column:1 / 5;font-family:GT Alpina,Hanken Grotesk,serif;font-size:22px;font-weight:400;font-style:normal;line-height:1.4;letter-spacing:.22px;margin:0}.case-study-section__body{grid-column:5 / 13;display:grid;grid-template-columns:subgrid;align-content:start;gap:var(--cs-body-gap);font-family:Hanken Grotesk,sans-serif;font-size:var(--cs-body-size);font-weight:400;line-height:150%;letter-spacing:var(--cs-body-letter-spacing)}.case-study-prose-block{grid-column:1 / -1;max-width:var(--cs-prose-max-width);display:flex;flex-direction:column;gap:var(--cs-prose-gap)}.case-study-prose-block .case-study-prose{max-width:none}.case-study-prose{max-width:var(--cs-prose-max-width);margin:0;font-family:Hanken Grotesk,sans-serif;font-size:var(--cs-body-size);font-weight:400;line-height:150%;letter-spacing:var(--cs-body-letter-spacing);color:var(--cs-text)}.case-study-prose--lead,.case-study-prose__run--lead{font-size:var(--cs-lead-size);font-weight:500;line-height:150%;color:var(--cs-lead)}.case-study-list{grid-column:1 / -1;max-width:var(--cs-prose-max-width);margin:0;padding-left:1.5em;font-family:Hanken Grotesk,sans-serif;font-size:var(--cs-body-size);font-weight:400;line-height:150%;letter-spacing:var(--cs-body-letter-spacing);color:var(--cs-text)}.case-study-list li+li{margin-top:9px}.case-study-meta{grid-column:1 / -1;max-width:var(--cs-prose-max-width);display:flex;flex-direction:column;gap:12px;font-size:var(--cs-meta-size);letter-spacing:var(--cs-meta-letter-spacing)}.case-study-meta__row{display:flex;gap:8px;align-items:baseline}.case-study-meta__label{flex-shrink:0;width:68px;color:#aeaeae}.section-media,.full-bleed-media,.solution-scroll__panel-figure{margin:0}.case-study-media__unit{max-width:100%}.case-study-media__unit:not(:has(.prototype-device-frame)){width:100%}.case-study-media__unit:has(.prototype-device-frame){width:100%}.case-study-media__unit:has(.prototype-device-frame) .prototype-device-frame{margin-inline:0}.solution-scroll__panel-inner .case-study-media__unit:has(.prototype-device-frame) .prototype-device-frame{margin-inline:auto}.case-study-media__surface{background-color:var(--cs-media-bg);line-height:0}.solution-scroll__panel-figure .case-study-media__surface{background-color:transparent}.case-study-media__caption{margin:8px 0 0;padding:0;font-family:GT Alpina,Hanken Grotesk,serif;font-size:15px;font-weight:400;font-style:normal;line-height:1.4;letter-spacing:.15px;color:var(--cs-caption);text-align:left}.section-media{grid-column:1 / -1}.case-study-media__asset{display:block;width:100%;height:auto;object-fit:contain}.case-study-media__empty{width:100%}.case-study-media__asset--video{width:100%;height:auto;object-fit:contain;vertical-align:top}.section-media,.solution-scroll__panel-inner,.full-bleed-media,.solution-scroll__panel-figure{container-type:inline-size}.prototype-device-frame{width:min(var(--cs-device-frame-max-desktop),calc(100cqi * var(--cs-device-frame-width-desktop)));max-width:100%;margin-inline:auto;box-sizing:border-box;padding:calc(12px * var(--cs-device-frame-scale));border-radius:calc(18px * var(--cs-device-frame-scale));background-color:#1b1b1b;box-shadow:calc(48px * var(--cs-device-frame-scale)) calc(52px * var(--cs-device-frame-scale)) calc(53px * var(--cs-device-frame-scale)) #2d2a3038,0 calc(17px * var(--cs-device-frame-scale)) calc(24px * var(--cs-device-frame-scale)) #00000012,0 calc(10px * var(--cs-device-frame-scale)) calc(13px * var(--cs-device-frame-scale)) #0000000f}.prototype-device-frame__screen{width:100%;max-width:100%;border-radius:calc(8px * var(--cs-device-frame-scale));overflow:hidden;background-color:#000;line-height:0}.prototype-device-frame__screen .case-study-media__asset,.prototype-device-frame__screen .case-study-media__asset--video{display:block;width:100%;max-width:100%;height:auto}.prototype-device-frame--mobile{width:min(var(--cs-device-frame-max-mobile),calc(100cqi * var(--cs-device-frame-width-mobile)));max-width:100%;padding:calc(10px * var(--cs-device-frame-scale));border-radius:calc(34px * var(--cs-device-frame-scale))}.prototype-device-frame--mobile .prototype-device-frame__screen{border-radius:calc(24px * var(--cs-device-frame-scale))}@media(max-width:768px){.prototype-device-frame{padding:calc(8px * var(--cs-device-frame-scale));border-radius:calc(9px * var(--cs-device-frame-scale));box-shadow:calc(24px * var(--cs-device-frame-scale)) calc(26px * var(--cs-device-frame-scale)) calc(28px * var(--cs-device-frame-scale)) #2d2a302e,0 calc(12px * var(--cs-device-frame-scale)) calc(16px * var(--cs-device-frame-scale)) #0000000f}.prototype-device-frame__screen{border-radius:calc(6px * var(--cs-device-frame-scale))}.prototype-device-frame--mobile{border-radius:calc(28px * var(--cs-device-frame-scale))}.prototype-device-frame--mobile .prototype-device-frame__screen{border-radius:calc(20px * var(--cs-device-frame-scale))}}.section-media--compact{grid-column:1 / 6}.section-media--full-width{grid-column:1 / -1;margin-top:var(--cs-body-gap)}.full-bleed-media{grid-column:1 / -1}.case-study-nav{grid-column:1 / -1;height:0;padding:0;overflow:visible;pointer-events:none}.case-study-nav__link{position:fixed;top:25px;left:var(--cs-margin);z-index:100;pointer-events:auto}@media(max-width:992px){.case-study-section__heading{grid-column:1 / 4}.case-study-section__body{grid-column:4 / 13}.case-study-prose-block,.case-study-prose,.case-study-list,.case-study-meta{max-width:none}.section-media--compact{grid-column:1 / -1}}@media(max-width:768px){.case-study-section{display:flex;flex-direction:column;gap:var(--cs-body-gap)}.case-study-section__heading,.case-study-section__body{grid-column:auto}.case-study-section__body{display:flex;flex-direction:column}.section-media,.section-media--compact,.section-media--full-width{grid-column:auto;margin-top:0}}.solution-scroll{row-gap:var(--cs-body-gap)}.solution-scroll__stack,.solution-scroll__mobile-heading{display:none}.solution-scroll__heading{grid-row:1;align-self:start}.solution-scroll__prose.case-study-prose-block{grid-column:5 / 13;grid-row:1;align-self:start}.solution-scroll__sidebar{grid-column:1 / 5;grid-row:2;position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;justify-content:center;padding-block:var(--cs-solution-nav-padding-block);box-sizing:border-box}.solution-scroll__nav{width:100%}.solution-scroll__panels{grid-column:5 / 13;grid-row:2;display:flex;flex-direction:column;gap:var(--cs-media-gap)}.solution-scroll__panel{display:flex;align-items:center;justify-content:center;min-height:auto;padding-block:48px;background-color:var(--cs-media-bg)}.solution-scroll__panel-inner{width:100%;display:flex;justify-content:center}.solution-scroll__panel-figure{width:100%}.solution-scroll__panel-figure .case-study-media__unit:has(.prototype-device-frame),.solution-scroll__stack-item .case-study-media__unit:has(.prototype-device-frame){display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}.solution-scroll__panel-figure .prototype-device-frame,.solution-scroll__stack-item .prototype-device-frame{margin-inline:auto}.solution-scroll__stack-item .case-study-media__surface{width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--cs-prototype-stage-min-desktop);padding:var(--cs-prototype-stage-padding);box-sizing:border-box}.solution-scroll__stack-item .case-study-media__surface:has(.prototype-device-frame--mobile){min-height:var(--cs-prototype-stage-min-mobile)}.solution-accordion{position:relative;width:100%;max-width:385px;padding-left:24px}.solution-accordion__item{border:none}.solution-accordion__header{margin:0}.solution-accordion__trigger{display:flex;gap:16px;align-items:center;width:100%;min-height:45px;padding:8px 0;border:none;background:transparent;cursor:pointer;text-align:left}.solution-accordion__label{font-family:Hanken Grotesk,sans-serif;font-size:var(--cs-lead-size);font-weight:500;line-height:150%;letter-spacing:var(--cs-body-letter-spacing);color:var(--cs-lead);transition:color var(--cs-accordion-open) var(--cs-ease-out)}.solution-accordion__trigger[aria-expanded=true] .solution-accordion__label,.solution-accordion__trigger[data-state=open] .solution-accordion__label{color:var(--cs-lead)}.solution-accordion__marker{position:relative;flex-shrink:0;width:8px;height:8px}.solution-accordion__marker-dash,.solution-accordion__marker-square{position:absolute;left:0;top:50%;background-color:#5c5840;transform:translateY(-50%);transition:opacity var(--cs-accordion-close) var(--cs-ease-out),transform var(--cs-accordion-open) var(--cs-ease-out)}.solution-accordion__marker-dash{width:8px;height:2px;opacity:1;transform:translateY(-50%) scaleX(1)}.solution-accordion__marker-square{width:8px;height:8px;opacity:0;transform:translateY(-50%) scale(.82)}.solution-accordion__trigger[aria-expanded=true] .solution-accordion__marker-dash,.solution-accordion__trigger[data-state=open] .solution-accordion__marker-dash{opacity:0;transform:translateY(-50%) scaleX(.72)}.solution-accordion__trigger[aria-expanded=true] .solution-accordion__marker-square,.solution-accordion__trigger[data-state=open] .solution-accordion__marker-square{opacity:1;transform:translateY(-50%) scale(1)}.solution-accordion__content[data-state=closed]{display:none}.solution-accordion__content[data-state=open]{display:block}.solution-accordion__content-inner{padding:16px 0 16px 24px;font-family:Hanken Grotesk,sans-serif;font-size:var(--cs-body-size);font-weight:400;line-height:150%;letter-spacing:var(--cs-body-letter-spacing);color:var(--cs-text);animation:solution-accordion-fade-in .24s var(--cs-ease-out)}@keyframes solution-accordion-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.solution-accordion__marker-dash,.solution-accordion__marker-square,.solution-accordion__label{transition-duration:0ms}.solution-accordion__content-inner{animation:none}}@media(max-width:992px){.solution-scroll{display:flex;flex-direction:column;gap:var(--cs-body-gap)}.solution-scroll__prose{grid-column:auto;grid-row:auto;max-width:none}.solution-scroll__sidebar,.solution-scroll__panels,.solution-scroll__heading{display:none}.solution-scroll__mobile-heading{display:block;margin:0}.solution-scroll__stack{display:flex;flex-direction:column;gap:var(--cs-stack-item-gap)}.solution-scroll__stack-item{display:flex;flex-direction:column;gap:0}.solution-scroll__stack-heading{margin:0;font-family:Hanken Grotesk,sans-serif;font-size:20px;font-weight:600;line-height:1.45;letter-spacing:.2px;color:#4a430b}.solution-scroll__stack-heading+.case-study-prose{margin-top:var(--cs-stack-heading-gap)}.solution-scroll__stack-item .section-media{margin-top:var(--cs-stack-media-gap)}.solution-scroll__stack-item .case-study-prose-block,.solution-scroll__stack-item .case-study-prose{max-width:none}}