@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-zinc-200:#e4e4e7;--spacing:.25rem;--container-xs:20rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-zinc-200:lab(90.6853% .399232 -1.45452)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.top-0{top:0}.top-\[45vh\]{top:45vh}.right-0{right:0}.right-\[-1vw\]{right:-1vw}.-bottom-\[52vh\]{bottom:-52vh}.bottom-0{bottom:0}.bottom-\[5vw\]{bottom:5vw}.-left-\[5vw\]{left:-5vw}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-100{z-index:100}.col-start-1{grid-column-start:1}.col-end-5{grid-column-end:5}.col-end-6{grid-column-end:6}.row-start-1{grid-row-start:1}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-20{margin-block:calc(var(--spacing) * 20)}.my-\[1\.1rem\]{margin-block:1.1rem}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-\[5\.5vw\]{margin-top:5.5vw}.mt-\[10vh\]{margin-top:10vh}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.-ml-\[1\.5vw\]{margin-left:-1.5vw}.ml-\[10vw\]{margin-left:10vw}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.aspect-\[220\/440\]{aspect-ratio:220/440}.h-\[100vh\]{height:100vh}.h-full{height:100%}.w-\[8ch\]{width:8ch}.w-\[13vw\]{width:13vw}.w-\[45vw\]{width:45vw}.w-\[60vw\]{width:60vw}.w-\[102vw\]{width:102vw}.w-\[clamp\(8ch\,10\%\,60\%\)\]{width:max(8ch,10%)}.w-\[clamp\(12ch\,45\%\,400px\)\]{width:clamp(12ch,45%,400px)}.w-full{width:100%}.max-w-\[90vw\]{max-width:90vw}.max-w-\[300px\]{max-width:300px}.max-w-\[400px\]{max-width:400px}.max-w-\[460px\]{max-width:460px}.max-w-\[600px\]{max-width:600px}.max-w-none{max-width:none}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.list-inside{list-style-position:inside}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.content-end{align-content:flex-end}.items-baseline{align-items:baseline}.items-center{align-items:center}.gap-0{gap:0}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-y-0{row-gap:0}:where(.divide-y-1>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-zinc-200>:not(:last-child)){border-color:var(--color-zinc-200)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-zinc-200{border-color:var(--color-zinc-200)}.object-contain{object-fit:contain}.p-6{padding:calc(var(--spacing) * 6)}.p-\[10vh\]{padding:10vh}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-\[7vh\]{padding-bottom:7vh}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.text-center{text-align:center}.text-left{text-align:left}.text-\[2\.5vw\]{font-size:2.5vw}.text-\[13px\]{font-size:13px}.leading-\[1\.35em\]{--tw-leading:1.35em;line-height:1.35em}.text-\[blue\]{color:#00f}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.first-letter\:uppercase:first-letter{text-transform:uppercase}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}@media (min-width:40rem){.sm\:invisible{visibility:hidden}.sm\:absolute{position:absolute}.sm\:top-\[40vh\]{top:40vh}.sm\:col-start-1{grid-column-start:1}.sm\:col-start-2{grid-column-start:2}.sm\:col-start-3{grid-column-start:3}.sm\:col-end-3{grid-column-end:3}.sm\:col-end-5{grid-column-end:5}.sm\:col-end-6{grid-column-end:6}.sm\:row-start-1{grid-row-start:1}.sm\:row-start-3{grid-row-start:3}.sm\:mt-0{margin-top:0}.sm\:mb-0{margin-bottom:0}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:h-\[100vh\]{height:100vh}.sm\:h-full{height:100%}.sm\:h-screen{height:100vh}.sm\:w-\[35vw\]{width:35vw}.sm\:w-\[100vw\]{width:100vw}.sm\:w-\[clamp\(9ch\,14\%\,200px\)\]{width:clamp(9ch,14%,200px)}.sm\:w-\[clamp\(12ch\,10\%\,60\%\)\]{width:max(12ch,10%)}.sm\:max-w-\[60vw\]{max-width:60vw}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[1fr_1fr_1fr_1fr_1fr\]{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.sm\:grid-rows-\[1fr_1fr\]{grid-template-rows:1fr 1fr}.sm\:grid-rows-\[1fr_1fr_1fr_1fr\]{grid-template-rows:1fr 1fr 1fr 1fr}.sm\:flex-col{flex-direction:column}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:gap-8{gap:calc(var(--spacing) * 8)}:where(.sm\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px * var(--tw-divide-y-reverse));border-bottom-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)))}.sm\:overflow-y-hidden{overflow-y:hidden}.sm\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.sm\:p-2{padding:calc(var(--spacing) * 2)}.sm\:p-\[10vh\]{padding:10vh}.sm\:pl-2{padding-left:calc(var(--spacing) * 2)}.sm\:text-\[\.9rem\]{font-size:.9rem}.sm\:leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}}@media (min-width:48rem){.md\:top-\[30vh\]{top:30vh}.md\:-bottom-\[1vw\]{bottom:-1vw}}@media (min-width:64rem){.lg\:-left-\[20vw\]{left:-20vw}.lg\:col-end-6{grid-column-end:6}.lg\:block{display:block}.lg\:w-\[30vw\]{width:30vw}}@media (min-width:80rem){.xl\:flex{display:flex}.xl\:translate-x-1{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.xl\:transition-\[transform\,opacity\]{transition-property:transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@media (min-width:40rem){.sm\:\[\&\>\*\]\:py-0>*{padding-block:0}}.\[\&\>div\]\:py-4>div{padding-block:calc(var(--spacing) * 4)}@media (min-width:40rem){.sm\:\[\&\>div\]\:py-0>div{padding-block:0}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
:root{--white:#fff;--black:#000;--text:#222}body{color:var(--text);background:var(--white);font-family:Helvetica,Arial,sans-serif;font-size:.9rem;line-height:1.2em;overflow-y:scroll}.mdx-image{background:#e5e5e5;display:block}.mdx-image img{display:block}.mdx-image[data-loaded=true],.mdx-image[data-skeleton=false]{background:0 0}.mdx-video{aspect-ratio:16/9;background:#e5e5e5;width:100%;display:block}.mdx-video video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;display:block}.mdx-video[data-loaded=true] video{opacity:1}.singleContent>video,.singleContent .iframeWrapper>video{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.mdx-iframe{background-color:#e5e5e5;transition:background-color .3s;display:block;overflow:hidden}.mdx-iframe iframe{opacity:0;border:0;transition:opacity .3s;display:block}.mdx-iframe[data-loaded=true]{background-color:#0000}.mdx-iframe[data-loaded=true] iframe{opacity:1}@keyframes project-content-reveal{0%{opacity:0}to{opacity:1}}@keyframes nav-title-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:no-preference){.project-reveal>header>:not(.sentance),.project-reveal>:not(header){animation:.22s ease-out both project-content-reveal}.project-reveal>header>:not(.sentance),.project-reveal>:nth-child(2){animation-delay:80ms}.project-reveal>:nth-child(3){animation-delay:.16s}.project-reveal>:nth-child(4){animation-delay:.24s}.project-reveal>:nth-child(5){animation-delay:.32s}}@layer utilities{.text-balance{text-wrap:balance}}.light-mode{color:var(--black);background:var(--white)}.dark-mode{color:var(--white);background:var(--black)}.video video{z-index:6;position:relative}.grid{width:100%}.singleContent{text-transform:none;max-width:80%;margin:0 auto}@media (max-width:760px){.singleContent{max-width:95%}}.singleContent p{max-width:93vw;margin:0 auto;padding:2rem 0}.singleContent p:first-letter{text-transform:uppercase}@media (min-width:760px){.singleContent p{max-width:53vw}}.singleContent header .text-center p{max-width:80%}.singleContent header p{padding:0}.singleContent header p+p{padding-top:.5rem}.singleContent article .grid{padding:6rem 0}.singleContent article{padding-bottom:6rem}.singleContent article+article{border-top:1px solid #ddd;padding-top:6rem}.singleContent .grid{padding-bottom:1.1rem}.singleContent .grid img{margin:0!important;padding:0!important}.singleContent img+.grid,.singleContent img+img{padding-top:1.8rem}.singleContent .mdx-image+.mdx-image{margin-top:1.8rem}.singleContent .grid+*{padding-bottom:1.8rem}.singleContent .grid-cols-2{align-items:center}.singleContent .grid-cols-2 .mdx-image{justify-content:center;align-items:center;display:flex}.singleContent .grid-cols-2 .mdx-image+.mdx-image{margin-top:0}.singleContent .grid-cols-2:nth-child(2n) img:last-child,.singleContent .grid-cols-2:nth-child(odd) img:first-child{place-self:center;max-width:80%}.iphoneWrapper{position:relative;overflow:hidden}@media only screen and (min-width:600px){.iphoneWrapper{max-width:50vh;margin:0 auto}}.iphoneWrapper.zind{z-index:-1}.iphoneWrapper:before{content:"";z-index:3;background:url(../media/iphonewrapper.2vwva5zzhwc6-.svg) 50%/contain no-repeat;position:absolute;inset:0}.iphoneWrapper.ig:before{content:"";z-index:3;background:url(../media/iphonewrapper.0--p3b_9t9-5f.png) 50%/contain no-repeat;position:absolute;inset:0}.iphoneWrapper div{border-radius:2px;margin:16% 13% 23.8%;position:relative;inset:0;overflow:hidden}.iphoneWrapper img{margin:0}.iphoneWrapper .mdx-video{aspect-ratio:9/16}