.inline-media{display:inline-block;width:var(--inline-image-size);height:var(--inline-image-size);object-fit:cover;vertical-align:var(--inline-media-align);border-radius:var(--inline-image-radius)}.inline-media-icon{width:var(--inline-icon-size);height:var(--inline-icon-size);object-fit:contain;border-radius:0}.inline-phrase{appearance:none;display:inline;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:underline dotted;text-underline-offset:var(--link-underline-offset);text-decoration-thickness:var(--link-underline-width);cursor:pointer}.inline-phrase:hover,.inline-phrase[aria-expanded=true]{text-decoration-style:solid}.inline-phrase:focus-visible{outline:var(--focus-width) solid var(--color-ink);outline-offset:var(--focus-offset);border-radius:var(--radius-small)}.inline-popover{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:max-content;max-width:min(var(--popover-width),calc(100vw - 2 * var(--popover-edge)));max-height:calc(100dvh - 2 * var(--popover-edge));overflow:auto;overflow-wrap:anywhere;padding:var(--popover-padding);border:var(--popover-border-width) solid var(--popover-border-color);border-radius:var(--popover-radius);background:var(--color-paper);color:var(--color-text);box-shadow:var(--popover-shadow);font:var(--font-weight-reading) var(--popover-font-size)/var(--leading-compact) var(--font-reading);text-align:left;animation:inline-popover-in var(--motion-fade-duration) var(--motion-fade-easing)}.inline-popover:popover-open{display:block}.inline-popover-title{display:block;margin-bottom:var(--space-1);font-weight:var(--popover-title-weight)}@keyframes inline-popover-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.inline-popover{animation:none}}.project-reveal{opacity:0;transition:opacity var(--motion-reveal-duration) var(--motion-reveal-easing)}.project-reveal[data-visible=true]{opacity:1}@media(prefers-reduced-motion:reduce){.project-reveal{opacity:1;transition:none}}.project-pointer-description{position:fixed;top:0;left:0;z-index:var(--layer-pointer-description);pointer-events:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:var(--description-width, 280px);height:var(--description-height);max-width:calc(100vw - 2 * var(--pointer-description-edge));font:400 var(--text-caption-size)/var(--text-caption-leading) var(--font-reading);color:var(--color-text);-webkit-font-smoothing:antialiased;opacity:0;transition:opacity .18s ease}.project-pointer-description[data-visible=true]{opacity:1}.project-pointer-description[data-visible=false]{transition:opacity var(--cursor-fade-out) ease-out}.project-description-shell{position:absolute;inset:0;border-radius:20px;background:#ecececab;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.project-description-content,.project-description-measure{width:calc(100% - 32px)}.project-pointer-description[data-action=true] .project-description-content,.project-pointer-description[data-action=true] .project-description-measure{width:max-content;white-space:nowrap}.project-description-content{position:absolute;top:12px;left:16px}.project-description-heading{font-size:var(--text-caption-size);line-height:var(--text-caption-leading)}.project-description-content p,.project-description-measure p{margin:0;line-height:var(--text-caption-leading)}.project-description-measure{position:absolute;visibility:hidden;pointer-events:none}.project-description-current{animation:description-in var(--cursor-content-fade) ease both}.project-description-outgoing{animation:description-out var(--cursor-content-fade) ease both}@keyframes description-in{0%{opacity:0}to{opacity:1}}@keyframes description-out{0%{opacity:1}to{opacity:0}}@media(hover:none),(pointer:coarse){.project-pointer-description{display:none}}@media(prefers-reduced-motion:reduce){.project-pointer-description{transition-duration:var(--motion-pointer-reduced-duration)}.project-description-content{animation:none}.project-description-outgoing{display:none}}.draft-page,.draft-home,.story-preview,.draft-skip{--color-paper: #fff;--color-ink: #101011;--color-text: rgba(16, 16, 17, .94);--color-muted: #737373;--color-placeholder: #eee;--color-featured-placeholder: #f4f3f1;--color-control-hover: #e6e6e6;--color-overlay: rgba(255, 255, 255, .97);--font-reading: "Inter Draft", Inter, sans-serif;--font-weight-reading: 400;--text-caption-size: .875rem;--text-caption-leading: 1.125rem;--text-desktop: 1.75rem;--text-tablet: 1.5rem;--text-mobile: 1.25rem;--leading-desktop: 1.4285714286;--leading-compact: 1.5;--space-paragraph: 1.4285714286em;--space-preview-paragraph: 1em;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.25rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--space-section: 18.75rem;--space-section-mobile: 7.5rem;--space-section-fluid: clamp(7rem, 18vw, 15rem);--layout-content: 83rem;--layout-copy: 41rem;--layout-gutter: 2rem;--layout-gutter-mobile: 1.25rem;--intro-viewport-share: .9;--intro-min-space: var(--space-3);--intro-max-space: var(--space-section);--project-bottom-space: var(--space-section);--project-text-space: 6.25rem;--project-text-space-mobile: 3.75rem;--project-cover-radius: 1.28125rem;--project-cover-ratio: 1.2;--project-cover-scale: 1.1;--project-cover-width: calc(var(--layout-copy) * var(--project-cover-scale));--project-cover-edge: var(--space-3);--project-wide-ratio: 1328 / 791;--project-pair-ratio: 656 / 791;--project-center-ratio: 656 / 609;--project-stack-ratio: 656 / 492;--motion-reveal-duration: 1s;--motion-reveal-easing: ease-in-out;--motion-reveal-threshold: .04;--grid-gap: 1rem;--grid-gap-mobile: .75rem;--grid-wide-span: 48fr;--grid-narrow-span: 34fr;--media-wide-top: 768 / 640;--media-full: 1;--media-wide-bottom: 768 / 544;--media-narrow-top: 1;--media-narrow-bottom: 544 / 640;--radius-media: 1.5rem;--radius-media-mobile: 1.25rem;--radius-control: 50%;--radius-small: .5rem;--focus-width: 2px;--focus-offset: 5px;--link-underline-offset: .18em;--link-underline-width: .04em;--preview-padding: 3rem;--preview-height: min(65svh, 45rem);--preview-height-mobile: 55svh;--close-size: 2.75rem;--close-text-size: 1.75rem;--layer-skip: 30;--layer-pointer-description: 25;--layer-viewport-blur: 20;--viewport-blur-height: 13.1875rem;--viewport-blur-height-mobile: 7.9375rem;--viewport-blur-strength: 15px;--pointer-description-gap: 16px;--pointer-description-edge: 8px;--motion-pointer-reduced-duration: .1s;--motion-morph-duration: .65s;--motion-morph-easing: cubic-bezier(.22, 1, .36, 1);--inline-image-size: 1.5em;--inline-icon-size: 1em;--inline-media-align: -.2em;--inline-image-radius: .25em;--popover-width: 20rem;--popover-edge: 16px;--popover-gap: 12px;--popover-padding: var(--space-3);--popover-radius: var(--radius-media-mobile);--popover-font-size: 1rem;--popover-title-weight: 600;--popover-border-width: 1px;--popover-border-color: rgba(16, 16, 17, .08);--popover-shadow: 0 8px 32px rgba(16, 16, 17, .12);--motion-popover-close-delay: .16s;--motion-fade-duration: .18s;--motion-fade-easing: ease}@font-face{font-family:Inter Draft;src:url(/fonts/inter-latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}html.draft-page,.draft-page body{margin:0;background:var(--color-paper)}.draft-home,.draft-home *,.story-preview,.story-preview *,.draft-skip{box-sizing:border-box}.draft-home a,.draft-skip{color:inherit}.draft-page{scrollbar-gutter:stable}.draft-home,.story-preview{--draft-gap: var(--grid-gap);--draft-radius: var(--radius-media);--draft-placeholder: var(--color-placeholder);font-family:var(--font-reading);font-weight:var(--font-weight-reading);color:var(--color-text);font-feature-settings:"zero" 1,"ordn" 1;-webkit-font-smoothing:antialiased}.draft-home{--draft-width: var(--layout-content);--draft-copy-width: var(--layout-copy);width:calc(100% - 2 * var(--layout-gutter));max-width:var(--draft-width);margin-inline:auto}.draft-text{display:flex;justify-content:center}.draft-copy{width:var(--draft-copy-width);max-width:100%;font-size:var(--text-desktop);line-height:var(--leading-desktop)}.draft-copy h1,.draft-copy h2,.draft-copy p{font:inherit;letter-spacing:0;margin:0}.draft-intro{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(var(--intro-min-space),var(--intro-max-space)) max-content minmax(var(--intro-min-space),var(--intro-max-space));justify-items:center;height:calc(100vh * var(--intro-viewport-share));height:calc(100dvh * var(--intro-viewport-share));min-height:min-content;max-height:max-content}.draft-intro:before,.draft-intro:after{content:""}.draft-link{display:block;width:fit-content;margin-top:var(--space-paragraph);text-decoration:none;text-underline-offset:var(--link-underline-offset);text-decoration-thickness:var(--link-underline-width)}.draft-link:hover{text-decoration:underline}.draft-projects{display:grid;grid-template-columns:minmax(0,var(--grid-wide-span)) minmax(0,var(--grid-narrow-span));gap:var(--draft-gap);align-items:start;scroll-margin-top:var(--space-6)}.draft-project-column{display:flex;flex-direction:column;gap:var(--draft-gap)}.draft-project{appearance:none;display:block;position:relative;width:100%;overflow:visible;background:transparent;border:0;padding:0;border-radius:var(--draft-radius);cursor:pointer;-webkit-tap-highlight-color:transparent}.draft-project-surface{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit;background:var(--draft-placeholder)}.draft-project[data-format=full],.project-cover[data-format=full]{--media-ratio: var(--media-full)}.draft-project[data-format=full][data-height="25"],.project-cover[data-format=full][data-height="25"]{--media-ratio: 4}.draft-project[data-format=full][data-height="50"],.project-cover[data-format=full][data-height="50"]{--media-ratio: 2}.draft-project[data-format=full][data-height="75"],.project-cover[data-format=full][data-height="75"]{--media-ratio: 4 / 3}.draft-project[data-format=wide-top],.project-cover[data-format=wide-top]{--media-ratio: var(--media-wide-top)}.draft-project[data-format=narrow-top],.project-cover[data-format=narrow-top]{--media-ratio: var(--media-narrow-top)}.draft-project[data-format=wide-bottom],.project-cover[data-format=wide-bottom]{--media-ratio: var(--media-wide-bottom)}.draft-project[data-format=narrow-bottom],.project-cover[data-format=narrow-bottom]{--media-ratio: var(--media-narrow-bottom)}.draft-project{aspect-ratio:var(--media-ratio)}.draft-project img,.draft-project video,.story-preview-media img,.story-preview-media video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.draft-placeholder{position:absolute;inset:0;background:var(--draft-placeholder);pointer-events:none}.draft-project:focus-visible,.draft-link:focus-visible,.story-close:focus-visible{outline:var(--focus-width) solid var(--color-ink);outline-offset:var(--focus-offset)}.draft-project:active{cursor:progress}.draft-about{padding-block:var(--space-section)}.draft-about h2{margin-bottom:var(--space-paragraph)}.draft-about p+p{margin-top:var(--space-paragraph)}.draft-skip{position:fixed;z-index:var(--layer-skip);top:var(--space-3);left:var(--space-3);transform:translateY(-200%);background:var(--color-paper);padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);color:var(--color-ink)}.draft-skip:focus{transform:none}.story-preview{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:var(--preview-padding);border:0;background:transparent;color:var(--color-ink);overflow-y:auto;overscroll-behavior:contain}.story-preview::backdrop{background:var(--color-overlay);animation:draft-backdrop-in var(--motion-morph-duration) both}.story-preview.is-closing::backdrop{animation:draft-backdrop-out var(--motion-morph-duration) both}.story-preview-body{width:100%;max-width:var(--layout-content);margin:auto}.story-preview-media{position:relative;width:100%;height:var(--preview-height);overflow:hidden;border-radius:var(--draft-radius);background:var(--draft-placeholder)}.story-preview-copy{max-width:var(--layout-copy);margin:var(--space-7) auto;font-size:var(--text-desktop);line-height:var(--leading-desktop)}.story-preview-copy h2,.story-preview-copy p{font:inherit;margin:0}.story-preview-copy p{margin-top:var(--space-preview-paragraph);color:var(--color-muted)}.story-close{position:fixed;right:var(--space-3);top:var(--space-3);width:var(--close-size);height:var(--close-size);display:grid;place-items:center;border:0;border-radius:var(--radius-control);font:var(--close-text-size)/1 var(--font-reading);color:var(--color-ink);background:var(--color-paper);cursor:pointer}.story-close:hover{background:var(--color-control-hover)}.story-preview-copy,.story-close{opacity:0;transition:opacity var(--motion-fade-duration) var(--motion-fade-easing)}.story-preview.is-ready .story-preview-copy,.story-preview.is-ready .story-close{opacity:1}@keyframes draft-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes draft-backdrop-out{0%{opacity:1}to{opacity:0}}@media(max-width:68.75rem){.draft-about{padding-block:var(--space-section-fluid)}.draft-copy{font-size:var(--text-tablet);line-height:var(--leading-compact)}}@media(max-width:37.5rem){.draft-home{width:calc(100% - 2 * var(--layout-gutter-mobile));--draft-radius: var(--radius-media-mobile)}.draft-copy{font-size:var(--text-mobile);line-height:var(--leading-compact)}.draft-about{padding-top:var(--space-section-mobile);padding-bottom:var(--space-section-mobile)}.draft-projects{display:flex;flex-direction:column;gap:var(--grid-gap-mobile)}.draft-project-column{display:contents}.story-preview{padding:var(--space-8) var(--layout-gutter-mobile) var(--space-6)}.story-preview-media{height:var(--preview-height-mobile);border-radius:var(--radius-media-mobile)}.story-preview-copy{margin-block:var(--space-6);font-size:var(--text-mobile);line-height:var(--leading-compact)}}@media(prefers-reduced-motion:reduce){.draft-page{scroll-behavior:auto}.story-preview::backdrop,.story-preview.is-closing::backdrop{animation:none}.story-preview-copy,.story-close{transition:none}}@font-face{font-family:Inter Draft;src:url(/fonts/inter-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}.draft-homepage{--home-copy-width: 26.5rem;--home-section-space: 9.375rem;--home-copy-gap: 1rem;--home-card-gap: 2rem;--home-card-max: 43rem;--home-card-fill: var(--color-featured-placeholder);--home-text-size: 1.5rem;--home-text-leading: 1.3333333333;--draft-placeholder: var(--home-card-fill)}.draft-homepage .draft-copy{display:flex;flex-direction:column;gap:var(--home-copy-gap);width:var(--home-copy-width);font-size:var(--home-text-size);line-height:var(--home-text-leading);font-weight:500}.draft-homepage .draft-intro{display:flex;height:auto;min-height:0;max-height:none;padding-block:var(--home-section-space)}.draft-homepage .draft-intro:before,.draft-homepage .draft-intro:after{content:none}.draft-homepage .draft-link,.draft-homepage .draft-about p+p{margin-top:0}.draft-homepage .draft-about{padding-block:var(--home-section-space)}.draft-footer{width:var(--home-copy-width);max-width:100%;margin-inline:auto;padding-bottom:2rem;color:#1f1f206b;font-size:var(--text-caption-size);line-height:var(--text-caption-leading);font-weight:400}.draft-footer p{margin:0}.draft-homepage .draft-contact-link{display:flex;align-items:flex-start;gap:0}.draft-homepage .draft-contact-link,.draft-homepage .draft-contact-link:hover{text-decoration:none;cursor:pointer}.draft-contact-link>span{white-space:nowrap}.draft-contact-symbol{display:block;flex:0 0 32px;width:32px;height:32px}.draft-projects-stack{display:flex;flex-direction:column;gap:var(--home-card-gap);width:100%;max-width:var(--home-card-max);margin-inline:auto}.draft-projects-stack .draft-project-column{display:contents}.draft-projects-stack .draft-project{width:100%;max-height:var(--home-card-max);margin:0}.draft-homepage .draft-project[data-project-id="03"] .draft-project-surface{background:var(--color-text)}.draft-homepage .draft-project[data-project-id="03"] .draft-placeholder{background:transparent}.draft-project[data-kind=media],.draft-project[data-kind=media]:active{cursor:default}.draft-project[data-project-id=media-06] .draft-project-surface{background:transparent}.draft-project[data-project-id=media-06] img{object-fit:contain}.project-cover[data-format=full]{--draft-placeholder: var(--color-featured-placeholder);background:var(--draft-placeholder)}@media(max-width:37.5rem){.draft-homepage{--home-section-space: 5rem;--home-card-gap: 1rem;--home-text-size: 1.25rem;--home-text-leading: 1.5}}.project-page{display:flow-root;padding-bottom:var(--project-bottom-space)}.case-exit-cursor,.case-exit-cursor body{cursor:pointer}.project-media{position:relative;overflow:hidden;border-radius:var(--radius-media);background:var(--color-placeholder)}.project-media img,.project-media video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.project-cover{--project-cover-ratio: calc(var(--media-ratio));--project-cover-size: min(var(--project-cover-width), 100%, calc((100dvh - 2 * var(--project-cover-edge)) * var(--project-cover-ratio)));width:var(--project-cover-size);aspect-ratio:var(--project-cover-ratio);margin-inline:auto;margin-top:max(var(--project-cover-edge),calc(50dvh - var(--project-cover-size) / var(--project-cover-ratio) / 2));border-radius:var(--project-cover-radius)}.project-cover.project-cover-slot{position:relative;background:transparent}.project-cover-surface{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}.project-text{display:flex;justify-content:center;padding-block:var(--project-text-space)}.project-text p{margin:0}.project-text-first{--motion-reveal-duration: .5s}.project-media-wide{width:100%;aspect-ratio:var(--project-wide-ratio)}.project-media-center{width:var(--layout-copy);max-width:100%;aspect-ratio:var(--project-center-ratio);margin-inline:auto}.project-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap)}.project-pair .project-media{aspect-ratio:var(--project-pair-ratio)}.project-stack{width:var(--layout-copy);max-width:100%;display:grid;gap:var(--grid-gap);margin-inline:auto}.project-stack .project-media{aspect-ratio:var(--project-stack-ratio)}.project-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:37.5rem){.project-page{padding-bottom:var(--space-section-mobile)}.project-text{padding-block:var(--project-text-space-mobile)}.project-pair{grid-template-columns:1fr;gap:var(--grid-gap-mobile)}.project-media{border-radius:var(--radius-media-mobile)}.project-stack{gap:var(--grid-gap-mobile)}}html,body,#root{min-width:320px}