.project-sheet{z-index:60;border-radius:var(--radius-card);background:var(--surface);color:var(--ink);will-change:left, top, width, height;position:fixed;overflow:hidden;box-shadow:0 24px 64px -24px #00000059}.project-sheet.is-settled,.project-sheet.is-closing{transition-property:left,top,width,height,border-radius,box-shadow;transition-duration:.7s;transition-timing-function:cubic-bezier(.34,1.1,.64,1)}.project-sheet.is-settled{width:100vw;height:100dvh;box-shadow:none;border-radius:0;top:0;left:0}.project-sheet-inner{overscroll-behavior:contain;width:100%;height:100%;overflow:hidden auto}.project-sheet-content{opacity:0;transition:opacity .25s var(--ease-ui)}.project-sheet.is-settled .project-sheet-content{opacity:1;transition:opacity .3s var(--ease-ui) .38s}.project-sheet.is-closing .project-sheet-content{opacity:0;transition:opacity .1s var(--ease-ui)}.project-sheet.is-closing .case-nav{opacity:0;transition:opacity .1s var(--ease-ui), transform .1s var(--ease-ui);pointer-events:none;transform:translateY(8px)}.project-sheet-bar{z-index:2;height:0;position:sticky;top:0}.project-sheet-close{top:var(--space-5);right:var(--space-5);position:absolute}.project-sheet .case{padding-top:var(--space-10)}.project-sheet .case.is-opening{padding-top:0}@media (prefers-reduced-motion:reduce){.project-sheet.is-settled,.project-sheet.is-closing,.project-sheet.is-settled .project-sheet-content,.project-sheet.is-closing .project-sheet-content,.project-sheet-content{transition:none}}html.is-sheet-open .home-stage,html.is-sheet-open .home-filters,html.is-sheet-open .home-legal,html.is-sheet-open .project-dialog-stage{visibility:hidden}
.case-nav{left:0;right:0;bottom:calc(var(--space-5) + env(safe-area-inset-bottom));z-index:30;pointer-events:none;opacity:0;transition:opacity .3s var(--ease-ui), transform .3s var(--ease-ui);justify-content:center;display:flex;position:fixed;transform:translateY(8px)}.case-nav.is-shown{opacity:1;transform:none}.case-nav:not(.is-shown) .case-nav-shell{pointer-events:none}@media (prefers-reduced-motion:reduce){.case-nav{transition:none}}.case-nav-shell{pointer-events:auto;border:1px solid var(--glass-edge);color:var(--ink);background:var(--glass);-webkit-backdrop-filter:blur(28px)saturate(200%);backdrop-filter:blur(28px)saturate(200%);box-shadow:inset 0 1px 0 var(--glass-rim), inset 0 -1px 0 #0000000f, inset 0 0 0 1px #ffffff40, 0 1px 2px #0000000d, 0 16px 40px -16px #0000004d;border-radius:999px;align-items:center;gap:6px;padding:6px;display:flex}.case-nav-switch .view-switch-button{padding:0 14px}.case-nav-switch .view-switch-button[aria-current=true]{color:var(--ink)}@media (max-width:809px){.case-nav-shell{max-width:calc(100vw - 32px)}.case-nav-switch .view-switch-button{height:40px;padding:0 12px;font-size:13px}.case-nav-home{flex:none;width:40px;height:40px}.case-nav-shell{min-width:0}.case-nav-switch{overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;overflow-x:auto}.case-nav-switch::-webkit-scrollbar{display:none}.case-nav-switch .view-switch-button{white-space:nowrap;flex:none}.case-nav-switch[data-more=right]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.case-nav-switch[data-more=left]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px);mask-image:linear-gradient(90deg,#0000,#000 28px)}.case-nav-switch[data-more=both]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}}.case-nav-home{width:44px;height:44px;color:var(--ink-muted);padding:0}.case-nav-home svg{filter:drop-shadow(0 1px 0 var(--cap-rim))}.case-nav-home:hover,.case-nav-home:focus-visible{color:var(--ink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .case-nav-seg:hover,:root:not([data-theme=light]) .case-nav-seg:focus-visible{background:#ffffff14}}:root[data-theme=dark] .case-nav-seg:hover,:root[data-theme=dark] .case-nav-seg:focus-visible{background:#ffffff14}
.case-features{padding:var(--case-section,var(--space-13)) var(--case-edge,var(--space-7)) 0;position:relative}.case-features-stage{--from:min(1200px, 100%);border-radius:var(--card-radius,20px);background:var(--surface);border:1px solid var(--card-glass-edge);box-shadow:inset 0 1px 0 var(--card-glass-rim), inset 0 -1px 0 #0000000d, 0 34px 90px -34px var(--card-shadow);margin:0 auto;position:relative;overflow:hidden}.case-features-glows{z-index:0;pointer-events:none;position:absolute;inset:-12%}.case-features-glow{transform-origin:50%;filter:blur(5px)saturate(1.3);opacity:0;width:6.25%;height:6.25%;transition:opacity .9s var(--ease-fade);will-change:opacity;background-position:50%;background-size:cover;position:absolute;top:46.875%;left:46.875%;transform:scale(17)}.case-features-glow.is-current{opacity:.6}.case-features-tint{z-index:1;background:var(--card-glass);pointer-events:none;position:absolute;inset:0}.case-features-stage>.case-feature{z-index:2}.case-feature{align-items:center;gap:var(--space-8);grid-template-columns:minmax(0,6fr) minmax(0,5fr);padding:clamp(24px,4vh,64px) 6%;display:grid}.case-feature-drawn{aspect-ratio:4/3;box-sizing:border-box;place-items:center;width:100%;padding:24px;display:grid;overflow:hidden}.case-feature-drawn.is-assistant{aspect-ratio:auto;padding:24px 0;overflow:visible}.case-feature-drawn.is-pair{grid-template-columns:minmax(0,1fr) 96px;align-items:stretch;column-gap:24px}.case-feature-drawn.is-pair .juice-sphere{align-self:center}.juice-line{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:center;padding-bottom:20px;display:flex}.case-feature-shot .juice-line-mark{width:64px;height:auto;margin-bottom:-4px;display:block}.juice-line-rail{flex:none;width:3px;position:relative}@media (max-width:809px){.case-feature-drawn.is-pair{grid-template-columns:minmax(0,1fr) 72px;column-gap:12px}.case-feature-shot .juice-line-mark{width:48px}}.case-feature-shot{justify-content:center;align-items:center;height:100%;margin:0;display:flex;position:relative}@media (min-width:810px){.case-feature-shot{margin-right:calc(var(--space-5) - var(--space-8));justify-content:flex-end}.case-feature-shot:has(.case-feature-drawn.is-assistant){margin-right:calc(var(--space-7) - var(--space-8))}.case-feature-shot:has(.case-feature-drawn.is-anywhere){margin-right:calc(var(--space-10) - var(--space-8))}}.case-feature-shot img{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.case-feature-shot .tile-video{width:auto;max-width:100%;height:100%;aspect-ratio:var(--ar);box-shadow:none;mix-blend-mode:var(--case-blend,multiply);background:0 0;border-radius:0;outline:none;position:relative}.case-feature-shot .tile-video video,.case-feature-shot .tile-video .tile-video-poster{box-shadow:none;border-radius:0;outline:none}.case-feature-placeholder{aspect-ratio:9/19.5;background:var(--surface);outline:1px solid var(--image-edge);outline-offset:-1px;border-radius:28px;place-items:center;height:100%;max-height:560px;display:grid;box-shadow:0 24px 56px -28px #00000059}.case-feature-text{max-width:38ch;padding-right:64px}.case-feature-text:has(.case-feature-paras.is-row){max-width:none}:is(.case-feature-text:has(.case-feature-paras.is-row) .case-feature-eyebrow,.case-feature-text:has(.case-feature-paras.is-row) .case-feature-heading){max-width:calc(50% - var(--space-6) / 2)}.case-feature-paras.is-row{column-gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.case-feature-paras.is-row .case-feature-p{max-width:34ch;margin-top:0}.case-feature-paras.is-row .case-feature-p+.case-feature-p{margin-top:0}@media (max-width:809px){.case-feature-paras.is-row{grid-template-columns:minmax(0,1fr)}}.case-feature-eyebrow{gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-eyebrow);font-weight:var(--weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ink-muted);display:flex}.case-feature-heading{margin-bottom:var(--space-3);font-size:var(--case-h3,24px);font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;line-height:1.12}.case-feature-p{font-size:var(--text-body);line-height:var(--leading-body);color:var(--ink)}.case-feature-p+.case-feature-p{margin-top:var(--space-2)}.case-feature-index{right:var(--space-5);background:var(--well);box-shadow:inset 0 2px 4px var(--ink-14), inset 0 0 0 1px var(--ink-06), 0 1px 0 var(--cap-rim-soft);border-radius:999px;flex-direction:column;padding:4px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.case-feature-thumb{background-color:var(--surface);width:32px;box-shadow:inset 0 1px 0 var(--cap-rim), inset 0 -1px 0 var(--ink-06), 0 1px 2px var(--ink-10), 0 4px 10px -3px var(--ink-18);pointer-events:none;border-radius:999px;position:absolute;left:4px}.case-feature-detent{z-index:1;cursor:pointer;background:0 0;border:0;place-items:center;width:32px;padding:0;display:grid;position:relative}.case-feature-detent>span{background:var(--ink-muted);opacity:.6;width:6px;height:6px;transition:opacity var(--dur-hover) var(--ease-ui), background-color var(--dur-hover) var(--ease-ui);border-radius:999px}.case-feature-detent[aria-current=step]>span{background:var(--ink);opacity:1}.case-feature-detent:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:999px}@media (min-width:810px) and (prefers-reduced-motion:no-preference){.case-features{height:calc((100dvh - 128px) + (var(--n,4) - .4) * 90dvh)}.case-features-stage{height:calc(100dvh - 128px);width:calc(var(--from) + (100% - var(--from)) * var(--grow,0));position:sticky;top:88px}.case-feature{pointer-events:none;position:absolute;inset:0}.case-feature.is-current{pointer-events:auto}.case-feature-shot{will-change:transform}.case-feature-text{will-change:opacity}}@media (max-width:809px),(prefers-reduced-motion:reduce){.case-feature-shot{height:auto;transform:none!important}.case-feature-text{padding-right:0;opacity:1!important}.case-feature-placeholder{height:420px}.case-feature-index{display:none}.case-feature+.case-feature{border-top:1px solid var(--ink-10)}}@media (max-width:809px){.case-features{padding:var(--space-10) var(--case-edge,var(--gutter)) 0}.case-feature{gap:var(--space-6);padding:var(--space-7) var(--space-5);grid-template-columns:minmax(0,1fr)}}@media (max-width:809px),(prefers-reduced-motion:reduce){.case-features-glows,.case-features-tint{display:none}}@media (max-width:809px){.case-features .tile-video-toggle{display:none}}@media (min-width:810px){.case-feature.is-phone{justify-content:center;column-gap:var(--space-9);grid-template-columns:auto minmax(0,38ch);padding-right:calc(6% + 40px)}.case-feature.is-phone .case-feature-shot{justify-content:center;margin-right:0}.case-feature.is-phone .case-feature-text{padding-right:0}.case-feature.is-phone .tile-video video,.case-feature.is-phone .tile-video .tile-video-poster{clip-path:inset(2.8% 6% round 14.3%/6.8%)}}@media (max-width:809px){.case-feature.is-phone .case-feature-shot .tile-video{width:min(240px,66vw);height:auto}.case-feature.is-phone .tile-video video,.case-feature.is-phone .tile-video .tile-video-poster{clip-path:inset(2.8% 6% round 14.3%/6.8%)}}
.work-list{gap:var(--row-gap);display:grid}