@layer components{.cases-head[data-v-29136739]{row-gap:var(--space-5);align-items:end;margin-block-end:var(--space-9)}.cases-head__lead[data-v-29136739],.cases-head__title[data-v-29136739]{grid-column:1/-1}.cases-head__lead[data-v-29136739]{max-inline-size:32rem;font-size:var(--step-1);line-height:var(--leading-lead)}@media (width<700px){.cases-head[data-v-29136739]{margin-block-end:var(--space-7)}}@media (width>=700px){.cases-head__title[data-v-29136739]{grid-column:1/span 4}.cases-head__lead[data-v-29136739]{grid-column:5/-1}}@media (width>=1024px){.cases-head__title[data-v-29136739]{grid-column:1/span 6}.cases-head__lead[data-v-29136739]{grid-column:7/-1}}.logo-tile[data-v-4912870b]{--line:#ffffff29;isolation:isolate;border-radius:var(--radius-l);background:color-mix(in oklab,var(--surface) 22%,#080808);place-items:center;display:grid;position:relative;overflow:clip;container-type:size}.logo-tile__surface[data-v-4912870b]{z-index:-1;background-color:var(--surface);position:absolute;inset:0}.logo-tile__surface[data-v-4912870b] img{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.logo-tile__surface[data-v-4912870b]:after{background-image:var(--surface-grain);mix-blend-mode:overlay;opacity:.5;content:"";background-size:220px;position:absolute;inset:0}.logo-tile__screen[data-v-4912870b]{--enter:0 0;pointer-events:none;position:absolute;overflow:clip;box-shadow:0 1.5cqb 4cqb #00000073}.logo-tile__screen[data-v-4912870b] img{block-size:auto;inline-size:100%;display:block}.logo-tile__screen--mobile[data-v-4912870b] :is(picture,img){-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;block-size:100%;display:block}.logo-tile__screen--desktop[data-v-4912870b]{--enter:-3cqb 0;--width:50cqb;inline-size:var(--width);background:#1c1c1c;border-radius:1cqb;inset-block-start:4cqb;inset-inline-start:calc(var(--width) * -.04)}.logo-tile__screen--desktop[data-v-4912870b]:before{content:"";block-size:2.6cqb;display:block}.logo-tile__screen--mobile[data-v-4912870b]{--enter:0 4cqb;border:1.2cqb solid #111;border-block-end:0;border-start-start-radius:3.6cqb;border-start-end-radius:3.6cqb;inline-size:23cqb;inset-block:calc(50% + 12cqb) 0;inset-inline-end:8cqb}.logo-tile__mark[data-v-4912870b]{inline-size:min(20cqi * sqrt(var(--ratio)),54cqi);aspect-ratio:var(--ratio);transition:scale .9s var(--ease-out-expo);position:relative}.logo-tile__logo[data-v-4912870b]{block-size:100%;inline-size:100%;position:absolute;inset:0}.logo-tile__guide[data-v-4912870b]{background:var(--line);opacity:0;pointer-events:none;transition:scale .6s cubic-bezier(.65,0,.35,1) calc(var(--i) * 60ms);position:absolute}.logo-tile__guide--bottom[data-v-4912870b],.logo-tile__guide--top[data-v-4912870b]{block-size:1px;inline-size:100cqi;margin-inline-start:-50cqi;inset-inline-start:50%;scale:0 1}.logo-tile__guide--top[data-v-4912870b]{transform-origin:0;inset-block-start:-.75rem}.logo-tile__guide--bottom[data-v-4912870b]{transform-origin:100%;inset-block-end:-.75rem}.logo-tile__guide--left[data-v-4912870b],.logo-tile__guide--right[data-v-4912870b]{block-size:150cqi;inline-size:1px;margin-block-start:-75cqi;inset-block-start:50%;scale:1 0}.logo-tile__guide--left[data-v-4912870b]{transform-origin:bottom;inset-inline-start:-.75rem}.logo-tile__guide--right[data-v-4912870b]{transform-origin:top;inset-inline-end:-.75rem}.logo-tile--blank .logo-tile__surface[data-v-4912870b],.logo-tile--draw .logo-tile__surface[data-v-4912870b]{clip-path:inset(0 0 100%)}.logo-tile--blank .logo-tile__logo[data-v-4912870b]{opacity:0}.logo-tile--blank .logo-tile__screen[data-v-4912870b],.logo-tile--draw .logo-tile__screen[data-v-4912870b]{opacity:0;translate:var(--enter)}.logo-tile--draw .logo-tile__guide[data-v-4912870b]{opacity:1;scale:1}.logo-tile--draw .logo-tile__logo[data-v-4912870b]{opacity:1;transition:opacity .75s ease-in-out .3s}.logo-tile--live .logo-tile__surface[data-v-4912870b]{clip-path:inset(0);transition:clip-path .85s cubic-bezier(.65,0,.35,1)}.logo-tile--live .logo-tile__logo[data-v-4912870b]{transition:opacity .3s ease-out}.logo-tile--live .logo-tile__screen[data-v-4912870b]{transition:opacity .4s var(--ease-hover) .45s,translate .75s var(--ease-out-expo) .45s}.logo-tile--live .logo-tile__screen--mobile[data-v-4912870b]{transition-delay:.55s}.logo-tile--live .logo-tile__guide[data-v-4912870b]{transition:opacity .6s var(--ease-hover) .3s;scale:1}.logo-tile__film[data-v-4912870b]{z-index:1;opacity:0;visibility:hidden;transition:opacity .6s var(--ease-hover),visibility 0s linear .6s;position:absolute;inset:0}.logo-tile--playing .logo-tile__film[data-v-4912870b]{opacity:1;visibility:visible;transition:opacity .6s var(--ease-hover)}.cases-index[data-v-a82105aa]{position:relative;overflow-x:clip}.cases-index__grid[data-v-a82105aa]{--tile-gap:calc(clamp(2rem, .9rem + 3.6vw, 4.5rem));gap:var(--space-9) var(--tile-gap);display:grid}.cases-index__tile[data-v-a82105aa]>*{transition:opacity var(--dur-ui) var(--ease-hover)}.cases-index__frame-box[data-v-a82105aa]{position:relative}.cases-index__still[data-v-a82105aa]{aspect-ratio:6/7}.cases-index__pause[data-v-a82105aa]{z-index:2;border:1px solid var(--glass-border);background:var(--glass-bg);block-size:2.25rem;inline-size:2.25rem;color:var(--c-weiss);cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-block-end:var(--space-3);inset-inline-end:var(--space-3)}.cases-index__pause svg[data-v-a82105aa]{block-size:.875rem;inline-size:.875rem}.cases-index__client[data-v-a82105aa]{font-size:var(--step-3);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin-block-start:var(--space-5)}.cases-index__title[data-v-a82105aa]{color:var(--color-text);font-size:var(--step-1)}.cases-index__meta[data-v-a82105aa],.cases-index__title[data-v-a82105aa]{line-height:var(--leading-snug);margin-block-start:var(--space-2)}.cases-index__meta[data-v-a82105aa]{color:var(--color-text-muted);font-size:var(--step--1)}.cases-index__tile[data-v-a82105aa]{position:relative;container-type:inline-size}.cases-index__link[data-v-a82105aa]{color:inherit}.cases-index__link[data-v-a82105aa]:after{z-index:1;content:"";position:absolute;inset:0}.cases-index__link[data-v-a82105aa]:focus-visible{outline:none}.cases-index__tile[data-v-a82105aa]:has(.cases-index__link:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-l)}.cases-index__arrow[data-v-a82105aa]{z-index:1;block-size:2.75rem;inline-size:2.75rem;color:var(--c-weiss);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:opacity var(--dur-ui) var(--ease-hover),scale var(--dur-ui) var(--ease-hover),color var(--dur-hover) var(--ease-hover),background-color var(--dur-hover) var(--ease-hover),border-color var(--dur-hover) var(--ease-hover),rotate var(--dur-swap) var(--ease-out-expo);background:#0000002e;border:1px solid #ffffff47;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4)}.cases-index__arrow svg[data-v-a82105aa]{block-size:1.1rem;inline-size:1.1rem}.cases-index__tile:is(:hover,:focus-within) .cases-index__arrow[data-v-a82105aa]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);rotate:45deg}@media (hover:hover) and (pointer:fine) and (width>=1024px){.cases-index__still[data-v-a82105aa]{aspect-ratio:5/4}.cases-index__arrow[data-v-a82105aa]{display:none}}.cases-index__facts[data-v-a82105aa]{gap:var(--space-4);border-block-start:var(--rule);font-size:var(--step--1);line-height:var(--leading-snug);margin-block-start:var(--space-5);padding-block-start:var(--space-4);display:grid}@container (width>=22rem){.cases-index__facts[data-v-a82105aa]{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}}.cases-index__facts dt[data-v-a82105aa]{color:var(--color-text-muted)}.cases-index__facts dd[data-v-a82105aa]{margin:var(--space-1) 0 0;color:var(--color-text)}@media (width>=700px){.cases-index__grid[data-v-a82105aa]{align-items:start;row-gap:var(--space-10);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.cases-index:not(.cases-index--few) .cases-index__grid[data-v-a82105aa]{--tile-gap:calc(clamp(2rem, .4rem + 2.6vw, 3.5rem));grid-template-columns:repeat(3,minmax(0,1fr))}}.cases-index--follow .cases-index__tile--active .cases-index__still[data-v-a82105aa] .logo-tile__mark{scale:1.06}.cases-index--follow .cases-index__tile--dimmed[data-v-a82105aa]>*{opacity:.38}.cases-index__preview[data-v-a82105aa]{z-index:2;pointer-events:none;inline-size:calc(clamp(16rem,21vw,24rem));position:absolute;inset-block-start:0;inset-inline-start:0}.cases-index__float[data-v-a82105aa]{transition:translate .6s var(--ease-out-expo);position:relative;translate:1.5rem 1.5rem}.cases-index__float--left[data-v-a82105aa]{translate:calc(-100% - 1.5rem) 1.5rem}.cases-index__float--snap[data-v-a82105aa]{transition:none}.cases-index__reel[data-v-a82105aa]{border-radius:var(--radius-l);aspect-ratio:4/5;display:grid;overflow:clip;box-shadow:0 30px 60px -20px #0009}.cases-index__pointer[data-v-a82105aa]{background:var(--color-accent);block-size:3rem;inline-size:3rem;color:var(--color-on-accent);opacity:0;transition:inset-inline-start .6s var(--ease-out-expo),scale .2s var(--ease-hover),opacity .15s var(--ease-hover);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0;translate:-50% -50%;rotate:45deg;scale:.3;box-shadow:0 10px 24px -8px #00000080}.cases-index__float--left .cases-index__pointer[data-v-a82105aa]{inset-inline-start:100%}.cases-index__pointer--on[data-v-a82105aa]{opacity:1;transition:inset-inline-start .6s var(--ease-out-expo),scale .5s cubic-bezier(.34,1.56,.64,1) .12s,opacity .2s var(--ease-hover) .12s;scale:1}.cases-index__float--snap .cases-index__pointer[data-v-a82105aa]{transition:scale .2s var(--ease-hover),opacity .15s var(--ease-hover)}.cases-index__float--snap .cases-index__pointer--on[data-v-a82105aa]{transition:scale .5s cubic-bezier(.34,1.56,.64,1) .12s,opacity .2s var(--ease-hover) .12s}.cases-index__pointer svg[data-v-a82105aa]{block-size:1.15rem;inline-size:1.15rem}.cases-index__frame[data-v-a82105aa]{transform:translateY(calc(var(--offset) * 100%));transition:transform .7s var(--ease-out-expo);grid-area:1/1}@media (prefers-reduced-motion:reduce){.cases-index__arrow[data-v-a82105aa],.cases-index__float[data-v-a82105aa],.cases-index__frame[data-v-a82105aa],.cases-index__pointer[data-v-a82105aa]{transition:none}.cases-index__tile:is(:hover,:focus-within) .cases-index__arrow[data-v-a82105aa]{rotate:none}}}
