.case-study{--case-shell: min( calc(100% - 3rem) , 26.25rem);--case-wide: var(--case-shell);--case-reading: var(--case-shell);min-height:100vh;color:var(--ink);background:var(--paper)}.case-study__progress{position:fixed;z-index:80;top:0;right:0;left:0;height:2px;pointer-events:none}.case-study__progress span{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}.case-study__back{color:inherit;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.case-study__back svg{width:1rem;fill:none;stroke:var(--blue-deep);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4}.case-study__opening{width:var(--case-wide);margin-inline:auto;padding-block:2rem 3.5rem}.case-study__back{display:inline-flex;gap:.6rem;align-items:center;margin-bottom:3rem;color:var(--muted);transition:color .18s ease}.case-study__back:hover,.case-study__back:focus-visible{color:var(--blue-deep)}.case-study__hero,.case-study__media{margin:0}.case-study__hero{overflow:hidden;border-radius:2rem;corner-shape:squircle;background:#eef1e9;box-shadow:#0000001a -4px 9px 25px -6px}.case-study__hero .case-study__media-link{aspect-ratio:4 / 3}.case-study__hero img{object-position:top}.case-study__media-link{position:relative;display:block;overflow:hidden;background:#f1f3ef;cursor:zoom-in;line-height:0;outline:0 solid var(--blue);outline-offset:0;transition:outline-width .35s cubic-bezier(.4,0,.2,1),outline-color .3s ease}.case-study__media-link.is-zooming{visibility:hidden}.case-study__media-link img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1),filter .3s ease-out}@media(hover:hover){.case-study__media-link:hover{outline-width:3px}.case-study__media-link:hover img{filter:saturate(1.1) brightness(1.02);transform:scale(1.02)}}.case-study__opening-copy{width:100%;margin:3rem 0 0}.case-study__client,.case-study__insight header>p{margin:0;color:var(--blue-deep);font-size:.7rem;font-weight:600;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}.case-study__opening h1{margin:0;color:var(--blue-deep);font-family:Rubik,ui-sans-serif,system-ui,sans-serif;font-size:1rem;font-weight:600;letter-spacing:-.015em;line-height:1.35;text-transform:uppercase}.case-study__opening h1 a{display:inline-flex;gap:.5rem;align-items:center;color:inherit;text-decoration:none;white-space:nowrap;transition:color .2s ease,transform .4s cubic-bezier(.2,0,0,1.4)}.case-study__external-icon{position:relative;display:inline-flex;width:1rem;height:1rem;flex:0 0 1rem;align-items:center;justify-content:center;color:var(--blue-deep)}.case-study__external-icon svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35;will-change:transform,opacity,filter;transition:transform .19s cubic-bezier(.34,1.56,.64,1),opacity .13s ease,filter .13s ease}.case-study__external-icon-hover{opacity:0;transform:translate(-.11em,.12em) scale(.74)}@media(hover:hover)and (pointer:fine){.case-study__opening h1 a:hover{transform:translate(4px)}.case-study__opening h1 a:hover .case-study__external-icon-default{opacity:0;filter:blur(.65px);transform:translate(.1em,.1em) scale(.74)}.case-study__opening h1 a:hover .case-study__external-icon-hover{opacity:1;filter:blur(0);transform:translateY(-.04em) scale(1)}}.case-study__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding:0;list-style:none}.case-study__tags li{padding:.375rem .75rem;border-radius:9999px;background:var(--blue-deep);color:var(--paper);font-size:.75rem;font-weight:500;letter-spacing:.02em;line-height:1.75}.case-study__body{display:block;width:var(--case-reading);margin-inline:auto}.case-study__text{display:block;width:100%;margin:0 0 3.5rem}.case-study__text h2,.case-study__insight h2{margin:0;font-family:Rubik,ui-sans-serif,system-ui,sans-serif;font-weight:600;letter-spacing:-.015em}.case-study__text h2{margin-bottom:1.25rem;font-size:1rem;line-height:1.35}.case-study__paragraphs{display:block}.case-study__paragraphs p,.case-study__insight-grid p{margin:0;color:var(--muted);margin-bottom:1.75rem;font-size:.9375rem;line-height:1.7}.case-study__paragraphs p:last-child{margin-bottom:0}.case-study__media{width:100%;margin:3.5rem auto}.case-study__media .case-study__media-link{aspect-ratio:4 / 3;border-radius:2rem;corner-shape:squircle;box-shadow:#0000001a -4px 9px 25px -6px}.case-study__media img{height:100%;object-fit:cover;object-position:top}.case-study__insight{width:100%;margin:3.5rem 0;padding:1.5rem 1.5rem 1.25rem;border-radius:2rem;corner-shape:squircle;background:color-mix(in srgb,var(--blue) 6%,transparent)}.case-study__insight header{display:flex;gap:.2rem;flex-direction:column;margin-bottom:1.5rem}.case-study__insight h2{font-size:1.125rem;line-height:1.3}.case-study__insight-grid{display:block;margin:0}.case-study__insight-grid h3{margin:1.25rem 0 .5rem;font-family:Rubik,ui-sans-serif,system-ui,sans-serif;font-size:1rem;font-weight:620;letter-spacing:-.015em}.case-study__insight-grid p{color:color-mix(in srgb,var(--blue-deep) 68%,var(--ink));margin:0;font-size:.9375rem;line-height:1.7}.case-study[data-case-ready=true] [data-case-reveal]{opacity:.6;filter:blur(.75rem);transition:opacity .3s var(--ease-out),filter .3s var(--ease-out)}.case-study[data-case-ready=true] [data-case-reveal].is-visible{opacity:1;filter:blur(0)}.case-study a:focus-visible,.case-study button:focus-visible{border-radius:.25rem;outline:2px solid var(--blue);outline-offset:.25rem}@media(max-width:680px){.case-study{--case-shell: calc(100% - 2rem) ;--case-wide: calc(100% - 2rem) ;--case-reading: calc(100% - 2rem) }.case-study__opening{padding-top:1.5rem;padding-bottom:3.5rem}.case-study__tags{height:2.25rem;overflow:hidden}.case-study__media .case-study__media-link,.case-study__hero{border-radius:1.5rem}.case-study__insight{padding:1.5rem 1.25rem 1.25rem;border-radius:1.5rem}}@media(prefers-reduced-motion:reduce){.case-study{scroll-behavior:auto}.case-study *,.case-study *:before,.case-study *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.case-study[data-case-ready=true] [data-case-reveal]{opacity:1;filter:none}}body.case-image-zoom-locked{overflow:hidden}.case-image-zoom{position:fixed;z-index:1000;inset:0}.case-image-zoom__backdrop{position:absolute;inset:0;background:#000000e0;opacity:0;transition:opacity .22s ease}.case-image-zoom.is-active .case-image-zoom__backdrop{opacity:1}.case-image-zoom__image{position:fixed;z-index:2;display:block;max-width:none;object-fit:cover;cursor:zoom-out;transform-origin:top left;will-change:transform}.case-image-zoom__close{position:fixed;z-index:3;top:1rem;right:1rem;display:grid;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;place-items:center;background:transparent;color:#fff;cursor:pointer;opacity:0;transform:translateY(-.35rem) scale(.92);transition:opacity .18s ease,transform .22s cubic-bezier(.34,1.3,.6,1)}.case-image-zoom.is-active .case-image-zoom__close{opacity:1;transform:translateY(0) scale(1)}.case-image-zoom__close svg{width:1rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-width:1.5}.case-image-zoom__close:focus-visible{outline:2px solid #209cb2;outline-offset:.2rem}@media(prefers-reduced-motion:reduce){.case-image-zoom__backdrop,.case-image-zoom__close,.case-image-zoom__image{transition-duration:.01ms!important}}