@font-face{font-family:Beatrice;src:url(/fonts/Beatrice-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Beatrice;src:url(/fonts/Beatrice-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Beatrice;src:url(/fonts/Beatrice-SemiboldItalic.woff2)format("woff2");font-weight:600;font-style:italic;font-display:swap}:root{--ink-950:#0b0a09;--ink-900:#171717;--ink-800:#2d2c2b;--stone-600:#6f6b68;--stone-400:#a6a09c;--paper:#f5f5f5;--text-muted:var(--stone-400);--placeholder:#d9d9d9;--font:"Beatrice", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--track:-.04em;--track-caps:.05em;--text-display:40px;--text-body:20px;--text-small:14px;--text-nav:14px;--text-eyebrow:14px;--column:747px;--column-inset:48px;--edge:44px;--ease-out:cubic-bezier(.22, 1, .36, 1);--card-title-shadow:0 0 14px #ffffff59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:640px){:root{--text-display:24px;--text-body:14px;--text-small:12px;--text-nav:12px;--text-eyebrow:10px;--column-inset:clamp(24px, 19.5vw, 78px);--edge:clamp(20px, 10vw, 41px);--text-edge:max(24px, min(50% - var(--nav-half,166.8px), 100% - 24px - var(--nav-wide,357.3px)))}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--ink-900);overscroll-behavior:none;overflow-x:clip}body{min-height:100dvh;font-family:var(--font);font-synthesis:none;letter-spacing:var(--track);color:var(--paper);background:var(--ink-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;overflow-x:clip}body[data-page=about]{background:var(--paper)}img,video,canvas,svg{max-width:100%;display:block}img,video,svg{-webkit-user-drag:none}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}.text-link{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px;transition:color .18s;position:relative}.text-link__arrow{opacity:0;pointer-events:none;width:.8em;height:.8em;transition:opacity .18s ease, translate .22s var(--ease-out);position:absolute;top:calc(50% - .4em);left:calc(100% + .2em);translate:-3px}.text-link:hover,.text-link:focus-visible{color:var(--ink-900)}.text-link:hover .text-link__arrow,.text-link:focus-visible .text-link__arrow{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){.text-link__arrow{transition:opacity .18s;translate:0}}:focus-visible{outline-offset:3px;border-radius:4px;outline:1.5px solid}p{margin:0}h1,h2,h3{margin:0;font-weight:400}.column{width:min(var(--column-fit,var(--column)), 100% - 2 * var(--column-inset));margin-inline:auto}.column[data-align]{translate:var(--align-x,0px) 0}.column[data-align=center]{text-align:center}.column[data-align=center]>*{margin-inline:auto}[data-fit-measuring] .column{text-align:left}[data-fit-measuring] .column>*{margin-inline:0}.eyebrow{font-size:var(--text-eyebrow);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;line-height:1.2;display:inline-flex}.eyebrow svg{width:.7em;height:.7em}.card-shade{border-radius:inherit;pointer-events:none;background-image:linear-gradient(in oklab 180deg, #17171700 var(--shade-start,50%), #171717 var(--shade-end,92.5%));opacity:var(--shade-opacity,.45);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.card-shade{background-image:linear-gradient(in oklab 180deg, lab(7.78201% -.0000149012 0/0) var(--shade-start,50%), lab(7.78201% -.0000149012 0) var(--shade-end,92.5%))}}.card-title{left:var(--title-x,45px);right:var(--title-x,45px);bottom:var(--title-y,38px);font-size:var(--title-size,20px);color:var(--paper);text-shadow:var(--card-title-shadow);text-wrap:balance;pointer-events:none;margin:0;font-weight:400;line-height:1.2;position:absolute}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.eyebrow.column{display:flex}body{-webkit-user-select:none;user-select:none}[data-selectable],[data-selectable] *,input,textarea,.is-editable{-webkit-user-select:text;user-select:text}.is-editable:focus{touch-action:none}::selection{color:#fff;background:0 0}[data-surface=light] ::selection{color:#000}[data-surface=light] [data-surface=dark] ::selection{color:#fff}input::selection{background:var(--paper);color:var(--ink-950)}textarea::selection{background:var(--paper);color:var(--ink-950)}.selection-hl{z-index:2147483000;pointer-events:none;mix-blend-mode:difference;position:absolute;top:0;left:0}.selection-hl>div{background:#fff;position:absolute}.nav,.eyebrow,.card-title,.chat,.footer{-webkit-user-select:none;user-select:none}@keyframes enter-in{0%{opacity:0;translate:0 var(--enter-y);filter:blur(var(--enter-blur))}}.entrance [data-enter]{animation:enter-in var(--enter-ms) var(--enter-ease) backwards}.entrance [data-enter="0"]{animation-delay:var(--enter-delay)}.entrance [data-enter="1"]{animation-delay:calc(var(--enter-delay) + var(--enter-stagger))}.entrance [data-enter="2"]{animation-delay:calc(var(--enter-delay) + 2 * var(--enter-stagger))}.entrance [data-enter="3"]{animation-delay:calc(var(--enter-delay) + 3 * var(--enter-stagger))}.site{background:var(--ink-900);min-height:100dvh;box-shadow:0 100vh 0 100vh var(--ink-900);position:relative}.site[data-surface=light]{background:var(--paper)}@media (max-width:640px){.site[data-surface=light]{background:linear-gradient(to top, var(--ink-900) 48px, var(--paper) 48px)}}.dither-band{pointer-events:none;z-index:0;position:absolute;inset-inline:0;overflow:clip}.dither-band--header{height:calc(var(--band-h-d) + 40px);top:0}.dither-band--footer{height:calc(var(--band-h-d) + 40px);bottom:0}.dither-band__canvas{width:var(--band-w-d);height:var(--band-h-d);translate:calc(-50% + var(--band-x-d)) var(--band-y-d);position:absolute;left:50%}.dither-band--header .dither-band__canvas{top:0}.dither-band--footer .dither-band__canvas{bottom:0}.dither-band__canvas.is-flipped{rotate:180deg}@media (max-width:640px){.dither-band__canvas{width:var(--band-w-m);height:var(--band-h-m);translate:calc(-50% + var(--band-x-m)) var(--band-y-m)}.dither-band--header,.dither-band--footer{height:calc(var(--band-h-m) + 40px)}html[data-edge-blur] .dither-band{z-index:48}}.contact-links{font-size:var(--text-small);row-gap:calc(30px - 1.2em);margin:0;padding:0;line-height:1.2;list-style:none;display:grid}.contact-links__row{align-items:center;gap:10px;display:flex}.contact-links__link{color:var(--text-muted);align-items:center;gap:.28em;margin-block:-4px;padding-block:4px;transition:color .18s;display:inline-flex}.contact-links__icon{top:calc(var(--icon-arrow-y,0px) + var(--icon-nudge,0px));opacity:0;width:1em;height:1em;transition:opacity .18s ease, translate .22s var(--ease-out);position:relative;translate:-3px}@media (hover:hover){.contact-links__link:hover{color:var(--link-hover)}.contact-links__link:hover .contact-links__icon{opacity:1;translate:0}}.contact-links__link:focus-visible{color:var(--link-hover)}.contact-links__link:focus-visible .contact-links__icon{opacity:1;translate:0}@media (hover:none){.contact-links__icon{opacity:1;translate:0}}@media (max-width:640px){.contact-links{row-gap:calc(22px - 1.2em)}}.footer{min-height:var(--footer-h-d);background:var(--ink-900);color:var(--text-muted);align-items:flex-end;display:flex;position:relative}.footer__inner{z-index:1;justify-content:space-between;align-items:flex-end;width:100%;padding:0 39px 35px;display:flex;position:relative}.footer__places{font-size:var(--text-small);text-align:right;justify-items:end;row-gap:calc(30px - 1.2em);margin:0;padding:0;line-height:1.2;list-style:none;display:grid}.footer__clock{font-variant-numeric:tabular-nums}@media (max-width:640px){.footer{min-height:var(--footer-h-m)}.footer__inner{padding:0 max(22px, calc(var(--edge) - 12px)) calc(32px + env(safe-area-inset-bottom))}.footer__places{row-gap:calc(22px - 1.2em)}html[data-edge-blur] .footer__inner{z-index:49}}.footer__place{font:inherit;color:inherit;perspective:200px;cursor:pointer;background:0 0;border:0;justify-items:end;padding:0;transition:color .16s;display:inline-grid}.footer__place:hover,.footer__place:focus-visible{color:#fff}.footer__place-size,.footer__place-face{grid-area:1/1}.footer__place-size{visibility:hidden}.footer__place-face{display:inline-block}.footer__place-face.is-emoji{transform-origin:100%;scale:1.5}.footer__place-face.is-flip{animation:.36s cubic-bezier(.22,1,.36,1) footer-flip}@keyframes footer-flip{0%{opacity:0;transform:rotateX(90deg)}}@media (prefers-reduced-motion:reduce){.footer__place-face{animation:none}}.ghost-mark{--ghost-size:28px;width:var(--ghost-size);height:var(--ghost-size);flex-shrink:0;display:block}.ghost-mark__body,.ghost-mark svg{width:100%;height:100%;display:block}.ghost-mark__body{animation:4.6s ease-in-out infinite ghost-bob,11s ease-in-out infinite ghost-sway}@keyframes ghost-bob{0%,to{transform:translateY(1.6%)}50%{transform:translateY(-2.4%)}}@keyframes ghost-sway{0%,to{rotate:-1.1deg}50%{rotate:1.1deg}}.ghost-mark__shell{fill:var(--ghost-fill,var(--placeholder))}.ghost-mark{--ghost-link-body:var(--text-muted)}[data-surface=light] .nav .ghost-mark{--ghost-link-body:var(--stone-400)}@media (max-width:640px){[data-surface=light] .nav .ghost-mark{--ghost-link-body:var(--stone-600)}}.ghost-mark--happy .ghost-mark__shell{pointer-events:auto}.ghost-mark__eye{fill:#000}.ghost-mark__blush{pointer-events:none}@media (prefers-reduced-motion:reduce){.ghost-mark__body{animation:none}}.ghost-button{appearance:none;width:36px;height:36px;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:0 0 36px;place-items:center;display:grid;position:relative}.ghost-button .ghost-mark{transition:scale .22s var(--ease-out,cubic-bezier(.22, 1, .36, 1))}@media (hover:hover){.ghost-button:hover .ghost-mark{scale:1.1}}.ghost-button:active .ghost-mark{scale:.94}.ghost-button:focus-visible{outline-offset:3px;outline:1.5px solid}.ghost-button.is-hidden{visibility:hidden}.ghost-button__body{transform-origin:50% 85%;place-items:center;display:grid}.ghost-button__body.is-hopping{animation:ghost-hop var(--hop-ms,.62s) cubic-bezier(.22, 1, .36, 1)}@keyframes ghost-hop{25%{translate:0 2px;scale:1.12 .86}55%{scale:.94 1.1;translate:0 var(--hop-y,-7px)}80%{translate:0;scale:1.04 .97}}.ghost-button__pill{background:var(--paper);color:var(--ink-900);white-space:nowrap;pointer-events:none;opacity:0;transform-origin:100%;transition:opacity .22s ease, translate .42s cubic-bezier(.22, 1, .36, 1), scale .22s var(--ease-out,cubic-bezier(.22, 1, .36, 1));border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:500;line-height:1.2;position:absolute;top:50%;right:calc(100% + 6px);translate:10px -50%;scale:.9}.nav:not([data-ghost-side=end]) .ghost-button__pill{transform-origin:0;left:calc(100% + 6px);right:auto;translate:-10px -50%}.ghost-button__pill[data-over=light]{background:var(--ink-900);color:var(--paper)}.ghost-button.is-cued .ghost-button__pill{opacity:1;pointer-events:auto;transition-delay:.16s,.16s,0s;translate:0 -50%;scale:1}@media (hover:hover){.ghost-button.is-cued .ghost-button__pill:hover{scale:1.1}}@media (prefers-reduced-motion:reduce){.ghost-button__body.is-hopping{animation:none}.ghost-button__pill{transition:opacity .12s}}.nav{z-index:2;padding:31px var(--edge) 0 35px;pointer-events:none;justify-content:space-between;align-items:flex-start;min-height:60px;display:flex;position:relative}.nav>*{pointer-events:auto}.nav__links{font-size:var(--text-nav);text-transform:uppercase;letter-spacing:var(--nav-tracking-d,-.64px);gap:37px;padding-top:10px;font-weight:500;line-height:18px;display:flex}@media (max-width:640px){.nav__links{letter-spacing:var(--nav-tracking-m,-.64px)}}.nav__links a{color:var(--nav-idle,var(--text-muted));transition:color .18s}html[data-vt] .nav__links a{transition:none}.nav__links a[aria-current],.nav__links a:hover,.nav__links a:focus-visible{color:var(--nav-active,var(--paper))}.nav__resume{position:relative}.nav__resume-arrow{top:calc(50% - var(--resume-arrow-scale,1) * .5em + var(--resume-arrow-y,0px));left:calc(100% + var(--resume-arrow-x,6px));width:calc(var(--resume-arrow-scale,1) * 1em);height:calc(var(--resume-arrow-scale,1) * 1em);opacity:0;pointer-events:none;transition:opacity .18s ease, translate .22s var(--ease-out);position:absolute;translate:-3px}@media (hover:hover){.nav__resume:hover .nav__resume-arrow{opacity:1;translate:0}}.nav__resume:focus-visible .nav__resume-arrow{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){.nav__resume-arrow{transition:opacity .18s;translate:0}}[data-surface=light] .nav{--nav-idle:var(--stone-400);--nav-active:var(--ink-900);--nav-bg:var(--paper)}.nav[data-pin]{z-index:50;padding-bottom:var(--nav-pad-bottom,16px);isolation:isolate}.nav[data-pin=sticky]{position:sticky;top:0}.nav[data-pin=fixed]{position:fixed;top:0;left:0;right:0}@media (max-width:640px){.nav[data-pin=fixed],html .nav[data-route=momo][data-pin=fixed],html .nav[data-route=filo][data-pin=fixed]{top:var(--nav-case-top,0px);position:absolute}html .nav[data-over-intro][data-pin=fixed]{position:fixed;top:0}.nav[data-pin] .nav__start{top:calc(34px + env(safe-area-inset-top));left:var(--text-edge);position:fixed}}.nav[data-under=dark]{--nav-idle:var(--text-muted);--nav-active:var(--paper);--nav-bg:var(--ink-900)}.nav[data-under=light]{--nav-idle:var(--stone-400);--nav-active:var(--ink-900);--nav-bg:var(--paper)}@media (max-width:640px){.nav[data-under=light],[data-surface=light] .nav:not([data-under=dark]){--nav-idle:var(--stone-600)}}.nav[data-link-tone] .nav__links [data-tone=dark]{--nav-idle:var(--text-muted);--nav-active:var(--paper)}.nav[data-link-tone] .nav__links [data-tone=light]{--nav-idle:var(--stone-400);--nav-active:var(--ink-900)}@media (max-width:640px){.nav[data-link-tone] .nav__links [data-tone=light]{--nav-idle:var(--stone-600)}}.nav[data-pin]:before{content:"";z-index:-1;background:color-mix(in srgb, var(--nav-bg,var(--ink-900)) calc(var(--nav-backdrop-opacity,0) * 100%), transparent);-webkit-backdrop-filter:blur(var(--nav-blur,0px));pointer-events:none;position:absolute;inset:0}.nav__start{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:18px;display:flex}.nav__ghost{flex-shrink:0}.nav__back{font-size:var(--text-nav);text-transform:uppercase;color:var(--nav-idle,var(--text-muted));align-items:center;gap:4px;margin-left:-4px;font-weight:500;line-height:18px;transition:color .18s;display:inline-flex}.nav__back:hover,.nav__back:focus-visible{color:var(--nav-active,var(--paper))}.nav__back-icon{width:16px;height:16px;transition:translate .18s}.nav__back:hover .nav__back-icon{translate:-3px}@media (max-width:640px){.nav{padding:calc(34px + env(safe-area-inset-top)) var(--edge) 0 36px}.nav__links{gap:29px;padding-top:7px;line-height:16px}}@media (max-width:360px){.nav__links{gap:20px}}.nav[data-ghost-side=end]{padding-left:var(--edge);flex-direction:row-reverse;padding-right:35px}@media (max-width:640px){.nav[data-ghost-side=end]{padding-left:var(--text-edge);padding-right:calc(var(--text-edge) - 6.5px)}.nav[data-ghost-side=end] .nav__ghost{margin-top:-2px}}.nav[data-ghost-side=end] .nav__start{flex-direction:row-reverse;display:flex}@property --nav-fade-color{syntax:"<color>";inherits:true;initial-value:#0000}@property --nav-fade-top{syntax:"<number>";inherits:true;initial-value:0}@property --nav-fade-bottom{syntax:"<number>";inherits:true;initial-value:0}@media (max-width:640px){.nav[data-contrast]{isolation:isolate}.nav[data-contrast=Soft\ fade][data-fade-live]{transition-property:--nav-fade-color,--nav-fade-top,--nav-fade-bottom;transition-duration:var(--nav-fade-time,.6s);transition-timing-function:cubic-bezier(.4,0,.2,1)}.nav[data-contrast=Soft\ fade][data-fade-live] :is(.nav__links a,.nav__back){transition-duration:var(--nav-fade-time,.6s);transition-timing-function:cubic-bezier(.4,0,.2,1)}html[data-edge-blur] body:before{transition:opacity .25s}html[data-edge-blur][data-edge-clear] body:before{opacity:0}.nav[data-contrast=Edge\ blur]:before{display:none}html[data-edge-blur] body:before,html[data-edge-blur-bottom] body:after{content:"";z-index:48;height:var(--edge-blur-length,110px);pointer-events:none;opacity:var(--edge-blur-opacity,1);-webkit-backdrop-filter:blur(var(--edge-blur,8px));backdrop-filter:blur(var(--edge-blur,8px));-webkit-mask-image:linear-gradient(#000 var(--edge-blur-solid,30%), transparent);-webkit-mask-image:linear-gradient(#000 var(--edge-blur-solid,30%), transparent);mask-image:linear-gradient(#000 var(--edge-blur-solid,30%), transparent);position:fixed;inset:0 0 auto}html[data-edge-blur-bottom] body:after{z-index:46;-webkit-mask-image:linear-gradient(to top, #000 var(--edge-blur-solid,30%), transparent);-webkit-mask-image:linear-gradient(to top, #000 var(--edge-blur-solid,30%), transparent);mask-image:linear-gradient(to top, #000 var(--edge-blur-solid,30%), transparent);inset:auto 0 0}html[data-edge-blur-bottom] :is(.works,.about__dark){z-index:47}html[data-edge-blur-bottom] :is(.works,.about__dark):after{content:"";z-index:1;height:var(--edge-blur-length,110px);margin-top:calc(-1 * var(--edge-blur-length,110px));pointer-events:none;opacity:var(--edge-blur-opacity,1);-webkit-backdrop-filter:blur(var(--edge-blur,8px));backdrop-filter:blur(var(--edge-blur,8px));-webkit-mask-image:linear-gradient(to top, #000 var(--edge-blur-solid,30%), transparent);-webkit-mask-image:linear-gradient(to top, #000 var(--edge-blur-solid,30%), transparent);mask-image:linear-gradient(to top, #000 var(--edge-blur-solid,30%), transparent);display:block;position:sticky;bottom:0}html[data-edge-blur-bottom] :is(.works,.about__dark)[data-band-off]:after{display:none}html[data-edge-blur-bottom] .works__eyebrow{z-index:2}html[data-edge-blur] #play-title{z-index:2;position:relative}.nav:is([data-contrast=Soft\ fade],[data-contrast=Fade\ scrim]):after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0 0 -28px}.nav[data-contrast=Soft\ fade]:before,.nav[data-contrast=Soft\ fade]:after{height:var(--nav-fade-length,126px);bottom:auto}.nav[data-contrast=Soft\ fade]:before{content:"";inset-inline:0;z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(var(--nav-fade-blur,6px));backdrop-filter:blur(var(--nav-fade-blur,6px));-webkit-mask-image:linear-gradient(#000 var(--nav-fade-solid,35%), transparent);-webkit-mask-image:linear-gradient(#000 var(--nav-fade-solid,35%), transparent);mask-image:linear-gradient(#000 var(--nav-fade-solid,35%), transparent);background:0 0;position:absolute;top:0}.nav[data-contrast=Soft\ fade]:after{background:linear-gradient(color-mix(in srgb, var(--nav-fade-color) calc(var(--nav-fade-top) * 100%), transparent) var(--nav-fade-solid,35%), color-mix(in srgb, var(--nav-fade-color) calc(var(--nav-fade-bottom) * 100%), transparent))}.nav[data-contrast=Fade\ scrim]:after{background:linear-gradient(color-mix(in srgb, var(--nav-bg,var(--paper)) calc(var(--nav-contrast) * 100%), transparent) 60%, transparent)}.nav[data-contrast=Pill] .nav__links{background:color-mix(in srgb, var(--nav-bg,var(--paper)) calc(var(--nav-contrast) * 85%), transparent);-webkit-backdrop-filter:blur(16px)saturate(1.2);box-shadow:0 0 0 .5px color-mix(in srgb, var(--nav-active,var(--ink-900)) 10%, transparent), 0 6px 20px #00000014;border-radius:999px;margin:-9px -16px 0;padding:16px 16px 9px}.nav[data-contrast=Text\ halo] .nav__links a{text-shadow:0 0 3px color-mix(in srgb, var(--nav-bg,var(--paper)) calc(var(--nav-contrast) * 100%), transparent), 0 0 3px color-mix(in srgb, var(--nav-bg,var(--paper)) calc(var(--nav-contrast) * 100%), transparent), 0 0 12px color-mix(in srgb, var(--nav-bg,var(--paper)) calc(var(--nav-contrast) * 100%), transparent), 0 0 24px color-mix(in srgb, var(--nav-bg,var(--paper)) calc(var(--nav-contrast) * 100%), transparent)}.nav[data-contrast=Text\ halo] .nav__ghost{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--nav-bg,var(--paper)) calc(var(--nav-contrast) * 100%), transparent))}.nav[data-contrast=Strong\ text]{--nav-idle:color-mix(in srgb, var(--nav-active,var(--ink-900)) calc(45% + var(--nav-contrast) * 45%), var(--nav-bg,var(--paper)))}.nav[data-contrast=Strong\ text] .nav__links{font-weight:500}}.nav[data-back-to-top]{padding-inline:var(--edge);flex-direction:row;gap:16px}.nav[data-back-to-top] .nav__ghost{margin-left:calc(-1 * ((36px - var(--nav-ghost-size,28px)) / 2 + var(--nav-ghost-size,28px) / 8))}.nav[data-back-to-top] .nav__links{margin-left:auto}@media (max-width:640px){.nav[data-back-to-top]{padding-inline:var(--text-edge)}.nav[data-back-to-top] .nav__ghost{margin-top:-2px}.nav[data-route=work]:before,.nav[data-route=work]:after{-webkit-backdrop-filter:none;backdrop-filter:none;display:none}}html[data-safari-edges]{background:var(--edge-top-background,var(--ink-900))}html[data-safari-edges] body{background:var(--edge-body-background,var(--ink-900))}.safari-edges{pointer-events:none}html[data-safari-edges] :is(.edge-top,.edge-bottom):before,html[data-safari-edges] :is(.edge-top,.edge-bottom):after{content:"";pointer-events:none;z-index:48;position:fixed;left:0;right:0}html[data-safari-edges] :is(.edge-top,.edge-bottom):after{height:12px}html[data-safari-edges] .edge-top:after{background:var(--edge-top-background);top:-7px}html[data-safari-edges] .edge-bottom:after{background:var(--edge-bottom-background);bottom:-7px}html[data-safari-edges] :is(.edge-top,.edge-bottom):before{height:48px}html[data-safari-edges] .edge-top:before{background:linear-gradient(to bottom, var(--edge-top-background), transparent);top:5px}html[data-safari-edges] .edge-bottom:before{background:linear-gradient(to top, var(--edge-bottom-background), transparent);bottom:5px}html[data-safari-edges][data-safari-bottom=dark] .edge-bottom:before{display:none}@media (max-width:640px){html[data-safari-bottom=dark][data-edge-blur-bottom] body:after,html[data-edge-blur-bottom] .about__dark:after{display:none}}@media (hover:none) and (pointer:coarse){html[data-safari-edges] :is(.edge-top,.edge-bottom):before,html[data-safari-edges] :is(.edge-top,.edge-bottom):after{content:none;display:none}html[data-safari-edges]{background:var(--edge-body-background,var(--edge-top-background,var(--ink-900)))}}.cur-dot{--cur-size:10px;--cur-pressed-scale:.55;z-index:2147483647;width:var(--cur-size);height:var(--cur-size);pointer-events:none;opacity:0;will-change:transform;view-transition-name:cursor-dot;background:0 0;border:0;margin:0;padding:0;transition:opacity .14s;position:fixed;inset:0 auto auto 0;overflow:visible}::view-transition-group(cursor-dot){animation:none}::view-transition-new(cursor-dot){animation:none}::view-transition-old(cursor-dot){display:none}.cur-dot:before{content:"";background:var(--cur-color-dark,#f5f5f5);transition:scale var(--cur-hover-ms,.22s) cubic-bezier(.22, 1, .36, 1), opacity var(--cur-hover-ms,.22s) ease, background-color .14s ease;border-radius:50%;position:absolute;inset:0}.cur-dot.is-instant:before{transition:none}.cur-dot.is-visible{opacity:1}.cur-dot.is-pressed:before{scale:var(--cur-pressed-scale)}.cur-dot.is-hover:before{scale:var(--cur-hover-scale);opacity:var(--cur-hover-opacity)}.cur-dot.is-hover.is-pressed:before{scale:calc(var(--cur-hover-scale) * var(--cur-pressed-scale))}.cur-dot.is-light:before{background:var(--cur-color-light,#171717)}.cur-dot{--cur-text-ease:cubic-bezier(.22, 1, .36, 1);--cur-line-from:scale(var(--cur-ix,6), var(--cur-iy,.5));--cur-dot-to:var(--cur-tx,.16) var(--cur-ty,2);--cur-dot-to-opacity:0}.cur-dot:after{content:"";width:var(--cur-line-w,2px);height:var(--cur-line-h,24px);margin:calc(var(--cur-line-h,24px) / -2) 0 0 calc(var(--cur-line-w,2px) / -2);background:var(--cur-color-dark,#f5f5f5);opacity:0;transform:var(--cur-line-from);transition:transform var(--cur-text-ms,.26s) var(--cur-text-ease), opacity calc(var(--cur-text-ms,.26s) * .6) ease, background-color .14s ease;border-radius:999px;position:absolute;top:50%;left:50%}.cur-dot.is-light:after{background:var(--cur-color-light,#171717)}.cur-dot.is-instant:after{transition:none}.cur-dot.is-text:after{opacity:var(--cur-text-opacity,1);transform:none}.cur-dot.is-text:before{scale:var(--cur-dot-to);opacity:var(--cur-dot-to-opacity)}.cur-dot:is(.is-text,.is-text-exit):before{transition:scale var(--cur-text-ms,.26s) var(--cur-text-ease), opacity calc(var(--cur-text-ms,.26s) * .6) ease, background-color .14s ease}.cur-dot[data-text-preset=stretch]{--cur-line-from:scale(1, 0);--cur-dot-to:.2}.cur-dot[data-text-preset=drop]{--cur-text-ease:cubic-bezier(.16, 1, .3, 1);--cur-line-from:translateY(-45%) scale(1, .15);--cur-dot-to:.35}.cur-dot[data-text-preset=fade]{--cur-text-ease:ease;--cur-line-from:none;--cur-dot-to:1}.cur-dot[data-text-preset=elastic]{--cur-text-ease:linear(0, .34 8%, .77 18%, 1.05 29%, 1.12 37%, 1.08 46%, 1 58%, .98 72%, 1)}@media (prefers-reduced-motion:reduce){.cur-dot:after,.cur-dot:is(.is-text,.is-text-exit):before{transition:opacity .14s}.cur-dot:after{transform:none}.cur-dot.is-text:before{scale:1}.cur-dot:before{transition:opacity .14s,background-color .14s}}.cur-dot.is-absorbed:before{animation:.32s cubic-bezier(.5,0,.75,0) forwards cur-absorb}.cur-dot.is-emerging:before{animation:.52s cubic-bezier(.22,1,.36,1) both cur-emerge}@keyframes cur-absorb{45%{scale:1.35 .7}to{opacity:0;scale:0}}@keyframes cur-emerge{0%{opacity:0;scale:0}35%{opacity:1;scale:.7 1.4}65%{scale:1.2 .85}}.cur-dot.is-hidden{opacity:0!important}:root{--vt-dir:1}:root[data-vt-dir=back]{--vt-dir:-1}:root[data-vt]::view-transition-old(root){mix-blend-mode:normal;animation-fill-mode:both}:root[data-vt]::view-transition-new(root){mix-blend-mode:normal;animation-fill-mode:both}:root[data-vt]::view-transition-old(root){animation-duration:var(--vt-out-dur);animation-timing-function:var(--vt-out-ease)}:root[data-vt]::view-transition-new(root){animation-duration:var(--vt-in-dur);animation-timing-function:var(--vt-in-ease);animation-delay:var(--vt-in-delay)}:root[data-vt-pin-nav] .nav{view-transition-name:site-nav}:root[data-vt-pin-shader] .dither-band--header{view-transition-name:site-header-shader}:root[data-vt]::view-transition-group(site-nav){animation-duration:var(--vt-in-dur);animation-timing-function:var(--vt-in-ease)}:root[data-vt]::view-transition-group(site-header-shader){animation-duration:var(--vt-in-dur);animation-timing-function:var(--vt-in-ease)}:root[data-vt]::view-transition-old(site-nav){animation-duration:var(--vt-in-dur);animation-timing-function:var(--vt-in-ease)}:root[data-vt]::view-transition-new(site-nav){animation-duration:var(--vt-in-dur);animation-timing-function:var(--vt-in-ease)}:root[data-vt]::view-transition-old(site-header-shader){animation-duration:var(--vt-in-dur);animation-timing-function:var(--vt-in-ease)}:root[data-vt]::view-transition-new(site-header-shader){animation-duration:var(--vt-in-dur);animation-timing-function:var(--vt-in-ease)}:root[data-vt=fade]::view-transition-old(root){mix-blend-mode:plus-lighter;animation-name:vt-fade-out}:root[data-vt=fade]::view-transition-new(root){mix-blend-mode:plus-lighter;animation-name:vt-fade-in}:root[data-vt=rise]::view-transition-old(root){animation-name:vt-shrink-out}:root[data-vt=rise]::view-transition-new(root){animation-name:vt-rise-in}:root[data-vt=slide]::view-transition-old(root){animation-name:vt-slide-out}:root[data-vt=slide]::view-transition-new(root){animation-name:vt-slide-in}:root[data-vt=zoom]::view-transition-old(root){animation-name:vt-shrink-out}:root[data-vt=zoom]::view-transition-new(root){animation-name:vt-zoom-in}:root[data-vt=blur]::view-transition-old(root){animation-name:vt-blur-out}:root[data-vt=blur]::view-transition-new(root){animation-name:vt-blur-in}:root[data-vt=wipe]::view-transition-old(root){animation-name:vt-drift-out}:root[data-vt=wipe]::view-transition-new(root){clip-path:inset(0 round var(--vt-wipe-radius) var(--vt-wipe-radius) 0 0);animation-name:vt-sheet-up,vt-square;animation-duration:var(--vt-in-dur), calc(var(--vt-in-dur) * .2);animation-delay:0s, calc(var(--vt-in-dur) * .8);animation-timing-function:var(--vt-in-ease), ease-out;animation-fill-mode:both}:root[data-vt=wipe][data-vt-dir=back]::view-transition-new(root){clip-path:inset(0 round 0 0 var(--vt-wipe-radius) var(--vt-wipe-radius));animation-name:vt-sheet-down,vt-square}:root[data-vt=wipe][data-vt-wipe=reveal]::view-transition-new(root){clip-path:none;animation-name:vt-wipe-up}:root[data-vt=wipe][data-vt-wipe=reveal][data-vt-dir=back]::view-transition-new(root){animation-name:vt-wipe-down}:root[data-vt=wipe][data-vt-dir=left]::view-transition-old(root){animation-duration:var(--vt-back-out-dur);animation-timing-function:var(--vt-back-ease);animation-delay:var(--vt-back-out-delay,0s)}:root[data-vt=wipe][data-vt-dir=right]::view-transition-old(root){animation-duration:var(--vt-back-out-dur);animation-timing-function:var(--vt-back-ease);animation-delay:var(--vt-back-out-delay,0s)}:root[data-vt=wipe][data-vt-dir=left]::view-transition-old(root){animation-name:vt-drift-left}:root[data-vt=wipe][data-vt-dir=right]::view-transition-old(root){animation-name:vt-drift-right}:root[data-vt=wipe][data-vt-dir=left]::view-transition-new(root){animation-duration:var(--vt-back-dur), calc(var(--vt-back-dur) * .2);animation-delay:var(--vt-back-delay), calc(var(--vt-back-delay) + var(--vt-back-dur) * .8);animation-timing-function:var(--vt-back-ease), ease-out}:root[data-vt=wipe][data-vt-dir=right]::view-transition-new(root){animation-duration:var(--vt-back-dur), calc(var(--vt-back-dur) * .2);animation-delay:var(--vt-back-delay), calc(var(--vt-back-delay) + var(--vt-back-dur) * .8);animation-timing-function:var(--vt-back-ease), ease-out}:root[data-vt=wipe][data-vt-dir=left]::view-transition-new(root){clip-path:inset(0 round var(--vt-wipe-radius) 0 0 var(--vt-wipe-radius));animation-name:vt-sheet-left,vt-square}:root[data-vt=wipe][data-vt-dir=right]::view-transition-new(root){clip-path:inset(0 round 0 var(--vt-wipe-radius) var(--vt-wipe-radius) 0);animation-name:vt-sheet-right,vt-square}:root[data-vt=wipe][data-vt-wipe=reveal][data-vt-dir=left]::view-transition-new(root){clip-path:none;animation-name:vt-wipe-left}:root[data-vt=wipe][data-vt-wipe=reveal][data-vt-dir=right]::view-transition-new(root){clip-path:none;animation-name:vt-wipe-right}@keyframes vt-fade-out{to{opacity:var(--vt-out-opacity)}}@keyframes vt-fade-in{0%{opacity:0}}@keyframes vt-shrink-out{to{opacity:var(--vt-out-opacity);transform:scale(var(--vt-scale))}}@keyframes vt-rise-in{0%{opacity:0;transform:translateY(calc(var(--vt-dist) * var(--vt-dir)))}}@keyframes vt-slide-out{to{opacity:var(--vt-out-opacity);transform:translateX(calc(var(--vt-dist) * -1 * var(--vt-dir)))}}@keyframes vt-slide-in{0%{opacity:0;transform:translateX(calc(var(--vt-dist) * var(--vt-dir)))}}@keyframes vt-zoom-in{0%{opacity:0;transform:scale(calc(2 - var(--vt-scale)))}}@keyframes vt-blur-out{to{opacity:var(--vt-out-opacity);filter:blur(var(--vt-blur))}}@keyframes vt-blur-in{0%{opacity:0;filter:blur(var(--vt-blur))}}@keyframes vt-drift-out{to{opacity:max(var(--vt-out-opacity), .35);transform:translateY(calc(var(--vt-dist) * -1 * var(--vt-dir)))}}@keyframes vt-sheet-up{0%{transform:translateY(100%)}}@keyframes vt-sheet-down{0%{transform:translateY(-100%)}}@keyframes vt-wipe-up{0%{clip-path:inset(100% 0 0 0 round var(--vt-wipe-radius) var(--vt-wipe-radius) 0 0)}to{clip-path:inset(0)}}@keyframes vt-wipe-down{0%{clip-path:inset(0 0 100% 0 round 0 0 var(--vt-wipe-radius) var(--vt-wipe-radius))}to{clip-path:inset(0)}}@keyframes vt-drift-left{to{opacity:var(--vt-back-out-opacity);transform:translateX(calc(var(--vt-back-dist) * -1))}}@keyframes vt-drift-right{to{opacity:var(--vt-back-out-opacity);transform:translateX(var(--vt-back-dist))}}@keyframes vt-sheet-left{0%{transform:translate(100%)}}@keyframes vt-sheet-right{0%{transform:translate(-100%)}}@keyframes vt-wipe-left{0%{clip-path:inset(0 0 0 100% round var(--vt-wipe-radius) 0 0 var(--vt-wipe-radius))}to{clip-path:inset(0)}}@keyframes vt-wipe-right{0%{clip-path:inset(0 100% 0 0 round 0 var(--vt-wipe-radius) var(--vt-wipe-radius) 0)}to{clip-path:inset(0)}}@keyframes vt-square{to{clip-path:inset(0)}}.chat{--chat-h:51px;--chat-arrow:24px;--chat-gap:8px;--chat-pad-l:27px;color:var(--paper);border-radius:999px;font-size:20px;line-height:1.2;display:inline-block;position:relative}.chat__body{isolation:isolate;align-items:center;gap:var(--chat-gap);height:var(--chat-h);padding:0 calc((var(--chat-h) - var(--chat-arrow)) / 2) 0 var(--chat-pad-l);color:var(--paper);transition:translate var(--chat-fill) cubic-bezier(.22, 1, .36, 1), scale .26s cubic-bezier(.34, 1.4, .64, 1), color var(--chat-color-ms) ease;display:inline-flex;position:relative;translate:0;scale:1}.chat__track{z-index:-2;border:1px solid var(--chat-track);opacity:0;pointer-events:none;border-radius:999px;transition:opacity .12s;position:absolute;inset:0}.chat.is-morph:not(.is-exit) .chat__track{opacity:1}.chat__pill{top:0;bottom:0;left:var(--chat-l);right:calc(var(--chat-w) - var(--chat-r));z-index:-1;border:1px solid var(--paper);pointer-events:none;transition:left var(--chat-shape-ms) var(--chat-shape-ease) var(--chat-shape-delay), right var(--chat-shape-ms) var(--chat-shape-ease) var(--chat-shape-delay), background-color var(--chat-color-ms) ease, border-color var(--chat-color-ms) ease;background-color:#0000;border-radius:999px;position:absolute;overflow:hidden}.chat__label{white-space:nowrap;color:#0000}.chat__arrow-space{width:var(--chat-arrow);height:var(--chat-arrow);flex-shrink:0}.chat__text{top:calc((var(--chat-h) - 1.2em) / 2 - 1px);left:calc(var(--chat-pad-l) - var(--chat-l) - 1px);white-space:nowrap;transition:opacity var(--chat-expand) ease, left var(--chat-shape-ms) var(--chat-shape-ease) var(--chat-shape-delay);position:absolute}.chat__arrow{top:calc((var(--chat-h) - var(--chat-arrow)) / 2 - 1px);right:calc((var(--chat-h) - var(--chat-arrow)) / 2 - 1px);width:var(--chat-arrow);height:var(--chat-arrow);transition:translate var(--chat-fill) cubic-bezier(.22, 1, .36, 1);position:absolute}.chat[data-hover=gray]{--hv-bg:var(--chat-hover-fill);--hv-border:var(--chat-hover-border);--hv-text:var(--chat-hover-text)}.chat[data-hover=invert]{--hv-bg:var(--paper);--hv-border:var(--paper);--hv-text:var(--ink-900)}.chat[data-hover=ghost]{--hv-border:#f5f5f559}.chat[data-hover=lift]{--hv-bg:var(--chat-hover-fill);--hv-border:var(--chat-hover-border);--hv-text:var(--chat-hover-text);--hv-y:-3px}.chat[data-hover=arrow]{--hv-arrow:5px}@media (hover:hover){.chat:hover:not(.is-playing):not(.is-morph) .chat__body{color:var(--hv-text,var(--paper));translate:0 var(--hv-y,0px)}.chat:hover:not(.is-playing):not(.is-morph) .chat__pill{background-color:var(--hv-bg,transparent);border-color:var(--hv-border,var(--paper))}.chat:hover:not(.is-playing):not(.is-morph) .chat__arrow{translate:var(--hv-arrow,0px) 0}}.chat:focus-visible{outline-offset:4px;border-radius:999px}.chat:focus-visible:not(.is-playing) .chat__body{color:var(--hv-text,var(--paper))}.chat:focus-visible:not(.is-playing) .chat__pill{background-color:var(--hv-bg,transparent);border-color:var(--hv-border,var(--paper))}.chat.is-playing .chat__text,.chat.is-morph .chat__text{opacity:0;transition:opacity var(--chat-collapse) ease var(--chat-delay), left var(--chat-shape-ms) var(--chat-shape-ease) var(--chat-shape-delay)}.chat.is-morph .chat__text{transition:opacity .12s}.chat.is-morph .chat__body{transition:color .12s}.chat.is-morph .chat__pill{transition:background-color .12s,border-color .12s}.chat.is-white .chat__body{color:var(--ink-900)}.chat.is-white .chat__pill{background-color:var(--paper);border-color:var(--paper)}.chat.is-filled .chat__text,.chat.is-pressed .chat__text{opacity:1}.chat.is-pressed .chat__body{transition:scale .12s cubic-bezier(.3,0,.2,1);scale:.94}.chat.is-exit .chat__body{translate:var(--chat-exit-x) 0;opacity:0;transition:translate var(--chat-exit) var(--chat-exit-ease), opacity var(--chat-exit) ease}.chat.is-fadein .chat__body,.chat.is-fadein .chat__text,.chat.is-fadein .chat__pill{transition:none}.chat.is-fadein .chat__body{animation:chat-in var(--chat-fade-in) ease both}@keyframes chat-in{0%{opacity:0}}@media (max-width:640px){.chat{--chat-h:30px;--chat-arrow:16px;--chat-gap:5px;--chat-pad-l:15px;font-size:14px}}.cta{z-index:1;padding-block:var(--cta-top-d,230px) var(--cta-bottom-d,102px);color:var(--paper);position:relative}.cta__title{font-size:var(--text-display);line-height:1.2}.cta__line{white-space:nowrap;display:block}.cta__subtitle{font-size:var(--text-body);color:var(--text-muted);margin:17px 0 35px;line-height:1.4}@media (max-width:640px){.cta{padding-block:var(--cta-top-m,84px) var(--cta-bottom-m,27px)}.cta__subtitle{margin:14px 0 22px}}.project-open{z-index:1000;position:fixed;inset:0}.project-open__dim{opacity:0;background:#000;position:absolute;inset:0}.project-open__card{will-change:clip-path;position:absolute;inset:0}.project-open__frame{position:absolute;overflow:hidden}.project-open__content{transform-origin:50%;will-change:transform, opacity;position:absolute;top:50%;left:50%;overflow:hidden}.project-open__shade{z-index:1;position:absolute;inset:0}.project-open__frame>canvas{width:100%;height:100%}.project-open__title{text-wrap:balance;will-change:transform, opacity;margin:0;position:absolute}.project-open__momo{z-index:1001;pointer-events:none;transform-origin:50%;position:fixed}:root[data-po]::view-transition-old(root){mix-blend-mode:normal;animation:none}:root[data-po]::view-transition-new(root){mix-blend-mode:normal;animation:none}:root[data-po]::view-transition-group(po-momo){animation-duration:var(--po-ms);animation-timing-function:var(--po-ease)}:root[data-po]::view-transition-old(po-momo){animation-duration:var(--po-ms);height:100%}:root[data-po]::view-transition-new(po-momo){animation-duration:var(--po-ms);height:100%}:root[data-po=slide]::view-transition-new(root){clip-path:inset(0 round var(--po-slide-radius) 0 0 var(--po-slide-radius));animation-name:vt-sheet-left,vt-square;animation-duration:var(--po-slide-dur), calc(var(--po-slide-dur) * .2);animation-delay:var(--po-slide-delay), calc(var(--po-slide-delay) + var(--po-slide-dur) * .8);animation-timing-function:var(--po-slide-ease), ease-out;animation-fill-mode:both}:root[data-po=slide]::view-transition-old(root){--vt-back-dist:var(--po-slide-drift);--vt-back-out-opacity:var(--po-slide-opacity);animation:vt-drift-left var(--po-slide-out-dur) var(--po-slide-ease) var(--po-slide-out-delay) both}.fl-host{pointer-events:none;position:absolute;inset:0}.fl-stage{transform:scale(var(--fl-scale,1));transform-origin:0 0;--fl-k:1;position:absolute;top:0;left:0}.fl-phone{z-index:2;height:var(--h);aspect-ratio:434/884;position:absolute}.fl-phone:before{content:"";background:#f1f1f1;border-radius:17%/8%;position:absolute;inset:1.19% 2.954% 1.2% 3.1843%;box-shadow:0 26px 50px #3c2c1c33,0 6px 14px #3c2c1c1a,0 0 0 1px #281e1414}.fl-phone video,.fl-phone:after{border-radius:15.385%/7.096%;width:89.862%;height:95.645%;position:absolute;top:2.1719%;left:5.1843%}.fl-phone video{object-fit:cover;background:#f1f1f1}.fl-phone:after{content:"";box-shadow:inset 0 0 0 1.5px #f1f1f1}.fl-desk{z-index:1;width:var(--w);aspect-ratio:3/2;background:#fff;border-radius:12px;position:absolute;overflow:hidden;box-shadow:0 26px 50px #3c2c1c33,0 6px 14px #3c2c1c1a,0 0 0 1px #281e1414}.fl-desk video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fl-tag{z-index:3;width:var(--tw);transform-origin:50% calc(-1 * var(--hang,120px));animation:fl-sway var(--sway-dur,6.5s) ease-in-out infinite;position:absolute}.fl-tag img{filter:drop-shadow(0 18px 18px #46321e33)drop-shadow(0 3px 4px #46321e1f);width:100%;display:block}.fl-tag i{height:var(--hang,120px);background:var(--cord) 50% 100% / 100% auto no-repeat;position:absolute;bottom:100%;left:0;right:0}@keyframes fl-sway{0%,to{rotate:-2.2deg}50%{rotate:2.2deg}}.fl-phone,.fl-desk{transition:translate calc(1.1s * var(--fl-k)) cubic-bezier(.2, .8, .2, 1) var(--d)}.fl-tag{transition:translate calc(1.3s * var(--fl-k)) cubic-bezier(.3, 1.25, .5, 1) var(--d)}.fl-stage:not(.is-in) :is(.fl-phone,.fl-desk,.fl-tag){transition:none}.fl-stage:not(.is-in) .fl-phone{translate:0 110%}.fl-stage:not(.is-in) .fl-desk{translate:110%}.fl-stage:not(.is-in) .fl-tag{translate:0 -125%}.fl-stage.is-out .fl-tag{transition:translate calc(.9s * var(--fl-k)) cubic-bezier(.55, 0, .8, .2) 0s;translate:0 -125%}.fl-stage.is-out .fl-desk{transition:translate calc(.9s * var(--fl-k)) cubic-bezier(.55, 0, .8, .2) calc(.15s * var(--fl-k));translate:110%}.fl-stage.is-out .fl-phone{transition:translate calc(.9s * var(--fl-k)) cubic-bezier(.55, 0, .8, .2) calc(.3s * var(--fl-k));translate:0 110%}@media (prefers-reduced-motion:reduce){.fl-tag{animation:none}.fl-stage :is(.fl-phone,.fl-desk,.fl-tag){transition:none}}[data-font=sf] .mt-card{--study-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif}[data-font=beatrice] .mt-card{--study-font:"Beatrice", system-ui, sans-serif}[data-font=avenir] .mt-card{--study-font:"Avenir Next", Avenir, system-ui, sans-serif}[data-font=helvetica] .mt-card{--study-font:"Helvetica Neue", Helvetica, Arial, sans-serif}[data-font=serif] .mt-card{--study-font:ui-serif, "New York", Georgia, serif}.mt-src{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mt-card{--ease:cubic-bezier(.22, 1, .36, 1);--dur:.9s;--navy:#123a5c;--accent:#4f9cf9;--screen-font:var(--study-font,Inter, -apple-system, system-ui, sans-serif);isolation:isolate;contain:layout paint;position:relative;overflow:clip}.mt-stage{transform:scale(var(--z,1));transform-origin:0 0;color:var(--navy);position:absolute;top:0;left:0}.mt-stage>*{position:absolute}.mt-ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1em;height:1em}.mt-el{opacity:0;transform-origin:0 0;width:0;height:0;transition:opacity var(--dur) var(--ease) var(--dl,0s), transform var(--dur) var(--ease) var(--dl,0s)}[data-el=momo]{z-index:5;opacity:1;transform:none}[data-el=watch]{z-index:4;transform:translateY(170px)}[data-el=phone]{z-index:3;--dl:.12s;transform:translateY(-170px)}.p-dev [data-el=watch],.p-dev [data-el=phone]{opacity:1;transform:none}.p-exit [data-el=watch],.p-exit [data-el=phone]{--dl:.3s}.mt-dev{transform-origin:0 0;position:absolute;top:0;left:0}.mt-scr-in,.mt-scr-out{transition:opacity .6s}.mt-scr-out,.p-out .mt-scr-in{opacity:0}.p-out .mt-scr-out{opacity:1}.p-exit .mt-scr-in{opacity:0;transition:none}.p-exit .mt-scr-out{opacity:1;transition:none}.mt-out,.mc-watch__screen>.mt-scr-in{position:absolute;inset:0}.mt-ws-note{color:#b0b0b5;margin-top:4px;font-size:10.5px}.mt-card .mc-watch__screen{top:calc(184px * var(--k));height:calc(490px * var(--k))}.mt-phone{filter:drop-shadow(0 24px 40px #00000029);position:absolute}.mt-phone>*{position:absolute;top:0;left:0}.mt-pv{object-fit:fill;width:100%;height:100%;display:block;-webkit-mask:url(/work/momo/flows/phone-mask.png) 0 0/100% 100% no-repeat;mask:url(/work/momo/flows/phone-mask.png) 0 0/100% 100% no-repeat}.mt-momo{transform:translate(var(--aw-x,0px), var(--aw-y,0px)) scale(var(--aw-s,1));transition:transform var(--t-open,.7s) var(--ease);position:absolute}.p-sleep .mt-momo{transform:translate(var(--sl-x,0px), var(--sl-y,0px)) scale(var(--sl-s,1));transition-duration:var(--t-close,.7s)}.p-out .mt-momo{transform:translate(var(--ou-x,0px), var(--ou-y,0px)) scale(var(--ou-s,1))}.mt-face{width:100%;height:100%;transition:opacity var(--t-open,.7s) ease, filter var(--t-open,.7s) ease;display:block;position:absolute;inset:0}.p-sleep .mt-face{transition-duration:var(--t-close,.7s)}.mt-face--asleep{opacity:0}.p-sleep .mt-face--asleep{opacity:1}.p-sleep .mt-face--awake{opacity:0}[data-momo-fx=bounce] .p-sleep .mt-momo{animation:receive calc(var(--t-close,.7s) * 1.4) cubic-bezier(.34, 1.56, .64, 1)}[data-momo-fx=bounce] .p-out .mt-momo{animation:wake calc(var(--t-open,.7s) * 1.4) cubic-bezier(.34, 1.56, .64, 1)}@keyframes receive{35%{scale:1.07}}@keyframes wake{35%{scale:1.09}}[data-momo-fx=blur] .mt-face--asleep,[data-momo-fx=blur] .p-sleep .mt-face--awake{filter:blur(8px)}[data-momo-fx=blur] .p-sleep .mt-face--asleep{filter:none}[data-momo-fx=blink] .p-sleep .mt-momo{animation:blink var(--t-close,.7s) ease-in-out}[data-momo-fx=blink] .p-out .mt-momo{animation:blink var(--t-open,.7s) ease-in-out}[data-momo-fx=blink] .mt-face{transition-duration:calc(var(--t-open,.7s) * .25);transition-delay:calc(var(--t-open,.7s) * .3)}[data-momo-fx=blink] .p-sleep .mt-face{transition-duration:calc(var(--t-close,.7s) * .25);transition-delay:calc(var(--t-close,.7s) * .3)}@keyframes blink{40%{scale:1.05 .84}}[data-momo-fx=dip] .p-sleep .mt-momo{animation:dip var(--t-close,.7s) var(--ease)}[data-momo-fx=dip] .p-out .mt-momo{animation:dip var(--t-open,.7s) var(--ease)}@keyframes dip{45%{scale:.9}}[data-momo-fx=cut] .mt-face{transition:none}.mt-hb{z-index:1;pointer-events:none;opacity:0;transition:opacity .45s;top:0;left:0;overflow:visible}.mt-hb path{fill:none;stroke-linecap:round;stroke-linejoin:round}.mt-hb-base{stroke:#fff;stroke-width:2.4px;stroke-dasharray:100 100;stroke-dashoffset:100px;transition:stroke-dashoffset var(--draw,1.3s) cubic-bezier(.45, 0, .25, 1) .1s, stroke .6s;filter:drop-shadow(0 0 4px #fffc)}.mt-hb-live{stroke:#fff;stroke-width:3.4px;stroke-dasharray:8 92;opacity:0;filter:drop-shadow(0 0 6px #fff)}.mt-card--m .mt-hb-base{stroke-width:2.2px}.mt-card--m .mt-hb-live{stroke-width:3px}.p-dev .mt-hb{opacity:1}.p-line-watch .mt-hb-base[data-role=watch],.p-line-phone .mt-hb-base[data-role=phone]{stroke-dashoffset:0}.p-in .mt-hb-base{stroke:#ffffffa6}.p-in.p-lines-in .mt-hb-live{opacity:1;animation:1.6s linear infinite hb-run}.p-out .mt-hb{opacity:0}@keyframes hb-run{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.mt-orbit{z-index:6;width:0;height:0;font-size:calc(12px * var(--cs))}.mt-pill{width:var(--w-in,auto);font-family:var(--screen-font);white-space:nowrap;color:var(--navy);-webkit-backdrop-filter:blur(14px)saturate(1.35);will-change:transform;opacity:0;transition:opacity .6s var(--ease) calc(var(--i) * 90ms), scale .7s var(--ease) calc(var(--i) * 90ms), width .5s var(--ease) calc(var(--i) * 70ms);background:#ffffff61;border:1px solid #ffffffb3;border-radius:99px;grid-template-columns:100%;padding:.42em .8em .42em .6em;font-weight:500;display:grid;position:absolute;top:0;left:0;scale:.7;box-shadow:0 6px 18px #14508224,inset 0 1px #fff9}.p-in .mt-pill{opacity:1;scale:1}.p-out .mt-pill{width:var(--w-out,auto)}.p-exit .mt-pill{transition-delay:calc((7 - var(--i)) * 50ms)}.mt-pill>span{width:max-content;transition:opacity .5s ease, filter .5s ease, translate .5s var(--ease);transition-delay:calc(var(--i) * 70ms);grid-area:1/1;justify-self:center;align-items:center;gap:.4em;display:flex}.mt-pill__out{opacity:0;filter:blur(4px);translate:0 .4em}.p-out .mt-pill__in{opacity:0;filter:blur(4px);translate:0 -.4em}.p-out .mt-pill__out{opacity:1;filter:none;translate:none}.mt-pill .mt-ico{width:1.2em;height:1.2em;translate:0 var(--pill-icon-y,0px)}.mt-pill>span>span{position:relative}.mt-pill__in .mt-ico{color:var(--accent)}.mt-pill__out .mt-ico{color:#0a7bd6}[data-motion=off] .mt-card *,[data-motion=off] .mt-card :before,[data-motion=off] .mt-card :after{animation-play-state:paused!important}[data-motion=off] .mt-card .mt-out *{animation:none!important}@media (prefers-reduced-motion:reduce){.mt-card *,.mt-card :before,.mt-card :after{transition:none!important;animation:none!important}}@font-face{font-family:Inter;src:url(/fonts/Inter-var-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}.case .insights{align-items:center;gap:var(--section-content-gap,36px);height:auto;min-height:100svh;padding-block:var(--section-pad-top,110px) var(--section-pad-bottom,72px);flex-direction:column;display:flex;overflow:visible}.insights__heading{width:min(100%, var(--case-reading,680px))}.mc-stage{--accent:#4f9cf9;--tt:.7s;--momo-x:68%;--momo-y:258%;--momo-size:97%;--screen-font:Inter, -apple-system, system-ui, sans-serif;width:100%;max-width:825px;height:calc(611px * var(--mc-scale,1.1));justify-content:center;display:flex}.mc-devices{width:750px;height:611px;transform:scale(var(--mc-scale,1.1));transform-origin:top;flex-shrink:0;align-items:center;display:flex}.mc-watch__screen,.mc-phone__screen{font-family:var(--screen-font);letter-spacing:-.01em}.mc-watch{--k:calc(260 / 540);--mc-device-shadow:drop-shadow(0 18px 30px #00000024);--mc-reveal-i:0;z-index:2;width:260px;height:calc(860px * var(--k));filter:var(--mc-device-shadow);flex-shrink:0;position:relative}.mc-watch__img{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mc-watch:before,.mc-watch:after{content:"";pointer-events:none;position:absolute;inset:0}.mc-watch:before{z-index:3;background:var(--mc-watch-strap,#d6ccc4);-webkit-mask:url(/work/momo/devices/watch-strap-mask.png) 50%/100% 100% no-repeat;mask:url(/work/momo/devices/watch-strap-mask.png) 50%/100% 100% no-repeat}.mc-watch:after{z-index:4;background:url(/work/momo/devices/watch-strap-shading.png) 50%/100% 100% no-repeat}.mc-watch__screen-fill{z-index:0;left:calc(68px * var(--k));top:calc(184px * var(--k));width:calc(403px * var(--k));height:calc(491px * var(--k));background:#000;position:absolute}.mc-watch__screen{z-index:1;left:calc(72px * var(--k));top:calc(193px * var(--k));width:calc(396px * var(--k));height:calc(479px * var(--k));color:#fff;background:#000;border-radius:22%/18%;font-size:11px;line-height:1.3;position:absolute;overflow:hidden}.mc-left{--mc-reveal-i:0;z-index:2;flex-shrink:0;justify-content:center;align-items:center;width:260px;height:100%;display:flex;position:relative}.mc-phone{--k:calc(300 / 874);--mc-device-shadow:drop-shadow(0 24px 40px #00000029);--mc-reveal-i:2;z-index:2;width:300px;height:calc(1780px * var(--k));filter:var(--mc-device-shadow);flex-shrink:0;position:relative}.mc-phone__img{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mc-phone__screen{z-index:1;left:calc(46px * var(--k));top:calc(39px * var(--k));width:calc(784px * var(--k));height:calc(1702px * var(--k));border-radius:calc(113px * var(--k));isolation:isolate;color:#1f2a2e;background:#000;font-size:11px;position:absolute;overflow:hidden}.mc-phone:before{content:"";z-index:0;left:calc(40px * var(--k));top:calc(33px * var(--k));width:calc(794px * var(--k));height:calc(1714px * var(--k));border-radius:calc(120px * var(--k));background:#000;position:absolute}.mc-island{z-index:4;left:calc(437.5px * var(--k));top:calc(61px * var(--k));width:calc(250px * var(--k));height:calc(74px * var(--k));margin-left:calc(-125px * var(--k));border-radius:calc(37px * var(--k));pointer-events:none;background:#000;position:absolute;overflow:hidden}.mc-island__lens{z-index:5;left:calc(515px * var(--k));top:calc(87px * var(--k));width:calc(22px * var(--k));height:calc(22px * var(--k));box-shadow:inset 0 0 0 calc(2px * var(--k)) #0b0c12;pointer-events:none;background:radial-gradient(circle at 40% 38%,#2b3350 0 18%,#0d1020 40%,#050608 70%);border-radius:50%;position:absolute}.mc-island__momo{left:calc(var(--island-x) * var(--k));top:calc(var(--island-y) * var(--k));width:calc(56px * var(--k));height:calc(56px * var(--k));opacity:0;position:absolute}.mc-island__momo img{object-fit:contain;width:100%;height:100%;animation:2.4s ease-in-out infinite mc-island-bob}@keyframes mc-island-bob{50%{translate:0 calc(-3px * var(--k))}}.mc-island:is([data-state=send],[data-state=nudge]){animation:4s linear both mc-island}.mc-island:is([data-state=send],[data-state=nudge]) .mc-island__momo{animation:4s linear both mc-island-momo}@keyframes mc-island{0%,10%{left:calc(437.5px * var(--k));top:calc(61px * var(--k));width:calc(250px * var(--k));height:calc(74px * var(--k));margin-left:calc(-125px * var(--k));border-radius:calc(37px * var(--k))}10%{animation-timing-function:cubic-bezier(.34,1.45,.5,1)}23.75%,87.5%{left:calc(423.5px * var(--k));top:calc(59px * var(--k));width:calc(290px * var(--k));height:calc(78px * var(--k));margin-left:calc(-145px * var(--k));border-radius:calc(39px * var(--k))}87.5%{animation-timing-function:cubic-bezier(.34,1.45,.5,1)}to{left:calc(437.5px * var(--k));top:calc(61px * var(--k));width:calc(250px * var(--k));height:calc(74px * var(--k));margin-left:calc(-125px * var(--k));border-radius:calc(37px * var(--k))}}@keyframes mc-island-momo{0%,13.75%{opacity:0;animation-timing-function:cubic-bezier(.34,1.45,.5,1);transform:scale(.3)}26.25%,75%{opacity:1;transform:translateY(0)scale(1)}75%{animation-timing-function:cubic-bezier(.3,.7,.4,1)}79.5%{opacity:1;transform:translateY(calc(-6px * var(--k))) scale(1.05, .96);animation-timing-function:cubic-bezier(.55,0,.85,.35)}90%,to{opacity:1;transform:translateY(calc(88px * var(--k))) scale(.96, 1.06)}}.mc-link{--mc-reveal-i:1}.insights :is(.mc-watch,.mc-left,.mc-link,.mc-phone){opacity:1;filter:var(--mc-device-shadow,none);transition:opacity var(--mc-reveal-duration,.8s) cubic-bezier(.16, 1, .3, 1), transform var(--mc-reveal-duration,.8s) cubic-bezier(.16, 1, .3, 1), filter var(--mc-reveal-duration,.8s) cubic-bezier(.16, 1, .3, 1);transition-delay:calc(var(--mc-reveal-i) * var(--mc-reveal-stagger,.18s));will-change:transform, opacity;transform:none}.insights[data-reveal-ready]:not([data-seen]) :is(.mc-watch,.mc-left,.mc-link,.mc-phone){opacity:0}.insights[data-from=below]{--mc-reveal-y:56px}.insights[data-from=above]{--mc-reveal-y:-56px}.insights[data-reveal-ready]:not([data-seen])[data-device-reveal=rise\ together] :is(.mc-watch,.mc-left,.mc-link,.mc-phone){--mc-reveal-i:0;transform:translate3d(0, var(--mc-reveal-y,56px), 0)}.insights[data-reveal-ready]:not([data-seen])[data-device-reveal=split\ sides] :is(.mc-watch,.mc-left){--mc-reveal-i:0;transform:translate(-90px)rotate(-3deg)}.insights[data-reveal-ready]:not([data-seen])[data-device-reveal=split\ sides] .mc-link{--mc-reveal-i:0;transform-origin:50%;transform:scaleX(0)}.insights[data-reveal-ready]:not([data-seen])[data-device-reveal=split\ sides] .mc-phone{--mc-reveal-i:0;transform:translate(90px)rotate(3deg)}.insights[data-reveal-ready]:not([data-seen])[data-device-reveal=scale\ in] :is(.mc-watch,.mc-left,.mc-phone){--mc-reveal-i:0;transform:scale(.9)}.insights[data-reveal-ready]:not([data-seen])[data-device-reveal=scale\ in] .mc-link{--mc-reveal-i:0;transform:scaleX(.55)}.insights[data-reveal-ready]:not([data-seen])[data-device-reveal=focus] :is(.mc-watch,.mc-left,.mc-phone){--mc-reveal-i:0;filter:blur(12px) var(--mc-device-shadow);transform:scale(.96)}.insights[data-reveal-ready]:not([data-seen])[data-device-reveal=focus] .mc-link{--mc-reveal-i:0;filter:blur(8px);transform:scaleX(.7)}.insights[data-reveal-ready]:not([data-seen])[data-device-reveal=handoff] :is(.mc-watch,.mc-left){transform:translate(-52px,18px)scale(.96)}.insights[data-reveal-ready]:not([data-seen])[data-device-reveal=handoff] .mc-link{transform-origin:0;transform:scaleX(0)}.insights[data-reveal-ready]:not([data-seen])[data-device-reveal=handoff] .mc-phone{transform:translate(70px,24px)scale(.96)}.insights[data-seen] :is(.mc-watch,.mc-left,.mc-link,.mc-phone),.insights[data-device-reveal=still] :is(.mc-watch,.mc-left,.mc-link,.mc-phone){opacity:1;filter:var(--mc-device-shadow,none);transform:none}.insights[data-resetting] :is(.mc-watch,.mc-left,.mc-link,.mc-phone){transition:none}@media (prefers-reduced-motion:reduce){.insights :is(.mc-watch,.mc-left,.mc-link,.mc-phone){opacity:1;filter:var(--mc-device-shadow,none);transition:none;transform:none}}.mc-link{z-index:1;flex-shrink:0;width:190px;height:120px;position:relative}.mc-trace{opacity:0;width:calc(100% + 26px);max-width:none;height:100%;transition:opacity .45s;position:absolute;top:0;left:-20px;overflow:visible}.mc-trace path{fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.mc-trace{--beat:#53bffe}.mc-trace__base{stroke:#53bffe73;stroke-dasharray:100 100;stroke-dashoffset:100px;filter:drop-shadow(0 0 4px #53bffe73);transition:stroke-dashoffset 0s .45s}.mc-trace__live{stroke:var(--beat);stroke-width:2.6px;stroke-dasharray:8 92;opacity:0;filter:drop-shadow(0 0 6px var(--beat))}.mc-link:is([data-state=send],[data-state=nudge]) .mc-trace{opacity:1}.mc-link:is([data-state=send],[data-state=nudge]) .mc-trace__base{stroke-dashoffset:0;transition:stroke-dashoffset 1.3s cubic-bezier(.45,0,.25,1) .1s}.mc-link:is([data-state=send],[data-state=nudge]) .mc-trace__live{opacity:1;transition:opacity .3s 1.4s;animation:1.6s linear 1.4s infinite mc-trace}.mc-link[data-out] .mc-trace__live{opacity:0;transition:none;animation:none}.mc-link[data-out] .mc-trace__base{stroke-dashoffset:-100px;transition:stroke-dashoffset 1.3s cubic-bezier(.45,0,.25,1)}@keyframes mc-trace{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.mc-trace{opacity:1}.mc-trace__base{stroke-dashoffset:0}}.mc-screen{position:absolute;inset:0}.mc-screen--entering{z-index:1;animation:mc-screen-in var(--tt) cubic-bezier(.2,.8,.2,1) both}.mc-screen--leaving{z-index:0;pointer-events:none;animation:mc-screen-out var(--tt) ease both}@keyframes mc-screen-in{0%{opacity:0;filter:blur(8px);transform:translateY(10px)scale(.985)}}@keyframes mc-screen-out{to{opacity:0;filter:blur(6px)}}.mc-watch{--tt:.233s}@keyframes mc-fade-in{0%{opacity:0}}@keyframes mc-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes mc-beat{50%{scale:1.35}}.mc-w{text-align:center;flex-direction:column;align-items:center;height:100%;padding:30px 14px 12px;display:flex;position:relative}.mc-w--center{justify-content:center;padding-top:22px}.mc-time{color:#fff;font-size:11px;font-weight:600;position:absolute;top:13px;right:20px}.mc-watch__head{z-index:2;pointer-events:none;position:absolute;inset:0}.mc-logo{left:var(--logo-x,22px);top:var(--logo-y,13px);align-items:center;gap:var(--logo-gap,calc(19px * 2.4 / 19.8));color:var(--logo-color,#fff);scale:var(--logo-scale,1);transform-origin:0;line-height:1;display:flex;position:absolute}.mc-logo__mark{flex:none;width:19px;height:auto}.mc-logo__mark>path{stroke-width:var(--logo-outline,4.5)}.mc-logo__mark g>path:last-child{stroke-width:var(--logo-smile,3.4)}.mc-logo__word{aspect-ratio:423/174;width:36.2727px;translate:0 var(--logo-text-y,0px);background:currentColor;flex:none;-webkit-mask:url(/work/momo/hero/momo-type.png) 50%/contain no-repeat;mask:url(/work/momo/hero/momo-type.png) 50%/contain no-repeat}.mc-title{text-wrap:balance;margin-top:6px;font-size:14px;font-weight:600;line-height:1.15}.mc-body{color:#b0b0b5;text-wrap:balance;margin-top:3px;font-size:10.5px;line-height:1.3}.mc-momo{width:64px;height:64px;position:relative}.mc-momo img{object-fit:contain;width:100%;height:100%;animation:2.4s ease-in-out infinite mc-bob}@keyframes mc-bob{50%{translate:0 -4px}}.mc-heart{color:#fff;background:#ff6b81;border-radius:50%;place-items:center;width:20px;height:20px;animation:.55s ease-in-out infinite mc-beat;display:grid;position:absolute;top:2px;right:-4px}.mc-momo--sm{width:46px;height:46px;margin-top:4px}.mc-momo--sm .mc-heart{width:16px;height:16px;top:0;right:-5px}.mc-signals{text-align:left;gap:4px;margin-top:8px;display:grid}.mc-signals div{color:#c7c7cc;white-space:nowrap;animation:.5s both mc-fade-in;animation-delay:calc(var(--i) * .45s + .4s);align-items:center;gap:6px;font-size:10.5px;display:flex}.mc-signals svg{color:var(--accent);flex-shrink:0}.mc-signals div:first-child svg{color:#ff6b81}.mc-fly img{animation:.93s cubic-bezier(.6,0,.3,1) .1s both mc-fly}@keyframes mc-fly{45%{translate:0 -6px;scale:1.05}to{opacity:0;translate:160% -30%;scale:.5}}.mc-trail{gap:5px;margin:-8px 0 4px;display:flex}.mc-trail i{background:var(--accent);border-radius:50%;width:4px;height:4px;animation:.5s infinite alternate both mc-fade-in}.mc-trail i:nth-child(2){animation-delay:.25s}.mc-trail i:nth-child(3){animation-delay:.5s}.mc-bubble{color:#fff;text-align:left;text-wrap:pretty;background:#1c1c1e;border-radius:16px;padding:9px 11px;font-size:12px;line-height:1.25;animation:.6s .2s both mc-rise;position:relative}.mc-bubble:after{content:"";border:6px solid #0000;border-top-color:#1c1c1e;border-bottom:0;position:absolute;bottom:-6px;left:22px}.mc-small{object-fit:contain;align-self:flex-start;width:40px;height:40px;margin:8px 0 0 8px;animation:3s ease-in-out infinite mc-bob}.mc-lock{left:calc(-46px * var(--k));top:calc(-39px * var(--k));width:calc(874px * var(--k));height:calc(1780px * var(--k));position:absolute;container-type:inline-size}.mc-lock__bg{width:100%;height:100%;position:absolute;inset:0}.mc-note{-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);color:#10243a;letter-spacing:-.01em;background:linear-gradient(120deg,#0000 35%,#ffffff38 52%,#0000 70%),linear-gradient(135deg,#e2f3ffbd,#d0e7fca8 55%,#d6f0ffbd);border-radius:5cqw;grid-template-columns:7.8cqw 1fr;column-gap:2.7cqw;padding:3.3cqw 3.5cqw 3.4cqw 2.7cqw;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,system-ui,sans-serif;font-size:3.6cqw;line-height:1.25;animation:.7s cubic-bezier(.22,1,.36,1) .3s both mc-note-in;display:grid;position:absolute;top:36%;left:8.15%;right:8.15%;box-shadow:0 1.5cqw 5.5cqw #0a3c7829}.mc-note:before,.mc-note:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.mc-note:before{-webkit-mask-composite:xor;background:conic-gradient(from 90deg,#ffffff0f 0%,#ffffff1f 4%,#ffffff6b 7%,#ffffff24 11%,#ffffff0a 25%,#ffffff0f 39.5%,#fff3 43%,#ffffff29 50%,#fff3 53.5%,#ffffff8c 57%,#ffffff2e 62%,#ffffff0d 75%,#ffffff0f 90%,#ffffff42 93%,#ffffff14 97%,#ffffff0f 100%);padding:.26cqw;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.mc-note:after{box-shadow:inset 0 0 1.6cqw .3cqw #ffffff6b;-webkit-mask:linear-gradient(135deg,#000,#00000026 35%,#0000001a 70%,#0009);mask:linear-gradient(135deg,#000,#00000026 35%,#0000001a 70%,#0009)}@keyframes mc-note-in{0%{opacity:0;translate:0 -24px;scale:.96}}.mc-note__icon{background:url(/work/momo/intro/momo-open.webp) var(--momo-x) var(--momo-y) / var(--momo-size) no-repeat, linear-gradient(#fff, #e2eefa);border-radius:2.1cqw;grid-row:1/3;width:7.8cqw;height:7.8cqw;box-shadow:0 .25cqw 1.5cqw #1446821a}.mc-note__row{align-items:baseline;gap:1.5cqw;display:flex}.mc-note__app{color:#4d6a88;font-weight:600}.mc-note__time{color:#6d87a3;margin-left:auto}.mc-note__copy{text-align:start;grid-column:2}.mc-note__title{margin:.15cqw 0 0;font-size:4.05cqw;font-weight:700}.mc-note__text{color:#41617f;margin:.2cqw 0 0}.mc-note__actions{grid-column:1/-1;gap:1.6cqw;max-height:0;margin-top:0;animation:.6s cubic-bezier(.22,1,.36,1) 1.4s forwards mc-note-open;display:grid;overflow:hidden}@keyframes mc-note-open{to{max-height:30cqw;margin-top:3cqw}}.mc-note__actions span{text-align:center;background:#ffffffb3;border-radius:3.6cqw;padding:2.4cqw;font-weight:500;position:relative}.mc-note__actions span:first-child{color:#0a7bd6;animation:.5s 2.7s both mc-note-tap}@keyframes mc-note-tap{50%{background:#fff;scale:.97}}.mc-cursor{pointer-events:none;opacity:0;background:#1e222c38;border-radius:50%;width:8cqw;height:8cqw;margin:-4cqw 0 0 -4cqw;animation:1.2s cubic-bezier(.3,.7,.3,1) 2.4s both mc-cursor-tap;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 .3cqw #ffffff8c,0 1cqw 3cqw #0000001f}@keyframes mc-cursor-tap{0%{opacity:0;translate:10cqw 6cqw;scale:1}35%{opacity:1;translate:0;scale:1}45%{background:#1e222c52;scale:.78}58%{opacity:1;scale:1}to{opacity:0;translate:0;scale:1.15}}@media (max-width:800px){.case .insights{gap:var(--section-content-gap,24px);padding-inline:24px}}@media (prefers-reduced-motion:reduce){.mc-stage *,.mc-stage :before,.mc-stage :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.mt-host{pointer-events:none;position:absolute;inset:0}.mt-host>.mt-card{width:100%;height:100%}.works{--works-card-radius:var(--works-card-radius-d);color:var(--ink-900);isolation:isolate;position:relative}.works__bg{z-index:-1;background:var(--paper);clip-path:var(--works-clip,inset(0));will-change:clip-path;position:absolute;inset:0}.works__inner{padding:var(--works-first-d) 0 var(--works-last-d);position:relative}.works__eyebrow{inset-inline:0;top:var(--label-top-d);display:flex;position:absolute}.works__list{gap:var(--works-gap-d);justify-items:center;margin:0;padding:0;list-style:none;display:grid}@property --focus-scale{syntax:"<number>";inherits:false;initial-value:1}.works__list>li{scale:var(--focus-scale,1);width:min(867px,100% - 2*clamp(41px,10.25vw,206px))}.works__list[data-focus=trigger]>li{transition:scale var(--focus-ms,.6s) var(--ease-out)}.works__card{aspect-ratio:867/493;border-radius:var(--works-card-radius);contain:layout paint;position:relative;overflow:clip;box-shadow:0 0 54.5px 16px #17171726}@media (hover:hover) and (pointer:fine){.works__card{transition:scale var(--works-hover-ms,.45s) var(--ease-out)}.works__card:hover{scale:var(--works-hover-scale,1.03)}}@media (prefers-reduced-motion:reduce){.works__card{transition:none}}.works__mesh{border-radius:inherit;pointer-events:none;position:absolute;inset:0}canvas.works__mesh{width:100%;height:100%}.works__title{--title-size:var(--works-title-d);--title-x:45px;--title-y:35px}.works__title-mobile{display:none}li:last-child>.works__card .card-shade{--shade-start:72.5%;--shade-end:95.45%;opacity:.78}@media (max-width:640px){.works{--works-card-radius:var(--works-card-radius-m)}.works__inner{padding:var(--works-first-m) 0 var(--works-last-m)}.works__eyebrow{top:var(--label-top-m)}.works__list{gap:var(--works-gap-m)}.works__list>li{width:calc(100% - 2 * var(--works-card-margin-m));container-type:inline-size}.works__card{aspect-ratio:var(--works-card-ratio-m)}.works__title{--title-size:min(var(--works-title-m), calc((100cqi - 32px) / 13.4));--title-x:16px;--title-y:16px;white-space:nowrap}.works__title-desktop{display:none}.works__title-mobile{display:inline}}.works[data-touch-landing] .works__inner{padding-top:var(--works-touch-first)}.works[data-touch-landing] .works__eyebrow{top:var(--works-touch-label-top)}.works__eyebrow{font-size:var(--label-size-d)}.works__eyebrow[data-align-label=center]{justify-content:center}[data-fit-measuring] .works__eyebrow{justify-content:flex-start}.works__eyebrow svg{width:var(--label-arrow);height:var(--label-arrow);translate:0 var(--label-arrow-y,0px)}@media (max-width:640px){.works__eyebrow{font-size:var(--label-size-m)}}html[data-works-snap=proximity]{scroll-snap-type:y proximity}html[data-works-snap=mandatory]{scroll-snap-type:y mandatory}html[data-works-snap] .landing{scroll-snap-align:start}html[data-works-snap] .works__card{scroll-snap-align:center}html[data-works-snap] body:has(.works) .footer{scroll-snap-align:end}.works__card-link{z-index:2;border-radius:inherit;position:absolute;inset:0}.works__card-link:focus-visible{outline:2px solid var(--ink-900);outline-offset:4px}.works__title:has(.is-editable){z-index:3}.works__title .is-editable{pointer-events:auto;cursor:text;-webkit-user-select:text;user-select:text}.ecowall{pointer-events:none;overflow:hidden}.ecowall__glow{aspect-ratio:1;opacity:.9;width:70%;position:absolute}.ecowall__glow--a{background:radial-gradient(closest-side, var(--glow-a) 45%, transparent);top:-25%;left:-15%}.ecowall__glow--b{background:radial-gradient(closest-side, var(--glow-b) 45%, transparent);bottom:-35%;right:-20%}.ecowall__wall{transform-origin:50%;position:absolute;inset:0}.ecowall__tile{border-radius:var(--tile-radius,16px);background:linear-gradient(160deg, rgb(255 255 255/calc(var(--glass-fill,.17) + .12)), rgb(255 255 255/var(--glass-fill,.17)));box-shadow:inset 0 1px 0 rgb(255 255 255/var(--glass-edge,.42)), inset 0 0 0 1px rgb(255 255 255/calc(var(--glass-edge,.42) * .55)), 0 10px 24px #3c2d1e14;will-change:transform;position:absolute;top:0;left:0}.ecowall__sprite{background-repeat:no-repeat;background-size:600% 600%;position:absolute;inset:0}html[data-works-snap][data-scroll-feel=none]{scroll-snap-type:none}html[data-works-snap][data-scroll-feel=proximity]{scroll-snap-type:y proximity}html[data-works-snap]:is([data-scroll-feel=mandatory],[data-scroll-feel=stop]){scroll-snap-type:y mandatory}html[data-works-snap][data-scroll-feel=stop] .works__card,html[data-works-snap][data-works-no-skip] :is(.landing,.works__card){scroll-snap-stop:always}.hero__intro.work-intro-stickers__p{font-size:var(--intro-size-d,var(--text-body));line-height:var(--intro-leading,1.2);position:relative}.hero .hero__intro.work-intro-stickers__p[data-art-pending]{visibility:hidden;animation-play-state:paused}.ws-hl{z-index:1;pointer-events:none;mix-blend-mode:difference;position:absolute;inset:0}.ws-hl>span{background:#fff;position:absolute}@media (max-width:640px){.hero__intro.work-intro-stickers__p{font-size:var(--intro-size-m,var(--text-body))}}.hero__intro.work-intro-stickers__p:not([data-flow=wrap]){max-width:none}.ws-line{white-space:nowrap;width:max-content;display:block}.hero__intro.work-intro-stickers__p[data-align=center]{flex-direction:column;align-items:center;max-width:none;margin-inline:0;display:flex}.ws-pill{--accent:#b8d0ee;--art-pad:calc(1.2em + var(--gap,0em) + var(--ends,0em));--text-pad:calc(.15em + var(--ends,0em));vertical-align:baseline;height:var(--pill-height,1.28em);max-width:100%;padding:0 var(--text-pad) 0 var(--art-pad);background:var(--pill,#2b2b2b);color:inherit;font:inherit;line-height:var(--pill-height,1.28em);letter-spacing:inherit;white-space:nowrap;text-align:left;cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;transition:padding .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1),line-height .3s cubic-bezier(.2,.8,.2,1),background-color .25s ease-out;display:inline-block;position:relative}.ws-pill[data-side=right]{padding:0 var(--art-pad) 0 var(--text-pad)}.work-intro-stickers__p .ws-pill,.work-intro-stickers__p .ws-pill *{-webkit-user-select:none;user-select:none}.ws-pill:hover,.ws-pill:focus-visible{background:color-mix(in srgb, var(--pill,#2b2b2b), var(--tint,var(--accent)) 14%)}.ws-pill:focus-visible{border-radius:999px}@media (prefers-reduced-motion:reduce){.ws-pill{transition:none}}.work-intro-stickers__p:not([data-hl]) .ws-pill:has(.sticker-ghost){z-index:3}.ws-pill-art{pointer-events:none;position:absolute;inset:0}.ws-pill-art .sticker-art{z-index:2;top:50%;left:calc(var(--ends,0em) - .05em);width:1.2em;height:1.2em;transform:rotate(var(--tilt)) scale(var(--icon-scale,1));filter:drop-shadow(0 2px 1px #0005);place-items:center;margin-top:-.6em;display:grid;position:absolute}.ws-pill-art .sticker-art[data-side=right]{left:auto;right:calc(var(--ends,0em) - .05em)}.ws-pill-art .sticker-art svg{width:100%;height:100%;display:block;overflow:visible}.ws-pill-art .sticker-art img{--edge:calc(var(--ws-outline,var(--outline,2.5)) * .025em);object-fit:contain;width:100%;height:100%;filter:drop-shadow(var(--edge) 0 0 #f7f5f0) drop-shadow(calc(var(--edge) * -1) 0 0 #f7f5f0) drop-shadow(0 var(--edge) 0 #f7f5f0) drop-shadow(0 calc(var(--edge) * -1) 0 #f7f5f0)}.ws-pill-art .sticker-art .die-cut{stroke:#f7f5f0;stroke-width:var(--ws-outline,var(--outline,2.5));paint-order:stroke fill}.ws-pill-art .sticker-art .art-fill{fill:var(--art-fill,var(--accent))}.ws-pill-art .sticker-art .art-detail{color:color-mix(in srgb, var(--accent) 35%, #152330)}.ws-pill-art .sticker-art .art-light{color:#fff}.ws-pill-text{vertical-align:top;max-width:100%;display:inline-block;position:relative;overflow:clip}.ws-pill-text:is([data-letters=Wave],[data-letters=Arc],[data-letters=Zoom],[data-letters=Elastic],[data-letters=Bloom],[data-letters=Sway],[data-letters=Hop],[data-letters=Punch],[data-letters=Tilt],[data-letters=Melt],[data-letters=Twirl],[data-letters=Spin],[data-letters=Tumble],[data-letters=Pinwheel],[data-letters=Barrel],[data-letters=Hinge]){overflow:clip visible}.ws-pill-text:is([data-letters=Flip],[data-letters=Hinge],[data-letters=Turn],[data-letters=Coin],[data-letters=Barrel],[data-letters=Domino]){perspective:4em}.ws-pill-text .sticker-char{white-space:pre;display:inline-block}.ws-pill-text .sticker-ghost{pointer-events:none;position:absolute}@media (max-width:640px),(hover:none) and (pointer:coarse){.work-intro-stickers__p .ws-line{min-width:var(--ws-line-width,auto)}}.sig-root{width:var(--sig-w);height:var(--sig-h);transform:translate(var(--sig-offset-x), var(--sig-offset-y)) scale(var(--sig-scale,1));transform-origin:calc(var(--sig-offset-x) * -1) 50%;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;display:block;position:relative}.sig-root:focus-visible{outline-offset:6px;outline:2px solid}.sig-canvas{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sig-fallback{width:100%;height:100%;position:absolute;inset:0}.sig-fallback__img{object-fit:contain;object-position:left center;clip-path:inset(0 100% 0 0);width:100%;height:100%;transition:clip-path var(--sig-wipe-ms,1.2s) cubic-bezier(.22, 1, .36, 1);display:block}.sig-fallback__img.is-drawn{clip-path:inset(0 0% 0 0)}@media (prefers-reduced-motion:reduce){.sig-fallback__img{transition:none!important}}.landing{min-height:calc(100svh - var(--works-peek,var(--peek-d)));flex-direction:column;display:flex}.hero{flex-direction:column;flex:1;justify-content:center;padding-block:100px 90px;display:flex}.hero__title{font-size:var(--text-display);line-height:1.2}.hero__title em{font-style:italic;font-weight:600}.hero__tagline{color:var(--text-muted)}.hero__intro{max-width:517px;font-size:var(--text-body);margin-top:var(--gap-title-intro-d);line-height:1.2}.hero__intro+.hero__intro{margin-top:var(--gap-intro-intro-d)}.hero .hero__intro.work-intro-stickers__p,.hero__role{font-size:calc(var(--intro-size-d,var(--text-body)) * var(--hero-body-fit,1))}.hero__role{margin-top:var(--gap-intro-role-d);color:var(--text-muted);white-space:pre-line;line-height:1.2}.hero__signature{margin-top:var(--gap-role-sig-d)}@media (max-width:640px){.landing{min-height:calc(100svh - var(--works-peek,var(--peek-m)))}.hero__title{font-size:calc(var(--text-display) * var(--hero-title-fit,1));white-space:nowrap}.hero .hero__intro.work-intro-stickers__p,.hero__role{font-size:calc(var(--intro-size-m,var(--text-body)) * var(--hero-body-fit,1))}.hero{--column-inset:24px;padding-block:24px 50px}.hero__intro{max-width:260px;margin-top:var(--gap-title-intro-m)}.hero__intro+.hero__intro{margin-top:var(--gap-intro-intro-m)}.hero__role{margin-top:var(--gap-intro-role-m);white-space:pre}.hero__signature{margin-top:var(--gap-role-sig-m)}}.work .hero[data-align]{left:var(--hero-center-x,0px)}.work .hero[data-align]>:not(.hero__signature){left:var(--hero-text-x,0px);position:relative}[data-fit-measuring] .work .hero[data-align]>:not(.hero__signature),.work[data-fit-measuring] .hero[data-align]>:not(.hero__signature){left:0}.hero{z-index:1;position:relative}.hero[data-mobile-frame]>*{flex-shrink:0}.hero[data-mobile-frame]{transition:none!important}@media (max-height:480px) and (pointer:coarse){.hero[data-mobile-frame] .hero__title{font-size:min(24px,5vh)}.hero[data-mobile-frame] :is(.hero__intro.work-intro-stickers__p,.hero__role){margin-top:8px;font-size:min(14px,3vh)}.hero[data-mobile-frame] .hero__signature{margin-top:8px;--sig-w:150px!important;--sig-h:32px!important;--sig-scale:1!important}}
