@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/cb20b375a5739b57-s.2tuvx2ggl0uf7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0d3323de857e1fce-s.p.048ctm9k7u_u3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono Fallback;src:local(Arial);ascent-override:73.71%;descent-override:23.03%;line-gap-override:0.0%;size-adjust:134.59%}.cssbTa_className{font-family:DM Mono,DM Mono Fallback;font-style:normal;font-weight:400}.cssbTa_variable{--font-dm-mono:"DM Mono", "DM Mono 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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--color-black:#000;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--font-weight-normal:400;--font-weight-medium:500;--leading-normal:1.5;--ease-in:cubic-bezier(.4, 0, 1, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-haas);--default-mono-font-family:var(--font-dm-mono);--color-foreground:#513838;--color-background:#f1f1f1;--color-surface:#d9d9d9;--color-accent:#fa91da;--color-case-panel:#000000b3;--color-case-panel-fallback:#000000f5;--color-projects-list-active:#000;--color-projects-list-muted:#ababab;--color-projects-list-cat:#51383866;--color-about-overlay:#ffffffb3;--font-haas:"neue-haas-grotesk-text", ui-sans-serif, system-ui, sans-serif}}@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{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-2\.5{inset:calc(var(--spacing) * -2.5)}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-1\/2{top:50%}.top-12{top:calc(var(--spacing) * 12)}.top-\[2\%\]{top:2%}.top-\[11px\]{top:11px}.top-\[calc\(var\(--header-mascot-size\)\+0\.75rem\)\]{top:calc(var(--header-mascot-size) + .75rem)}.right-0{right:0}.right-\[14px\]{right:14px}.right-\[max\(var\(--side-margin\)\,calc\(26\/1280\*100vw\)\)\]{right:max(var(--side-margin), calc(26 / 1280 * 100vw))}.right-\[var\(--side-margin\)\]{right:var(--side-margin)}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-\[8\%\]{bottom:8%}.bottom-\[var\(--about-bottom-pad\)\]{bottom:var(--about-bottom-pad)}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.left-\[6\%\]{left:6%}.left-\[max\(52\%\,calc\(\(26\+395\+296\)\/1280\*100vw\+8\.3871vw\+1\.25rem\)\)\]{left:max(52%,64.4027vw + 1.25rem)}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-80{z-index:80}.z-\[1\]{z-index:1}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-4{grid-column-start:4}.col-start-6{grid-column-start:6}.row-start-1{grid-row-start:1}.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}}.m-0{margin:0}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-\[calc\(70px-10px-18px\)\]{margin-top:42px}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-\[0\.35em\]{margin-left:.35em}.ml-\[clamp\(8px\,1\.4vw\,18px\)\]{margin-left:clamp(8px,1.4vw,18px)}.ml-auto{margin-left:auto}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-\[309\/214\]{aspect-ratio:309/214}.aspect-\[360\/70\]{aspect-ratio:360/70}.size-\[41px\]{width:41px;height:41px}.size-full{width:100%;height:100%}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-10{height:calc(var(--spacing) * 10)}.h-\[2\.5rem\]{height:2.5rem}.h-\[11px\]{height:11px}.h-\[18px\]{height:18px}.h-\[34px\]{height:34px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.min-h-0{min-height:0}.min-h-full{min-height:100%}.\!w-full{width:100%!important}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1\/3{width:33.3333%}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-\[5ch\]{width:5ch}.w-\[34px\]{width:34px}.w-\[45cqw\]{width:45cqw}.w-\[48cqw\]{width:48cqw}.w-\[85px\]{width:85px}.w-\[735px\]{width:735px}.w-\[calc\(85px\+16px\)\]{width:101px}.w-\[clamp\(8\.5rem\,15\.278vw\,13\.75rem\)\]{width:clamp(8.5rem,15.278vw,13.75rem)}.w-\[clamp\(12rem\,22\.222vw\,20rem\)\]{width:clamp(12rem,22.222vw,20rem)}.w-\[clamp\(64px\,9vw\,131px\)\]{width:clamp(64px,9vw,131px)}.w-\[min\(49\.0625vw\,628px\)\]{width:min(49.0625vw,628px)}.w-\[min\(397px\,100\%\)\]{width:min(397px,100%)}.w-\[min\(402px\,100\%\)\]{width:min(402px,100%)}.w-\[min\(530px\,100\%\)\]{width:min(530px,100%)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-\[85\%\]{max-width:85%}.max-w-\[163px\]{max-width:163px}.max-w-\[360px\]{max-width:360px}.max-w-\[560px\]{max-width:560px}.max-w-\[608px\]{max-width:608px}.max-w-\[610px\]{max-width:610px}.max-w-\[1760px\]{max-width:1760px}.max-w-\[calc\(100\%-2\.5rem\)\]{max-width:calc(100% - 2.5rem)}.max-w-\[calc\(100\%-min\(40vw\,505px\)\)\]{max-width:calc(100% - min(40vw,505px))}.max-w-full{max-width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.flex-\[505\]{flex:505}.flex-\[608\]{flex:608}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-center{transform-origin:50%}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[calc\(100\%\+6px\)\]{--tw-translate-y:calc(calc(100% + 6px) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-x-0{--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.list-none{list-style-type:none}.\[grid-template-columns\:16\.9355\%_minmax\(0\,23\.7903\%\)_8\.3871\%_auto_1fr_auto\]{grid-template-columns:16.9355% minmax(0,23.7903%) 8.3871% auto 1fr auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[1\.5rem_minmax\(0\,1fr\)\]{grid-template-columns:1.5rem minmax(0,1fr)}.grid-cols-\[6\.75rem_minmax\(0\,1fr\)\]{grid-template-columns:6.75rem minmax(0,1fr)}.grid-cols-\[20px_minmax\(0\,1\.15fr\)_minmax\(0\,2\.3fr\)_auto\]{grid-template-columns:20px minmax(0,1.15fr) minmax(0,2.3fr) auto}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.\!justify-between{justify-content:space-between!important}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-end{justify-items:end}.\!gap-0{gap:0!important}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-9{gap:calc(var(--spacing) * 9)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-\[2\.5px\]{gap:2.5px}.gap-\[9\.6px\]{gap:9.6px}.gap-\[9px\]{gap:9px}.gap-\[10px\]{gap:10px}.gap-\[min\(4\.5vh\,48px\)\]{gap:min(4.5vh,48px)}.gap-\[var\(--space\)\]{gap:var(--space)}.gap-px{gap:1px}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-\[2\.5px\]{column-gap:2.5px}.gap-x-\[18px\]{column-gap:18px}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.\!rounded{border-radius:.25rem!important}.rounded{border-radius:.25rem}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[0\.8px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:.8px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-accent{border-color:#fa91da}.border-foreground{border-color:#513838}.border-projects-list-active{border-color:#000}.bg-accent{background-color:#fa91da}.bg-background{background-color:#f1f1f1}.bg-background\/92{background-color:#f1f1f1eb;background-color:lab(95.1451% 0 0/.92)}.bg-black{background-color:var(--color-black)}.bg-case-lightbox{background-color:#000000d9}.bg-case-panel-solid{background-color:#1a1a1a}.bg-case-progress-track{background-color:#ffffff1f}.bg-case-rule{background-color:#ffffff1a}.bg-current{background-color:currentColor}.bg-surface{background-color:#d9d9d9}.bg-transparent{background-color:#0000}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:0}.px-0{padding-inline:0}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-\[10px\]{padding-inline:10px}.px-\[18px\]{padding-inline:18px}.px-\[var\(--side-margin\)\]{padding-inline:var(--side-margin)}.py-0{padding-block:0}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-0{padding-top:0}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-\[17px\]{padding-top:17px}.pt-\[42px\]{padding-top:42px}.pt-\[min\(120px\,12vh\)\]{padding-top:min(120px,12vh)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-\[10px\]{padding-right:10px}.pb-1{padding-bottom:var(--spacing)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-\[10px\]{padding-bottom:10px}.pb-\[17px\]{padding-bottom:17px}.pb-\[60px\]{padding-bottom:60px}.pb-\[var\(--space\)\]{padding-bottom:var(--space)}.pl-\[min\(205px\,28\%\)\]{padding-left:min(205px,28%)}.pl-\[var\(--side-margin\)\]{padding-left:var(--side-margin)}.\!text-left{text-align:left!important}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-dm-mono)}.font-sans{font-family:var(--font-haas)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[22px\]{font-size:22px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-\[15px\]{--tw-leading:15px;line-height:15px}.leading-\[16px\]{--tw-leading:16px;line-height:16px}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-\[normal\]{--tw-leading:normal;line-height:normal}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.break-words{overflow-wrap:break-word}.hyphens-none{-webkit-hyphens:none;hyphens:none}.\[hyphens\:auto\]{-webkit-hyphens:auto;hyphens:auto}.whitespace-nowrap{white-space:nowrap}.text-about-body{color:#5b5b5b}.text-accent{color:#fa91da}.text-case-label{color:#f7b0f5}.text-case-muted{color:#ffffffa6}.text-case-text{color:#ffffffe6}.text-current{color:currentColor}.text-foreground{color:#513838}.text-foreground\/50{color:#51383880;color:lab(26.4638% 11.4756 4.6623/.5)}.text-projects-list-active{color:#000}.text-projects-list-muted{color:#ababab}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.decoration-solid{text-decoration-style:solid}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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))}.transition-none{transition-property:none}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[-webkit-tap-highlight-color\:transparent\]{-webkit-tap-highlight-color:transparent}@media (hover:hover) and (pointer:fine){.group-hover\/project\:opacity-100:is(:where(.group\/project):hover *){opacity:1}}.first\:mt-0:first-child{margin-top:0}@media (hover:hover) and (pointer:fine){.hover\:text-case-label:hover{color:#f7b0f5}.hover\:opacity-70:hover{opacity:.7}}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-accent:focus-visible{--tw-ring-color:#fa91da}.focus-visible\:ring-foreground:focus-visible{--tw-ring-color:#513838}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-current:focus-visible{outline-color:currentColor}.data-\[panning\]\:cursor-grabbing[data-panning]{cursor:grabbing}@media not all and (min-width:1439px){.max-\[1439px\]\:\!object-contain{object-fit:contain!important}}@media not all and (min-width:1100px){.max-\[1100px\]\:mt-8{margin-top:calc(var(--spacing) * 8)}.max-\[1100px\]\:flex-\[1\]{flex:1}.max-\[1100px\]\:pt-0{padding-top:0}.max-\[1100px\]\:pl-0{padding-left:0}}@media not all and (min-width:1023px){.max-\[1023px\]\:gap-\[10px\]{gap:10px}}@media not all and (min-width:767px){.max-\[767px\]\:inset-0{inset:0}.max-\[767px\]\:top-2{top:calc(var(--spacing) * 2)}.max-\[767px\]\:right-2{right:calc(var(--spacing) * 2)}.max-\[767px\]\:flex{display:flex}.max-\[767px\]\:h-11{height:calc(var(--spacing) * 11)}.max-\[767px\]\:h-\[34px\]{height:34px}.max-\[767px\]\:h-auto{height:auto}.max-\[767px\]\:min-h-full{min-height:100%}.max-\[767px\]\:w-11{width:calc(var(--spacing) * 11)}.max-\[767px\]\:w-\[34px\]{width:34px}.max-\[767px\]\:w-full{width:100%}.max-\[767px\]\:max-w-none{max-width:none}.max-\[767px\]\:flex-none{flex:none}.max-\[767px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[767px\]\:items-center{align-items:center}.max-\[767px\]\:\!justify-end{justify-content:flex-end!important}.max-\[767px\]\:justify-center{justify-content:center}.max-\[767px\]\:\!gap-0{gap:0!important}.max-\[767px\]\:gap-0{gap:0}.max-\[767px\]\:gap-\[var\(--space\)\]{gap:var(--space)}.max-\[767px\]\:overflow-x-clip{overflow-x:clip}.max-\[767px\]\:overflow-y-auto{overflow-y:auto}.max-\[767px\]\:px-\[var\(--space\)\]{padding-inline:var(--space)}.max-\[767px\]\:pt-0{padding-top:0}.max-\[767px\]\:pt-2{padding-top:calc(var(--spacing) * 2)}}@media not all and (min-width:374px){.max-\[374px\]\:h-\[14px\]{height:14px}}@media (min-width:768px){.min-\[768px\]\:block{display:block}.min-\[768px\]\:grid{display:grid}.min-\[768px\]\:shrink-0{flex-shrink:0}.min-\[768px\]\:\[grid-template-columns\:16\.9355\%_minmax\(0\,23\.7903\%\)_8\.3871\%_auto_1fr_auto\]{grid-template-columns:16.9355% minmax(0,23.7903%) 8.3871% auto 1fr auto}.min-\[768px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.min-\[768px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.min-\[768px\]\:gap-0{gap:0}}@media (min-width:1024px){.min-\[1024px\]\:col-start-1{grid-column-start:1}.min-\[1024px\]\:col-start-3{grid-column-start:3}.min-\[1024px\]\:w-\[64\.5\%\]{width:64.5%}.min-\[1024px\]\:w-\[min\(100\%\,calc\(395\/1280\*100vw\)\)\]{width:min(100%,30.8594vw)}.min-\[1024px\]\:grid-cols-\[min\(100\%\,calc\(395\/1280\*100vw\)\)_8\.3871vw_minmax\(0\,calc\(296\/1280\*100vw\)\)\]{grid-template-columns:min(100%,30.8594vw) 8.3871vw minmax(0,23.125vw)}.min-\[1024px\]\:justify-start{justify-content:flex-start}.min-\[1024px\]\:gap-y-0{row-gap:0}.min-\[1024px\]\:px-\[calc\(26\/1280\*100vw\)\]{padding-inline:2.03125vw}.min-\[1024px\]\:pr-\[calc\(124\/1280\*100vw\)\]{padding-right:9.6875vw}.min-\[1024px\]\:text-justify{text-align:justify}}@media (min-width:48rem){.md\:w-1\/2{width:50%}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:items-center{align-items:center}.md\:gap-5{gap:calc(var(--spacing) * 5)}}@media (min-width:1024px) and (hover:hover) and (pointer:fine){.desktop-chrome\:contents{display:contents}.desktop-chrome\:hidden{display:none}.desktop-chrome\:w-\[min\(397px\,100\%\)\]{width:min(397px,100%)}.desktop-chrome\:max-w-\[610px\]{max-width:610px}.desktop-chrome\:max-w-\[calc\(610px\+2\*var\(--side-margin\)\)\]{max-width:calc(610px + 2 * var(--side-margin))}.desktop-chrome\:flex-none{flex:none}.desktop-chrome\:\!justify-between{justify-content:space-between!important}.desktop-chrome\:\!gap-0{gap:0!important}.desktop-chrome\:gap-6{gap:calc(var(--spacing) * 6)}}.\[\&\>p\+p\]\:mt-4>p+p{margin-top:calc(var(--spacing) * 4)}@media (hover:hover) and (pointer:fine){.\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\]\:block{display:block}}}@font-face{font-family:DM Mono;src:url(/fonts/DMMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--type-nav:clamp(10px, 8.85px + .308vw, 12px);--type-xs:clamp(11px, 10.42px + .154vw, 12px);--type-sm:clamp(12px, 10.85px + .308vw, 14px);--type-base:clamp(15px, 14.42px + .154vw, 16px);--type-lg:clamp(16px, 14.85px + .308vw, 18px);--type-xl:clamp(18px, 16.85px + .308vw, 20px);--space-gutter:20px;--space:10px;--side-margin:var(--space);--band-padding-top:var(--space);--band-padding-bottom:var(--space);--focus-inset:calc(var(--space) / 2);--focus-to-number:var(--focus-inset);--space-stack:20px;--header-nav-gap:40px;--header-logo-height:18px;--header-mascot-size:clamp(64px, 9vw, 131px);--color-foreground:#513838;--color-background:#f1f1f1;--color-surface:#d9d9d9;--color-accent:#fa91da;--color-case-panel:#000000b3;--color-case-panel-solid:#1a1a1a;--color-case-panel-fallback:#000000f5;--color-case-text:#ffffffe6;--color-case-muted:#ffffffa6;--color-case-rule:#ffffff1a;--color-case-label:#f7b0f5;--color-case-progress-track:#ffffff1f;--color-case-lightbox:#000000d9;--color-projects-list-active:#000;--color-projects-list-muted:#ababab;--color-projects-list-cat:#51383866;--color-about-overlay:#ffffffb3;--color-about-body:#5b5b5b;--font-haas:"neue-haas-grotesk-text", ui-sans-serif, system-ui, sans-serif;--journal-opacity:1;--journal-density:0}@media (min-width:768px) and (max-width:1023px){:root{--space-gutter:16px;--header-nav-gap:24px}}@media (max-width:767px){:root{--space-gutter:10px;--space-stack:16px;--header-nav-gap:16px;--journal-opacity:1;--journal-density:-.08}}@media (min-width:1440px){:root{--space:20px}}@media (max-width:374px){:root{--space-gutter:10px;--header-nav-gap:8px;--header-logo-height:14px;--header-mascot-size:40px}}html{scrollbar-gutter:auto}body{background:var(--color-background);color:var(--color-foreground);font-family:var(--font-haas)}:root{--about-nav-reserve:calc(var(--header-logo-height) + 1.5rem);--about-bottom-pad:2.5rem}@media (max-width:767px){:root{--about-nav-reserve:80px}}.about-overlay-dialog{height:100dvh}.about-overlay{background-color:var(--color-about-overlay);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.about-overlay-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding-top:var(--about-nav-reserve);padding-bottom:var(--about-bottom-pad);flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.about-overlay-content{width:100%;margin-top:auto}.about-overlay-content .about-not-designing{text-align:left}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){html[data-project-transition] [data-project-chrome]{pointer-events:none!important}html[data-project-transition] [data-gallery-slot="0"]{opacity:0!important}}[data-curiosities-arrival-frame],[data-curiosities-arrival-frame] *,[data-curiosities-leave-frame],[data-curiosities-leave-frame] *,[data-project-slide-frame],[data-project-slide-frame] *{pointer-events:none!important}html.project-overlay-lock,html.project-overlay-lock body{cursor:wait;overflow:hidden!important}html.about-overlay-lock,html.about-overlay-lock body{overflow:hidden!important}html.about-overlay-lock header,html.about-overlay-lock [data-about-chrome-root],html.about-overlay-lock [data-project-root],html.about-overlay-lock [data-curiosities-root]{z-index:auto!important}html.about-overlay-lock [data-about-chrome],html.about-overlay-lock [data-site-bar]{isolation:isolate;z-index:80!important}html.about-overlay-lock [data-curiosity-chrome-slot]{z-index:auto!important}html.about-overlay-lock [data-site-bar][data-curiosity-detail-chrome] [data-curiosities-nav]{visibility:hidden;pointer-events:none;width:5ch;min-width:5ch;max-width:5ch}html.project-overlay-lock [data-projects-index]{pointer-events:none!important}@media (prefers-reduced-motion:no-preference){[data-projects-index][data-projects-entrance=pending] [data-projects-index-row],[data-projects-index][data-projects-entrance=pending] [data-projects-index-cover]{opacity:0!important}[data-entrance=pending] [data-entrance=logo],[data-entrance=pending] [data-entrance=mascot],[data-entrance=pending] [data-entrance=intro],[data-entrance=pending] .home-lead-copy p,[data-entrance=pending] .home-email button,[data-entrance=pending] nav[aria-label=Main]>a,[data-entrance=pending] nav[aria-label=Main]>button,[data-entrance=pending] [data-entrance=cover],[data-entrance=pending] [data-entrance=brackets],[data-entrance=pending] [data-entrance=label],[data-entrance=pending] [data-entrance=band-counter]{opacity:0}[data-entrance=pending] [data-entrance=logo],[data-entrance=pending] [data-entrance=mascot]{transform:translateY(6px)}[data-entrance=pending] [data-entrance=brackets]{transform:scale(1.4)}[data-entrance=pending] [data-entrance=band-bg]{clip-path:inset(0% 0% 100%)}[data-entrance=pending] [data-entrance=band-line]{opacity:0;transform-origin:0;transform:scaleX(0)}html[data-entrance=done] [data-entrance=band-line]{opacity:0!important;visibility:hidden!important;transform:scaleX(0)!important}[data-entrance=cover]{transition:none}@media (max-width:767px){[data-home-shell] [data-entrance=cover]{aspect-ratio:3/2}[data-home-shell]:has([data-entrance=pending]) .projects-scroll{overflow:visible!important}}[data-entrance=pending] .projects-scroll{cursor:default}}.band-loading-line{box-shadow:0 0 6px #fa91dae6,0 0 14px #fa91da73}@supports (color:color-mix(in lab, red, red)){.band-loading-line{box-shadow:0 0 6px color-mix(in srgb, var(--color-accent) 90%, transparent), 0 0 14px color-mix(in srgb, var(--color-accent) 45%, transparent)}}[data-thumb-focus]{opacity:0;visibility:hidden}.projects-scroll,.project-gallery,.project-desc,.project-thumbs,.case-study-scroll{scrollbar-width:none}.project-gallery img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.project-desc{-webkit-mask-image:linear-gradient(#0000 0,#000 36px 100%);mask-image:linear-gradient(#0000 0,#000 36px 100%)}.link-arrow{background-image:linear-gradient(currentColor,currentColor);background-position:0 calc(.92em + 3px);background-repeat:no-repeat;background-size:100% 1px;text-decoration:none}[data-home-shell] .projects-scroll{-webkit-mask-image:none;mask-image:none}.case-study-scroll{--case-label-mask:calc(18px + 6.75rem);-webkit-mask-image:linear-gradient(to right, #000 0, #000 var(--case-label-mask), transparent var(--case-label-mask)), linear-gradient(to bottom, transparent 0, #000 36px, #000 100%);-webkit-mask-image:linear-gradient(to right, #000 0, #000 var(--case-label-mask), transparent var(--case-label-mask)), linear-gradient(to bottom, transparent 0, #000 36px, #000 100%);-webkit-mask-image:linear-gradient(to right, #000 0, #000 var(--case-label-mask), transparent var(--case-label-mask)), linear-gradient(to bottom, transparent 0, #000 36px, #000 100%);-webkit-mask-image:linear-gradient(to right, #000 0, #000 var(--case-label-mask), transparent var(--case-label-mask)), linear-gradient(to bottom, transparent 0, #000 36px, #000 100%);mask-image:linear-gradient(to right, #000 0, #000 var(--case-label-mask), transparent var(--case-label-mask)), linear-gradient(to bottom, transparent 0, #000 36px, #000 100%);-webkit-mask-composite:source-over;-webkit-mask-composite:source-over;-webkit-mask-composite:source-over;-webkit-mask-composite:source-over;mask-composite:add}.projects-index-list{scrollbar-width:none}.projects-scroll::-webkit-scrollbar{display:none}.projects-index-list::-webkit-scrollbar{display:none}.project-gallery::-webkit-scrollbar{display:none}.project-desc::-webkit-scrollbar{display:none}.project-thumbs::-webkit-scrollbar{display:none}.case-study-scroll::-webkit-scrollbar{display:none}.case-study-panel[data-case-entrance=pending] [data-case-wave],.case-study-panel[data-case-entrance=pending] [data-case-reveal]{opacity:0!important}.case-study-progress-fill{box-shadow:0 0 6px #fa91dab3}@supports (color:color-mix(in lab, red, red)){.case-study-progress-fill{box-shadow:0 0 6px color-mix(in srgb, var(--color-accent) 70%, transparent)}}.case-study-panel button{cursor:pointer}.case-study-blur{background-color:var(--color-case-panel-fallback)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.case-study-blur{background-color:var(--color-case-panel);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}}.projects-scroll:focus-visible{outline:1px solid var(--color-accent);outline-offset:-1px}.projects-scroll[data-projects-mode=fluid]{overflow-x:hidden}.projects-scroll [data-entrance=project]{transition:none}@media (hover:hover) and (pointer:fine) and (min-width:768px){.projects-scroll [data-entrance=projects-track]:hover>[data-entrance=project]{opacity:var(--projects-hover-dim,.65)}.projects-scroll [data-entrance=projects-track]:has(>[data-projects-hover])>[data-entrance=project]{opacity:var(--projects-hover-dim,.65)}.projects-scroll [data-entrance=projects-track]:hover>[data-entrance=project]:hover,.projects-scroll [data-entrance=projects-track]>[data-entrance=project][data-projects-hover]{opacity:1}[data-home-shell] [data-entrance=project]{color:var(--color-projects-list-cat)}[data-home-shell] [data-entrance=project] .home-wide-only{color:inherit}[data-home-shell] [data-carousel-active]{color:var(--color-foreground);opacity:1!important}}.projects-scroll [data-entrance=project][data-projects-hover] [data-entrance=brackets]{opacity:1}.projects-scroll[data-projects-moving] [data-entrance=project]{opacity:1!important}.projects-scroll[data-projects-moving] [data-entrance=brackets]{opacity:0!important}.h-svh,.h-viewport{height:100dvh}[data-home-shell]{container-type:inline-size}@media (min-width:768px){[data-home-shell]{height:100dvh;overflow:clip}[data-home-screen]{flex:auto;height:100%;min-height:0}[data-home-shell] [data-entrance=band]{transform:scale(var(--home-fit-scale,1));transform-origin:bottom}}[data-entrance=band-bg]{width:auto;left:0;right:0;transform:none}@media (min-width:1761px){[data-entrance=band-bg]{width:var(--shell-client-w,100%);left:50%;right:auto;transform:translate(-50%)}}[data-home-shell] [data-entrance=band]{height:auto;max-height:none;padding-top:var(--space);padding-bottom:var(--space);overflow:visible}[data-home-shell] .projects-scroll ul{gap:var(--space);padding-left:var(--space);padding-right:0}[data-home-shell] [data-entrance=projects-track]>[data-entrance=project]:last-child{margin-right:var(--space)}[data-home-shell] [data-entrance=brackets]{display:none!important}[data-home-shell] [data-entrance=brackets],[data-home-shell] [data-focus-frame]{top:calc(-1 * var(--focus-to-number));right:calc(-1 * var(--focus-inset));bottom:calc(-1 * var(--focus-to-number));left:calc(-1 * var(--focus-inset))}[data-home-shell] [data-entrance=brackets] span,[data-home-shell] [data-focus-frame] span{width:27px;height:27px}.home-compact-only,.home-mobile-only{display:none}@media (max-width:1023px){.home-wide-only{display:none}.home-compact-only{display:block}.home-card-meta.home-compact-only{display:flex}[data-home-shell] .projects-scroll{scroll-snap-type:x mandatory;scroll-padding-inline:var(--space);touch-action:pan-x pan-y;cursor:grab;container-type:inline-size;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}[data-home-shell] .projects-scroll.is-dragging,[data-home-shell] .projects-scroll.is-wheeling{scroll-snap-type:none}[data-home-shell] .projects-scroll.is-dragging{cursor:grabbing}[data-home-shell] .projects-scroll ul{gap:var(--space);padding-left:var(--space)!important;padding-right:0!important}[data-home-shell] [data-entrance=project]>a{height:auto;min-height:0}[data-home-shell] [data-entrance=project]{scroll-snap-align:start}[data-home-shell] [data-entrance=brackets]{opacity:0!important}[data-home-shell] [data-carousel-active] [data-entrance=brackets]{opacity:1!important}[data-home-shell] [data-entrance=brackets] span{width:27px;height:27px}}@media (max-width:767px){[data-home-shell]{height:100svh;overflow:clip auto}[data-home-screen]{flex-direction:column;max-width:none;height:auto;min-height:100svh;display:flex;position:relative}[data-home-screen]>main{flex-direction:column;flex:1 0 auto;justify-content:flex-end;min-height:0;padding-top:0;display:flex}.home-mobile-only{display:block}.home-lead.home-mobile-only{z-index:1;flex-direction:column;flex:1 0 auto;justify-content:center;width:auto;max-width:none;padding:0;display:flex;position:relative;top:auto;left:auto}.home-lead-copy{z-index:1;width:73.3831%;margin-left:var(--side-margin);position:relative}.home-lead.home-mobile-only p{width:100%;font-size:12px}[data-home-screen] .home-email{z-index:2;padding:0 var(--side-margin) 10px;flex:none;justify-content:flex-end;line-height:0;display:flex;position:relative;top:auto;bottom:auto;right:auto;transform:none}[data-home-screen] .home-email button{padding:8px 0 0;font-size:12px;line-height:normal;display:block}[data-home-screen] [data-entrance=band]{height:auto;padding-top:var(--band-padding-top);padding-bottom:var(--band-padding-bottom);position:relative;inset:auto}[data-site-header],[data-site-bar]{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:0;width:100%;min-width:0;max-width:none;display:flex;position:relative}[data-site-header] [data-entrance=intro],[data-site-header] [data-nav-copy],[data-site-bar] [data-nav-copy]{display:none}[data-site-header] [data-entrance=logo],[data-site-header] [data-entrance=mascot],[data-site-bar]>span:first-child,[data-site-bar] [data-project-mascot],[data-site-bar] [data-projects-mascot],[data-site-bar] [data-curiosities-mascot]{z-index:1;flex:none;position:relative}[data-site-header] [data-entrance=mascot]>*,[data-site-bar] [data-project-mascot]>*,[data-site-bar] [data-projects-mascot]>*,[data-site-bar] [data-curiosities-mascot]>*{aspect-ratio:auto;width:34px;height:34px}[data-site-header] nav,[data-site-bar] [data-site-nav-group],[data-site-bar] [data-site-nav-group]>div,[data-site-bar]>div:not([data-site-nav-group]),[data-site-bar] nav{display:contents}[data-site-header] [data-about-chrome]:has(>nav){display:contents}[data-site-bar] [data-about-chrome]:has(>nav){display:contents}[data-site-header] nav a,[data-site-header] nav button,[data-site-bar] nav a,[data-site-bar] nav button{--nav-tap-y:0px;--nav-tap-x:0px;padding:0;font-size:12px;line-height:normal}[data-site-header] [data-entrance=logo] a,[data-site-bar] a[aria-label="Roxane Diamand — home"]{height:18px}html.about-overlay-lock header,html.about-overlay-lock [data-site-bar]{z-index:80!important}[data-project-root],[data-projects-index]{container-type:inline-size}[data-projects-index]>:first-child{padding-left:var(--side-margin)}}@media (max-width:1439px){[data-site-header] [data-entrance=intro],[data-site-header] nav a,[data-site-header] nav button,.home-lead.home-mobile-only p,.home-email button{font-size:12px}.home-wide-only{display:none}.home-card-meta.home-compact-only{display:flex}[data-home-shell] .home-card-meta p{text-overflow:clip;white-space:normal;overflow:visible}html[data-entrance=done] [data-home-shell] [data-entrance=label]{opacity:1!important;visibility:visible!important}[data-home-shell] [data-entrance=band]{height:auto;max-height:none;padding-top:var(--space);padding-bottom:var(--space);overflow:visible}[data-home-shell] .projects-scroll{flex-shrink:0;height:auto;max-height:none;overflow:auto hidden}[data-home-shell] [data-entrance=projects-track]{padding-right:0!important}[data-home-shell] .projects-scroll{scroll-padding-inline:var(--space)}[data-home-shell] .projects-scroll ul{gap:var(--space);padding-left:var(--space)!important;padding-right:0!important}[data-home-shell] [data-entrance=projects-track]>[data-entrance=project]:last-child{margin-right:var(--space)}[data-home-shell] [data-entrance=project],[data-home-shell] [data-entrance=project]>a,[data-home-shell] [data-entrance=projects-track],[data-home-shell] .home-card-body{overflow:visible}[data-home-shell] [data-entrance=cover]{overflow:visible;flex:none!important;height:auto!important;min-height:0!important;max-height:none!important}[data-home-shell] [data-entrance=cover] img{object-fit:contain!important;width:100%!important;height:100%!important;max-height:none!important;position:absolute!important;inset:0!important}[data-home-shell] [data-entrance=brackets]{display:none!important}}@media (max-width:374px){[data-site-header] [data-entrance=mascot]>*{width:34px;height:34px}}@media (max-width:767px){[data-home-shell] [data-entrance=brackets]{display:none!important}[data-home-shell] [data-entrance=band]{padding-top:var(--band-padding-top);padding-bottom:var(--band-padding-bottom)}[data-home-shell] .projects-scroll{scroll-padding-inline:var(--space);margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}[data-home-shell] .projects-scroll ul{gap:var(--space);padding-left:var(--space)!important}[data-home-shell] [data-entrance=projects-track]>[data-entrance=project]:last-child{margin-right:var(--space)}}@media (min-width:768px) and (max-width:1023px),(min-width:1024px) and (hover:none) and (pointer:coarse){:root{--curiosities-mascot-width:92px;--curiosities-mascot-height:74px}[data-site-bar]{justify-content:space-between;align-items:flex-start;gap:0;width:100%;padding-top:0;padding-left:10px;padding-right:10px;display:flex;position:relative;max-width:none!important}[data-site-nav-group]{width:608px;max-width:calc(100% - var(--curiosities-mascot-width));flex:none;justify-content:space-between;align-items:flex-start;gap:0;height:34px;margin-top:8px;display:flex}[data-site-nav-group]>div,[data-site-nav-group] nav{display:contents}[data-site-nav-group] [data-about-chrome]:has(>nav){display:contents}[data-site-bar] [data-nav-copy]{display:none!important}[data-site-bar] a[aria-label="Roxane Diamand — home"]{height:19px}[data-site-bar] [data-project-mascot],[data-site-bar] [data-projects-mascot],[data-site-bar] [data-curiosities-mascot]{width:var(--curiosities-mascot-width);height:var(--curiosities-mascot-height);box-sizing:content-box;flex:none;margin-top:0;padding-top:10px;display:inline-flex!important}[data-site-bar] [data-project-mascot]>*,[data-site-bar] [data-projects-mascot]>*,[data-site-bar] [data-curiosities-mascot]>*{width:var(--curiosities-mascot-width)!important;height:var(--curiosities-mascot-height)!important}}@media (min-width:1024px) and (hover:none) and (pointer:coarse){[data-projects-index]>div:not([data-projects-compact]){display:none!important}[data-projects-compact]{display:flex!important}}@media (max-width:767px),(hover:none) and (pointer:coarse){[data-project-root]{scrollbar-width:none;flex-direction:column;align-items:stretch;height:100svh;overflow:hidden auto}[data-project-root]::-webkit-scrollbar{display:none}[data-project-root]:has(.case-study-panel){overflow:hidden}[data-project-root] [data-project-chrome],[data-project-root] [data-project-main],[data-project-root] [data-project-info],[data-project-root] [data-project-gallery-col]{display:contents}[data-project-root] [data-project-thumbs]{display:none!important}[data-project-root] [data-site-bar]{order:1;justify-content:space-between;align-items:flex-start;gap:0;width:100%;max-width:none;padding-top:8px;display:flex}[data-project-root] [data-site-bar] [data-site-nav-group]>div,[data-project-root] [data-site-bar] nav{display:contents}[data-project-root] [data-site-bar] [data-about-chrome]:has(>nav){display:contents}[data-project-root] [data-site-bar]>:last-child{flex:none;width:auto}[data-project-root] [data-site-bar] nav a,[data-project-root] [data-site-bar] nav button{--nav-tap-y:9px;--nav-tap-x:4px;padding:9px 4px;font-size:12px;line-height:normal}[data-project-root] [data-project-title-row]{align-items:flex-start;gap:var(--space);order:2;width:100%;max-width:none;margin-top:38px}[data-project-root] [data-project-title-row] h1{white-space:normal;flex:auto;min-width:0;font-size:12px;line-height:normal}[data-project-root] [data-project-actions]{text-align:right;flex:none;align-items:flex-end}[data-project-root] [data-project-link]{order:1}[data-project-root] [data-project-case]{order:2}[data-project-root] [data-project-categories]{order:3;width:100%;margin-top:8px;font-size:12px}[data-project-root] .project-desc{flex:none;order:4;width:64.3979%;max-width:none;margin-top:20px;overflow:visible;-webkit-mask-image:none;mask-image:none;padding:0!important}[data-project-root] .project-desc>div{-webkit-hyphens:auto;hyphens:auto;width:100%;padding-top:0;font-size:12px}[data-project-root] [data-project-role]{order:5;width:65.445%;margin-top:20px;font-size:12px}[data-project-root] .project-gallery{flex:none;order:6;width:100%;margin-top:38px;overflow:visible;-webkit-mask-image:none;mask-image:none;height:auto!important;min-height:max-content!important}[data-project-root] .project-gallery>div{gap:var(--space);padding-top:0;padding-bottom:0}[data-project-root] .project-gallery img,[data-project-root] .project-gallery video{object-fit:contain;width:100%;height:auto!important}[data-project-root] [data-project-footer-fade]{pointer-events:auto;order:7;width:100%;max-width:none;margin-top:28px;position:relative;inset:auto;height:auto!important}[data-project-root] [data-project-footer-fade]>[aria-hidden]{display:none}[data-project-root] [data-project-footer-fade] nav{padding-bottom:20px;position:relative;inset:auto}.case-study-panel section{flex-direction:column;gap:8px;align-items:stretch!important;display:flex!important}.case-study-panel section>*{width:100%}.case-study-panel section>.sticky{width:var(--case-study-text-width);max-width:none;position:static}.case-study-panel{--case-study-text-width:75%}:is(.case-study-panel [class*="45cqw"],.case-study-panel [class*="48cqw"],.case-study-panel [class*="md:w-1/2"]:not(:has(figure))){text-align:justify;-webkit-hyphens:auto;hyphens:auto;width:var(--case-study-text-width)!important;max-width:none!important;margin-left:0!important}.case-study-panel figure .size-full,.case-study-panel figure img,.case-study-panel figure video{object-fit:contain!important;width:100%!important;height:auto!important;max-height:none!important;position:relative!important;inset:auto!important}.case-study-panel figure [data-case-reveal]{aspect-ratio:auto!important;height:auto!important}[data-project-root] [data-project-mascot]{display:inline-flex!important}.case-study-panel{width:100%!important;max-width:none!important;inset:0!important}.case-study-panel>button{justify-content:center;align-items:center;width:2.75rem!important;height:2.75rem!important;display:flex!important;top:8px!important;right:8px!important}.case-study-scroll>div{padding-left:var(--space)!important;padding-right:var(--space)!important}.case-study-panel .grid.gap-5{gap:var(--space)!important;grid-template-columns:minmax(0,1fr)!important}}@media (min-width:768px) and (max-width:1023px),(min-width:1024px) and (hover:none) and (pointer:coarse){[data-project-root] [data-site-bar]{padding-left:10px;padding-right:10px;padding-top:0!important}[data-project-root] [data-site-nav-group]{width:608px;max-width:calc(100% - var(--curiosities-mascot-width,92px));flex:none;justify-content:space-between;align-items:flex-start;gap:0;height:34px;margin-top:8px;display:flex!important}[data-project-root] [data-site-bar] nav a,[data-project-root] [data-site-bar] nav button,[data-project-root] [data-site-bar] [data-curiosities-nav],[data-project-root] [data-site-bar] [data-about-nav]{--nav-tap-y:0px;--nav-tap-x:0px;padding:0!important}}@media (max-width:767px){[data-site-header] nav a,[data-site-header] nav button,[data-site-bar] nav a,[data-site-bar] nav button,[data-project-root] [data-site-bar] nav a,[data-project-root] [data-site-bar] nav button{--nav-tap-y:0px;--nav-tap-x:0px;padding:0;font-size:12px;line-height:normal}[data-projects-compact] [data-site-bar]{justify-content:space-between;align-items:flex-start;width:100%;max-width:none;padding-top:8px}[data-projects-compact] [data-site-bar] [data-site-nav-group],[data-projects-compact] [data-site-bar] [data-site-nav-group]>div,[data-projects-compact] [data-site-bar] nav{display:contents}[data-projects-compact] [data-site-bar] [data-about-chrome]:has(>nav){display:contents}[data-projects-compact] [data-site-bar]>:last-child{flex:none;width:auto}[data-projects-compact] [data-nav-copy]{display:none}[data-projects-compact-list]{margin-top:45px}[data-project-root] [data-project-title-row]{align-items:center;gap:0;margin-top:38px}[data-project-root] [data-project-categories]{margin-top:5px;font-size:12px}[data-project-root] .project-desc{width:64.3979%;margin-top:20px!important}[data-project-root] .project-desc>div{-webkit-hyphens:auto;hyphens:auto;gap:11px;font-size:11px;font-weight:400;line-height:normal}[data-project-root] [data-project-role]{width:65.445%;margin-top:20px;font-size:12px}[data-project-root] .project-gallery{margin-top:20px}[data-project-root] .project-gallery>div{gap:10px}.about-overlay-content{margin-top:0}.about-overlay-content>section,.about-overlay-content>div{width:64.3979%;max-width:100%}.about-overlay-content .text-about-body{text-align:justify;font-size:11px;font-weight:400;line-height:normal}.about-overlay-content .about-not-designing{text-align:left}.about-overlay-content section .flex.flex-col:not(ul){gap:11px}.about-overlay-content section ul,.about-overlay-content section ul.flex.flex-col{gap:0}.about-overlay-content section ul li,.about-overlay-content section ul .text-about-body{margin:0;padding:0;line-height:normal}.about-overlay-content h2{font-size:12px}}@media (min-width:768px) and (max-width:1023px){[data-projects-compact] [data-site-bar]{width:100%;max-width:none}[data-projects-compact-list]{margin-top:var(--space)}}nav[aria-label=Main] a,nav[aria-label=Main] button,[data-site-bar] [data-curiosities-nav],[data-site-bar] [data-about-nav],[data-site-bar] [data-nav-copy],[data-site-header] nav a,[data-site-header] nav button{-moz-text-size-adjust:100%;text-size-adjust:100%;line-height:normal;font-size:12px!important}@media (hover:hover) and (pointer:fine){nav[aria-label=Main]>a,nav[aria-label=Main]>button{transition:color .2s cubic-bezier(.65,0,.35,1)}nav[aria-label=Main]>a:before,nav[aria-label=Main]>button:before{content:"";z-index:-1;top:calc(var(--nav-tap-y,0px) - 4px);right:calc(var(--nav-tap-x,0px) - 6px);bottom:calc(var(--nav-tap-y,0px) - 4px);left:calc(var(--nav-tap-x,0px) - 6px);background-color:var(--color-foreground);transform-origin:0;pointer-events:none;transition:transform .35s cubic-bezier(.65,0,.35,1);position:absolute;transform:scaleX(0)}nav[aria-label=Main]>a:hover,nav[aria-label=Main]>a:focus-visible,nav[aria-label=Main]>button:hover,nav[aria-label=Main]>button:focus-visible{color:var(--color-background);transition-delay:.1s}nav[aria-label=Main]>a:hover:before,nav[aria-label=Main]>a:focus-visible:before,nav[aria-label=Main]>button:hover:before,nav[aria-label=Main]>button:focus-visible:before{transform:scaleX(1)}nav[aria-label=Main]>button[data-nav-copy]:before{transition:transform .35s cubic-bezier(.65,0,.35,1),right .25s cubic-bezier(.65,0,.35,1)}nav[aria-label=Main]>button[data-nav-copy][data-copied]:before{right:calc(100% - var(--copied-w) - 6px)}}button[data-about-nav][aria-expanded=true]{isolation:isolate;color:var(--color-background)!important}button[data-about-nav][aria-expanded=true]:before{z-index:0;top:calc(var(--nav-tap-y,0px) - 4px);right:calc(var(--nav-tap-x,0px) - 6px);bottom:calc(var(--nav-tap-y,0px) - 4px);left:calc(var(--nav-tap-x,0px) - 6px);background-color:var(--color-foreground);transform-origin:0;pointer-events:none;position:absolute;content:""!important;transform:scaleX(1)!important}button[data-about-nav][aria-expanded=true] [data-about-label]{z-index:1;position:relative}button[data-curiosities-nav][data-nav-close]{isolation:isolate;color:var(--color-background)!important}button[data-curiosities-nav][data-nav-close]:before{z-index:0;top:calc(var(--nav-tap-y,0px) - 4px);right:calc(var(--nav-tap-x,0px) - 6px);bottom:calc(var(--nav-tap-y,0px) - 4px);left:calc(var(--nav-tap-x,0px) - 6px);background-color:var(--color-foreground);transform-origin:0;pointer-events:none;position:absolute;content:""!important;transform:scaleX(1)!important}button[data-curiosities-nav][data-nav-close] [data-curiosities-label]{z-index:1;position:relative}button[data-curiosity-ctrl]{transition:color .2s cubic-bezier(.65,0,.35,1)}button[data-curiosity-ctrl]:before{content:"";z-index:0;background-color:var(--color-background);transform-origin:0;pointer-events:none;transition:background-color .2s cubic-bezier(.65,0,.35,1),transform .35s cubic-bezier(.65,0,.35,1);position:absolute;inset:-4px -6px;transform:scaleX(1)}button[data-curiosity-ctrl][data-active]{color:var(--color-background)!important}button[data-curiosity-ctrl][data-active]:before{background-color:var(--color-foreground)!important;transform:scaleX(1)!important}@media (hover:hover) and (pointer:fine){button[data-curiosity-ctrl]:not([data-active]):hover,button[data-curiosity-ctrl]:not([data-active]):focus-visible{color:var(--color-background);transition-delay:.1s}button[data-curiosity-ctrl]:not([data-active]):hover:before,button[data-curiosity-ctrl]:not([data-active]):focus-visible:before{background-color:var(--color-foreground)}}[data-curiosity-slide]:not([data-curiosity-slide-active]){visibility:hidden}[data-curiosity-track-swiping] [data-curiosity-slide]:not([data-curiosity-slide-active]){visibility:visible}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){nav[aria-label=Main]>a,nav[aria-label=Main]>button,nav[aria-label=Main]>a:before,nav[aria-label=Main]>button:before,nav[aria-label=Main]>button[data-nav-copy]:before{transition:none}}[data-nav-copy],.home-email-label{--copied-w:12ch}[data-nav-copy] .nav-copy-label,[data-nav-copy]:after{transition:opacity .15s linear}[data-nav-copy]:after{content:attr(data-copied-label);opacity:0;font:inherit;line-height:inherit;white-space:nowrap;pointer-events:none;position:absolute;top:0;left:0}[data-nav-copy][data-copied] .nav-copy-label{opacity:0}[data-nav-copy][data-copied]:after{opacity:1}@media (hover:none){nav[aria-label=Main]>button[data-nav-copy]{transition:color .2s cubic-bezier(.65,0,.35,1)}nav[aria-label=Main]>button[data-nav-copy]:before{content:"";z-index:-1;top:calc(var(--nav-tap-y,0px) - 4px);right:calc(var(--nav-tap-x,0px) - 6px);bottom:calc(var(--nav-tap-y,0px) - 4px);left:calc(var(--nav-tap-x,0px) - 6px);background-color:var(--color-foreground);transform-origin:0;pointer-events:none;transition:transform .35s cubic-bezier(.65,0,.35,1),right .25s cubic-bezier(.65,0,.35,1);position:absolute;transform:scaleX(0)}nav[aria-label=Main]>button[data-nav-copy][data-copied]:before{right:calc(100% - var(--copied-w) - 6px)}nav[aria-label=Main]>button[data-nav-copy][data-copy-block]{color:var(--color-background);transition-delay:.1s}nav[aria-label=Main]>button[data-nav-copy][data-copy-block]:before{transform:scaleX(1)}}.home-email-label{z-index:1;display:inline-block;position:relative}.home-email-text{transition:opacity .15s linear}.home-email button{transition:color .2s cubic-bezier(.65,0,.35,1)}.home-email-label:before,.home-email-label:after{pointer-events:none}.home-email-label:before{content:"";z-index:-1;background-color:var(--color-foreground);transform-origin:0;transition:transform .35s cubic-bezier(.65,0,.35,1),left .25s cubic-bezier(.65,0,.35,1);position:absolute;inset:-4px -6px;transform:scaleX(0)}.home-email-label:after{content:attr(data-copied-label);opacity:0;font:inherit;line-height:inherit;white-space:nowrap;transition:opacity .15s linear;position:absolute;top:0;right:0}.home-email button[data-copied]{color:var(--color-background);transition-delay:.1s}.home-email button[data-copied] .home-email-text{opacity:0}.home-email button[data-copied] .home-email-label:before{left:calc(100% - var(--copied-w) - 6px);transform:scaleX(1)}.home-email button[data-copied] .home-email-label:after{opacity:1}@media (prefers-reduced-motion:reduce){[data-nav-copy] .nav-copy-label,[data-nav-copy]:after,.home-email-text,.home-email button,.home-email-label:before,.home-email-label:after{transition:none}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}