@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y: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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro","Helvetica Neue",Arial,system-ui,"Segoe UI",Roboto,"Noto Sans",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--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);--pal-accent-600:211.3 100% 50%;--pal-accent-700:211.1 100% 55.7%;--pal-success-600:135.1 58.6% 49.2%;--pal-warning-600:45.1 100% 51.8%;--pal-error-600:3.2 100% 59.4%;--pal-neutral-000:210 25% 3%;--pal-neutral-100:210 14% 11%;--pal-neutral-400:210 6% 52%;--pal-neutral-500:210 5% 62%;--pal-neutral-600:210 4% 72%;--pal-neutral-800:210 3% 92%;--pal-neutral-900:0 0% 100%;--pal-neutral-950:210 3% 98.5%;--pal-ink-010:210 6% 2.5%;--pal-ink-025:210 11% 3.5%;--color-text-primary:var(--pal-neutral-000);--color-text-secondary:var(--pal-neutral-400);--color-text-accent:var(--pal-accent-600);--color-viewport:var(--pal-neutral-950);--color-card:var(--pal-neutral-900);--color-card-border:var(--pal-neutral-000)/.1;--color-background:var(--color-viewport);--color-foreground:var(--color-text-primary);--color-separator:var(--pal-neutral-000)/.17;--shadow-elevation-8pt:0 0 1px 0 #00001c1f,0 2px 28px 0 #00001c0f;--text-md-size:15px;--text-md-line-height:18px;--text-md-weight:500;--ease-in-quint:cubic-bezier(.755,.05,.855,.06);--ease-out-quint:cubic-bezier(.23,1,.32,1);--ease-out-expo:cubic-bezier(.19,1,.22,1);--ease-spring:cubic-bezier(.22,1.25,.36,1);--motion-camera:.75s var(--ease-spring);--motion-expand:.38s cubic-bezier(.2,.8,.2,1);--motion-blur:.45s ease-in-out;--animate-fade-up:fade-up 1s var(--ease-out-quint)forwards}}@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,ui-sans-serif,system-ui,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{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}html,body{overscroll-behavior:none;background-color:hsl(var(--color-viewport));height:100%}body{background-color:var(--color-background);font-family:var(--font-sans);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}a:focus-visible,button:focus-visible{outline:2px solid hsl(var(--color-text-accent));outline-offset:3px;border-radius:3px}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.table{display:table}.h-4{height:calc(var(--spacing)*4)}.w-4{width:calc(var(--spacing)*4)}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\!no-underline{text-decoration-line:none!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.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,)}.filter{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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\[834ms\]{--tw-duration:.834s;transition-duration:.834s}.text-primary{color:hsl(var(--color-text-primary))}.text-secondary{color:hsl(var(--color-text-secondary))}.text-style-md{font-size:var(--text-md-size);line-height:var(--text-md-line-height);font-weight:var(--text-md-weight)}.shadow-elevation-8pt{box-shadow:var(--shadow-elevation-8pt)}.animate-slide-in{animation:slide-in .3s var(--ease-out-quint)forwards}.animate-slide-out{animation:slide-out .3s var(--ease-in-quint)forwards}.animate-fade-in{animation:.2s ease-out forwards fade-in}.animate-fade-out{animation:.2s ease-out forwards fade-out}@keyframes slide-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}}@keyframes fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){:root{--color-text-primary:var(--pal-neutral-800);--color-text-secondary:var(--pal-neutral-500);--color-text-accent:var(--pal-accent-700);--color-card:var(--pal-ink-025);--color-card-border:var(--pal-neutral-900)/.1;--color-viewport:var(--pal-ink-010);--color-separator:var(--pal-neutral-900)/.2}}.link{color:hsl(var(--color-text-primary));text-decoration:underline;-webkit-text-decoration-color:hsl(var(--color-text-secondary));-webkit-text-decoration-color:hsl(var(--color-text-secondary));-webkit-text-decoration-color:hsl(var(--color-text-secondary));text-decoration-color:hsl(var(--color-text-secondary));text-underline-offset:4px;align-items:center;gap:4px;text-decoration-thickness:.5px;display:inline-flex}.link:hover{-webkit-text-decoration-color:hsl(var(--color-text-primary));-webkit-text-decoration-color:hsl(var(--color-text-primary));-webkit-text-decoration-color:hsl(var(--color-text-primary));text-decoration-color:hsl(var(--color-text-primary))}.link-icon{flex-shrink:0;display:inline-flex}.tab-bar{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);z-index:50;position:fixed;bottom:32px;left:50%}.tab-bar-container{padding:calc(var(--spacing)*1);background-color:hsl(var(--color-card));border:.3px solid hsl(var(--color-separator));-webkit-backdrop-filter:blur(20px);min-width:320px;box-shadow:var(--shadow-elevation-8pt);border-radius:1000px;display:flex;position:relative}.tab-bar-item{z-index:10;cursor:pointer;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);text-align:center;min-width:120px;color:hsl(var(--color-text-primary));background-color:#0000;border:none;border-radius:1000px;outline:none;flex:1;transition:color,background-color .2s ease-in-out;position:relative}.main-content{min-height:100vh;animation:var(--animate-fade-up);padding:84px 0 56px}.main-container{max-width:1920px;margin-inline:auto}.hero{max-width:700px;margin:0 auto 48px}.hero-title{color:hsl(var(--color-text-primary));margin-bottom:12px;font-size:1.1em;font-weight:600}.hero-text{color:hsl(var(--color-text-primary));margin-bottom:20px;font-size:1.1em;line-height:1.6}.hero-links{flex-wrap:wrap;gap:32px;display:flex}.footer{max-width:700px;margin:48px auto 0}.projects-grid{grid-template-columns:1fr;gap:32px;max-width:700px;margin:0 auto;display:grid}.project-card{cursor:pointer}.project-card-image{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.25s;--tw-ease:var(--ease-out);transition-duration:.25s;transition-timing-function:var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-card-image:active{scale:.97}.project-card-image{aspect-ratio:4/3;background-color:hsl(var(--color-card));border:.3px solid hsl(var(--color-card-border));border-radius:0;margin-bottom:16px}.project-card-img{z-index:10;object-fit:contain;width:100%;height:100%;transition:transform .3s var(--ease-out-expo);position:relative}.project-card-title{color:hsl(var(--color-text-primary));margin-bottom:0;font-size:1.1em;line-height:1.6}.project-card-subtitle{color:hsl(var(--color-text-secondary));font-size:1em}.project-card-more{aspect-ratio:16/9;border:1.5px dashed hsl(var(--color-separator));border-radius:24px;justify-content:center;align-items:center;display:flex}.project-card-more-label{color:hsl(var(--color-text-secondary));font-size:1em}.article{animation:var(--animate-fade-up);max-width:700px;margin:0 auto;padding:84px 0 100px}.back-link{font-size:.9em;position:fixed;top:76px;left:40px}.link.back-link{color:hsl(var(--color-text-secondary))}.link.back-link:hover{color:hsl(var(--color-text-primary))}.project-nav{flex-direction:column;gap:6px;display:flex;position:fixed;bottom:44px;left:40px}.project-nav-link{color:hsl(var(--color-text-secondary));font-size:.9em;text-decoration:none}.project-nav-link.active,.project-nav-link:hover{color:hsl(var(--color-text-primary))}.article-header{margin-bottom:32px}.article-title{color:hsl(var(--color-text-primary));margin-bottom:8px;font-size:1.1em;font-weight:600}.article-subtitle{color:hsl(var(--color-text-secondary));font-size:1.05em}.article-subtitle a{color:hsl(var(--color-text-secondary));text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:.5px}.article-body h3{color:hsl(var(--color-text-primary));margin:52px 0 12px;font-size:1.1em;font-weight:600}.article-body p{color:hsl(var(--color-text-primary));margin-bottom:24px;font-size:1.05em;line-height:1.6}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:24px}.article-body ul{list-style-type:disc}.article-body ol{list-style-type:decimal}.article-body li{color:hsl(var(--color-text-primary));margin-bottom:8px;font-size:1.1em;line-height:1.6}.article-body strong{font-weight:600}.article-body blockquote{border-left:3px solid hsl(var(--color-text-accent));color:hsl(var(--color-text-secondary));margin:32px 0;padding-left:20px;font-style:italic}.article-body blockquote p{margin-bottom:0}.article-footer{margin-top:48px}.article-footer-title{color:hsl(var(--color-text-primary));margin-bottom:20px;font-size:1.1em;font-weight:600}.article-separator{border:none;border-top:.5px solid hsl(var(--color-card-border));margin:48px 0}.media-container{--media-w:100%;width:var(--media-w);margin:28px calc((100% - var(--media-w))/2)48px;transition:width var(--motion-expand),margin var(--motion-expand);position:relative}.media-container--expanded{--media-w:max(100%,min(140%,calc(100vw - 320px)))}.media-expand-btn{z-index:2;background:hsl(var(--color-text-primary)/.1);width:24px;height:24px;color:hsl(var(--color-text-secondary));cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s,transform .2s;display:flex;position:absolute;bottom:14px;right:14px}.media-expand-btn:hover{background:hsl(var(--color-text-primary)/.16);color:hsl(var(--color-text-primary))}.media-expand-btn:active{transform:scale(.92)}.media-container-inner{background-color:hsl(var(--color-card));border:.3px solid hsl(var(--color-card-border));border-radius:0;position:relative;overflow:hidden}.media-container-inner--fixed{aspect-ratio:4/3}.media-img{width:100%;height:auto;display:block}.media-video{aspect-ratio:4/3;object-fit:cover;transition:transform var(--motion-camera),filter var(--motion-blur)}.media-container-inner--frame{justify-content:center;padding:40px 24px 28px;display:flex}.media-container-inner--pair{gap:48px}.media-container-inner--pair .phone-frame{width:40%}.phone-frame{width:43.7%;aspect-ratio:var(--frame-ratio,900/1840);transition:transform var(--motion-camera);position:relative;container-type:inline-size}.phone-frame-screen{--bleed-x:0.43%;--bleed-y:0.3%;left:calc(var(--screen-left,5.333%) - var(--bleed-x));top:calc(var(--screen-top,2.5%) - var(--bleed-y));width:calc(var(--screen-width,89.333%) + 2*var(--bleed-x));height:calc(var(--screen-height,95%) + 2*var(--bleed-y));border-radius:var(--screen-radius,11.5cqw);clip-path:inset(0 round var(--screen-radius,11.5cqw));transition:clip-path var(--motion-camera),filter var(--motion-blur);background:#000;position:absolute;overflow:hidden}.phone-frame-video,.phone-frame .phone-frame-screen>.media-img{object-fit:cover;aspect-ratio:auto;width:100%;height:100%;display:block}.phone-frame-bezel{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity var(--motion-camera);position:absolute;inset:0}.stats-row{flex-wrap:wrap;gap:12px;margin:40px 0;display:flex}.stat-item{border:.3px solid hsl(var(--color-separator));border-radius:20px;flex-direction:column;gap:4px;padding:20px 24px;display:flex}.stat-label{color:hsl(var(--color-text-secondary));font-size:.9em}.stat-value{color:hsl(var(--color-text-primary));font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;font-size:1em;font-weight:600;line-height:1;display:flex}.stat-icon{color:hsl(var(--color-text-secondary));flex-shrink:0;align-self:flex-end;width:28px;height:28px;margin-bottom:6px;margin-right:4px}.stat-number{letter-spacing:-.02em;font-size:3em}.stat-suffix{vertical-align:baseline;font-size:1.8em}.media-caption{color:hsl(var(--color-text-secondary));text-align:center;margin-top:12px;font-size:.9em}@media (max-width:1100px){.back-link{margin:32px 20px 24px;position:static}.project-nav{display:none}}@media (max-width:768px){.main-content{padding:32px 20px 80px}.media-container-inner--fixed{aspect-ratio:1}.media-container-inner--frame{padding:28px 16px 20px}.phone-frame{width:75%;max-width:252px}.media-container-inner--pair{gap:16px}.media-container-inner--pair .phone-frame{width:46%;max-width:none}.media-expand-btn{display:none}.media-container--expanded{--media-w:100%}.media-img:not(.media-img--natural){aspect-ratio:1;object-fit:cover}.projects-grid{gap:28px}.article{padding:8px 20px 56px}.article-standalone{padding-top:40px}.hero-links{flex-wrap:wrap;gap:20px;display:flex}}@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-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-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-ease{syntax:"*";inherits:false}