.case-study{--cs-ease: cubic-bezier(.23, 1, .32, 1);--cs-muted: rgb(var(--color-foreground) / .68);--cs-rule: rgb(var(--color-foreground) / .14)}.case-study ::selection{color:rgb(var(--color-background));background:rgb(var(--color-foreground))}.case-study__layout{display:block}.case-study__aside{display:none}.case-study__main{min-width:0}.case-study__masthead{display:grid;gap:var(--sp-8);margin-block-end:var(--sp-8)}.case-study__intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-4);min-width:0}.case-study__intro .case-study__back{margin-inline-start:calc(var(--sp-2) * -1);padding-inline:var(--sp-2)}.case-study__lede{max-width:55ch;color:rgb(var(--color-foreground) / .82);font-size:clamp(1.125rem,1.03rem + .4vw,1.3125rem);line-height:1.55;letter-spacing:0;text-wrap:pretty}.case-study__lede p{margin:0}.case-study__lede p+p{margin-block-start:var(--sp-3)}.case-study__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-8);margin-block-start:var(--sp-2)}.case-study__read{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;color:rgb(var(--color-foreground));font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}.case-study__read .icon{width:1em;height:1em;transition:transform .25s var(--cs-ease)}.case-study__read:focus-visible,.case-study__thumb:focus-visible,.case-study__timeline a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}.case-study__media{min-width:0;margin:0}.case-study__gallery-stage figure{margin:0}.case-study__gallery-stage img,.case-study__figure img{display:block;width:auto;max-width:100%;height:auto;max-height:min(42vh,22rem);margin-inline:auto;border-radius:var(--rounded-block);animation:cs-settle 1s var(--cs-ease) both}@media screen and (min-width:990px){.case-study__gallery-stage img,.case-study__figure img{width:100%;max-height:min(56vh,30rem);object-fit:cover;margin-inline:0}}.case-study__slide figcaption{margin-block-start:var(--sp-2);color:var(--cs-muted);font-size:var(--text-sm)}.case-study__thumbs{display:flex;gap:var(--sp-2);margin-block-start:var(--sp-3);overflow-x:auto;scrollbar-width:thin}.case-study__thumb{flex:0 0 auto;width:4.5rem;height:3.25rem;padding:0;overflow:hidden;border:1px solid var(--cs-rule);border-radius:calc(var(--rounded-block) / 2);background:none;opacity:.55;cursor:pointer;transition:opacity .2s ease,border-color .2s ease}.case-study__thumb img{width:100%;height:100%;object-fit:cover}.case-study__thumb[aria-pressed=true]{border-color:rgb(var(--color-foreground));opacity:1}.case-study__timeline{padding:var(--sp-6);border:1px solid var(--cs-rule);border-radius:var(--rounded-block);background:rgb(var(--color-foreground) / .035);box-shadow:0 24px 48px -24px #00000073}.case-study__timeline-label{margin:0 0 var(--sp-4);color:var(--cs-muted);font-size:var(--text-sm)}.case-study__timeline ol{position:relative;margin:0;padding:0;list-style:none}.case-study__timeline ol:before{content:"";position:absolute;inset-block:1.375rem;inset-inline-start:1.0625rem;width:1px;background:var(--cs-rule)}.case-study__timeline a{position:relative;display:flex;align-items:center;gap:var(--sp-4);min-height:2.75rem;color:var(--cs-muted);font-weight:600;text-decoration:none;transition:color .2s ease}.case-study__step{display:grid;place-items:center;flex:0 0 2.125rem;width:2.125rem;height:2.125rem;border:1px solid var(--cs-rule);border-radius:50%;background:rgb(var(--color-background));font-size:.8125rem;font-variant-numeric:tabular-nums;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.case-study__timeline a[aria-current=true]{color:rgb(var(--color-foreground))}.case-study__timeline a[aria-current=true] .case-study__step{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.case-study__back{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;color:var(--cs-muted);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color .2s ease}.case-study__back .icon{width:1em;height:1em;transition:transform .25s var(--cs-ease)}.case-study__back:focus-visible,.case-study__toc a:focus-visible,.case-study__mobile-toc :is(summary,a):focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}.case-study__title{margin:0;max-width:26ch;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.625rem);font-weight:600;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}.case-study__title strong{font-weight:inherit}@keyframes cs-settle{0%{opacity:.4;transform:translateY(12px);filter:blur(6px)}}.case-study__toc-label{margin:0 0 var(--sp-3);color:var(--cs-muted);font-size:var(--text-sm)}.case-study__toc ol,.case-study__mobile-toc ol{margin:0;padding:0;list-style:none}.case-study__toc li{border-inline-start:1px solid var(--cs-rule)}.case-study__toc a{display:block;margin-inline-start:-1px;padding:var(--sp-2) 0 var(--sp-2) var(--sp-4);border-inline-start:1px solid transparent;color:var(--cs-muted);font-size:.9375rem;line-height:1.35;text-decoration:none;transition:color .2s ease,border-color .2s ease}.case-study__toc a[aria-current=true]{border-inline-start-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground));font-weight:600}.case-study__mobile-toc{position:sticky;top:var(--sticky-header-height, 0px);z-index:5;margin-inline:calc(var(--page-padding) * -1);padding-inline:var(--page-padding);background:rgb(var(--color-background));border-block:1px solid var(--cs-rule);transition:top .3s var(--cs-ease)}body:has(.header-hidden) .case-study__mobile-toc{top:0}.case-study__mobile-toc summary{display:flex;align-items:center;gap:var(--sp-3);min-height:52px;font-weight:600;cursor:pointer;list-style:none}.case-study__mobile-current{flex:1;min-width:0;overflow:hidden;color:var(--cs-muted);font-weight:400;text-align:end;text-overflow:ellipsis;white-space:nowrap}.case-study__mobile-toc ol{position:absolute;inset-inline:0;top:100%;max-height:60vh;overflow-y:auto;padding:var(--sp-2) var(--page-padding) var(--sp-4);background:rgb(var(--color-background));border-block-end:1px solid var(--cs-rule);box-shadow:0 16px 32px -12px #00000059}.case-study__mobile-toc a[aria-current=true]{color:rgb(var(--color-foreground));font-weight:600}.case-study__mobile-toc summary::-webkit-details-marker{display:none}.case-study__mobile-toc summary .icon{width:.875rem;height:.875rem;transition:transform .25s var(--cs-ease)}.case-study__mobile-toc[open] summary .icon{transform:rotate(180deg)}.case-study__mobile-toc a{display:flex;align-items:center;min-height:44px;color:var(--cs-muted);text-decoration:none}.case-study__body{--cs-text: clamp(1rem, .94rem + .27vw, 1.125rem);--cs-leading: 1.65;max-width:65ch;font-size:var(--cs-text);font-weight:400;line-height:var(--cs-leading);letter-spacing:0;font-kerning:normal}.case-study__part{scroll-margin-top:calc(var(--sticky-header-height, 0px) + var(--sp-8));padding-block-start:2.5em}.case-study__part.rte :is(p,li){max-width:none;color:rgb(var(--color-foreground) / .88);font-size:inherit;line-height:inherit;text-wrap:pretty}.case-study__part.rte p{margin-block:0 1em}.case-study__part.rte :is(ul,ol){margin-block:0 1em;padding-inline-start:1.25em}.case-study__part.rte li{margin-block-start:.4em;padding-inline-start:.25em}.case-study__part.rte>:last-child{margin-block-end:0}.case-study__part.rte :is(h2,h3,h4){margin:0 0 .6em;color:rgb(var(--color-foreground));font-size:clamp(1.375rem,1.2rem + .75vw,1.75rem);font-weight:600;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}.case-study__part.rte :is(h2,h3,h4)+*{margin-block-start:0}.case-study__part--caps.rte :is(h2,h3,h4):first-child{text-transform:lowercase}.case-study__part--caps.rte :is(h2,h3,h4):first-child:first-letter{text-transform:uppercase}.case-study__part.rte strong{color:rgb(var(--color-foreground));font-weight:600}.case-study__part.rte img{display:block;max-width:100%;height:auto;margin-block:1.5em;border-radius:var(--rounded-block)}.case-study__part.rte a{text-underline-offset:.2em;text-decoration-thickness:1px}.case-study__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4) var(--sp-8);margin-block-start:var(--sp-16);padding-block-start:var(--sp-8);border-block-start:1px solid var(--cs-rule)}@media(pointer:fine){.case-study__back:hover,.case-study__toc a:hover,.case-study__mobile-toc a:hover{color:rgb(var(--color-foreground))}.case-study__back:hover .icon{transform:translate(-3px)}.case-study__read:hover .icon{transform:translateY(3px)}.case-study__timeline a:hover{color:rgb(var(--color-foreground))}.case-study__timeline a:hover .case-study__step{border-color:rgb(var(--color-foreground) / .5)}.case-study__thumb:hover{opacity:.85}}@media screen and (min-width:990px){.case-study__layout{display:grid;grid-template-columns:minmax(13rem,16rem) minmax(0,1fr);gap:clamp(2.5rem,5vw,6rem);align-items:start}.case-study__layout--single{grid-template-columns:minmax(0,1fr)}.case-study__aside{display:block;align-self:stretch;padding-block-start:calc(3*clamp(1rem,.94rem + .27vw,1.125rem))}.case-study__toc{position:sticky;top:calc(var(--sticky-header-height, 0px) + var(--sp-8));max-height:calc(100vh - var(--sticky-header-height, 0px) - var(--sp-16));overflow-y:auto;transition:top .3s var(--cs-ease)}body:has(.header-hidden) .case-study__toc{top:var(--sp-8)}.case-study__mobile-toc{display:none}.case-study__masthead{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,5vw,6rem);margin-block-end:var(--sp-8)}.case-study__masthead--text{grid-template-columns:minmax(0,1fr)}.case-study__timeline{padding:var(--sp-8)}.case-study__part{padding-block-start:3em}}@media(prefers-reduced-motion:no-preference){html:has(.case-study){scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){.case-study__figure img,.case-study__gallery-stage img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/compiled_assets/styles.css.map?subset=QA */