@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-scroll-snap-strictness:proximity}}}@layer theme{:root,:host{--font-sans:"Avenir Next", "Helvetica Neue", sans-serif;--font-mono:"IBM Plex Mono", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-luxia:"Luxia Display", Georgia, 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}:root{--canvas:#d9d9d7;--surface:#fff;--surface-soft:#ededeb;--text:#111;--muted:#62625e;--line:#c9c9c6;--focus:#111;--radius:18px}:root[data-theme=dark]{--canvas:#161616;--surface:#000;--surface-soft:#242424;--text:#f5f5f2;--muted:#aaa9a4;--line:#373737;--focus:#fff}html{scroll-behavior:smooth;background:var(--canvas)}body{background:var(--canvas);min-width:320px;min-height:100svh;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Avenir Next,Helvetica Neue,sans-serif;transition:background-color .52s cubic-bezier(.22,1,.36,1),color .52s cubic-bezier(.22,1,.36,1)}#root{width:100%;min-height:100svh}::selection{color:var(--surface);background:var(--text)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.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-0{inset:0}.inset-y-0{inset-block:0}.top-\[2px\]{top:2px}.top-\[4\%\]{top:4%}.top-\[18\%\]{top:18%}.top-\[19\%\]{top:19%}.top-\[32\%\]{top:32%}.top-\[35px\]{top:35px}.top-\[36\%\]{top:36%}.top-\[45\%\]{top:45%}.top-\[62\%\]{top:62%}.top-\[62px\]{top:62px}.right-0{right:0}.right-10{right:calc(var(--spacing) * 10)}.right-\[-25px\]{right:-25px}.right-\[2\%\]{right:2%}.right-\[7\%\]{right:7%}.right-\[8\%\]{right:8%}.right-\[11\%\]{right:11%}.right-\[11\.5\%\]{right:11.5%}.bottom-\[-38px\]{bottom:-38px}.bottom-\[4\%\]{bottom:4%}.bottom-\[8\%\]{bottom:8%}.bottom-\[27\%\]{bottom:27%}.bottom-\[35px\]{bottom:35px}.bottom-\[90px\]{bottom:90px}.left-0{left:0}.left-10{left:calc(var(--spacing) * 10)}.left-\[2\%\]{left:2%}.left-\[10\%\]{left:10%}.left-\[12\%\]{left:12%}.left-\[13\%\]{left:13%}.left-\[32\%\]{left:32%}.left-\[51\%\]{left:51%}.left-\[53\%\]{left:53%}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[200\]{z-index:200}.col-span-full{grid-column:1/-1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.my-7{margin-block:calc(var(--spacing) * 7)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-\[9px\]{margin-top:9px}.mt-\[22px\]{margin-top:22px}.mt-\[34px\]{margin-top:34px}.mt-\[52px\]{margin-top:52px}.mt-\[65px\]{margin-top:65px}.mt-\[70px\]{margin-top:70px}.mt-\[88px\]{margin-top:88px}.mt-\[clamp\(1\.75rem\,4\.5vh\,2\.75rem\)\]{margin-top:clamp(1.75rem,4.5vh,2.75rem)}.mt-auto{margin-top:auto}.mr-\[-0\.14em\]{margin-right:-.14em}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-\[2px\]{margin-bottom:2px}.mb-\[5px\]{margin-bottom:5px}.mb-\[9px\]{margin-bottom:9px}.mb-\[18px\]{margin-bottom:18px}.mb-\[26px\]{margin-bottom:26px}.mb-\[35px\]{margin-bottom:35px}.mb-\[42px\]{margin-bottom:42px}.mb-\[60px\]{margin-bottom:60px}.mb-\[65px\]{margin-bottom:65px}.mb-\[68px\]{margin-bottom:68px}.mb-\[85px\]{margin-bottom:85px}.mb-\[100px\]{margin-bottom:100px}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-\[2px\]{margin-left:2px}.ml-\[34\%\]{margin-left:34%}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-1{width:var(--spacing);height:var(--spacing)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-\[1em\]{width:1em;height:1em}.size-\[10px\]{width:10px;height:10px}.size-\[42\%\]{width:42%;height:42%}.size-\[62px\]{width:62px;height:62px}.size-\[112px\]{width:112px;height:112px}.size-\[clamp\(230px\,23vw\,355px\)\]{width:clamp(230px,23vw,355px);height:clamp(230px,23vw,355px)}.size-full{width:100%;height:100%}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-11{height:calc(var(--spacing) * 11)}.h-\[9px\]{height:9px}.h-\[100dvh\]{height:100dvh}.h-\[210px\]{height:210px}.h-\[438px\]{height:438px}.h-px{height:1px}.min-h-\[115px\]{min-height:115px}.min-h-\[245px\]{min-height:245px}.min-h-\[570px\]{min-height:570px}.min-h-\[calc\(100svh-84px\)\]{min-height:calc(100svh - 84px)}.w-\[5\%\]{width:5%}.w-\[34\%\]{width:34%}.w-\[42px\]{width:42px}.w-\[60\%\]{width:60%}.w-\[82\%\]{width:82%}.w-\[220px\]{width:220px}.w-\[clamp\(16rem\,42vw\,32rem\)\]{width:clamp(16rem,42vw,32rem)}.w-full{width:100%}.w-screen{width:100vw}.max-w-\[355px\]{max-width:355px}.max-w-\[410px\]{max-width:410px}.max-w-\[440px\]{max-width:440px}.max-w-\[550px\]{max-width:550px}.max-w-\[560px\]{max-width:560px}.max-w-\[900px\]{max-width:900px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-left{transform-origin:0}.-translate-y-\[4\.5vh\]{--tw-translate-y:calc(4.5vh * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-\[-8deg\]{rotate:-8deg}.rotate-\[-9deg\]{rotate:-9deg}.rotate-\[-25deg\]{rotate:-25deg}.rotate-\[-31deg\]{rotate:-31deg}.rotate-\[-45deg\]{rotate:-45deg}.rotate-\[5deg\]{rotate:5deg}.rotate-\[22deg\]{rotate:22deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.list-none{list-style-type:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[0\.75fr_1\.25fr\]{grid-template-columns:.75fr 1.25fr}.grid-cols-\[1\.05fr_1fr\]{grid-template-columns:1.05fr 1fr}.grid-cols-\[1fr_1\.2fr_1fr\]{grid-template-columns:1fr 1.2fr 1fr}.grid-cols-\[1fr_1\.65fr\]{grid-template-columns:1fr 1.65fr}.grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.grid-cols-\[42px_1fr_0\.8fr\]{grid-template-columns:42px 1fr .8fr}.grid-cols-\[45px_1fr_1fr\]{grid-template-columns:45px 1fr 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-\[5px\]{gap:5px}.gap-\[7px\]{gap:7px}.gap-\[8vw\]{gap:8vw}.gap-\[9px\]{gap:9px}.gap-\[9vw\]{gap:9vw}.gap-\[13px\]{gap:13px}.gap-\[34px\]{gap:34px}.self-end{align-self:flex-end}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-\[33px\]{border-radius:33px}.rounded-\[50\%_50\%_50\%_0\]{border-radius:50% 50% 50% 0}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[5px\]{border-style:var(--tw-border-style);border-width:5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-\[3px\]{border-top-style:var(--tw-border-style);border-top-width:3px}.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-dashed{--tw-border-style:dashed;border-style:dashed}.border-white{border-color:var(--color-white)}.border-white\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.border-white\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-white{background-color:var(--color-white)}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-white\/30{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.bg-\[linear-gradient\(25deg\,transparent_47\%\,rgb\(255_255_255_\/_0\.9\)_48\%_50\%\,transparent_51\%\)\,linear-gradient\(-50deg\,transparent_47\%\,rgb\(255_255_255_\/_0\.9\)_48\%_50\%\,transparent_51\%\)\,repeating-linear-gradient\(0deg\,transparent_0_72px\,rgb\(20_22_19_\/_0\.12\)_73px\)\,repeating-linear-gradient\(90deg\,transparent_0_72px\,rgb\(20_22_19_\/_0\.12\)_73px\)\]{background-image:linear-gradient(25deg,#0000 47%,#ffffffe6 48% 50%,#0000 51%),linear-gradient(-50deg,#0000 47%,#ffffffe6 48% 50%,#0000 51%),repeating-linear-gradient(0deg,#0000 0 72px,#1416131f 73px),repeating-linear-gradient(90deg,#0000 0 72px,#1416131f 73px)}.bg-\[repeating-linear-gradient\(0deg\,transparent_0_51px\,\#2c2f2a_52px\)\]{background-image:repeating-linear-gradient(0deg,#0000 0 51px,#2c2f2a 52px)}.fill-none{fill:none}.stroke-current{stroke:currentColor}.\[stroke-width\:1\.5\]{stroke-width:1.5px}.p-0{padding:0}.p-3{padding:calc(var(--spacing) * 3)}.p-7{padding:calc(var(--spacing) * 7)}.p-10{padding:calc(var(--spacing) * 10)}.p-\[17px\]{padding:17px}.p-\[21px_18px\]{padding:21px 18px}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-\[3\.25vw\]{padding-inline:3.25vw}.py-6{padding-block:calc(var(--spacing) * 6)}.py-\[7px\]{padding-block:7px}.py-\[18px\]{padding-block:18px}.py-\[22px\]{padding-block:22px}.py-\[42px\]{padding-block:42px}.py-\[120px\]{padding-block:120px}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-\[26px\]{padding-top:26px}.pr-\[6vw\]{padding-right:6vw}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-\[18px\]{padding-bottom:18px}.pb-\[26px\]{padding-bottom:26px}.pb-\[30px\]{padding-bottom:30px}.pb-\[42px\]{padding-bottom:42px}.text-center{text-align:center}.text-right{text-align:right}.font-luxia{font-family:var(--font-luxia)}.font-mono{font-family:var(--font-mono)}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[27px\]{font-size:27px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[clamp\(4\.75rem\,18vw\,10\.5rem\)\]{font-size:clamp(4.75rem,18vw,10.5rem)}.text-\[clamp\(15px\,1\.3vw\,19px\)\]{font-size:clamp(15px,1.3vw,19px)}.text-\[clamp\(21px\,2vw\,30px\)\]{font-size:clamp(21px,2vw,30px)}.text-\[clamp\(25px\,2\.6vw\,39px\)\]{font-size:clamp(25px,2.6vw,39px)}.text-\[clamp\(25px\,2\.6vw\,40px\)\]{font-size:clamp(25px,2.6vw,40px)}.text-\[clamp\(36px\,4\.6vw\,70px\)\]{font-size:clamp(36px,4.6vw,70px)}.text-\[clamp\(38px\,5vw\,72px\)\]{font-size:clamp(38px,5vw,72px)}.text-\[clamp\(44px\,5\.6vw\,84px\)\]{font-size:clamp(44px,5.6vw,84px)}.text-\[clamp\(48px\,7\.4vw\,112px\)\]{font-size:clamp(48px,7.4vw,112px)}.text-\[clamp\(54px\,6\.8vw\,102px\)\]{font-size:clamp(54px,6.8vw,102px)}.text-\[clamp\(60px\,8\.4vw\,128px\)\]{font-size:clamp(60px,8.4vw,128px)}.leading-\[0\.81\]{--tw-leading:.81;line-height:.81}.leading-\[0\.92\]{--tw-leading:.92;line-height:.92}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-\[1\.16\]{--tw-leading:1.16;line-height:1.16}.leading-\[1\.18\]{--tw-leading:1.18;line-height:1.18}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-\[1\.48\]{--tw-leading:1.48;line-height:1.48}.leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.leading-\[1\.62\]{--tw-leading:1.62;line-height:1.62}.leading-\[1\.65\]{--tw-leading:1.65;line-height:1.65}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.07em\]{--tw-tracking:-.07em;letter-spacing:-.07em}.tracking-\[-0\.025em\]{--tw-tracking:-.025em;letter-spacing:-.025em}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[-0\.045em\]{--tw-tracking:-.045em;letter-spacing:-.045em}.tracking-\[-0\.065em\]{--tw-tracking:-.065em;letter-spacing:-.065em}.tracking-\[-0\.075em\]{--tw-tracking:-.075em;letter-spacing:-.075em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.opacity-\[0\.92\]{opacity:.92}.shadow-\[0_0_0_4px_rgb\(199_243_54_\/_0\.28\)\]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,#c7f33647);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_22px_60px_rgb\(20_22_19_\/_0\.18\)\]{--tw-shadow:0 22px 60px var(--tw-shadow-color,#1416132e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_25px_45px_rgb\(0_0_0_\/_0\.22\)\]{--tw-shadow:0 25px 45px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[90px_-24px_0_var\(--color-cobalt\)\,190px_14px_0_var\(--color-cobalt\)\]{--tw-shadow:90px -24px 0 var(--tw-shadow-color,var(--color-cobalt)), 190px 14px 0 var(--tw-shadow-color,var(--color-cobalt));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[1px\]{--tw-blur:blur(1px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,background-color\,transform\]{transition-property:color,background-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[stroke-linecap\:square\]{stroke-linecap:square}@media (hover:hover){.group-hover\:translate-x-\[5px\]:is(:where(.group):hover *){--tw-translate-x:5px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-translate-y-\[5px\]:is(:where(.group):hover *){--tw-translate-y:calc(5px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-\[17\%\]:before{content:var(--tw-content);inset:17%}.before\:rounded-full:before{content:var(--tw-content);border-radius:2147483647px}.before\:border:before{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.before\:border-dashed:before{content:var(--tw-content);--tw-border-style:dashed;border-style:dashed}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-\[35\%\]:after{content:var(--tw-content);inset:35%}.after\:right-0:after{content:var(--tw-content);right:0}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:origin-right:after{content:var(--tw-content);transform-origin:100%}.after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.after\:rounded-full:after{content:var(--tw-content);border-radius:2147483647px}.after\:bg-current:after{content:var(--tw-content);background-color:currentColor}.after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:duration-\[250ms\]:after{content:var(--tw-content);--tw-duration:.25s;transition-duration:.25s}.after\:ease-\[ease\]:after{content:var(--tw-content);--tw-ease:ease;transition-timing-function:ease}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}@media (hover:hover){.hover\:rotate-\[-5deg\]:hover{rotate:-5deg}.hover\:after\:origin-left:hover:after{content:var(--tw-content);transform-origin:0}.hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media not all and (width>=800px){.max-\[800px\]\:static{position:static}.max-\[800px\]\:top-\[10\%\]{top:10%}.max-\[800px\]\:right-\[-8\%\]{right:-8%}.max-\[800px\]\:right-\[1\%\]{right:1%}.max-\[800px\]\:right-\[25px\]{right:25px}.max-\[800px\]\:bottom-7{bottom:calc(var(--spacing) * 7)}.max-\[800px\]\:bottom-20{bottom:calc(var(--spacing) * 20)}.max-\[800px\]\:left-\[2\%\]{left:2%}.max-\[800px\]\:left-\[25px\]{left:25px}.max-\[800px\]\:col-span-full{grid-column:1/-1}.max-\[800px\]\:col-start-2{grid-column-start:2}.max-\[800px\]\:mt-\[5px\]{margin-top:5px}.max-\[800px\]\:mt-\[30vh\]{margin-top:30vh}.max-\[800px\]\:mt-\[38px\]{margin-top:38px}.max-\[800px\]\:mt-\[45px\]{margin-top:45px}.max-\[800px\]\:mt-\[70px\]{margin-top:70px}.max-\[800px\]\:mb-\[35px\]{margin-bottom:35px}.max-\[800px\]\:mb-\[50px\]{margin-bottom:50px}.max-\[800px\]\:mb-\[60px\]{margin-bottom:60px}.max-\[800px\]\:ml-0{margin-left:0}.max-\[800px\]\:hidden{display:none}.max-\[800px\]\:size-\[86px\]{width:86px;height:86px}.max-\[800px\]\:size-\[210px\]{width:210px;height:210px}.max-\[800px\]\:h-\[170px\]{height:170px}.max-\[800px\]\:h-\[375px\]{height:375px}.max-\[800px\]\:min-h-\[130px\]{min-height:130px}.max-\[800px\]\:min-h-\[210px\]{min-height:210px}.max-\[800px\]\:min-h-\[460px\]{min-height:460px}.max-\[800px\]\:min-h-\[480px\]{min-height:480px}.max-\[800px\]\:min-h-\[calc\(100svh-68px\)\]{min-height:calc(100svh - 68px)}.max-\[800px\]\:w-\[62\%\]{width:62%}.max-\[800px\]\:w-\[185px\]{width:185px}.max-\[800px\]\:max-w-none{max-width:none}.max-\[800px\]\:snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.max-\[800px\]\:snap-mandatory{--tw-scroll-snap-strictness:mandatory}.max-\[800px\]\:snap-start{scroll-snap-align:start}.max-\[800px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[800px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\[800px\]\:grid-cols-\[33px_1fr\]{grid-template-columns:33px 1fr}.max-\[800px\]\:grid-cols-\[36px_1fr\]{grid-template-columns:36px 1fr}.max-\[800px\]\:grid-cols-\[repeat\(4\,72vw\)\]{grid-template-columns:repeat(4,72vw)}.max-\[800px\]\:justify-end{justify-content:flex-end}.max-\[800px\]\:gap-\[15px\]{gap:15px}.max-\[800px\]\:gap-\[35px\]{gap:35px}.max-\[800px\]\:gap-\[70px\]{gap:70px}.max-\[800px\]\:gap-x-0{column-gap:0}.max-\[800px\]\:gap-y-2{row-gap:calc(var(--spacing) * 2)}.max-\[800px\]\:gap-y-\[7px\]{row-gap:7px}.max-\[800px\]\:overflow-x-auto{overflow-x:auto}.max-\[800px\]\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.max-\[800px\]\:p-\[13px\]{padding:13px}.max-\[800px\]\:p-\[25px\]{padding:25px}.max-\[800px\]\:px-0{padding-inline:0}.max-\[800px\]\:px-\[18px\]{padding-inline:18px}.max-\[800px\]\:py-\[22px\]{padding-block:22px}.max-\[800px\]\:py-\[30px\]{padding-block:30px}.max-\[800px\]\:py-\[78px\]{padding-block:78px}.max-\[800px\]\:pt-5{padding-top:calc(var(--spacing) * 5)}.max-\[800px\]\:pt-\[25px\]{padding-top:25px}.max-\[800px\]\:pb-5{padding-bottom:calc(var(--spacing) * 5)}.max-\[800px\]\:pb-\[26px\]{padding-bottom:26px}.max-\[800px\]\:text-right{text-align:right}.max-\[800px\]\:text-\[7px\]{font-size:7px}.max-\[800px\]\:text-\[12px\]{font-size:12px}.max-\[800px\]\:text-\[13px\]{font-size:13px}.max-\[800px\]\:text-\[24px\]{font-size:24px}.max-\[800px\]\:text-\[50px\]{font-size:50px}.max-\[800px\]\:text-\[54px\]{font-size:54px}.max-\[800px\]\:text-\[55px\]{font-size:55px}.max-\[800px\]\:text-\[57px\]{font-size:57px}.max-\[800px\]\:text-\[58px\]{font-size:58px}.max-\[800px\]\:text-\[clamp\(52px\,16vw\,74px\)\]{font-size:clamp(52px,16vw,74px)}.max-\[800px\]\:leading-\[0\.86\]{--tw-leading:.86;line-height:.86}}@media not all and (width>=390px){.max-\[390px\]\:w-\[170px\]{width:170px}}@media (width>=40rem){.sm\:text-\[14px\]{font-size:14px}}}@font-face{font-family:Luxia Display;src:url(/assets/Luxia-Display-BL35EQzn.otf)format("opentype");font-weight:500;font-style:normal;font-display:block}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}html.vt-flatten body,html.vt-flatten .portfolio-shell,html.vt-flatten .bento-tile,html.vt-flatten .site-header,html.vt-flatten .core-tools-label,html.vt-flatten .core-tool{transition:none!important}html.vt-flatten .core-tools-track{animation-play-state:paused}html.vt-flatten .portrait-tile img{filter:none}@media (prefers-reduced-motion:reduce){body{transition-duration:.18s}.core-tools-track{animation:none}}.portfolio-shell{background:var(--canvas);min-height:100svh;padding:10px;transition:background-color .52s cubic-bezier(.22,1,.36,1)}.portfolio-shell.bento-deal-running [data-bento-deal]{pointer-events:none}.portfolio-shell.bento-deal-stacked .core-tools-track{animation-play-state:paused}html:has(.portfolio-shell--scroll-lock){overflow:hidden}html:has(.portfolio-shell--scroll-lock) body{overflow:hidden}.portfolio-shell--scroll-lock{flex-direction:column;height:100svh;max-height:100svh;display:flex;overflow:hidden}.portfolio-shell--scroll-lock .work-page,.portfolio-shell--scroll-lock .case-study-page{flex:auto;min-height:0;max-height:none}.site-header{z-index:20;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:70px;padding:8px 14px 8px 18px;display:grid;position:relative;overflow:hidden}.site-name,.site-controls a{width:fit-content;color:var(--text);font-family:var(--font-mono);text-transform:uppercase;font-size:12px;font-weight:600;text-decoration:none}.site-name{font-family:var(--font-luxia);letter-spacing:.16em;align-items:baseline;font-size:15px;font-weight:500;line-height:1;display:inline-flex}.site-name-initial{letter-spacing:.08em;font-size:1.32em;line-height:.82}.site-name-gap{width:.62em}.site-mark{align-self:center;width:68px;height:50px;display:block;position:relative;overflow:hidden}.site-mark img{object-fit:cover;object-position:center;width:100%;height:100%;min-height:0;display:block;position:absolute;inset:0}.site-mark img.is-inactive{opacity:0}.site-controls{justify-content:flex-end;align-items:center;gap:14px;min-width:0;display:flex}.site-controls a{position:relative}.site-controls a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .22s;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.site-controls a:hover:after,.site-controls a.is-active:after{transform-origin:0;transform:scaleX(1)}.wat-time{min-width:80px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-family:IBM Plex Mono,monospace;font-size:12px}.mode-control,.sound-control{border:1px solid var(--line);width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:0;transition:border-color .18s,background-color .18s,transform .18s;display:inline-grid}.mode-control:hover,.sound-control:hover{border-color:var(--text);background:var(--surface-soft)}.mode-control:active,.sound-control:active{transform:scale(.95)}.theme-icon{color:currentColor;width:18px;height:18px;display:block;position:relative}.theme-icon svg{display:block;position:absolute;inset:0}.theme-icon svg.is-inactive{opacity:0}.sound-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;width:20px;height:20px}.sound-icon path:first-child{fill:currentColor;stroke:none}.bento-grid{grid-template-rows:minmax(0,1fr) 108px minmax(240px,1fr);grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"intro intro intro intro intro portrait portrait portrait experience experience experience experience""tools tools tools tools tools portrait portrait portrait experience experience experience experience""projects projects projects projects projects projects contact contact contact blog blog blog";gap:12px;max-width:1720px;height:calc(100svh - 102px);min-height:650px;margin:12px auto 0;display:grid}.bento-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;color:var(--text);position:relative;overflow:hidden}.bento-tile,.site-header,.core-tools-label,.core-tool{transition:background-color .52s cubic-bezier(.22,1,.36,1),border-color .52s cubic-bezier(.22,1,.36,1),color .52s cubic-bezier(.22,1,.36,1)}.intro-tile{flex-direction:column;grid-area:intro;justify-content:flex-end;padding:clamp(22px,2.5vw,36px);display:flex}.intro-tile h1{letter-spacing:-.035em;text-wrap:balance;max-width:19ch;margin:0;font-family:Luxia Display,Georgia,serif;font-size:clamp(34px,3vw,50px);font-weight:500;line-height:.98}.intro-tile h1 em{font-weight:500}.portrait-tile{grid-area:portrait;min-height:0;padding:0}.portrait-tile img{object-fit:cover;object-position:50% 24%;filter:saturate(.72)contrast(1.04);width:100%;height:100%}.experience-tile{flex-direction:column;grid-area:experience;padding:clamp(20px,2.2vw,34px);display:flex}.tile-heading{justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:16px;display:flex}.tile-heading h2,.contact-tile h2,.blog-tile h2,.core-tools-label h2{letter-spacing:-.025em;margin:0;font-family:Luxia Display,Georgia,serif;font-weight:500}.tile-heading h2{font-size:clamp(26px,2.4vw,38px)}.tile-heading a{color:inherit;text-underline-offset:4px;font-family:IBM Plex Mono,monospace;font-size:12px}.app-scroll-area{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--text) transparent;overflow-y:auto}.app-scroll-area::-webkit-scrollbar{width:4px}.app-scroll-area::-webkit-scrollbar-track{background:0 0}.app-scroll-area::-webkit-scrollbar-thumb{background:var(--text);border:0;border-radius:999px}.experience-list{border-top:1px solid var(--line);flex-direction:column;flex:1;min-height:0;display:flex}.experience-item{border-bottom:1px solid var(--line);flex-direction:column;flex:none;min-height:0;display:flex}.experience-item:last-child{border-bottom:0}.experience-item.is-active{flex:none}.experience-item-trigger{width:100%;min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:10px 2px;transition:color .18s;display:flex}.experience-item-trigger:hover,.experience-item.is-active .experience-item-trigger{color:var(--text)}.experience-item-trigger:hover .experience-item-name{transform:translate(6px)}.experience-item.is-active .experience-item-trigger{padding-bottom:10px}.experience-item-name{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0;transition:transform .18s}.experience-item-label{align-items:center;gap:10px;display:inline-flex}.experience-item-company{letter-spacing:-.02em;font-size:16px;font-weight:600}.experience-item-logo{opacity:0;background:#5a33c8;border-radius:7px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;padding:5px;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1);display:inline-flex;transform:translate(4px)}.experience-item-logo img{object-fit:contain;width:100%;height:100%;display:block}.experience-item-logo[data-tone=light]{border:1px solid var(--text)}@supports (color:color-mix(in lab, red, red)){.experience-item-logo[data-tone=light]{border:1px solid color-mix(in srgb, var(--text) 12%, transparent)}}.experience-item-logo[data-variant=tall]{width:28px;height:28px;padding:0}.experience-item-trigger:hover .experience-item-logo,.experience-item.is-active .experience-item-logo{opacity:1;transform:none}.experience-item-arrow{color:var(--text);opacity:0;flex:none;font-size:14px;transition:opacity .22s}.experience-item.is-active .experience-item-arrow{opacity:1}.experience-item-link{color:var(--text);flex:none;line-height:0;text-decoration:none;transition:transform .18s;display:inline-flex}.experience-item-link:hover{transform:translate(2px,-2px)}.experience-item-link:active{transform:scale(.96)}.experience-preview{flex:none;grid-template-rows:0fr;min-height:0;transition:grid-template-rows .36s cubic-bezier(.22,1,.36,1);display:grid}.experience-item.is-active .experience-preview{flex:none;grid-template-rows:1fr}.experience-preview-inner{opacity:0;min-height:0;padding-bottom:0;transition:opacity .28s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1),padding-bottom .36s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translateY(-6px)}.experience-item.is-active .experience-preview-inner{opacity:1;padding-bottom:12px;transition-delay:40ms,40ms,40ms;transform:translateY(0)}.experience-preview img,.experience-placeholder{border-radius:12px;width:100%;display:block}.experience-preview img{object-fit:cover;object-position:top center;height:auto;max-height:clamp(140px,26vh,220px)}.experience-placeholder{background:var(--surface-soft);min-height:clamp(140px,26vh,220px);color:var(--muted);flex-direction:column;justify-content:space-between;padding:18px 18px 16px;display:flex}.experience-placeholder p{letter-spacing:-.03em;max-width:14ch;color:var(--text);margin:0;font-family:Luxia Display,Georgia,serif;font-size:clamp(22px,2vw,30px);font-weight:500;line-height:1.05}.experience-placeholder span{font-family:IBM Plex Mono,monospace;font-size:11px}.core-tools{grid-area:tools;grid-template-columns:minmax(124px,.42fr) minmax(0,1fr);gap:0;min-width:0;min-height:0;display:grid}.core-tools-label,.core-tool{place-items:center;min-width:0;min-height:0;display:grid}.core-tool{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.core-tools-label{z-index:2;border:1px solid var(--line);border-radius:var(--radius) 0 0 var(--radius);background:var(--surface-soft);border-right:0;justify-items:start;padding:0 20px 0 24px;position:relative}.core-tools-label:after{pointer-events:none;background:linear-gradient(90deg, var(--surface-soft), transparent);content:"";width:44px;height:100%;position:absolute;top:0;right:-44px}.core-tools-label h2{letter-spacing:-.03em;max-width:8ch;font-size:clamp(24px,2.2vw,32px);line-height:.92}.core-tools-marquee{min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16% 78%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 16% 78%,#0000)}.core-tools-track{width:max-content;height:100%;animation:42s linear infinite tools-marquee;display:flex}.core-tools:hover .core-tools-track,.core-tools:focus-within .core-tools-track{animation-play-state:paused}.core-tools-group{gap:12px;height:100%;padding-right:12px;display:flex}.core-tool{background:linear-gradient(180deg, var(--surface-soft) 0%, var(--surface) 58%);width:118px;height:100%;color:var(--text);flex:none;padding:10px 8px 12px}@keyframes tools-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.core-tool-mark{color:currentColor;fill:currentColor;width:28px;height:28px}.core-tool span{max-width:100%;color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-align:center;text-transform:uppercase;margin-top:8px;font-size:9px;line-height:1.25}.project-list a:first-child{min-height:auto;padding-top:0}.project-list a{border:0;border-bottom:1px solid var(--line);min-height:50px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;align-items:center;padding:12px 2px;text-decoration:none;transition:color .18s;display:flex}.project-list a:hover:not(.is-active),.project-list a.is-active{color:var(--text)}.project-list a.is-active:not(:first-child){min-height:64px}.project-list a span{font-size:14px;font-weight:600;line-height:1.2;transition:font-size .18s,color .18s}.project-list a.is-active span{letter-spacing:-.025em;font-family:Luxia Display,Georgia,serif;font-size:clamp(26px,2.4vw,34px);font-weight:500;line-height:1}.contact-tile{border-color:var(--text);background:var(--text);min-height:0;color:var(--surface);flex-direction:column;grid-area:contact;justify-content:flex-start;gap:clamp(10px,1.2vw,16px);padding:clamp(16px,1.8vw,28px);display:flex;container-type:size}.contact-tile>p,.contact-tile h2{margin:0}.contact-tile>p{max-width:28ch;font-size:13px;line-height:1.4}.contact-tile-body{flex:1;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;min-height:0;display:grid}.contact-tile h2{grid-area:1/1;align-self:start;max-width:9ch;font-size:clamp(42px,4.2vw,44px);line-height:.94}.contact-links{flex-direction:column;grid-area:1/2/span 2;place-self:end;align-items:center;gap:14px;display:flex}.contact-links a{width:fit-content;color:inherit;justify-content:center;align-items:center;text-decoration:none;transition:opacity .18s;display:inline-flex}.contact-links a:hover,.contact-book:hover{opacity:.72}.contact-links a:focus-visible,.contact-book:focus-visible{outline-color:var(--surface)}.contact-book{border:1px solid var(--surface);flex-shrink:0;grid-area:2/1;align-self:end;align-items:center;gap:10px;width:fit-content;padding:12px 18px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.contact-book{border:1px solid color-mix(in srgb, var(--surface) 28%, transparent)}}.contact-book{background:var(--surface);color:var(--text);border-radius:999px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .18s}.contact-book:hover{opacity:1;background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.contact-book:hover{background:color-mix(in srgb, var(--surface) 92%, var(--text))}}@container (height<=260px){.contact-tile{gap:8px;padding:14px}.contact-tile>p{font-size:12px}.contact-tile h2{font-size:clamp(34px,8cqi,44px);line-height:.96}.contact-tile-body{gap:8px 10px}.contact-links{gap:10px}.contact-links a svg{width:22px;height:22px}.contact-book{padding:9px 14px;font-size:12px}}.projects-tile{grid-area:projects;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.2fr) minmax(140px,.7fr);gap:18px;padding:clamp(20px,2.2vw,34px);display:grid}.projects-tile .tile-heading{grid-area:1/1;align-self:start;min-width:0;padding-bottom:0}.project-list{flex-direction:column;grid-area:1/2/-1;align-self:stretch;display:flex}.project-feature{flex-direction:column;grid-area:2/1;justify-content:space-between;align-self:stretch;min-width:0;display:flex}.project-feature>p{max-width:38ch;color:var(--muted);margin:0;font-size:15px;line-height:1.45}.project-feature ul{flex-wrap:wrap;gap:7px;margin:24px 0 0;padding:0;list-style:none;display:flex}.project-feature li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 9px;font-family:IBM Plex Mono,monospace;font-size:11px}.blog-tile{background:var(--surface-soft);flex-direction:column;grid-area:blog;justify-content:space-between;padding:clamp(20px,2.2vw,34px);display:flex}.blog-tile>p,.blog-tile>span{color:var(--muted);margin:0;font-family:IBM Plex Mono,monospace;font-size:12px}.blog-tile h2{max-width:8ch;font-size:clamp(30px,2.8vw,44px);line-height:1}.blog-tile div p{max-width:28ch;color:var(--muted);margin:16px 0 0;font-size:13px;line-height:1.45}.work-page{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:12px}.work-intro{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:40px;padding:clamp(32px,6vw,88px);display:grid}.work-intro h1{letter-spacing:-.04em;max-width:11ch;margin:0;font-family:Luxia Display,Georgia,serif;font-size:clamp(52px,8vw,118px);font-weight:500;line-height:.88}.work-intro div{align-self:end}.work-intro p{max-width:44ch;color:var(--muted);margin:0;font-size:16px;line-height:1.55}.work-intro a{margin-top:22px;display:inline-flex}.editorial-link{width:fit-content;color:var(--text);align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.4;text-decoration:none;display:inline-flex;position:relative}.editorial-link svg{flex:none;font-size:11px}.editorial-link:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .22s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.editorial-link:hover:after{transform-origin:0;transform:scaleX(1)}.work-history{padding:0 clamp(24px,5vw,72px) 36px}.work-history article{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,1fr) auto;align-items:baseline;gap:48px;padding:28px 0;display:grid}.work-history p{color:var(--muted)}.work-history .scope{font-family:IBM Plex Mono,monospace;font-size:12px}.work-history h2,.work-history p{margin:0}.work-history h2{font-size:19px}.work-history h2 .editorial-link{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.work-history h2 .editorial-link svg{font-size:12px}.work-history-aside{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.work-history .role{margin-top:6px;font-size:14px}.work-history .scope{line-height:1.5}.work-contact{background:var(--text);color:var(--surface);justify-content:space-between;align-items:end;gap:32px;padding:clamp(32px,5vw,72px);display:flex}.work-contact p{max-width:16ch;margin:0;font-family:Luxia Display,Georgia,serif;font-size:clamp(34px,5vw,72px);line-height:.95}.work-contact a{color:inherit;text-underline-offset:5px;font-family:IBM Plex Mono,monospace;font-size:13px}.case-study-page{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:12px;scroll-padding-top:28px}.case-study-hero{border-bottom:1px solid var(--line);padding:clamp(32px,6vw,72px) clamp(24px,5vw,72px) clamp(36px,5vw,56px)}.case-study-back{flex-wrap:wrap;gap:22px;margin:0 0 clamp(36px,5vw,56px);display:flex}.case-study-live{margin-top:22px;display:inline-flex}.case-study-hero h1{letter-spacing:-.04em;max-width:12ch;margin:0;font-family:Luxia Display,Georgia,serif;font-size:clamp(48px,7vw,96px);font-weight:500;line-height:.9}.case-study-meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 32px;max-width:720px;margin-top:22px;display:flex}.case-study-meta p{color:var(--muted);margin:0;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.5}.case-study-lede{max-width:46ch;margin:28px 0 0;font-size:16px;line-height:1.55}.case-study-body{grid-template-columns:minmax(0,1fr) 200px;gap:48px;padding:clamp(36px,5vw,64px) clamp(24px,5vw,72px) clamp(48px,6vw,80px);display:grid}.case-study-nav{grid-area:1/2;align-self:start;position:sticky;top:28px}.case-study-nav ol{margin:0;padding:0;list-style:none}.case-study-nav a{color:var(--muted);padding:8px 0;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.4;text-decoration:none;transition:color .18s;display:inline-block;position:relative}.case-study-nav a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .22s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.case-study-nav a:hover,.case-study-nav a.is-active{color:var(--text)}.case-study-nav a:hover:after,.case-study-nav a.is-active:after{transform-origin:0;transform:scaleX(1)}.case-study-content{grid-area:1/1;max-width:68ch}.case-study-content section{scroll-margin-top:28px}.case-study-content section+section{margin-top:clamp(56px,7vw,88px)}.case-study-content h2{letter-spacing:-.03em;margin:0 0 28px;font-family:Luxia Display,Georgia,serif;font-size:clamp(32px,3.2vw,44px);font-weight:500;line-height:1.02}.case-study-content p{max-width:65ch;margin:0 0 1.15em;font-size:16px;line-height:1.6}.case-study-content p:last-child{margin-bottom:0}.case-study-content h3{letter-spacing:-.03em;margin:0 0 18px;font-size:22px;font-weight:600;line-height:1.2}.case-study-list,.case-study-metrics{margin:8px 0 0;padding:0;list-style:none}.case-study-list li,.case-study-metrics li{border-bottom:1px solid var(--line);padding:16px 0;font-size:16px;line-height:1.55}.case-study-list li:last-child,.case-study-metrics li:last-child{border-bottom:0}.case-study-metrics{margin-bottom:28px}.case-study-metrics li{flex-wrap:wrap;align-items:baseline;gap:10px 16px;display:flex}.case-study-metrics strong{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500}.case-study-metrics span{color:var(--muted)}.case-study-stack{flex-wrap:wrap;gap:7px;margin:8px 0 0;padding:0;list-style:none;display:flex}.case-study-stack li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 9px;font-family:IBM Plex Mono,monospace;font-size:11px}.case-study-more{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.case-study-more a{min-height:120px;color:inherit;border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:16px;padding:28px clamp(24px,4vw,40px);text-decoration:none;display:flex}.case-study-more a:last-child{border-right:0}.case-study-more a:hover{background:var(--surface-soft)}.case-study-more span{letter-spacing:-.02em;font-size:18px;font-weight:600}.case-study-more small{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px}@media (width<=900px){.bento-grid{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"intro portrait""tools portrait""experience experience""projects projects""contact blog";height:auto;min-height:auto}.intro-tile,.contact-tile,.blog-tile{min-height:290px}.core-tools{grid-template-columns:minmax(108px,.38fr) minmax(0,1fr);min-height:108px}.portrait-tile{min-height:592px}.experience-tile,.projects-tile{min-height:420px}.wat-time{display:none}}@media (width<=720px){.portfolio-shell{padding:8px}.site-header{border-radius:14px;grid-template-columns:minmax(100px,1fr) 68px minmax(130px,1fr);min-height:62px;padding:6px 8px 6px 12px}.site-name,.site-controls a{font-size:11px}.site-name{letter-spacing:.06em;font-size:12px}.site-mark{width:58px;height:42px}.site-controls{gap:6px}.mode-control,.sound-control{width:34px;height:34px}.bento-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""portrait""tools""experience""contact""projects""blog";gap:8px;min-height:auto;margin-top:8px}.bento-tile{border-radius:14px}.intro-tile{min-height:360px}.portrait-tile{min-height:520px}.experience-tile{min-height:auto}.experience-preview img,.experience-placeholder{min-height:180px;max-height:200px}.projects-tile{grid-template-rows:auto auto auto;grid-template-columns:1fr;min-height:auto}.projects-tile .tile-heading{grid-area:1/1}.project-list{grid-area:2/1}.project-feature{grid-area:3/1;min-height:180px}.core-tools{grid-template-columns:minmax(96px,.34fr) minmax(0,1fr);min-height:92px}.core-tools-label{border-radius:14px 0 0 14px}.core-tool{border-radius:14px;width:104px}.contact-tile,.blog-tile{min-height:300px}.work-intro{grid-template-columns:1fr;min-height:560px}.work-history article{grid-template-columns:1fr;gap:12px}.work-history-aside{text-align:left;align-items:flex-start}.work-contact{flex-direction:column;align-items:start}.case-study-hero h1{max-width:none}.case-study-body{grid-template-columns:1fr;gap:0;padding-top:0}.case-study-nav{z-index:2;border-bottom:1px solid var(--line);background:var(--surface);grid-area:1/1;margin-inline:calc(-1*clamp(24px,5vw,72px));padding:10px clamp(24px,5vw,72px);top:0}.case-study-nav ol{flex-wrap:wrap;gap:4px 18px;display:flex}.case-study-content{grid-area:2/1;padding-top:clamp(36px,8vw,48px)}.case-study-content section{scroll-margin-top:96px}.case-study-more{grid-template-columns:1fr}.case-study-more a{border-right:0;border-bottom:1px solid var(--line)}.case-study-more a:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}