.case-block--storyboard{width:var(--case-wide);margin-inline:auto}.case-storyboard-heading{max-width:61rem;margin-bottom:clamp(1.8rem,4vw,3rem)}.case-storyboard-heading h2{font-family:var(--font-display);font-size:var(--text-interior-section);font-weight:var(--weight-display);letter-spacing:-.035em;text-wrap:balance;max-width:17ch;margin:1rem 0 1.5rem;line-height:1.03}.case-storyboard-heading__intro{color:var(--color-muted);font-size:var(--text-body-large);max-width:65ch;margin:0;line-height:1.6}.case-storyboard{--story-ink:#35224e;--story-rule:#35224e2e;min-width:0;display:block}.case-storyboard [hidden]{display:none!important}.case-storyboard__toolbar{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}.case-storyboard__toolbar p{color:var(--color-muted);margin:0;font-size:.875rem;line-height:1.5}.case-storyboard__transport{flex:none;align-items:center;gap:.75rem;display:flex}.case-storyboard__transport button{border:1px solid var(--color-line-strong);width:2.75rem;min-height:2.75rem;color:var(--color-ink);cursor:pointer;font:inherit;background:0 0;border-radius:50%;place-items:center;font-size:1.25rem;display:grid}.case-storyboard__transport button:disabled{opacity:.3;cursor:default}.case-storyboard__transport button:not(:disabled):hover{background:var(--color-brand-soft);color:#252336}.case-storyboard__transport>span{text-align:center;font-variant-numeric:tabular-nums;min-width:3.5rem;font-size:.75rem;font-weight:650}.case-storyboard__tabs{grid-template-columns:repeat(var(--story-count,6), minmax(0, 1fr));gap:.75rem;margin-bottom:1.25rem;padding:.25rem;display:grid}.case-storyboard__tab{appearance:none;border:1px solid var(--color-line-strong);min-width:0;color:var(--color-muted);cursor:pointer;font:inherit;text-align:left;background:0 0;border-radius:1.1rem;flex-direction:column;padding:.35rem .35rem .8rem;transition:border-color .14s,background-color .14s;display:flex}.case-storyboard__tab[aria-selected=true]{border-color:var(--color-ink);background:var(--color-surface-layer);color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.case-storyboard__tab:hover{border-color:var(--color-ink)}.case-storyboard__thumbnail{aspect-ratio:4/3;background:#e9e1f2;border-radius:.8rem;width:100%;display:block;position:relative;overflow:hidden}.case-storyboard__thumbnail img{object-fit:contain;width:100%;height:100%;display:block}.case-storyboard__thumbnail>span{color:var(--story-ink);font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:700;position:absolute;inset:.45rem auto auto .5rem}.case-storyboard__tab-title{padding:.65rem .3rem 0;font-size:.8125rem;font-weight:650;line-height:1.35}.case-storyboard__panel{border:1px solid var(--color-line-strong);background:var(--color-surface-layer);border-radius:clamp(1.25rem,2.5vw,2rem);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);margin-bottom:1.5rem;display:grid;overflow:hidden}.case-storyboard[data-enhanced=true] .case-storyboard__panels{display:grid}.case-storyboard[data-enhanced=true] .case-storyboard__panel{grid-area:1/1;margin-bottom:0}.case-storyboard__art{color:var(--story-ink);background:#e9e1f2;flex-direction:column;justify-content:center;min-width:0;margin:0;display:flex;position:relative}.case-storyboard__art>img{aspect-ratio:4/3;object-fit:contain;box-sizing:border-box;width:100%;height:auto;padding:1.6rem .65rem .4rem;display:block}.case-storyboard__frame-number{font-variant-numeric:tabular-nums;letter-spacing:.07em;font-size:.75rem;font-weight:700;position:absolute;inset:1.25rem auto auto 1.4rem}.case-storyboard__art figcaption{color:#51405f;letter-spacing:.015em;margin:0;padding:.5rem 1.4rem 1.15rem;font-size:.6875rem;line-height:1.5}.case-storyboard__panel:nth-child(2) .case-storyboard__art,.case-storyboard__tab:nth-child(2) .case-storyboard__thumbnail{background:#e4e8ee}.case-storyboard__panel:nth-child(3) .case-storyboard__art,.case-storyboard__tab:nth-child(3) .case-storyboard__thumbnail{background:#f4e2d8}.case-storyboard__panel:nth-child(4) .case-storyboard__art,.case-storyboard__tab:nth-child(4) .case-storyboard__thumbnail{background:#e5e8d9}.case-storyboard__panel:nth-child(5) .case-storyboard__art,.case-storyboard__tab:nth-child(5) .case-storyboard__thumbnail{background:#dcece4}.case-storyboard__panel:nth-child(6) .case-storyboard__art,.case-storyboard__tab:nth-child(6) .case-storyboard__thumbnail{background:#eee2df}:root[data-theme=dark] .case-storyboard__art,:root[data-theme=dark] .case-storyboard__thumbnail{background:#fff}:root[data-theme=dark] .case-storyboard__tab{color:#252336}:root[data-theme=dark] .case-storyboard__art figcaption{color:#51405f}.case-storyboard__copy{flex-direction:column;justify-content:center;min-width:0;padding:clamp(1.5rem,3.5vw,3.5rem);display:flex}.case-storyboard__copy h3{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0 0 1.5rem;font-size:clamp(1.6rem,2.6vw,2.75rem);font-weight:750;line-height:1.05}.case-storyboard__copy dl{margin:0}.case-storyboard__copy dl>div+div{border-top:1px solid var(--color-line-strong);margin-top:1.2rem;padding-top:1.2rem}.case-storyboard__copy dt{color:var(--color-brand-readable);letter-spacing:.075em;text-transform:uppercase;margin-bottom:.5rem;font-size:.6875rem;font-weight:750}.case-storyboard__copy dd{color:var(--color-muted);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.6}.case-storyboard button:focus-visible,.case-storyboard__panel:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.case-storyboard__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=850px){.case-storyboard__tabs{grid-template-columns:repeat(var(--story-count,6), minmax(8.5rem, 1fr));scrollbar-width:thin;padding:.3rem .3rem .8rem;overflow-x:auto}.case-storyboard__panel{grid-template-columns:minmax(0,1fr)}.case-storyboard__art>img{max-height:30rem;padding-top:2rem}.case-storyboard__copy{padding:1.6rem}.case-storyboard__toolbar{align-items:flex-start;gap:1rem}.case-storyboard__toolbar p{max-width:25ch}.case-storyboard__tab-title{font-size:.8125rem}}@media (width<=380px){.case-storyboard__transport{gap:.4rem}.case-storyboard__copy{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.case-storyboard *,.case-storyboard :before,.case-storyboard :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.case-storyboard__tab[aria-selected=true]{outline:2px solid highlight}}.case-study{--case-content:min(calc(100% - var(--gutter) - var(--gutter)), 76rem);--case-reading:min(calc(100% - var(--gutter) - var(--gutter)), var(--measure-body));--case-wide:min(calc(100% - var(--gutter) - var(--gutter)), var(--container));background:var(--color-surface-page);color:var(--color-ink);overflow:clip}.case-study__hero{padding:var(--site-content-offset) var(--gutter) clamp(4.5rem, 8vw, 8rem)}.case-study__hero-inner{max-width:var(--container);margin-inline:auto}.case-study__back{color:var(--color-muted);font-size:var(--text-small);font-weight:var(--weight-semibold);align-items:center;gap:var(--space-2);transition:color var(--motion-base) var(--ease-standard), transform var(--motion-base) var(--ease-standard);margin-bottom:clamp(2.75rem,5vw,5.5rem);display:inline-flex}.case-study__back span{color:var(--color-brand);transition:transform var(--motion-base) var(--ease-standard)}.case-study__back:hover{color:var(--color-ink);transform:translate(-.15rem)}.case-study__back:hover span{transform:translate(-.18rem)}.case-study__back:focus-visible{border-radius:var(--radius-tag-small);outline:2px solid var(--color-focus-ring);outline-offset:4px}.case-study__hero-copy{gap:var(--space-6);max-width:78rem;display:grid}.case-study__kicker,.case-block__eyebrow{color:var(--color-brand-readable);font-size:var(--text-small);font-weight:var(--weight-bold);letter-spacing:var(--tracking-authored-label);margin:0}.case-study__hero h1{font-family:var(--font-accent);font-size:var(--text-interior-hero);font-weight:var(--weight-display);letter-spacing:-.035em;line-height:var(--line-interior-display);max-width:var(--measure-heading);text-wrap:balance;margin:0}.case-study__summary{color:var(--color-muted);font-size:var(--text-interior-lead);text-wrap:pretty;max-width:47rem;margin:0;line-height:1.5}.case-study__meta{border-bottom:1px solid var(--color-line);border-top:1px solid var(--color-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:clamp(3rem,6vw,6rem) 0 clamp(2rem,4vw,3.5rem);display:grid}.case-study__meta div{min-width:0;padding:var(--space-6) var(--space-5)}.case-study__meta div:first-child{padding-left:0}.case-study__meta div+div{border-left:1px solid var(--color-line)}.case-study__meta dt,.case-block--credits dt{color:var(--color-muted);font-size:var(--text-micro);font-weight:var(--weight-bold);letter-spacing:var(--tracking-authored-label);margin-bottom:var(--space-2)}.case-study__meta dd,.case-block--credits dd{font-size:var(--text-small);font-weight:var(--weight-semibold);margin:0;line-height:1.45}.case-study__hero-media,.case-block--media,.case-block--media-pair,.case-block--gallery{width:var(--case-wide);margin-inline:auto}.case-study__hero-media{background:var(--color-surface-page);border-radius:var(--radius-media);width:100%;overflow:hidden}.case-study__hero-media>img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.case-media__credit{color:var(--color-muted);font-size:var(--text-micro);padding:var(--space-3) var(--space-4);margin:0;line-height:1.5}.case-media__credit a{color:inherit;text-underline-offset:.2em}.case-media{aspect-ratio:var(--case-media-ratio,16 / 9);background:var(--color-surface-page);width:100%;position:relative;overflow:hidden}.case-media:has(>video[data-ambient-loop=true]){border-radius:var(--radius-media);max-width:58rem;margin-inline:auto}.case-media--portrait-video{border-radius:var(--radius-media);width:min(100%,18rem);margin-inline:auto}.case-block--media:has(>.case-media--portrait-video){max-width:30rem}.case-block--media-contained:has(video[data-ambient-loop=true]){max-width:58rem}.case-media img,.case-media video,.case-media iframe{object-fit:contain;border:0;width:100%;height:100%;position:absolute;inset:0}.case-media>:is(img,video,iframe),.case-study__hero-media>img{background:var(--color-surface-page);object-fit:contain}.case-study:is([data-case-slug=triglav-sports-motion-system],[data-case-slug=cryptonow-motion-system]) .case-media>:is(video,.case-media__video-poster){transform:scale(1.01)}.case-media--black-inset{background:#000}.case-media--black-inset>:is(video,.case-media__video-poster){inset:var(--space-4);width:calc(100% - 2 * var(--space-4));height:calc(100% - 2 * var(--space-4));background:#000}.case-media>.case-media__video-poster{pointer-events:none;z-index:1}.case-media>video[data-frame-presented=true]+.case-media__video-poster{visibility:hidden}.case-media__manual-play{appearance:none;background:color-mix(in srgb, var(--color-brand) 22%, var(--color-surface-page));border:1px solid color-mix(in srgb, var(--color-brand) 48%, transparent);border-radius:var(--radius-round);box-shadow:none;color:var(--color-brand-readable);cursor:pointer;flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:inline-flex}.case-media__manual-play:hover{background:color-mix(in srgb, var(--color-brand) 34%, var(--color-surface-page))}.case-media__manual-play{bottom:var(--space-4);left:var(--space-4);z-index:3;position:absolute}.case-media__manual-play svg{fill:currentColor;width:1.25rem;height:1.25rem}.case-media__manual-play .case-media__pause-icon,.case-media__manual-play[data-playing=true] .case-media__play-icon{display:none}.case-media__manual-play[data-playing=true] .case-media__pause-icon{display:block}.case-media__manual-play:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}.case-media--rotate-cw img{object-fit:cover;width:133.333%;height:75%;inset:12.5% auto auto -16.6667%;transform:rotate(90deg)}.case-media__launch{place-items:center;width:100%;height:100%;display:grid;position:absolute}.case-media__vimeo-load{background:var(--color-surface-plate);color:var(--color-text);cursor:pointer;border:0}.case-media__launch:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-4px}.case-study__hero-media:has(.case-media--rotate-cw){max-width:56rem;margin-inline:auto}.case-media__asset-link{color:var(--color-white);height:100%;padding:var(--space-6);text-align:center;justify-content:center;align-items:center;display:flex}.case-media__placeholder{--placeholder-grid:#ffffff1a;background:linear-gradient(var(--placeholder-grid) 1px, transparent 1px), linear-gradient(90deg, var(--placeholder-grid) 1px, transparent 1px), radial-gradient(circle at 78% 18%, #ff5f7f57, transparent 27%), linear-gradient(145deg, #262431 0%, #111017 72%);color:var(--color-white);background-size:4.5rem 4.5rem,4.5rem 4.5rem,auto,auto;justify-content:space-between;align-items:end;padding:clamp(1.25rem,3vw,2.5rem);display:flex;position:absolute;inset:0;overflow:hidden}.case-media__placeholder:before{content:"";border:1px solid #ffffff42;border-radius:999px;width:min(46vw,34rem);height:min(46vw,34rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-media__placeholder:after{background:var(--color-brand);content:"";width:min(33vw,24rem);height:.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-36deg)}.case-media__placeholder-signal{grid-template-columns:repeat(4,.32rem);gap:.35rem;display:grid;position:absolute;top:clamp(1.25rem,3vw,2.5rem);left:clamp(1.25rem,3vw,2.5rem)}.case-media__placeholder-signal i{background:var(--color-brand);opacity:.4;border-radius:999px;height:1.65rem;display:block}.case-media__placeholder-signal i:nth-child(2){opacity:.72;height:2.5rem}.case-media__placeholder-signal i:nth-child(3){height:1.2rem}.case-media__placeholder-signal i:nth-child(4){opacity:.88;height:2rem}.case-media__placeholder-copy{gap:var(--space-2);z-index:1;max-width:min(72%,38rem);display:grid;position:relative}.case-media__placeholder-copy small{color:var(--color-brand-soft);font-size:var(--text-micro);font-weight:var(--weight-bold);letter-spacing:var(--tracking-authored-label)}.case-media__placeholder-copy strong{font-family:var(--font-display);text-wrap:balance;font-size:clamp(1rem,2vw,1.7rem);line-height:1.12}.case-media__placeholder-ratio{color:#ffffff94;font-size:var(--text-micro);font-variant-numeric:tabular-nums;z-index:1;align-self:end;position:relative}.case-media__placeholder[data-placeholder-type=comparison]:before{border-width:0 1px 0 0;border-radius:0;width:1px;height:100%}.case-media__placeholder[data-placeholder-type=gallery]:before{border-radius:var(--radius-card);width:42%;height:54%;transform:translate(-62%,-56%)rotate(-4deg)}.case-media__placeholder[data-placeholder-type=gallery]:after{border-radius:var(--radius-card);background:0 0;border:1px solid #ff5f7fb8;width:38%;height:46%;transform:translate(-18%,-42%)rotate(5deg)}.case-study__blocks{padding-bottom:clamp(5rem,10vw,10rem);display:flow-root}.case-block{margin-block:clamp(5rem,10vw,10rem)}.case-block--text{width:var(--case-reading);margin-inline:auto}.case-block--text-wide{width:var(--case-content);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,6rem);display:grid}.case-block--text-wide .case-block__eyebrow{grid-column:1/-1;margin-bottom:calc(clamp(2rem,5vw,6rem)/-1.42857)}.case-block--text h2,.case-block--process>h2,.case-block--metrics>h2,.case-block--credits>h2{font-family:var(--font-display);font-size:var(--text-interior-section);font-weight:var(--weight-bold);letter-spacing:-.025em;text-wrap:balance;margin:0;line-height:1.06}.case-block--text-narrow h2{margin-top:var(--space-5)}.case-block__body{color:var(--color-muted);margin:var(--space-8) 0 0;white-space:pre-line;font-size:clamp(1.1rem,1.55vw,1.35rem);line-height:1.6}.case-block--text-wide .case-block__body{margin-top:0}.case-block--media-contained{width:var(--case-content)}.case-block--motion-spec{width:var(--case-content);margin-inline:auto;padding-block:clamp(1rem,2.5vw,2.5rem)}.case-motion-spec__intro{max-width:48rem}.case-motion-spec__intro h2{font-family:var(--font-display);font-size:clamp(2.25rem,4.5vw,5rem);font-weight:var(--weight-bold);letter-spacing:-.025em;margin:var(--space-5) 0 0;text-wrap:balance;line-height:1.06}@media (width<=760px){.case-motion-spec__intro h2{font-size:clamp(2.25rem,10.5vw,3.5rem)}}.case-motion-spec__intro>p:not(.case-block__eyebrow),.case-motion-spec__body,.case-motion-spec__details{color:var(--color-muted);line-height:1.6}.case-motion-spec__intro>p:not(.case-block__eyebrow){margin:var(--space-8) 0 0;font-size:clamp(1.1rem,1.55vw,1.35rem)}.case-motion-spec__interactive{border-bottom:1px solid var(--color-line-strong);grid-template-columns:minmax(12.5rem,.33fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);margin-top:clamp(2.5rem,5vw,4.5rem);padding-bottom:clamp(2.5rem,5vw,4.5rem);display:grid}.case-motion-spec__grid{gap:var(--space-2);grid-auto-rows:1fr;margin:0;padding:0;list-style:none;display:grid}.case-motion-spec__card{min-width:0}.case-motion-spec__selector{appearance:none;border:1px solid var(--color-line-strong);border-radius:var(--radius-control);color:var(--color-ink);cursor:pointer;font:inherit;align-items:center;gap:var(--space-3);height:100%;min-height:5.5rem;padding:var(--space-4) var(--space-5);text-align:left;transition:background-color var(--motion-base) var(--ease-standard);background:0 0;grid-template-columns:minmax(0,1fr) 5.5rem;width:100%;display:grid}.case-motion-spec__use,.case-motion-spec__values dt{color:var(--color-muted);font-size:var(--text-micro);font-weight:var(--weight-bold);letter-spacing:var(--tracking-authored-label);margin:0;line-height:1.35}.case-motion-spec__selector strong,.case-motion-spec__panel h3{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.25rem,1.75vw,1.7rem);line-height:1.1}.case-motion-spec__selector strong{font-size:var(--text-body);font-weight:var(--weight-semibold);letter-spacing:0;display:block}.case-motion-spec__selector-copy{min-width:0}.case-motion-spec__use{color:var(--color-brand-readable);margin:0 0 var(--space-3)}.case-motion-spec__graph{width:100%;height:auto;display:block;overflow:visible}.case-motion-spec__graph-button{appearance:none;color:var(--color-ink);cursor:pointer;font:inherit;margin:0 0 var(--space-6);text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.case-motion-spec__graph-button:focus-visible{border-radius:var(--radius-control);outline:3px solid var(--color-focus-ring);outline-offset:4px}.case-motion-spec__graph-action{border:1px solid var(--color-line-strong);border-radius:var(--radius-round);color:var(--color-ink);font-size:var(--text-small);font-weight:var(--weight-semibold);align-items:center;gap:var(--space-2);min-height:var(--control-min-height);padding:var(--space-2) var(--space-4);transition:border-color var(--motion-base) var(--ease-standard), color var(--motion-base) var(--ease-standard);line-height:1.2;display:inline-flex}.case-motion-spec__graph-action svg{width:var(--space-4);height:var(--space-4)}.case-motion-spec__graph-button:hover .case-motion-spec__graph-action{border-color:var(--color-brand-readable);color:var(--color-brand-readable)}.case-motion-spec__marker-halo{fill:var(--color-surface-page);stroke:var(--color-brand);stroke-width:1.5px}.case-motion-spec__marker-core{fill:var(--color-brand)}.case-motion-spec__axis,.case-motion-spec__linear,.case-motion-spec__curve{fill:none;vector-effect:non-scaling-stroke}.case-motion-spec__axis{stroke:var(--color-line-strong);stroke-width:1px}.case-motion-spec__linear{stroke:var(--color-line-strong);stroke-dasharray:4 5;stroke-width:1px}.case-motion-spec__curve{stroke:var(--color-brand);stroke-linecap:round;stroke-width:3px}.case-motion-spec__selector-meta{font-size:var(--text-small);font-variant-numeric:tabular-nums;font-weight:var(--weight-regular);margin-top:var(--space-2);display:block}.case-motion-spec__mini-graph{width:100%;height:auto;display:block;overflow:visible}.case-motion-spec__mini-linear,.case-motion-spec__mini-curve{fill:none;vector-effect:non-scaling-stroke}.case-motion-spec__mini-linear{opacity:.25;stroke:currentColor;stroke-dasharray:3 4;stroke-width:1px}.case-motion-spec__mini-curve{color:var(--color-brand);stroke:currentColor;stroke-linecap:round;stroke-width:2.5px}.case-motion-spec__card[data-selected=true] .case-motion-spec__mini-curve{color:currentColor}.case-motion-spec__selector:hover{border-color:var(--color-brand-readable)}.case-motion-spec__card[data-selected=true] .case-motion-spec__selector{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand)}.case-motion-spec__selector:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:-3px;z-index:1;position:relative}.case-motion-spec__panels{min-width:0}.case-motion-spec__panel{grid-template-columns:minmax(0,.85fr) minmax(16rem,1.15fr);gap:clamp(1.5rem,4vw,4rem);min-height:100%;display:grid}.case-motion-spec__panel[hidden]{display:none}.case-motion-spec__panel-copy{padding-top:var(--space-6);align-self:start}.case-motion-spec__panel-demo{min-width:0}.case-motion-spec__panel h3{font-size:clamp(1.7rem,2.8vw,2.75rem)}.case-motion-spec__values{gap:var(--space-3) var(--space-5);grid-template-columns:minmax(4rem,.25fr) minmax(0,1fr);margin:0;display:grid}.case-motion-spec__values dt,.case-motion-spec__values dd{margin:0}.case-motion-spec__values dd{font-family:var(--font-sans);font-size:var(--text-small);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;line-height:1.45}.case-motion-spec__body{font-size:var(--text-body);margin:var(--space-4) 0 0}.case-motion-spec__details{font-size:var(--text-small);max-width:52rem;margin:clamp(2rem,4vw,3rem) 0 0}.case-block--media-full{width:min(calc(100% - var(--space-4) - var(--space-4)), 120rem)}.case-block--media .case-media,.case-media-grid .case-media,.case-gallery .case-media{border-radius:var(--radius-media);box-shadow:var(--shadow-media)}.case-block figcaption{color:var(--color-muted);font-size:var(--text-small);margin:var(--space-4) auto 0;max-width:48rem;padding-inline:var(--space-2);text-align:center;line-height:1.5}.case-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);display:grid}.case-media-grid__item{min-width:0}.case-block--media-pair-portrait{max-width:48rem}.case-block--media-pair-portrait .case-media{aspect-ratio:9/16;width:100%}.case-block--media-pair-first .case-media-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}.case-block--media-pair-second .case-media-grid{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}.case-block--media-synced,.case-block--media-scroll{width:var(--case-wide)}.case-media-scroll{height:calc(var(--journey-height,80svh) + var(--journey-travel,200svh));position:relative}.case-media-scroll__sticky{top:var(--journey-top,6rem);position:sticky}.case-media-scroll__sticky figcaption{margin-top:var(--space-4)}.case-media-scroll__views{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,2.5vw,2.5rem);display:grid}.case-media-scroll__column{min-width:0}.case-media-scroll__label{font-size:var(--text-small);font-weight:var(--weight-semibold);margin:0 0 var(--space-4)}.case-media-scroll__viewport{border-radius:var(--radius-media);background:var(--color-surface-dark-2);height:clamp(18rem,100svh - 16rem,42rem);max-height:42rem;overflow:clip}.case-media-scroll__viewport img,.case-media-scroll__viewport [data-scroll-artwork]>svg{width:100%;height:auto;max-height:none;display:block}:root[data-theme=dark] .case-media-scroll__viewport[data-dark-treatment=invert-linework]{background:#000}:root[data-theme=dark] .case-media-scroll__viewport[data-dark-treatment=invert-linework] [data-scroll-artwork]{filter:invert()grayscale()contrast(1.12);mix-blend-mode:normal;opacity:1}.case-media-scroll__toggle{gap:var(--space-2);margin-bottom:var(--space-5);display:none}.case-media-scroll__toggle button{min-height:48px;padding:var(--space-3) var(--space-5);border:1px solid var(--color-line-strong);border-radius:var(--radius-round);background:var(--color-surface-page);color:inherit;font:inherit;cursor:pointer}.case-media-scroll__toggle button[aria-pressed=true]{background:var(--color-brand);color:var(--color-ink)}.case-media-scroll__toggle button:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:4px}@media (width<=767px),(prefers-reduced-motion:reduce){.case-media-scroll{height:auto}.case-media-scroll__sticky{position:static}.case-media-scroll__toggle{display:flex}.case-media-scroll__views{display:block}.case-media-scroll__column[data-selected=false],.case-media-scroll__label{display:none}.case-media-scroll__viewport{height:auto;max-height:none}.case-media-scroll__viewport [data-scroll-artwork]{transform:none!important}}.case-media-synced{--sync-position:0%}.case-media-synced__screens{touch-action:pan-y;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);display:grid}.case-media-synced__item{min-width:0;position:relative}.case-media-synced__item .case-media{border-radius:var(--radius-media);box-shadow:var(--shadow-media)}.case-frame-sequence{aspect-ratio:16/9;background:var(--color-surface-dark-2);border-radius:var(--radius-media);box-shadow:var(--shadow-media);contain:layout paint;position:relative;overflow:hidden}.case-frame-sequence__sheet{background-position:var(--frame-x) var(--frame-y);background-image:var(--frame-image);background-repeat:no-repeat;background-size:var(--frame-sheet-width) var(--frame-sheet-height);width:100%;height:100%;display:block;position:absolute;inset:0}.case-media-synced__label{border-radius:var(--radius-control);color:var(--color-white);font-size:var(--text-micro);font-weight:var(--weight-bold);left:var(--space-4);pointer-events:none;top:var(--space-4);z-index:2;background:#14141be0;padding:.65rem .8rem;line-height:1;position:absolute}.case-media-synced__controls{width:calc(100% - 1.5rem);max-width:40rem;margin:clamp(1.5rem,3vw,2.5rem) auto 0}.case-media-synced__timeline{touch-action:pan-y;height:2.75rem;position:relative}.case-media-synced__track{background:var(--color-line-strong);border-radius:var(--radius-round);pointer-events:none;height:3px;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.case-media-synced__track i{background:var(--color-brand);height:100%;width:var(--sync-position);display:block}.case-media-synced input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.case-media-synced input[type=range]::-webkit-slider-runnable-track{background:0 0;height:3px}.case-media-synced input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-brand);border:2px solid var(--color-brand-art-ink);border-radius:var(--radius-round);width:1rem;height:1rem;margin-top:-.42rem;box-shadow:0 0 0 1px #25233629}.case-media-synced input[type=range]::-moz-range-track{background:0 0;height:3px}.case-media-synced input[type=range]::-moz-range-thumb{background:var(--color-brand);border:2px solid var(--color-brand-art-ink);border-radius:var(--radius-round);width:1rem;height:1rem;box-shadow:0 0 0 1px #25233629}.case-media-synced input[type=range]:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:4px}.case-block--media-reveal{width:var(--case-wide)}.case-media-reveal{--reveal-position:52%;aspect-ratio:16/9;background:var(--color-surface-dark-2);border-radius:var(--radius-media);box-shadow:var(--shadow-media);isolation:isolate;position:relative;overflow:hidden}.case-media-reveal__base,.case-media-reveal__overlay{position:absolute;inset:0}.case-media-reveal__overlay{clip-path:inset(0 calc(100% - var(--reveal-position)) 0 0);will-change:clip-path}.case-media-reveal .case-media{box-shadow:none;border-radius:0;height:100%}.case-media-reveal__label{border-radius:var(--radius-control);color:var(--color-white);font-size:var(--text-micro);font-weight:var(--weight-bold);pointer-events:none;top:var(--space-4);z-index:3;background:#14141be0;padding:.65rem .8rem;line-height:1;position:absolute}.case-media-reveal__label--after{left:var(--space-4)}.case-media-reveal__label--before{right:var(--space-4)}.case-media-reveal__divider{background:var(--color-brand);height:100%;left:var(--reveal-position);pointer-events:none;z-index:4;width:2px;position:absolute;top:0;transform:translate(-1px)}.case-media-reveal__divider i{background:var(--color-brand);border:2px solid var(--color-brand-art-ink);border-radius:var(--radius-round);color:var(--color-on-brand);justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.05rem;font-style:normal;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-media-reveal input[type=range]{appearance:none;cursor:ew-resize;opacity:0;z-index:5;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.case-media-reveal:has(input:focus-visible){outline:3px solid var(--color-focus-ring);outline-offset:4px}.case-block--quote{border-bottom:1px solid var(--color-line);border-top:1px solid var(--color-line);width:var(--case-content);margin-inline:auto;padding-block:clamp(3rem,7vw,6rem)}.case-block--quote blockquote{font-family:var(--font-display);font-size:var(--text-interior-section);letter-spacing:-.025em;text-wrap:balance;max-width:20ch;margin:0;font-weight:700;line-height:1.08}.case-block--quote figcaption{gap:var(--space-1);margin:var(--space-8) 0 0;text-align:left;padding:0;display:grid}.case-block--quote figcaption strong{color:var(--color-ink)}.case-block--metrics{background:var(--color-surface-dark);border-radius:var(--radius-media);color:var(--color-white);width:var(--case-wide);margin-inline:auto;padding:clamp(2.5rem,6vw,6rem)}.case-block--metrics>h2{color:var(--color-white);max-width:14ch;margin-bottom:clamp(2.5rem,5vw,5rem)}.case-block--metrics .text-link{color:var(--color-brand)}.case-block--metrics dl{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.case-block--metrics dl div{padding-top:var(--space-5);border-top:1px solid #ffffff2e}.case-block--metrics dt{color:var(--color-brand-soft);font-family:var(--font-display);font-size:var(--text-interior-section);letter-spacing:-.03em;font-weight:800;line-height:1}.case-block--metrics dd{color:var(--color-muted-dark);margin:var(--space-3) 0 0;line-height:1.45}:root[data-theme=dark] .case-block--metrics dd{color:var(--color-muted)}.case-block--process{width:var(--case-content);margin-inline:auto}.case-block--process>h2{max-width:14ch;margin-bottom:clamp(2.5rem,6vw,5rem)}.case-block--process>.case-block__eyebrow{margin-bottom:var(--space-5)}.case-block--process ol{border-top:1px solid var(--color-line);margin:0;padding:0;list-style:none}.case-block--process li{border-bottom:1px solid var(--color-line);grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,5rem);padding-block:clamp(1.75rem,3vw,3rem);display:grid}.case-block--process li>span{color:var(--color-brand-readable);font-size:var(--text-small);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold)}.case-block--process h3{font-family:var(--font-display);font-size:var(--text-heading-3);font-weight:var(--weight-semibold);line-height:var(--line-heading);margin:0}.case-block--process li p{color:var(--color-muted);margin:var(--space-3) 0 0;max-width:46rem;line-height:1.6}.case-block--process-visual{width:var(--case-wide)}.case-block--process-visual>h2,.case-block--process-visual>.case-block__eyebrow{width:var(--case-content);margin-inline:auto}.case-block--process .case-storyboard-sequence{border:0;gap:clamp(6rem,12vw,12rem);display:grid}.case-storyboard-sequence .case-storyboard-beat{border:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(2.5rem,7vw,8rem);padding:0;display:grid}.case-storyboard-beat:nth-child(2n) .case-storyboard-beat__art{grid-column:2}.case-storyboard-beat:nth-child(2n) .case-storyboard-beat__copy{grid-area:1/1;justify-self:end}.case-storyboard-beat__art{aspect-ratio:16/10;border:1px solid var(--color-line-strong);border-radius:var(--radius-media);background:#fff;justify-content:center;align-items:center;min-width:0;margin:0;padding:clamp(1rem,2.5vw,2.5rem);display:flex;overflow:hidden}.case-storyboard-beat__art img{filter:contrast(1.18);object-fit:contain;opacity:.96;width:100%;height:100%;display:block}#narrative-development .case-storyboard-beat__art{aspect-ratio:4/3;justify-self:center;width:100%;max-width:28rem;padding:clamp(1rem,2vw,1.75rem)}#narrative-development .case-storyboard-beat__art img{filter:none;opacity:1}#narrative-development .case-storyboard-beat:first-child .case-storyboard-beat__art{background:#fbf8f6}#narrative-development .case-storyboard-beat:nth-child(2) .case-storyboard-beat__art{background:#f7faf8}#narrative-development .case-storyboard-beat:nth-child(3) .case-storyboard-beat__art{background:#faf7f5}#narrative-development .case-storyboard-beat:nth-child(4) .case-storyboard-beat__art{background:#f7f8f3}#narrative-development .case-storyboard-beat:nth-child(5) .case-storyboard-beat__art{background:#f4faf7}#narrative-development .case-storyboard-beat:nth-child(6) .case-storyboard-beat__art{background:#faf7f5}#timing-evidence{max-width:76rem}#timing-evidence .case-media-grid{grid-template-columns:minmax(12rem,.55fr) minmax(0,1.45fr);align-items:center;gap:clamp(1rem,3vw,2.75rem)}#timing-evidence .case-media--portrait-video{margin:0 0 0 auto}.case-storyboard-beat__art--triptych{aspect-ratio:4/3;background:0 0;border:0;padding:0;overflow:visible}@media (width>=901px){.case-storyboard-beat__art--triptych{translate:0 clamp(1rem,1.4vw,1.5rem)}}.case-storyboard-triptych{perspective:58rem;height:100%;transform-style:preserve-3d;width:100%;display:block;position:relative}.case-storyboard-triptych__card{--tile-rotation:0deg;--tile-position:50% 50%;aspect-ratio:1;width:46%;position:absolute}.case-storyboard-beat__art--triptych .case-storyboard-triptych__tile{aspect-ratio:1;backface-visibility:hidden;border-radius:var(--radius-card);filter:none;object-fit:cover;object-position:var(--tile-position);opacity:1;pointer-events:none;height:100%;transform:rotate(var(--tile-rotation)) translateZ(0) scale(.92);transform-origin:50%;will-change:transform, opacity;border:0;width:100%;transition:opacity .38s cubic-bezier(.16,1,.3,1),transform .38s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;box-shadow:0 1.75rem 3.5rem -1.5rem #14141b57,0 .35rem 1rem -.55rem #14141b38}.case-storyboard-triptych__card--1{--tile-rotation:-3deg;--tile-position:0% 50%;z-index:1;top:4%;left:2%}.case-storyboard-triptych__card--2{--tile-rotation:2deg;--tile-position:50% 50%;z-index:2;top:0;right:2%}.case-storyboard-triptych__card--3{--tile-rotation:-1deg;--tile-position:100% 50%;z-index:3;bottom:0;left:27%}@media (hover:hover) and (pointer:fine){.case-storyboard-triptych:has(.case-storyboard-triptych__card:hover) .case-storyboard-triptych__card:not(:hover) .case-storyboard-triptych__tile{opacity:.68;transform:rotate(var(--tile-rotation)) translateZ(-3rem) scale(.84)}.case-storyboard-triptych__card:hover{z-index:10}.case-storyboard-beat__art--triptych .case-storyboard-triptych__card:hover .case-storyboard-triptych__tile{opacity:1;transform:rotate(0)translateZ(4rem)scale(1.02)}}.case-storyboard-beat__art--media{background:var(--color-surface-page);border:0;padding:0;display:block}.case-storyboard-beat__art--media .case-media{aspect-ratio:auto;height:100%}.case-storyboard-beat__art--media .case-media video{object-fit:contain}.case-storyboard-beat__art--media .case-media:has(>video[data-ambient-loop=true]){aspect-ratio:var(--case-media-ratio);height:auto}:root[data-theme=dark] .case-storyboard-beat__art img{filter:contrast(1.18);opacity:.9}:root[data-theme=dark] #clarity-system .case-storyboard-beat__art{background:#101017;border-color:#fff3}:root[data-theme=dark] #clarity-system .case-storyboard-beat__art img{filter:invert()grayscale()contrast(1.12);mix-blend-mode:screen;opacity:.95}:root[data-theme=dark] .case-storyboard-beat__art--triptych .case-storyboard-triptych__tile{filter:none;mix-blend-mode:normal;opacity:1}#timing-before-polish .case-media{border:1px solid var(--color-line-strong);background:#fff}#timing-before-polish .case-media video{filter:none;mix-blend-mode:normal;opacity:1}:root[data-theme=dark] #timing-before-polish .case-media{background:#101017;border-color:#ffffff2e}:root[data-theme=dark] #timing-before-polish .case-media video{filter:invert()grayscale()contrast(1.12)brightness(.82);mix-blend-mode:screen;opacity:.94}.case-storyboard-beat__copy{max-width:25rem}.case-storyboard-beat__copy>span{color:var(--color-brand-readable);font-size:var(--text-micro);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);letter-spacing:var(--tracking-authored-label);margin-bottom:var(--space-5);display:block}.case-storyboard-beat__copy h3{letter-spacing:-.03em;font-size:clamp(1.8rem,3.2vw,3.2rem)}.case-storyboard-beat__copy p{margin-top:var(--space-5)}.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);display:grid}.case-gallery:not(.case-gallery--pair) .case-media:nth-child(3n+1){grid-column:1/-1}.case-gallery--pair .case-media{aspect-ratio:16/10}.case-gallery--pair .case-media>:is(img,video,iframe){object-fit:cover;object-position:center}#finished-film .case-media{aspect-ratio:16/9}.case-block--credits{border-top:1px solid var(--color-line);width:var(--case-content);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,6vw,7rem);margin-inline:auto;padding-top:clamp(2.5rem,5vw,5rem);display:grid}.case-block--credits>h2{font-size:clamp(2rem,3.5vw,3.75rem)}.case-block--credits dl{gap:0;margin:0;display:grid}.case-block--credits dl div{border-bottom:1px solid var(--color-line);gap:var(--space-4);padding-block:var(--space-5);grid-template-columns:minmax(7rem,.45fr) minmax(0,1fr);display:grid}.case-block--credits dl div:first-child{padding-top:0}.case-block--credits dt{margin:0}.case-study__fallback-content{color:var(--color-muted);font-size:var(--text-body-large);width:var(--case-reading);margin:0 auto;padding:0 0 clamp(5rem,10vw,10rem);line-height:1.6}.case-study__fallback-content :where(h2,h3){color:var(--color-ink);font-family:var(--font-display);line-height:var(--line-heading);margin:2.5em 0 .7em}.case-study__fallback-content a{color:var(--color-brand-strong);text-underline-offset:.18em;text-decoration:underline}.case-study__routes{border-bottom:1px solid var(--color-line-strong);border-top:1px solid var(--color-line-strong);width:var(--case-wide);grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto clamp(4rem,8vw,8rem);display:grid}.case-study__routes a{color:var(--color-ink);align-items:end;gap:var(--space-3);min-height:11rem;transition:background-color var(--motion-base) var(--ease-standard);grid-template-columns:minmax(0,1fr) auto;padding:clamp(1.5rem,3vw,3rem);display:grid}.case-study__routes a+a{border-left:1px solid var(--color-line-strong)}.case-study__routes a:only-child{grid-column:1/-1}.case-study__routes a:hover{background:var(--color-surface-raised)}.case-study__routes span{color:var(--color-muted);font-size:var(--text-small);line-height:1.5}.case-study__routes strong{font-size:var(--text-body-large);grid-column:1;line-height:1.25}.case-study__routes i{grid-area:1/2/span 2;align-self:end;font-size:1.5rem;font-style:normal}.case-study__next{width:var(--case-wide);margin:0 auto;padding:0 0 clamp(5rem,9vw,9rem)}.case-study__next a{background:var(--color-brand);border-radius:var(--radius-media);color:var(--color-on-brand);align-items:end;gap:var(--space-4);min-height:clamp(17rem,32vw,31rem);transition:transform var(--motion-base) var(--ease-standard);grid-template-columns:minmax(0,1fr) auto;padding:clamp(1.75rem,5vw,5rem);display:grid;position:relative;overflow:hidden}.case-study__next a:before{content:"";border:1px solid #2523363d;border-radius:999px;width:min(38vw,32rem);height:min(38vw,32rem);position:absolute;top:-32%;right:-7%}.case-study__next a:hover{transform:translateY(-.3rem)}.case-study__next span{font-size:var(--text-small);font-weight:var(--weight-bold);letter-spacing:var(--tracking-authored-label);grid-column:1/-1}.case-study__next strong{font-family:var(--font-display);font-size:var(--text-interior-hero);letter-spacing:-.025em;text-wrap:balance;line-height:.92;position:relative}.case-study__next i{font-size:clamp(2.5rem,6vw,6rem);font-style:normal;line-height:1;position:relative}@media (width<=1199px){.case-study__meta{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study__meta div:nth-child(odd){border-left:0;padding-left:0}.case-study__meta div:nth-child(n+3){border-top:1px solid var(--color-line)}.case-block--text-wide,.case-block--credits{display:block}.case-block--text-wide .case-block__eyebrow{margin-bottom:var(--space-5)}.case-block--text-wide .case-block__body,.case-block--credits dl{margin-top:var(--space-8)}.case-block--metrics dl{grid-template-columns:repeat(2,minmax(0,1fr))}.case-storyboard-sequence .case-storyboard-beat{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,4rem)}}@media (width<=900px){.case-motion-spec__interactive{grid-template-columns:1fr}.case-motion-spec__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-motion-spec__panel{grid-template-columns:1fr}}@media (width<=620px){.case-study__meta{display:block}.case-study__meta div,.case-study__meta div:nth-child(odd){border-left:0;padding-inline:0}.case-study__meta div+div{border-left:0;border-top:1px solid var(--color-line)}.case-study__hero-media,.case-block--media .case-media,.case-media-grid .case-media,.case-gallery .case-media,.case-block--metrics,.case-media-reveal{border-radius:var(--radius-card)}.case-media-synced__screens{grid-template-columns:1fr}.case-media-synced__item .case-media,.case-storyboard-beat__art{border-radius:var(--radius-card)}.case-storyboard-sequence .case-storyboard-beat{gap:var(--space-8);grid-template-columns:1fr}.case-storyboard-beat:nth-child(2n) .case-storyboard-beat__art,.case-storyboard-beat:nth-child(2n) .case-storyboard-beat__copy{grid-area:auto/1;justify-self:stretch}.case-media-grid,.case-block--media-pair-first .case-media-grid,.case-block--media-pair-second .case-media-grid,.case-gallery,.case-block--metrics dl,.case-motion-spec__grid,#timing-evidence .case-media-grid{grid-template-columns:1fr}#timing-evidence .case-media--portrait-video{margin-inline:auto}.case-motion-spec__card{border-radius:var(--radius-card)}.case-gallery:not(.case-gallery--pair) .case-media:nth-child(3n+1){grid-column:auto}.case-block--credits dl div,.case-study__routes{grid-template-columns:1fr}.case-study__routes a+a{border-left:0;border-top:1px solid var(--color-line-strong)}.case-study__next a{border-radius:var(--radius-card)}}@media (prefers-reduced-motion:reduce){.case-study__back,.case-study__back span,.case-study__next a,.case-study__routes a,.case-storyboard-beat__art--triptych .case-storyboard-triptych__tile{transition:none}.case-motion-spec__preview-button{display:none}}.case-gallery--formats{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.case-gallery--formats .case-media{grid-column:auto}.case-gallery__format{min-width:0}.case-gallery__format p{margin:0 0 var(--space-3);font-size:var(--text-small);font-weight:var(--weight-semibold)}@media (width<=767px){.case-gallery--formats{grid-template-columns:repeat(2,minmax(0,1fr))}}.case-gallery--formats.case-gallery--trio{grid-template-columns:repeat(3,minmax(0,1fr))}.case-storyboard-beat__art--full-bleed,.case-storyboard-beat__art--cutout{aspect-ratio:var(--source-ratio);border:0;padding:0}.case-storyboard-beat__art--cutout{background:0 0;border-radius:0;overflow:visible}.case-storyboard-beat__art--full-bleed img,.case-storyboard-beat__art--cutout img,:root[data-theme=dark] .case-storyboard-beat__art--full-bleed img,:root[data-theme=dark] .case-storyboard-beat__art--cutout img{filter:none;opacity:1}.case-storyboard-beat__art--media{aspect-ratio:var(--source-ratio,16 / 9)}.case-storyboard-sequence .case-storyboard-beat--wide{gap:var(--space-6);grid-template-columns:1fr}.case-storyboard-beat--wide:nth-child(n) .case-storyboard-beat__art{grid-area:1/1;width:100%}.case-storyboard-beat--wide:nth-child(n) .case-storyboard-beat__copy{grid-area:2/1;justify-self:start;max-width:45rem}.case-storyboard-beat--wide .case-storyboard-beat__art--cutout{max-width:64rem;margin-inline:auto}.case-media-reveal--full-height{touch-action:pan-y;cursor:ew-resize;width:min(100%,clamp(16.25rem,42vw,30rem));margin-inline:auto;overflow:clip}.case-media-reveal--full-height,.case-media-reveal--full-height *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.case-media-reveal--full-height .case-media-reveal__base,.case-media-reveal--full-height .case-media-reveal__overlay{pointer-events:none}.case-media-reveal--full-height .case-media-reveal__base>img,.case-media-reveal--full-height .case-media-reveal__overlay>svg{width:100%;height:auto;display:block}.case-media-reveal--full-height .case-media-reveal__overlay{background:#fff}.case-media-reveal--full-height input[type=range]{pointer-events:none}.case-media-reveal--full-height .case-media-reveal__divider i{margin-left:-1.375rem;position:sticky;top:50vh;transform:none}:root[data-theme=dark] .case-media-reveal--full-height [data-dark-treatment=invert-linework]{background:#000}:root[data-theme=dark] .case-media-reveal--full-height [data-dark-treatment=invert-linework]>svg{filter:invert()grayscale()contrast(1.12)}.case-aligned-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,2vw,1.5rem);width:min(100%,60rem);margin-inline:auto;display:grid}.case-aligned-columns__item{border-radius:var(--radius-media);position:relative;overflow:clip}.case-aligned-columns__item>img,.case-aligned-columns__art>svg{width:100%;height:auto;display:block}.case-aligned-columns__art{background:#fff}:root[data-theme=dark] .case-aligned-columns__art[data-dark-treatment=invert-linework]{background:#000}:root[data-theme=dark] .case-aligned-columns__art[data-dark-treatment=invert-linework]>svg{filter:invert()grayscale()brightness(1.65)}:root[data-theme=dark] #clarity-system .case-storyboard-beat__art img,:root[data-theme=dark] #timing-before-polish .case-media video{filter:invert()grayscale()brightness(1.65);opacity:1}.case-media-synced__screens,.case-media-synced__timeline{-webkit-user-select:none;user-select:none;touch-action:pan-y}.case-selector{gap:var(--space-5);grid-template-columns:minmax(0,1fr);max-width:64rem;margin-inline:auto;display:grid}.case-selector--portraits{gap:var(--space-6)}.case-selector--vertical{max-width:36rem}.case-selector__navigation{gap:var(--space-5);order:2;min-width:0;display:grid}.case-selector--portraits .case-selector__navigation{gap:var(--space-6);order:2}.case-selector__choices{gap:var(--space-2);flex-wrap:wrap;display:flex}.case-selector:not(.case-selector--portraits) .case-selector__choices{justify-content:center}.case-selector--portraits .case-selector__choices{gap:var(--space-4) var(--space-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.case-selector__choice{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);color:var(--color-muted);font:inherit;font-size:var(--text-small);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;display:flex}.case-selector__choice--portrait{text-align:center;min-width:0;padding:var(--space-2);flex-direction:column;justify-content:flex-start;font-size:.85rem;line-height:1.3}.case-selector__choice--portrait span{max-width:11ch}.case-selector__choice img{border-radius:var(--radius-round);object-fit:cover;opacity:.7;width:64px;height:64px;transition:opacity .16s ease-out}.case-selector__choice:hover img,.case-selector__choice[aria-pressed=true] img{opacity:1}.case-selector__choice[aria-pressed=true]{color:var(--color-ink);background:var(--color-surface-layer);border-color:var(--color-brand-readable)}.case-selector__choice--portrait[aria-pressed=true]{font-weight:var(--weight-semibold);background:0 0;border-color:#0000}.case-selector__choice[aria-pressed=true] img{outline:2px solid var(--color-brand-readable);outline-offset:3px}.case-selector__choice--portrait:hover{color:var(--color-ink)}.case-selector__views{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.case-selector__views button{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-round);color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;font-size:.8rem}.case-selector__views button[aria-pressed=true]{border-color:var(--color-ink);color:var(--color-ink)}.case-selector button:focus-visible,.case-loop-toggle:focus-visible{outline:3px solid var(--color-brand-readable);outline-offset:4px}.case-selector__screen{min-width:0}.case-selector__frame{--selector-height:clamp(16rem, 30vw, 24rem);height:var(--selector-height);border-radius:var(--radius-media);background:var(--color-surface-dark-2);isolation:isolate;position:relative;overflow:hidden}.case-selector--portraits .case-selector__frame{--selector-height:25rem;background:0 0}.case-selector--vertical .case-selector__frame{--selector-height:clamp(24rem, 45vw, 36rem);width:min(100%, calc(var(--selector-height) * var(--clip-ratio)));background:0 0;margin-inline:auto}.case-selector__frame video{width:min(100%, calc(var(--selector-height) * var(--clip-ratio,1.77778)));height:auto;aspect-ratio:var(--clip-ratio,1.77778);border-radius:var(--radius-media);object-fit:contain;opacity:0;transition:opacity .16s ease-out;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-selector__frame video[data-active=true]{opacity:1;z-index:1}.case-selector__controls{width:min(100%, calc(var(--selector-height) * var(--clip-ratio)));aspect-ratio:var(--clip-ratio);z-index:3;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-selector__controls .case-loop-toggle{pointer-events:auto}.case-selector__current{margin:var(--space-3) 0 0;font-size:var(--text-small);color:var(--color-muted);text-align:center;min-height:1.5em}.case-loop-toggle{z-index:3;border:1px solid color-mix(in srgb, var(--color-brand) 48%, transparent);border-radius:var(--radius-round);background:color-mix(in srgb, var(--color-brand) 22%, var(--color-surface-page));width:40px;height:40px;color:var(--color-brand-readable);cursor:pointer;opacity:.72;place-items:center;display:grid;position:absolute;bottom:12px;right:12px}.case-loop-toggle:hover{background:color-mix(in srgb, var(--color-brand) 34%, var(--color-surface-page))}.case-loop-toggle:hover,.case-loop-toggle:focus-visible{opacity:1}@media (hover:hover) and (pointer:fine){.case-loop-toggle{opacity:0;transition:opacity .16s ease-out}.case-selector__frame:hover .case-loop-toggle,.case-media:hover .case-loop-toggle,.case-loop-toggle:focus-visible,.case-loop-toggle[data-paused=true]{opacity:.85}}.case-loop-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;width:15px;height:15px}.case-loop-toggle__play,.case-loop-toggle[data-paused=true] .case-loop-toggle__pause{display:none}.case-loop-toggle[data-paused=true] .case-loop-toggle__play{display:block}@media (width<=767px){.case-selector--portraits{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.case-selector--portraits .case-selector__navigation{gap:var(--space-3);order:2}.case-selector--portraits .case-selector__choices{grid-template-columns:repeat(4,minmax(0,1fr))}.case-selector--portraits .case-selector__frame{--selector-height:20rem}.case-selector__choice{padding:var(--space-2);font-size:.75rem}}@media (width<=480px){.case-selector--portraits .case-selector__choices{gap:var(--space-3) var(--space-1);grid-template-columns:repeat(3,minmax(0,1fr))}.case-selector__choice--portrait img{width:56px;height:56px}}@media (prefers-reduced-motion:reduce){.case-selector__frame video,.case-selector__choice img{transition:none}}.case-study .case-study__hero{padding-bottom:var(--space-case-section)}.case-study .case-study__back{margin-bottom:var(--space-case-intro)}.case-study .case-study__meta{margin-block:var(--space-case-intro)}.case-study .case-study__blocks{padding-block:0;display:flow-root}.case-study .case-study__entry{width:100%}.case-study .case-study__entry[data-case-rhythm=intro]{margin-top:var(--space-case-intro)}.case-study .case-study__entry[data-case-rhythm=group]{margin-top:var(--space-case-group)}.case-study .case-study__entry[data-case-rhythm=section]{margin-top:var(--space-case-section)}.case-study .case-study__entry>.case-block{margin-block:0}.case-study .case-block figcaption,.case-study .case-media-scroll__sticky figcaption{margin-top:var(--space-case-caption)}.case-study .case-block--process>h2{margin-bottom:var(--space-case-group)}.case-study .case-block--process>:is(.case-block__eyebrow,h2){width:min(100%,68rem);max-width:none;margin-inline:auto}.case-study .case-block--process>h2>span{max-width:14ch;display:block}.case-study .case-block--process .case-storyboard-sequence{gap:var(--space-case-group)}.case-study .case-block--text-wide{gap:24px var(--space-case-section);max-width:68rem;padding-block:var(--space-8)}.case-study .case-block--text-wide .case-block__eyebrow{margin-bottom:0}.case-study .case-block--text-wide .case-block__body{margin-top:0}.case-study .case-block[id]{scroll-margin-top:var(--site-header-offset)}.case-study .case-study__routes{margin-block:var(--space-case-section) var(--space-case-group)}.case-study .case-study__next{padding-bottom:var(--space-case-section)}.case-study :is(.case-study__meta dd,.case-study__routes strong,.case-block--credits dd){overflow-wrap:anywhere}@media (width>=960px) and (width<=1199px){.case-study .case-block--text-wide .case-block__body{margin-top:var(--space-8)}}@media (width<=959px){.case-study .case-block--text-wide{padding-block:var(--space-4);grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.case-study .case-block--text-wide .case-block__eyebrow{grid-column:1}.case-study .case-block--text-wide .case-block__body{margin-top:0}}
