:root{--bg: #f5f5f5;--ink: #2a2a2a;--ink-70: rgba(42, 42, 42, .7);--accent: #206cf9;--accent-border: #0048ca;--btn-text: #fff;--headline-dim: var(--ink-70);--headline-strong: var(--ink);--social-bg: var(--bg);--social-border: #fff;--panel-shadow: 0 0 0 1px rgba(222, 222, 222, 1), 0 1px 1px rgba(150, 150, 150, .1), 0 2px 2px rgba(150, 150, 150, .09), 0 5px 3px rgba(173, 173, 173, .05), 0 8px 3px rgba(150, 150, 150, .01);--panel-shadow-soft: 0 1px 1px rgba(150, 150, 150, .1), 0 2px 2px rgba(150, 150, 150, .09), 0 5px 3px rgba(173, 173, 173, .05), 0 8px 3px rgba(150, 150, 150, .01);--player-icon-muted: #a6a6a6;--nav-bg: rgba(247, 247, 248, .95);--nav-border: #fff;--menu-bg: #f7f7f8;--menu-border: rgba(222, 222, 222, 1);--menu-shadow: inset 0 2px 0 #fff;--icon-filter: none;--muted: #676767;--panel-bg: rgba(255, 255, 255, .8);--player-surface: #f9f9f9;--player-art-bg: #fff;--track-bg: rgba(209, 209, 209, .5);--track-fill: #0077ff;--case-ink: #353535;--case-title: var(--case-ink);--case-body: #707070;--case-frame-border: #dedede;--case-frame-bg: transparent;--card-stroke: rgba(0, 0, 0, .15);--theme-duration: 0ms;--theme-ease: cubic-bezier(.4, 0, .2, 1);--section-gap: 160px;color-scheme:light}:root[data-theme=dark]{--bg: #1e1e1e;--ink: #f8f8dd;--ink-70: rgba(248, 248, 221, .7);--accent: #f97020;--accent-border: #bf4c0a;--btn-text: #f8f8dd;--headline-dim: rgba(248, 248, 221, .7);--headline-strong: #f8f8dd;--social-bg: #202020;--social-border: #454545;--panel-shadow: 0 0 0 1px rgba(22, 22, 22, 1);--panel-shadow-soft: 0 1px 2px rgba(0, 0, 0, .35);--player-icon-muted: rgba(248, 248, 221, .45);--nav-bg: rgba(32, 32, 32, .95);--nav-border: #454545;--menu-bg: #202020;--menu-border: #454545;--menu-shadow: 0 0 0 1px rgba(22, 22, 22, 1);--icon-filter: brightness(0) invert(1);--btn-gloss-opacity: .2;--muted: rgba(248, 248, 221, .55);--panel-bg: rgba(32, 32, 32, .8);--player-surface: #262626;--player-art-bg: #262626;--track-bg: rgba(248, 248, 221, .15);--track-fill: var(--accent);--case-ink: #f8f8dd;--case-body: rgba(248, 248, 221, .7);--case-frame-border: #454545;--case-frame-bg: #202020;color-scheme:dark}:root[data-theme=dark].case-page{--bg: #131416;--case-title: #fff;--case-body: rgba(255, 255, 255, .7);--case-frame-bg: #151618;--case-frame-border: rgba(255, 255, 255, .06);--case-ink: #fff;--nav-bg: rgba(29, 30, 33, .95);--nav-border: rgba(255, 255, 255, .04);--social-bg: rgba(29, 30, 33, .95);--social-border: rgba(255, 255, 255, .04);--panel-shadow: 0 0 0 1px #0f0f0f;--menu-bg: rgba(29, 30, 33, .95);--menu-border: rgba(255, 255, 255, .04);--menu-shadow: 0 0 0 1px #0f0f0f;--accent: #206cf9;--accent-border: #0048ca;--btn-text: #fff;--ink: #fff;--ink-70: rgba(255, 255, 255, .7);--muted: #676767}:root[data-theme=dark].case-page[data-study=camb]{--bg: #121212;--nav-bg: rgba(23, 23, 23, .95);--social-bg: rgba(23, 23, 23, .95);--menu-bg: rgba(23, 23, 23, .95)}:root[data-theme=dark].case-page .footer__link{color:#fff}:root[data-theme=dark].case-page .footer__link:hover,:root[data-theme=dark].case-page .footer__link:focus-visible{color:#ffffffb3}:root[data-theme=dark].case-page .case__back:hover,:root[data-theme=dark].case-page .site-nav__jump:hover{color:#ffffffb3}:root[data-theme=dark].case-page .site-nav__logo,:root[data-theme=dark].case-page .site-nav__theme img{filter:brightness(0) invert(1)}:root[data-theme=dark].case-page .case__tag--green{background:#ccffb01f;color:#ccffb0}:root[data-theme=dark].case-page .case__tag--blue{background:#8ebaff1f;color:#8ebaff}:root[data-theme=dark].case-page .case__tag--pink{background:#ff94cb1f;color:#ff94cb}*{box-sizing:border-box}[hidden]{display:none!important}html.theme-instant *,html.theme-instant *:before,html.theme-instant *:after{transition:none!important}::view-transition-old(root),::view-transition-new(root){animation-duration:.26s;animation-timing-function:var(--theme-ease);mix-blend-mode:normal}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}#work,#about{scroll-margin-top:32px}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,Inter Tight,system-ui,sans-serif;text-transform:lowercase;transition:background-color var(--theme-duration) var(--theme-ease),color var(--theme-duration) var(--theme-ease)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:10;opacity:1;transition:opacity .4s ease,background-color var(--theme-duration) var(--theme-ease)}.loading-screen.is-hidden{opacity:0;pointer-events:none}.intro-seen .loading-screen{display:none}.intro-seen .hero{opacity:1}.loading-screen__frame{display:block;opacity:1;filter:var(--icon-filter);transition:opacity .15s ease}.loading-screen__frame.is-fading{opacity:.4}.hero{display:flex;justify-content:center;width:100%;padding:120px 80px calc(var(--section-gap) / 2);background:var(--bg);opacity:0;transition:opacity .4s ease,background-color var(--theme-duration) var(--theme-ease)}.hero.is-visible{opacity:1}.hero__content{display:flex;flex-direction:column;gap:23px;width:100%;max-width:600px}.hero__header{display:flex;flex-direction:column;gap:60px}.hero__logo{display:block}.hero__headline{margin:0;font-family:Inter Tight,Inter,sans-serif;font-weight:600;font-size:72px;line-height:1;letter-spacing:-.03em;color:var(--ink)}.headline-text{display:inline}.text-dim{color:var(--headline-dim)}.text-strong{color:var(--headline-strong)}.hero__line{display:flex;align-items:baseline;gap:12px;white-space:nowrap;flex-wrap:wrap}.hero__line--accent{margin-top:-.3em}.glitch{position:relative;display:inline-block;width:3.889em;height:1.25em;overflow:visible}.glitch__frame{position:absolute;bottom:-.25em;left:.069em;display:block;width:3.694em;height:auto;transform:translateY(0);opacity:1;filter:blur(0);transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .95s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.4,0,.2,1)}.glitch__frame.is-entering{transform:translateY(20px);opacity:0;filter:blur(4px)}@media (prefers-reduced-motion: reduce){.glitch__frame,.glitch__frame.is-entering{filter:none}}.hero__footer{display:flex;flex-direction:column;gap:20px}.hero__subtext{margin:0;width:600px;max-width:100%;font-size:16px;font-weight:500;line-height:1.35;letter-spacing:-.01em;color:var(--ink-70)}.hero__actions{display:flex;align-items:center;gap:12px}.btn-primary{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:8px 12px;border-radius:10px;background:var(--accent);border:1px solid var(--accent-border);color:var(--btn-text);font-family:Inter,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;overflow:hidden;transition:background-color var(--theme-duration) var(--theme-ease),border-color var(--theme-duration) var(--theme-ease),color var(--theme-duration) var(--theme-ease);box-shadow:0 1px 1px #0c30791a,0 2px 2px #0c307917,0 5px 3px #0c30790d,0 8px 3px #0c307903,inset 0 2px #ffffff40}.btn-primary:before{content:"";position:absolute;z-index:-1;top:1px;left:0;width:100%;height:16px;border-radius:100px;background:linear-gradient(to bottom,#fff,#ffffff80);opacity:var(--btn-gloss-opacity, .4);box-shadow:inset 0 1px .5px #ffffff4d;pointer-events:none}.social-links{display:flex;align-items:center;gap:8px}.social-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:var(--social-bg);border:1px solid var(--social-border);transition:background-color var(--theme-duration) var(--theme-ease),border-color var(--theme-duration) var(--theme-ease),box-shadow var(--theme-duration) var(--theme-ease);box-shadow:var(--panel-shadow)}.social-link img{width:16px;height:16px}.site-nav{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);display:flex;align-items:center;gap:18px;z-index:20;width:calc(100% - 32px);max-width:600px}.site-nav__home{display:inline-flex;align-items:center;padding:0;border:0;background:none;cursor:pointer;border-radius:6px;text-decoration:none;-webkit-tap-highlight-color:transparent}.site-nav__home:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-nav__pill{display:flex;align-items:center;justify-content:space-between;gap:32px;flex:1;min-width:0;height:48px;position:relative;padding:10px 8px;border-radius:14px}.site-nav__pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--nav-bg);border:1px solid var(--nav-border);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);box-shadow:var(--panel-shadow);transition:background-color var(--theme-duration) var(--theme-ease),border-color var(--theme-duration) var(--theme-ease),box-shadow var(--theme-duration) var(--theme-ease)}.site-nav__home,.site-nav__icons{position:relative;z-index:1}.site-nav__logo{display:block;margin-left:9px}.site-nav__theme{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:8px 12px;border-radius:10px;background:var(--menu-bg);border:1px solid var(--menu-border);box-shadow:var(--menu-shadow);cursor:pointer;transition:background-color var(--theme-duration) var(--theme-ease),border-color var(--theme-duration) var(--theme-ease),box-shadow var(--theme-duration) var(--theme-ease)}.site-nav__icons{display:flex;align-items:center;gap:8px;flex-shrink:0}.theme-locked .site-nav__theme{display:none}.site-nav__cat{position:absolute;left:66.4%;bottom:calc(100% - 1px);width:48px;height:36px;z-index:0;transform:translate(-50%);pointer-events:none}.site-nav__theme img{width:16px;height:16px}.case-studies{background:var(--bg);padding:calc(var(--section-gap) / 2) 0;transition:background-color var(--theme-duration) var(--theme-ease)}.embla__viewport{overflow:hidden;cursor:grab}.embla__viewport:active{cursor:grabbing}.embla__container{display:flex;gap:16px;touch-action:pan-y pinch-zoom;backface-visibility:hidden}.embla__slide{flex:0 0 min(640px,74vw);min-width:0;aspect-ratio:4 / 3}.embla__slide-link{display:block;height:100%;border-radius:24px;text-decoration:none;-webkit-tap-highlight-color:transparent}.embla__slide-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.embla__parallax{height:100%;border-radius:24px;overflow:hidden;background-color:var(--card-fill, #f2f2f2);border:1px solid var(--card-stroke)}.embla__parallax__layer{display:flex;justify-content:center;height:100%;will-change:transform}.embla__parallax__img{flex:0 0 120%;max-width:none;height:100%;object-fit:cover}.case-card__thumb{background-color:var(--card-fill, #f2f2f2);background-size:75%;background-repeat:no-repeat;background-position:center}.case-card__thumb--camb{background-image:url(/case-studies/card-camb.webp)}.case-card__thumb--hobbes{background-image:url(/case-studies/card-hobbes.webp)}.case-card__thumb--digit{background-image:url(/case-studies/card-digit.webp)}.case-card__thumb--sybill{background-image:url(/case-studies/card-sybill.webp)}.case-studies__info{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;width:min(640px,74vw);padding:0 12px;margin:24px auto 0}.case-studies__meta{display:flex;align-items:center;gap:12px}.case-studies__icon{display:block;width:50px;height:auto;margin-bottom:-11px}.case-studies__text{display:flex;flex-direction:column;gap:4px}.case-studies__title{margin:0;font-family:Inter Tight,Inter,sans-serif;font-weight:600;font-size:20px;line-height:24px;color:var(--ink)}.case-studies__subtitle{margin:0;font-family:Inter,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:var(--ink-70)}.case-studies__info{--case-swap-out: .26s}.case-studies__title,.case-studies__subtitle,.case-studies__icon{transition:opacity .48s cubic-bezier(.4,0,.2,1),filter .48s cubic-bezier(.4,0,.2,1)}.case-studies__text.is-swapping .case-studies__title,.case-studies__text.is-swapping .case-studies__subtitle,.case-studies__icon.is-swapping{opacity:0;filter:blur(3px);transition-duration:var(--case-swap-out),var(--case-swap-out);transition-timing-function:cubic-bezier(.4,0,.7,1),cubic-bezier(.4,0,.7,1)}@media (prefers-reduced-motion: reduce){.case-studies__text.is-swapping .case-studies__title,.case-studies__text.is-swapping .case-studies__subtitle,.case-studies__icon.is-swapping{filter:none}}.case-studies__link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:10px;background:var(--social-bg);border:1px solid var(--social-border);box-shadow:var(--panel-shadow);cursor:pointer;transition:background-color var(--theme-duration) var(--theme-ease),border-color var(--theme-duration) var(--theme-ease),box-shadow var(--theme-duration) var(--theme-ease)}.case-studies__link img{width:14px;height:14px}.about{position:relative;display:flex;flex-direction:column;align-items:center;gap:44px;padding:calc(var(--section-gap) / 2) 80px;background:var(--bg);overflow:hidden;transition:background-color var(--theme-duration) var(--theme-ease)}.about__trail{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.about__trail-img{position:absolute;top:0;left:0;width:180px;aspect-ratio:1;border-radius:14px;background-position:50% 50%;background-size:cover;opacity:0;will-change:transform,opacity}.about__copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:32px;width:100%;max-width:600px}.about .player{position:relative;z-index:2}.about__meta{display:flex;align-items:center;gap:16px;font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.02em;color:var(--muted)}.about__city{font-style:italic}.about__clock{font-variant-numeric:tabular-nums}.about__paragraphs{display:flex;flex-direction:column;gap:32px}.about__lead,.about__body{margin:0;font-size:18px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.about__lead,.about__body{color:var(--ink)}.about__link{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .22s ease,text-decoration-color .22s ease}.about__link:hover,.about__link:focus-visible{color:var(--accent)}.player{display:flex;flex-direction:column;gap:20px;width:100%;max-width:600px;padding:16px 20px;border-radius:20px;background:var(--panel-bg);border:1px solid var(--nav-border);box-shadow:var(--panel-shadow);transition:background-color var(--theme-duration) var(--theme-ease),border-color var(--theme-duration) var(--theme-ease),box-shadow var(--theme-duration) var(--theme-ease)}.player__bar{display:flex;align-items:center;justify-content:space-between;gap:20px}.player__lights{display:flex;align-items:center;gap:6px}.player__light{position:relative;width:11px;height:11px;border-radius:50%;border:1px solid;overflow:hidden}.player__light:after{content:"";position:absolute;top:0;left:0;right:0;height:7px;border-radius:100px;background:linear-gradient(180deg,#fff9,#ffffff4d);box-shadow:inset 0 1px .5px #ffffff4d}.player__light--red{background:#f3594b;border-color:#e93f30}.player__light--amber{background:#fbc354;border-color:#f2ad21}.player__light--green{background:#5dd54d;border-color:#47ac3a}.player__label,.player__open{font-size:16px;line-height:19px;font-weight:500;color:var(--muted)}.player__label,.player__open,.player__title,.player__artist{text-transform:lowercase}.player__open{text-decoration:none;opacity:0;transition:opacity .22s ease}.player:hover .player__open,.player__open:focus-visible{opacity:1}@media (hover: none){.player__open{opacity:1;padding:8px 0;margin:-8px 0}}.player__body{display:flex;flex-direction:column;gap:12px}.player__track{display:flex;align-items:center;gap:20px}.player__art{flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden;background:var(--player-art-bg);box-shadow:var(--panel-shadow-soft)}.player__art img{display:block;width:100%;height:100%;object-fit:cover}.player__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.player__title,.player__artist{margin:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__title{font-size:18px;line-height:20px;color:var(--ink)}.player__artist{font-size:14px;color:var(--muted)}.player__controls{display:flex;align-items:center;gap:7.111px;flex-shrink:0}.player__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--player-surface);border:1px solid var(--nav-border);box-shadow:var(--panel-shadow);color:var(--ink);transition:background-color var(--theme-duration) var(--theme-ease),border-color var(--theme-duration) var(--theme-ease),box-shadow var(--theme-duration) var(--theme-ease)}.player__btn{padding:0;cursor:pointer}.player__btn:hover{filter:brightness(.97)}.player__btn:active{transform:scale(.94)}.player__btn svg{width:14px;height:14px}.player__btn--prev{color:var(--player-icon-muted)}.player__icon--pause,.player.is-playing .player__icon--play{display:none}.player.is-playing .player__icon--pause{display:block}.player__progress{display:flex;align-items:center;gap:16px}.player__time{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--muted)}.player__scrubber{position:relative;flex:1;height:5px;border-radius:4px;background:var(--track-bg);overflow:hidden;cursor:pointer}.player__scrubber:before{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}.player__fill{position:relative;width:0%;height:100%;border-radius:9px;background:var(--track-fill);overflow:hidden}.player__fill:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(180deg,#fff6,#fff3)}.footer{display:flex;flex-direction:column;align-items:center;gap:44px;padding:calc(var(--section-gap) / 2) 80px 140px;background:var(--bg);transition:background-color var(--theme-duration) var(--theme-ease)}.footer__links{display:flex;flex-direction:column;align-items:center;gap:24px}.footer__link{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.02em;color:var(--muted);text-decoration:none;transition:color .22s ease}.footer__link:hover,.footer__link:focus-visible{color:var(--ink)}.footer__cta{letter-spacing:-.02em}.footer__copyright{margin:0;font-size:14px;font-weight:500;line-height:1.3;letter-spacing:-.02em;color:var(--muted)}@media (max-width: 680px){.hero{padding:80px 24px calc(var(--section-gap) / 2)}.hero__headline{font-size:44px;line-height:1.06}.hero__line--accent{margin-top:0}.glitch{height:1em}.glitch__frame{bottom:-.05em}.hero__line{row-gap:4px}.hero__subtext{font-size:17px}.embla__slide{flex-basis:86vw}.case-studies__info{width:86vw}.footer__link{padding:9px 12px;margin:-9px 0}.site-nav__home{padding:12px 0;margin:-12px 0}.about{padding:calc(var(--section-gap) / 2) 24px}.footer{padding:calc(var(--section-gap) / 2) 24px 140px}.player__track{flex-wrap:wrap;gap:12px}.player__controls{flex-basis:100%;justify-content:center}}.case{background:var(--bg);transition:background-color var(--theme-duration) var(--theme-ease)}.case__header{display:flex;align-items:flex-start;justify-content:center;gap:80px;padding:80px 240px}.case__back,.site-nav__back{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-weight:500;color:var(--case-ink);text-decoration:none;cursor:pointer;transition:background-color var(--theme-duration) var(--theme-ease),border-color var(--theme-duration) var(--theme-ease),box-shadow var(--theme-duration) var(--theme-ease),color .22s ease}.case__back{height:32px;padding:0 12px;border-radius:10px;font-size:16px;line-height:24px;background:var(--social-bg);border:1px solid var(--social-border);box-shadow:var(--panel-shadow)}.case__back:hover,.site-nav__back:hover{color:var(--ink)}.case__intro{display:flex;flex-direction:column;gap:16px;width:700px;max-width:100%}.case__heading{margin:0;font-size:18px;line-height:27px;font-weight:500;color:var(--case-title)}.case__intro-body,.case__overview{display:flex;flex-direction:column;gap:24px}.case__paragraph{margin:0;font-size:16px;line-height:24px;font-weight:500;color:var(--case-body)}.case__tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.case__tag{padding:8px 14px;border-radius:900px;border:0;font-size:14px;line-height:21px;font-weight:500;color:var(--case-ink);background:var(--case-frame-bg)}.case__tag--green{background:#ccffb080;color:#2a4e15}.case__tag--blue{background:#8ebaff4d;color:#143569}.case__tag--pink{background:#ff94cb4d;color:#731a4a}.case__media{display:flex;flex-direction:column;gap:24px;padding:24px 60px}.case__row{display:grid;gap:24px}.case__row--pair{grid-template-columns:1fr 1fr}.case__row--full{grid-template-columns:1fr}.case__row--text{display:flex;justify-content:center;padding:80px 0}.case__frame{position:relative;margin:0;border:1px solid var(--case-frame-border);border-radius:12px;overflow:hidden;background:var(--case-frame-bg);transition:border-color var(--theme-duration) var(--theme-ease),background-color var(--theme-duration) var(--theme-ease)}.case__row--pair .case__frame{aspect-ratio:648 / 520}.case__row--full .case__frame{aspect-ratio:1320 / 767}.case__frame--shot{border:0;background:none}.case__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.case__img--dark{opacity:0}:root[data-theme=dark] .case__img--light{opacity:0}:root[data-theme=dark] .case__img--dark{opacity:1}.site-nav--case{gap:0}.site-nav__jump{flex-shrink:0;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:var(--nav-bg);border:1px solid var(--nav-border);box-shadow:var(--panel-shadow);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);font-family:inherit;font-size:18px;line-height:27px;font-weight:500;text-transform:lowercase;color:var(--case-ink);text-decoration:none;white-space:nowrap;cursor:pointer;overflow:hidden;max-width:0;padding:0;border-width:0;opacity:0;pointer-events:none;transition:max-width .36s cubic-bezier(.22,1,.36,1),padding .36s cubic-bezier(.22,1,.36,1),margin .36s cubic-bezier(.22,1,.36,1),opacity .22s ease,background-color var(--theme-duration) var(--theme-ease),border-color var(--theme-duration) var(--theme-ease),box-shadow var(--theme-duration) var(--theme-ease),color .22s ease}#case-jump{margin-right:0}#case-next{margin-left:0}.site-nav--case[data-back=visible] #case-jump,.site-nav--case[data-next=visible] #case-next{max-width:200px;padding-left:20px;padding-right:20px;border-width:1px;opacity:1;pointer-events:auto}.site-nav--case[data-back=visible] #case-jump{margin-right:12px}.site-nav--case[data-next=visible] #case-next{margin-left:12px}.site-nav--playground{gap:0}.site-nav--playground .site-nav__jump{max-width:200px;padding-left:20px;padding-right:20px;margin-right:12px;border-width:1px;opacity:1;pointer-events:auto}.site-nav__jump:hover{color:var(--ink)}@media (prefers-reduced-motion: reduce){.site-nav__jump{transition:opacity .12s ease}}.site-nav__back{align-self:stretch;border-radius:14px;background:var(--nav-bg);border:1px solid var(--nav-border);box-shadow:var(--panel-shadow);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);font-size:18px;line-height:27px;white-space:nowrap;overflow:hidden;max-width:0;padding:0;margin-right:0;border-width:0;opacity:0;pointer-events:none;transition:max-width .36s cubic-bezier(.22,1,.36,1),padding .36s cubic-bezier(.22,1,.36,1),margin .36s cubic-bezier(.22,1,.36,1),opacity .22s ease,background-color var(--theme-duration) var(--theme-ease),border-color var(--theme-duration) var(--theme-ease),box-shadow var(--theme-duration) var(--theme-ease),color .22s ease}.site-nav--case[data-back=visible] .site-nav__back{max-width:200px;padding-left:20px;padding-right:20px;margin-right:12px;border-width:1px;opacity:1;pointer-events:auto}@media (prefers-reduced-motion: reduce){.site-nav__back{transition:opacity .12s ease}}@media (max-width: 1100px){.case__header{padding:80px 60px;gap:40px}}@media (max-width: 780px){.case__header{flex-direction:column;align-items:stretch;gap:24px;padding:60px 24px}.case__back{align-self:flex-start}.case__intro{width:100%}.case__media{gap:16px;padding:16px 16px 140px}.case__row{gap:16px}.case__row--pair{grid-template-columns:1fr}.case__row--text{padding:32px 8px}}@media (min-width: 1440px){.hero,.about,.footer{max-width:1480px;margin-inline:auto}.case__header,.case__media{max-width:1440px;margin-inline:auto}}.playground{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-flow:row dense;gap:24px;max-width:1440px;margin-inline:auto;padding:60px 60px 140px}.playground__tile{position:relative;margin:0;overflow:hidden;border-radius:12px}.playground__tile--wide{grid-column:span 2}.playground__img{display:block;width:100%;height:100%;object-fit:cover}@media (max-width: 780px){.playground{gap:16px;padding:24px 16px 140px;grid-template-columns:1fr}.playground__tile--wide{grid-column:span 1}}