:root{--color-text: #3b414a;--color-muted: #9aa6b8;--color-link: #4979f4;--color-rule: #cfd9e6;--color-ink: #24282e;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Zalando Sans", "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--text-sm: 14px;--leading-tight: 1.25;--leading-body: 1.694;--link-underline-duration: .45s}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--color-text);background:#fff}#app{min-height:100vh}.text-link,.work-title-link{text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:transparent;transition:text-decoration-color var(--link-underline-duration) ease}.text-link{color:var(--color-link)}.text-link:hover{text-decoration-color:color-mix(in srgb,var(--color-link) 42%,transparent)}.work-title-link{color:inherit}.work-title-link:hover{text-decoration-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.view-landing{padding-bottom:520px;background-color:#fff;transition:background-color .5s ease}.view-landing.is-about{background-color:var(--color-ink)}.landing-header{padding:32px 48px 0}.landing-name-abbr{display:block;margin:0;min-height:32px;cursor:default}.is-about .landing-name-abbr{cursor:pointer}.landing-inner{padding:0 48px;margin-top:120px}.landing-hero{display:flex;flex-direction:column;gap:48px;max-width:1029px}.landing-hero-photo-wrap{position:relative;width:145px;height:145px;flex-shrink:0}.landing-hero-photo{display:block;width:145px;height:145px;border-radius:50%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .5s ease}.landing-hero-photo--dark{opacity:0}.is-about .landing-hero-photo:not(.landing-hero-photo--dark){opacity:0}.is-about .landing-hero-photo--dark{opacity:1}.landing-hero-text{max-width:90%}.landing-headline{margin:0;font-family:var(--font-display);font-size:48px;font-weight:600;line-height:normal;color:#000;transition:color .4s ease}.is-about .landing-headline{color:#fced69}.landing-more-btn{display:inline-block;vertical-align:middle;position:relative;top:-2px;margin-left:1.5rem;background:var(--color-ink);color:#fff;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-tight);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;white-space:nowrap;transition:background-color .4s ease,color .4s ease,opacity .2s ease}.landing-more-btn:hover{background:#fced69;color:var(--color-ink)}.landing-more-btn.no-hover:hover{background:var(--color-ink);color:#fff}.is-about .landing-more-btn{background:#fced69;color:var(--color-ink)}.landing-work{margin-top:80px;display:flex;flex-direction:column;gap:64px;max-width:652px;transition:opacity .3s ease,visibility .3s ease}.is-about .landing-work{opacity:0;visibility:hidden;height:0;margin-top:0;overflow:hidden}.landing-section{display:flex;flex-direction:column;gap:48px}.landing-section-label{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-tight);color:#000}.work-table{display:flex;flex-direction:column;gap:16px}.work-row{display:flex;align-items:flex-start;justify-content:space-between}.work-row-main{display:flex;align-items:flex-start;gap:40px;min-width:0;flex:1;line-height:var(--leading-tight)}.work-year{flex:0 0 64px;font-size:var(--text-sm);color:var(--color-text)}.work-titles{display:flex;align-items:baseline;gap:12px;font-size:var(--text-sm);min-width:0;line-height:var(--leading-tight)}.work-category{font-family:var(--font-mono);font-weight:300;color:var(--color-muted)}.work-client{flex-shrink:0;text-align:right;font-size:var(--text-sm);line-height:var(--leading-tight);color:var(--color-text)}.work-client--narrow{width:104px}.work-client--wide{width:160px}.work-rule{height:1px;background:var(--color-rule);width:100%}.landing-about-panel{opacity:0;visibility:hidden;height:0;overflow:hidden;transition:opacity .4s ease .2s,visibility .4s ease .2s}.is-about .landing-about-panel{opacity:1;visibility:visible;height:auto;overflow:visible}.landing-about-bio{max-width:60%;margin-top:80px}.about-bio-p{margin:0;font-family:var(--font-mono);font-size:16px;font-weight:400;line-height:normal;color:#fced69}.about-bio-p+.about-bio-p{margin-top:1.25em}.about-bio-p em{font-style:italic}.landing-about-contact{margin-top:48px;display:flex;align-items:center;gap:39px}.about-contact-email{font-family:var(--font-mono);font-size:16px;font-weight:400;line-height:normal;color:#fced69;text-decoration:none;transition:opacity .2s ease}.about-contact-email:hover{opacity:.75}.about-contact-x{display:flex;align-items:center;gap:12px;text-decoration:none;transition:opacity .2s ease}.about-contact-x:hover{opacity:.75}.about-x-icon{color:#fced69;flex-shrink:0}.about-x-handle{font-family:var(--font-mono);font-size:16px;font-weight:400;line-height:normal;color:#fced69}.view-cs{overflow-x:hidden}.cs-bg-panel{position:fixed;left:0;right:0;bottom:0;background:#fff;z-index:0;opacity:0;transition:opacity .4s ease}.cs-img-wrapper{position:fixed;bottom:0;left:2rem;right:calc(clamp(254px,20vw,354px) + 80px);overflow:hidden}.cs-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}.cs-rive-panel{margin:0 auto;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.cs-rive-canvas{display:block;pointer-events:auto;touch-action:none}.cs-sidebar{position:fixed;right:48px;bottom:0;width:clamp(254px,20vw,354px);display:flex;flex-direction:column;gap:24px;z-index:200}.cs-sidebar-spacer{flex:1}.cs-caption{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:300;line-height:1.5;color:var(--color-text);opacity:0;transition:opacity .5s ease}.cs-counter{margin:0;padding-bottom:32px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:300;color:var(--color-text)}.cs-counter-num{display:inline-block;min-width:1ch;text-align:right;font-variant-numeric:tabular-nums}.cs-back-btn{display:inline-flex;align-items:center;background:none;border:none;cursor:pointer;padding:0;color:var(--color-text);transition:opacity .2s ease}.cs-back-btn:hover{opacity:.55}.cs-back-icon{display:block;width:20px;height:auto}.cs-info{display:flex;flex-direction:column;gap:24px}.cs-info-head{display:flex;flex-direction:column;gap:2px}.cs-info-title{margin:0;font-size:var(--text-sm);font-weight:700;line-height:var(--leading-tight);color:var(--color-text)}.cs-info-type{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:300;line-height:var(--leading-tight);color:var(--color-muted)}.cs-info-desc{margin:0;font-size:var(--text-sm);line-height:1.4;color:var(--color-text)}.cs-info-try{margin:0}.cs-not-found{padding:128px 48px}.landing-name-text{display:none}@media(max-width:768px){.landing-header{padding:28px 20px 0}.landing-name-abbr{display:none}.landing-name-text{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);line-height:var(--leading-tight)}.is-about .landing-name-text{color:#fced69;cursor:pointer}.landing-inner{padding:0 20px;margin-top:48px}.landing-hero{flex-direction:column;gap:20px}.landing-hero-photo-wrap{width:64px;height:64px;flex-shrink:0}.landing-hero-photo{width:64px;height:64px}.landing-hero-text{max-width:100%}.landing-headline{font-size:32px}.landing-more-btn{padding:4px 10px;margin-left:.75rem}.work-year{display:none}.work-row-main{gap:0}.work-titles{flex-direction:column;align-items:flex-start;gap:2px}.landing-section{gap:24px}.landing-work{margin-top:56px}.landing-about-bio{max-width:100%;margin-top:48px}.about-bio-p{font-size:var(--text-sm)}.landing-about-contact{flex-direction:column;align-items:flex-start;gap:20px}.about-contact-email,.about-x-handle{font-size:var(--text-sm)}}.csm-root{-webkit-overflow-scrolling:touch;overscroll-behavior:none}.csm-info{position:sticky;top:0;z-index:1;background:#fff;padding:0 20px}.csm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 0 16px;border-bottom:1px solid var(--color-rule)}.csm-header-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.csm-header-title{font-size:var(--text-sm);font-weight:600;line-height:var(--leading-tight);color:var(--color-text)}.csm-header-category{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:300;line-height:var(--leading-tight);color:var(--color-muted)}.csm-header-client{flex-shrink:0;font-size:var(--text-sm);line-height:var(--leading-tight);color:var(--color-text);text-align:right}.csm-description{padding:24px 0}.csm-desc-text{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--color-text)}.csm-try-link{display:inline-block;margin-top:12px}.csm-images{position:relative;z-index:2;background:#fff;display:flex;flex-direction:column;gap:16px;padding:0}.csm-img-wrap{display:flex;flex-direction:column;gap:8px}.csm-media{display:block;width:100%;object-fit:cover}.csm-rive-panel{margin:0 auto;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.csm-rive-canvas{display:block;pointer-events:auto;touch-action:none}.csm-caption{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:300;line-height:1.5;color:var(--color-text);padding:0 20px}.csm-scroll-pad{position:relative;z-index:2;background:#fff;height:95px}.csm-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;height:71px;background:var(--color-ink);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.csm-nav{display:flex;align-items:center;gap:4px}.csm-nav-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;width:40px;height:40px;padding:0;cursor:pointer;transition:opacity .2s ease;-webkit-tap-highlight-color:transparent}.csm-nav-btn:active{opacity:.6}.csm-nav-btn--disabled{opacity:.25;pointer-events:none}.csm-menu-btn{background:transparent;color:#fff;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-tight);padding:8px 16px;border:1px solid rgba(255,255,255,.25);border-radius:5px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease}.csm-menu-btn:active{opacity:.7}.csm-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:71px;z-index:90;background:#fff;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column}.csm-menu-overlay--open{transform:translateY(0)}.csm-menu-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 20px}.csm-menu-content .landing-section{gap:24px}.csm-menu-content .landing-section+.landing-section{margin-top:40px}.csm-menu-content .work-year{display:none}.csm-menu-content .work-row-main{gap:0}.csm-menu-content .work-titles{flex-direction:column;align-items:flex-start;gap:2px}@media(prefers-reduced-motion:reduce){.text-link,.work-title-link,.landing-more-btn,.landing-about-panel,.landing-work,.landing-hero-photo,.landing-headline,.landing-name-abbr,.view-landing,.csm-menu-overlay,.csm-nav-btn,.csm-menu-btn{transition:none}}