@font-face{font-family:editorialNew;src:url(../media/EditorialNew_Regular-s.p.0tkaeybplnkbd.ttf)format("truetype");font-display:swap}@font-face{font-family:editorialNew Fallback;src:local(Arial);ascent-override:93.11%;descent-override:31.74%;line-gap-override:10.58%;size-adjust:94.51%}.editorialnew_b7e1a0c5-module__V-OFfa__className{font-family:editorialNew,editorialNew Fallback}.editorialnew_b7e1a0c5-module__V-OFfa__variable{--font-editorial-new:"editorialNew", "editorialNew Fallback"}
@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-border-style:solid}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--ui);--default-mono-font-family:var(--font-mono)}}@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}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.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}.flex{display:flex}.hidden{display:none}.inline{display:inline}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.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))}}:root{--paper:#fff;--ink:#3a3a3a;--section-ink:#111;--quiet-ink:#9e9e9e;--tertiary-ink:#d4d4d4;--detail-ink:#6b6b6b;--hover-fill:#f5f5f5;--display:var(--font-editorial-new), "Editorial New", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", "Times New Roman", serif;--ui:"Inter", "Helvetica Neue", "Segoe UI", Arial, sans-serif;--ease-hat-enter:cubic-bezier(.23, 1, .32, 1);--ease-hat-move:cubic-bezier(.77, 0, .175, 1)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--ui)}button{font:inherit}.page-shell{flex-direction:column;min-height:100dvh;padding:2.5rem 4rem;display:flex}.hero-grid{flex:1;grid-template-columns:minmax(0,29.0625rem) minmax(0,1fr);align-items:start;column-gap:clamp(5rem,9vw,7.6875rem);display:grid}.intro{max-width:none}.headline{min-height:1.25em;font-family:var(--display);letter-spacing:0;align-items:center;gap:.125rem;margin:0;font-size:1.5rem;font-weight:300;line-height:1.1;display:inline-flex}.cursor{background:currentColor;width:1px;height:.95em;animation:.9s step-end infinite cursor-blink}.bio{gap:.75rem;max-width:29.0625rem;margin-top:1rem;font-size:.875rem;line-height:1.35;display:grid}.bio p,.hats p,.footer p,.label,.work-card p{margin:0}.bio em{font-style:italic}.ideas-folder{vertical-align:-.32rem;width:1.25rem;height:1.25rem;display:inline-block}.experience{flex-direction:column;gap:.5rem;width:min(100%,29.125rem);margin-top:8.625rem;margin-left:-.75rem;display:flex}.label{color:var(--quiet-ink);padding:0 .75rem;font-size:.875rem;line-height:1.4}.work-card{background:0 0;outline:none;flex-direction:column;gap:0;width:100%;padding:.75rem;transition:background .36s ease-in-out,gap .36s ease-in-out;display:flex}.work-card.toddle{border-radius:.75rem}.work-card.airmeet{border-radius:.5rem}.work-summary{justify-content:space-between;align-items:start;gap:1rem;width:100%;font-size:1rem;font-weight:500;line-height:1.25;display:flex}.work-company{color:var(--ink)}.work-company-link{text-decoration:none;transition:color .18s}.work-company-link:hover,.work-company-link:focus-visible{color:#1f1f1f}.work-company-link:focus-visible{outline-offset:.16rem;outline:1px solid}.work-description{color:var(--quiet-ink);margin-top:.08rem;font-size:.75rem;font-weight:400;line-height:1.35}.work-dates{color:var(--quiet-ink);flex:none;line-height:1.25}.work-detail{max-height:0;color:var(--detail-ink);opacity:0;font-size:.75rem;font-weight:400;line-height:1.35;transition:max-height .42s ease-in-out,opacity .3s ease-in-out;overflow:hidden}.work-card:hover,.work-card:focus,.work-card:focus-visible{background:var(--hover-fill);gap:.75rem}.work-card:hover .work-detail,.work-card:focus .work-detail,.work-card:focus-visible .work-detail{opacity:1;max-height:3rem}.hats{width:100%;max-width:35.25rem;color:var(--section-ink);font-size:.875rem;line-height:1.4}.role-tabs{white-space:nowrap;align-items:center;gap:2rem;width:max-content;display:inline-flex;position:relative}.role-tab{color:var(--tertiary-ink);cursor:pointer;font-family:var(--display);letter-spacing:0;background:0 0;border:0;align-items:center;padding:0;font-size:1.25rem;font-weight:400;line-height:1.25;transition:color .18s;display:inline-flex;position:relative}.role-hat{top:var(--hat-top);left:calc(var(--hat-anchor-left) + var(--hat-offset-left));width:var(--hat-frame-size);height:var(--hat-frame-size);opacity:0;pointer-events:none;transform-origin:50% 55%;will-change:transform, opacity;z-index:3;display:block;position:absolute}.role-hat-image{width:var(--hat-image-size);height:var(--hat-image-size);display:block}.role-hat-product-design{--hat-top:-1.375rem;--hat-offset-left:3.9375rem;--hat-travel-factor:.7;--hat-frame-size:1.375rem;--hat-image-size:1.375rem;--hat-resting-rotation:0deg;--hat-hover-top:-1.97125rem;--hat-hover-offset-left:3.34125rem;--hat-hover-frame-size:2.567rem;--hat-hover-image-size:2.09594rem;--hat-hover-rotation:-15deg}.role-hat-engineering{--hat-top:-.98rem;--hat-offset-left:4.16rem;--hat-frame-size:2.17288rem;--hat-image-size:1.625rem;--hat-resting-rotation:26deg}.role-hat-content{--hat-top:-.94rem;--hat-offset-left:-.04rem;--hat-travel-factor:.5;--hat-frame-size:1.82725rem;--hat-image-size:1.375rem;--hat-resting-rotation:-25deg}.role-hat-resting{opacity:1;transform:translate3d(0, 0, 0) rotate(var(--hat-resting-rotation));transition:top .26s var(--ease-hat-enter), left .26s var(--ease-hat-enter), width .26s var(--ease-hat-enter), height .26s var(--ease-hat-enter), transform .26s var(--ease-hat-enter)}.role-hat-resting .role-hat-image{transition:width .26s var(--ease-hat-enter), height .26s var(--ease-hat-enter)}.hats.hats-project-links-hovered .role-hat-product-design.role-hat-resting{top:var(--hat-hover-top);left:calc(var(--hat-anchor-left) + var(--hat-hover-offset-left));width:var(--hat-hover-frame-size);height:var(--hat-hover-frame-size);transform:translate3d(0, 0, 0) rotate(var(--hat-hover-rotation))}.hats.hats-project-links-hovered .role-hat-product-design.role-hat-resting .role-hat-image{width:var(--hat-hover-image-size);height:var(--hat-hover-image-size)}.role-hat-enter-from-left{animation:role-hat-enter-from-left .6s var(--ease-hat-enter) both}.role-hat-enter-from-right{animation:role-hat-enter-from-right .6s var(--ease-hat-enter) both}.role-hat-exit-to-left{animation:role-hat-exit-to-left .6s var(--ease-hat-enter) both}.role-hat-exit-to-right{animation:role-hat-exit-to-right .6s var(--ease-hat-enter) both}.role-tab:hover,.role-tab:focus-visible{color:var(--section-ink)}@supports (color:color-mix(in lab, red, red)){.role-tab:hover,.role-tab:focus-visible{color:color-mix(in srgb, var(--section-ink) 68%, white)}}.role-tab:focus-visible{outline-offset:.25rem;outline:1px solid}.role-tab.active{color:#222}.role-tab.active:after{content:"";background:#111;width:.375rem;height:.375rem;position:absolute;bottom:-.62rem;left:50%;transform:translate(-50%)}@keyframes role-hat-enter-from-left{0%{opacity:0;transform:translate3d(calc(var(--hat-travel-distance) * var(--hat-travel-factor,1) * -1), 0, 0) rotate(0deg)}to{opacity:1;transform:translate3d(0, 0, 0) rotate(var(--hat-resting-rotation))}}@keyframes role-hat-enter-from-right{0%{opacity:0;transform:translate3d(calc(var(--hat-travel-distance) * var(--hat-travel-factor,1)), 0, 0) rotate(0deg)}to{opacity:1;transform:translate3d(0, 0, 0) rotate(var(--hat-resting-rotation))}}@keyframes role-hat-exit-to-left{0%{opacity:1;transform:translate3d(0, 0, 0) rotate(var(--hat-resting-rotation))}to{opacity:0;transform:translate3d(calc(var(--hat-travel-distance) * var(--hat-travel-factor,1) * -1), 0, 0) rotate(0deg)}}@keyframes role-hat-exit-to-right{0%{opacity:1;transform:translate3d(0, 0, 0) rotate(var(--hat-resting-rotation))}to{opacity:0;transform:translate3d(calc(var(--hat-travel-distance) * var(--hat-travel-factor,1)), 0, 0) rotate(0deg)}}.project-links{gap:1.5rem;margin-top:3rem;display:grid}.project-link-row{color:inherit;justify-content:space-between;align-items:center;gap:1.5rem;text-decoration:none;display:flex}.project-link-title{color:var(--ink);font-size:1rem;font-weight:500;line-height:1.35}.project-link-meta{color:var(--quiet-ink);white-space:nowrap;align-items:center;font-size:1rem;line-height:1.35;display:inline-flex;position:relative}.project-link-meta-text{transition:transform .22s var(--ease-hat-enter);align-items:center;gap:1rem;display:inline-flex}.project-link-meta-type,.project-link-meta-year{align-items:center;display:inline-flex}.project-link-arrow{opacity:0;width:1.5rem;height:1.5rem;transition:opacity .22s var(--ease-hat-enter), transform .22s var(--ease-hat-enter);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:0;transform:translate(-.25rem,-50%)}.project-link-arrow-icon{width:1.5rem;height:1.5rem;display:block}.project-link-meta-soon{color:var(--quiet-ink)}.project-link-row:hover .project-link-title,.project-link-row:focus-visible .project-link-title{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.project-link-row:hover .project-link-title,.project-link-row:focus-visible .project-link-title{color:color-mix(in srgb, var(--ink) 82%, black)}}.project-link-row:hover .project-link-arrow,.project-link-row:focus-visible .project-link-arrow{opacity:1;transform:translateY(-50%)}.project-link-row:hover .project-link-meta-text,.project-link-row:focus-visible .project-link-meta-text{transform:translate(-2rem)}.project-link-row:focus-visible{outline-offset:.25rem;outline:1px solid}.project-link-row-disabled{cursor:default}.footer{justify-content:space-between;align-items:end;gap:1rem;margin-top:2rem;display:flex}.footer-signoff{gap:.75rem;display:grid;position:relative}.signature{width:10.8125rem;height:auto}.signature-animation{isolation:isolate;width:10.8125rem;height:1.9375rem;display:block;position:relative;overflow:hidden}.signature-art{display:block}.signature-animation.play .signature-art{clip-path:inset(0 100% 0 0);animation:signature-reveal var(--signature-duration) ease-in-out both var(--signature-reveal-iterations)}.signature-shimmer{background:linear-gradient(var(--signature-shimmer-angle), transparent calc(50% - var(--signature-shimmer-band)), rgba(255, 255, 255, var(--signature-shimmer-brightness)) 50%, transparent calc(50% + var(--signature-shimmer-band)));mix-blend-mode:screen;opacity:0;pointer-events:none;background-position:180% 0;background-size:220% 100%;position:absolute;inset:0;-webkit-mask-image:url(/devshah-signature.svg);mask-image:url(/devshah-signature.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.signature-animation.play .signature-shimmer{animation:signature-shimmer var(--signature-shimmer-duration) ease-in-out var(--signature-overlap-delay) var(--signature-shimmer-iterations)}.socials{width:max-content;color:var(--quiet-ink);align-items:center;gap:2rem;font-size:.875rem;line-height:1.4;display:flex}.socials a,.socials button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;transition:color .18s}.socials a:hover,.socials a:focus-visible,.socials button:hover,.socials button:focus-visible{color:var(--ink)}.socials a:focus-visible,.socials button:focus-visible{outline-offset:.18rem;outline:1px solid}.email-toast{z-index:2;color:#000;transform-origin:0 100%;white-space:nowrap;background:#f5f5f5;border-radius:1rem;align-items:center;gap:.35rem;width:max-content;max-width:17.5rem;padding:.56rem .75rem;font-size:.875rem;font-weight:400;line-height:1.25;animation:.48s cubic-bezier(.18,1.28,.36,1) both message-toast-in,.36s ease-in-out 3.64s both message-toast-out;display:flex;position:absolute;bottom:4.8rem;left:8.6rem}.email-toast:after{background:inherit;clip-path:polygon(0 0,100% 0,0 100%);content:"";border-bottom-left-radius:.65rem;width:.8rem;height:.8rem;position:absolute;bottom:-.34rem;left:.54rem}.footer p{color:var(--quiet-ink);font-size:.75rem;font-weight:500;line-height:1.35}.detail-page{min-height:100dvh;padding:2.5rem 2rem 4rem}.detail-layout{grid-template-columns:minmax(3rem,7rem) minmax(0,47.5rem);justify-content:center;gap:2.5rem;display:grid}.detail-stepper-shell{transform-origin:50%;align-self:start;width:fit-content;position:sticky;top:50dvh;transform:translateY(-50%)}.detail-stepper{cursor:pointer;flex-direction:column;flex:none;gap:0;width:fit-content;display:flex}.detail-stepper-compact{min-height:4.5rem;margin:0;padding:.375rem .5rem}.detail-step{appearance:none;color:var(--tertiary-ink);cursor:pointer;background:0 0;border:0;align-items:center;text-decoration:none;transition:color .18s;display:flex}.detail-stepper-compact .detail-step{padding:.125rem 0}.detail-step:first-child{padding-top:0}.detail-step:last-child{padding-bottom:0}.detail-step-bar{background:currentColor;border-radius:999px;width:16px;height:.25rem;transition:color .18s,width .18s}.detail-step:hover .detail-step-bar,.detail-step:focus-visible .detail-step-bar{width:20px}.detail-step.active{color:var(--ink)}.detail-step.active .detail-step-bar{width:24px}.detail-step:focus-visible{outline:none}.detail-stepper-stack{--tldr-slide-distance:60px;display:grid;position:relative}.detail-stepper-stack>.detail-stepper-layer{grid-area:1/1}.detail-stepper-layer-outgoing>.detail-stepper-block,.detail-stepper-layer-incoming>.detail-stepper-block{will-change:opacity, transform;animation-duration:var(--tldr-block-duration,.8s);animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;animation-delay:calc(var(--block-index,0) * var(--tldr-block-stagger,.1s))}.detail-stepper-layer-out-left>.detail-stepper-block{animation-name:detail-content-sweep-out-left}.detail-stepper-layer-out-right>.detail-stepper-block{animation-name:detail-content-sweep-out-right}.detail-stepper-layer-in-right>.detail-stepper-block{animation-name:detail-content-sweep-in-right}.detail-stepper-layer-in-left>.detail-stepper-block{animation-name:detail-content-sweep-in-left}@media (hover:hover) and (pointer:fine){.detail-stepper{transition:transform .5s cubic-bezier(.22,1,.36,1)}.detail-stepper:hover{transform:translateY(-50%)scale(1.5)}}.detail-article{grid-column:2;width:min(100%,47.5rem)}.detail-header{gap:.75rem;padding-right:4rem;display:grid;position:relative}.detail-header-main{gap:0;display:grid}.detail-header-copy{min-width:0;display:grid}.detail-header-top{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.5rem 1.5rem;margin-bottom:.5rem;display:grid}.detail-header-title{color:var(--ink);font-family:var(--display);min-height:1.1em;margin:0;font-size:1.5rem;font-weight:400;line-height:1.1;display:block}.detail-header-subtitle{color:var(--quiet-ink);width:100%;max-width:46rem;margin:0;font-size:.875rem;line-height:1.45}.detail-header-action{justify-content:flex-start;margin-top:.75rem;display:flex}.detail-tldr-toggle-button{cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;background:#f5f5f5;border:0;border-radius:50px;align-items:center;gap:0;width:max-content;margin-top:.125rem;padding:8px 16px 8px 12px;transition:background-color .18s,color .18s;display:inline-flex}.detail-tldr-toggle-button:hover{background:#e6e6e6}.detail-tldr-toggle-button.active{background:#222}.detail-tldr-toggle-button.active:hover{background:#2b2b2b}.detail-tldr-toggle-copy{align-items:center;display:inline-flex}.detail-tldr-toggle-text{color:#3a3a3a;margin-right:.75rem;font-size:14px;font-weight:400;line-height:1.35;transition:color .18s}.detail-tldr-toggle-button.active .detail-tldr-toggle-text{color:#fff}.detail-tldr-switch{flex:none;justify-content:flex-start;align-items:center;margin-left:.1rem;display:inline-flex;transform:translateY(calc(.35rem - 4px))}.detail-tldr-toggle-button:focus-visible{outline-offset:2px;outline:2px solid #3a3a3a38}.detail-tldr-switch-toggle-container{--knob-size:1.75em;justify-content:center;width:3.5em;height:1.125em;font-size:.375rem;display:flex;position:relative;overflow:visible}.detail-tldr-switch-handle-wrapper{z-index:1;width:200%;position:absolute;bottom:-135%;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62.125%,#0000 50%);mask-image:linear-gradient(#000 62.125%,#0000 50%)}.detail-tldr-switch-handle{transform-origin:bottom;flex-direction:column;align-items:center;transition:transform .24s cubic-bezier(.65,1.35,.5,1);display:flex;transform:rotate(-25deg)}.detail-tldr-toggle-button.active .detail-tldr-switch-handle{transform:rotate(25deg)}.detail-tldr-switch-handle-knob{z-index:1;width:var(--knob-size);height:var(--knob-size);background-image:radial-gradient(at 70% 30%,#fedee2 4%,#d63534 12% 24%,#a81a1a 50% 65%,#d63534 75%);border-radius:50%;transition:transform .24s cubic-bezier(.65,1.35,.5,1);position:relative}.detail-tldr-toggle-button.active .detail-tldr-switch-handle-knob{transform:rotate(-90deg)}.detail-tldr-switch-handle-knob:after{content:"";border-radius:inherit;opacity:0;transition:opacity .2s;position:absolute;inset:0}@media (hover:hover){.detail-tldr-toggle-button:hover .detail-tldr-switch-handle-knob:after,.detail-tldr-toggle-button:focus-visible .detail-tldr-switch-handle-knob:after{opacity:1}}.detail-tldr-switch-handle-bar-wrapper{width:.5em;height:3em;position:relative}.detail-tldr-switch-handle-bar{top:calc(var(--knob-size) / 2 * -1);width:100%;height:calc(100% + var(--knob-size) / 2);background-image:linear-gradient(90deg,#777475,#a4a4a4,#fff 45% 55%,#a4a4a4,#777475);background-position-x:.06125em;transition:background-position-x .24s cubic-bezier(.65,1.35,.5,1);position:absolute;left:0;box-shadow:inset 0 1em .25em #0006}.detail-tldr-toggle-button.active .detail-tldr-switch-handle-bar{background-position-x:-.06125em}.detail-tldr-switch-base{width:3.5em;height:1.125em;box-shadow:none;background-color:#fff;background-image:linear-gradient(#fff,#d7d7d7);border-radius:3.125em;padding:.25em;position:relative}.detail-tldr-switch-base-inside{border-radius:inherit;background-image:linear-gradient(#a6a6a6,#7d7d7d);width:100%;height:100%;position:relative;box-shadow:inset 0 .0625em #fff3,inset 0 -.03125em #fff,inset 0 -.0625em .25em #0000001a}.detail-tldr-switch-base-inside:after{content:"";border-radius:inherit;opacity:0;box-shadow:inherit;background-image:linear-gradient(#5ab054,#438c3c);transition:opacity .24s cubic-bezier(.65,1.35,.5,1);position:absolute;inset:0}.detail-tldr-toggle-button.active .detail-tldr-switch-base-inside:after{opacity:1}.detail-header-meta{color:var(--ink);flex-wrap:wrap;place-self:start end;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.35;display:inline-flex}.detail-meta-divider{background:#d9d9d9;border-radius:999px;width:1px;height:.75rem}.detail-close{border:1px solid var(--hover-fill);border-radius:.5rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;text-decoration:none;transition:border-color .18s,background .18s;display:inline-flex;position:absolute;top:0;right:0}.detail-close-icon{width:1.5rem;height:1.5rem;display:block}.detail-close:hover,.detail-close:focus-visible{border-color:var(--hover-fill);background:var(--hover-fill)}.detail-close:focus-visible{outline:none}.detail-content{gap:2rem;margin-top:2.5rem;display:grid}.detail-content-stack{will-change:height;transition:height var(--swap-duration,.38s) cubic-bezier(.22, 1, .36, 1);display:grid;position:relative;overflow:hidden}.detail-content-layer{grid-area:1/1;align-content:start;align-self:start;gap:2rem;display:grid}.detail-content-layer-outgoing>.detail-content-block,.detail-content-layer-incoming>.detail-content-block{will-change:opacity, transform;animation-duration:var(--tldr-block-duration,.8s);animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;animation-delay:calc(var(--block-index,0) * var(--tldr-block-stagger,.1s))}.detail-content-layer-out-left>.detail-content-block{animation-name:detail-content-sweep-out-left}.detail-content-layer-out-right>.detail-content-block{animation-name:detail-content-sweep-out-right}.detail-content-layer-in-right>.detail-content-block{animation-name:detail-content-sweep-in-right}.detail-content-layer-in-left>.detail-content-block{animation-name:detail-content-sweep-in-left}.detail-content-block{opacity:1;transform:translate(0)}.detail-section{gap:.6rem;display:grid}.detail-section-title{color:var(--ink);font-family:var(--display);margin:0;font-size:1rem;font-weight:400;line-height:1.2}.detail-paragraph-group,.detail-decision-list{gap:.8rem;display:grid}.detail-body-copy{color:var(--ink);margin:0;font-size:.875rem;line-height:1.45}.detail-body-copy strong{font-weight:600}.detail-body-copy em{font-style:italic}.detail-body-list{gap:.5rem;margin:0;padding-left:1.2rem;display:grid}.detail-body-list-item::marker{color:var(--ink)}.detail-media{gap:.65rem;display:grid}.detail-media-fill{background:var(--hover-fill);border-radius:1rem;width:100%;overflow:hidden}.detail-media-image{object-fit:cover;width:100%;height:100%;display:block}.detail-media-small .detail-media-fill{height:9.375rem}.detail-media-medium .detail-media-fill{height:14rem}.detail-media-large .detail-media-fill{height:26.375rem}.detail-caption,.detail-related-label{color:var(--ink);margin:0;font-size:.875rem;line-height:1.35}.detail-divider{background:#e6e6e6;border:0;width:100%;height:1px;margin:0}.detail-section-related{padding-bottom:2rem}@keyframes detail-content-sweep-out-left{0%{opacity:1;transform:translate(0)}to{opacity:var(--tldr-fade-min-opacity,0);transform:translateX(calc(-1 * var(--tldr-slide-distance,1000px)))}}@keyframes detail-content-sweep-out-right{0%{opacity:1;transform:translate(0)}to{opacity:var(--tldr-fade-min-opacity,0);transform:translateX(var(--tldr-slide-distance,1000px))}}@keyframes detail-content-sweep-in-right{0%{opacity:var(--tldr-fade-min-opacity,0);transform:translateX(var(--tldr-slide-distance,1000px))}to{opacity:1;transform:translate(0)}}@keyframes detail-content-sweep-in-left{0%{opacity:var(--tldr-fade-min-opacity,0);transform:translateX(calc(-1 * var(--tldr-slide-distance,1000px)))}to{opacity:1;transform:translate(0)}}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes signature-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes signature-shimmer{0%{opacity:0;background-position:180% 0}18%{opacity:1}82%{opacity:1}to{opacity:0;background-position:-80% 0}}@keyframes message-toast-in{0%{opacity:0;transform:translate(-.8rem,.9rem)scale(.72)}62%{opacity:1;transform:translate(.08rem,-.08rem)scale(1.035)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes message-toast-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-.45rem,.5rem)scale(.92)}}@media (max-width:64rem){.page-shell{padding:2.5rem 4rem}.hero-grid{grid-template-columns:1fr;row-gap:3rem}.hats{max-width:none}.experience{margin-top:4rem;margin-left:-.75rem}.role-tabs{gap:2rem}.project-links{gap:1.25rem}.detail-layout{grid-template-columns:1fr;gap:1.5rem}.detail-stepper-shell{width:auto;position:static;transform:none}.detail-stepper{flex-flow:wrap}.detail-article{grid-column:auto}.detail-step-label{opacity:1;position:static}}@media (min-width:108rem){.page-shell{width:min(100%,108rem);min-height:max(100dvh,69.8125rem);margin:0 auto;padding:4rem}.hero-grid{grid-template-columns:minmax(0,40.8125rem) minmax(0,49.25rem);column-gap:9.9375rem}.bio{max-width:40.8125rem}.experience{gap:.5rem;margin-top:14.625rem}.hats{max-width:49.25rem}.role-tabs{margin-top:1.75rem}.footer{width:100%;margin-top:auto;padding-top:0}.footer-signoff{gap:.875rem}.socials{gap:2rem}.signature-animation{width:10.8125rem;height:1.9375rem}}@media (max-width:40rem){.page-shell{padding:2.5rem 1.5rem}.role-tabs{white-space:nowrap;align-items:center;gap:2rem}.role-hat-product-design{--hat-offset-left:3.9375rem;--hat-hover-offset-left:3.34125rem}.role-hat-engineering{--hat-offset-left:4.16rem}.role-hat-content{--hat-offset-left:-.04rem}.project-link-row{flex-direction:column;align-items:start;gap:.25rem}.project-link-meta{font-size:.875rem}.footer{flex-direction:column;align-items:start}.socials{flex-wrap:wrap;gap:1.4rem}.email-toast{bottom:4.9rem;left:0}.detail-page{padding:2rem 1.5rem 3rem}.detail-header{padding-right:2.5rem}.detail-header-top{grid-template-columns:1fr}.detail-header-meta{justify-self:start}}@media (min-width:80rem){.page-shell{padding-top:4rem;padding-bottom:4rem}}@media (hover:none){.work-card:focus{background:var(--hover-fill);gap:.75rem}.work-card:focus .work-detail{opacity:1;max-height:4rem}}.content-links{gap:1.5rem;margin-top:3rem;display:grid}.youtube-block{gap:.75rem;display:grid}.youtube-embed-placeholder{aspect-ratio:16/9;background:var(--hover-fill);border-radius:.75rem;width:100%}.youtube-block-info{justify-content:space-between;align-items:baseline;gap:1.5rem;display:flex}.youtube-block-title{color:var(--ink);font-size:1rem;font-weight:500;line-height:1.35}.youtube-block-year{color:var(--quiet-ink);flex:none;font-size:1rem;line-height:1.35}@media (prefers-reduced-motion:reduce){.cursor,.signature-animation.play .signature-art,.signature-animation.play .signature-shimmer{animation:none}.signature-animation.play .signature-art{clip-path:none}.email-toast{animation:none}.detail-content-stack{transition:none}.detail-content-layer-outgoing,.detail-content-layer-incoming,.detail-stepper-layer-outgoing>.detail-stepper-block,.detail-stepper-layer-incoming>.detail-stepper-block{animation:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}