@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8bcddb47c8219945-s.3gpqod6e6kd7d.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:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c0680f1bdb3a2e90-s.p.1ay-qk1u8nydy.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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8bcddb47c8219945-s.3gpqod6e6kd7d.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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c0680f1bdb3a2e90-s.p.1ay-qk1u8nydy.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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8bcddb47c8219945-s.3gpqod6e6kd7d.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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c0680f1bdb3a2e90-s.p.1ay-qk1u8nydy.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:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.RdqGSW_className{font-family:Outfit,Outfit Fallback;font-style:normal}.RdqGSW_variable{--font-outfit:"Outfit", "Outfit Fallback"}
@layer reset{:where(html,body,div,main,header,footer,nav,h1,h2,p,ul,li,a,button,span,img,svg,canvas){box-sizing:border-box;margin:0;padding:0}:where(ul){list-style:none}:where(a){color:inherit;text-decoration:none}:where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}}@layer base{html,body{background-color:var(--color-canvas);min-block-size:100dvh;color:var(--color-ink);font-family:var(--font-sans);text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}:where(a:any-link,button,[tabindex="0"]):focus-visible{outline-offset:4px;border-radius:.375rem;outline:2.5px solid canvastext}[inert],[inert] :where(div,ul,li,span,img){opacity:.5;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none}[interestfor]{--interest-delay-start:.14s;interest-delay-start:var(--interest-delay-start);--interest-delay-end:.14s;interest-delay-end:var(--interest-delay-end)}:root:has(:is(:interest-source,.interest-source)) [interestfor]{--interest-delay-start:0s;interest-delay-start:0s}nextjs-portal{display:none!important}}@layer theme{:root{interpolate-size:allow-keywords;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-brand:var(--font-outfit), var(--font-sans);--font-code:ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;--color-ink:#242424;--color-ink-strong:#171717;--color-ink-light:#686868;--color-canvas:#fcfdfe;--color-surface-alt:#f3f3f3;--color-border-faint:#e8e8e8;--radius-item:.5rem;--radius-panel:1.25rem;--shadow-floating:0 12px 32px #00000014, 0 2px 6px #0000000a}}@layer components{.page-shell{isolation:isolate;flex-direction:column;justify-content:space-between;min-block-size:100dvh;padding-block:clamp(2.25rem,5vh,4rem);padding-inline:clamp(2.5rem,6vw,5.5rem);display:flex;position:relative}.cloud-stage{z-index:-1;pointer-events:none;background-color:var(--color-canvas);position:fixed;inset:0;overflow:hidden}.cloud-canvas{object-fit:cover;block-size:100%;inline-size:100%;display:block}.site-header{z-index:2;justify-content:flex-start;align-items:center;display:flex}.top-left-brand{align-items:center;display:inline-flex}.otc-logo-trigger{min-block-size:2.25rem;min-inline-size:2.25rem;color:var(--color-ink-strong);cursor:pointer;justify-content:center;align-items:center;margin:-.375rem;padding:.375rem;transition:scale .15s ease-out;display:inline-flex}@media (prefers-reduced-motion:reduce){.otc-logo-trigger{transition:none}}.otc-logo-trigger:active{scale:.95}.otc-logo-svg{block-size:clamp(1.8rem,1.6rem + .48vw,2.2rem);inline-size:auto;display:block;overflow:visible}.otc-rotor{transform-origin:31.45px 63.42px}.otc-oval-core{transform-origin:31.45px 63.42px;opacity:0;transform:scaleX(.22)scaleY(.55)}.otc-logo-trigger.is-animating .otc-arch-top{animation:.68s forwards otcSnapTop}@media (prefers-reduced-motion:reduce){.otc-logo-trigger.is-animating .otc-arch-top{animation:none}}.otc-logo-trigger.is-animating .otc-arch-bottom{animation:.68s forwards otcSnapBottom}@media (prefers-reduced-motion:reduce){.otc-logo-trigger.is-animating .otc-arch-bottom{animation:none}}.otc-logo-trigger.is-animating .otc-oval-core{animation:.68s forwards otcFillOval}@media (prefers-reduced-motion:reduce){.otc-logo-trigger.is-animating .otc-oval-core{animation:none}}.otc-logo-trigger.is-animating .otc-rotor{animation:.68s forwards otcRotate180}@media (prefers-reduced-motion:reduce){.otc-logo-trigger.is-animating .otc-rotor{animation:none}}@keyframes otcSnapTop{0%{animation-timing-function:cubic-bezier(.6,0,.12,1);transform:translateY(0)}24%,72%{animation-timing-function:cubic-bezier(.18,1.3,.32,1);transform:translateY(16.41px)}to{transform:translateY(0)}}@keyframes otcSnapBottom{0%{animation-timing-function:cubic-bezier(.6,0,.12,1);transform:translateY(0)}24%,72%{animation-timing-function:cubic-bezier(.18,1.3,.32,1);transform:translateY(-16.41px)}to{transform:translateY(0)}}@keyframes otcFillOval{0%,12%{opacity:0;animation-timing-function:cubic-bezier(.2,1,.3,1);transform:scaleX(.22)scaleY(.55)}23%,72%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1);transform:scaleX(1)scaleY(1)}84%,to{opacity:0;transform:scaleX(.22)scaleY(.55)}}@keyframes otcRotate180{0%,24%{animation-timing-function:cubic-bezier(.68,-.14,.22,1.12);transform:rotate(0)}70%,to{transform:rotate(180deg)}}.hero-main{z-index:1;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;padding-block:clamp(2rem,6vh,4rem);display:flex}.hero-lockup{text-align:center;flex-direction:column;align-items:center;gap:.625rem;max-inline-size:64rem;display:flex}.hero-title{font-family:var(--font-brand);letter-spacing:.04em;color:var(--color-ink-strong);text-wrap:balance;line-height:1.05}.hero-subheading{font-family:var(--font-brand);letter-spacing:.02em;color:var(--color-ink-light);text-wrap:pretty;font-weight:500}.site-footer{z-index:3;inline-size:100%}.footer-bar{grid-template-columns:1fr auto 1fr;align-items:center;inline-size:100%;display:grid}.footer-spacer{min-inline-size:1px}.active-projects-nav{justify-self:center}.active-projects-list{justify-content:center;align-items:center;gap:clamp(1.75rem,3.5vw,2.75rem);display:inline-flex}.project-entry{justify-content:center;align-items:center;display:inline-flex;position:relative}.project-item{min-block-size:2.75rem;min-inline-size:2.75rem;color:var(--color-ink-strong);opacity:.86;transition:opacity .2s ease-out,translate .32s ease-out,scale .32s ease-out;transition-timing-function:ease-out, linear(0, .45 15%, 1.08 35%, .97 55%, 1.01 75%, 1), linear(0, .45 15%, 1.08 35%, .97 55%, 1.01 75%, 1);justify-content:center;align-items:center;display:inline-flex;position:relative;translate:0;scale:1}@media (prefers-reduced-motion:reduce){.project-item{transition:none}}.project-item:where(:hover,:focus-visible,:interest-source,.interest-source):not(:disabled){opacity:1;translate:0 -.25rem;scale:1.18}.project-item:active:not(:disabled){translate:0 -.0625rem;scale:.96}.active-project-logo{object-fit:contain;max-block-size:1.7rem;inline-size:auto;display:block}:where([popover].project-preview-card,[popover].deprecated-panel){border-radius:var(--radius-panel);corner-shape:squircle;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid var(--color-border-faint);box-shadow:var(--shadow-floating);color:var(--color-ink);opacity:0;translate:0 .5rem;scale:.94}:where([popover].project-preview-card,[popover].deprecated-panel):is(:popover-open,.\:popover-open){opacity:1;translate:0;scale:1}@starting-style{:where([popover].project-preview-card,[popover].deprecated-panel):is(:popover-open,.\:popover-open){opacity:0;translate:0 .5rem;scale:.94}}@media (prefers-reduced-motion:no-preference){:where([popover].project-preview-card,[popover].deprecated-panel){transition:opacity .22s ease-out,translate .34s ease-out,scale .34s ease-out,display .34s,overlay .34s;transition-timing-function:ease-out, linear(0, .45 15%, 1.08 35%, .97 55%, 1.01 75%, 1), linear(0, .45 15%, 1.08 35%, .97 55%, 1.01 75%, 1), ease-out, ease-out;transition-behavior:allow-discrete}}[popover].project-preview-card{text-align:start;transform-origin:bottom;background:#fffffff0;inline-size:18.5rem;padding:0;overflow:hidden}@supports (position-area:block-start){[popover].project-preview-card{margin:0;position-area:block-start;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;margin-block-end:.875rem;inset:auto}}[popover].project-preview-card:is(:popover-open,.\:popover-open){flex-direction:column;display:flex}.project-preview-thumb-wrap{aspect-ratio:2;border-block-end:1px solid var(--color-border-faint);background:var(--color-surface-alt);inline-size:100%;display:block;overflow:hidden}.project-preview-thumb{object-fit:cover;block-size:100%;inline-size:100%;display:block}.project-preview-body{flex-direction:column;gap:.375rem;padding-block:.75rem .875rem;padding-inline:1rem;display:flex}.project-preview-header{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.project-preview-title{font-family:var(--font-brand);color:var(--color-ink-strong);letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.project-preview-badge{font-family:var(--font-code);color:var(--color-ink-light);letter-spacing:.02em;font-size:.625rem;font-weight:600}.project-preview-desc{font-family:var(--font-brand);color:var(--color-ink-light);text-wrap:pretty;max-inline-size:60ch;font-size:.75rem;line-height:1.45}.deprecated-corner{justify-content:flex-end;justify-self:end;align-items:center;display:inline-flex;position:relative}.deprecated-trigger-btn{color:var(--color-ink-strong)}.deprecated-icon-svg{block-size:1.5rem;inline-size:1.5rem;display:block}[popover].deprecated-panel{transform-origin:100% 100%;background:#ffffffeb;inline-size:max-content;max-inline-size:calc(100dvw - 5rem);padding-block:1rem 1.25rem;padding-inline:1.375rem}@supports (position-area:block-start){[popover].deprecated-panel{position-area:block-start span-inline-start;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;margin:0;margin-block-end:.875rem;inset:auto}}[popover].deprecated-panel:is(:popover-open,.\:popover-open){display:block}.deprecated-panel-header{border-block-end:1px solid var(--color-border-faint);justify-content:space-between;align-items:center;margin-block-end:.875rem;padding-block-end:.5rem;display:flex}.deprecated-panel-title{font-family:var(--font-brand);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-light);font-size:.75rem;font-weight:700}.deprecated-panel-icons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.75rem;display:flex}.deprecated-icon-item{justify-content:center;align-items:center;display:flex}.deprecated-logo-img{object-fit:contain;opacity:.84;max-block-size:2.375rem;inline-size:auto;transition:opacity .2s ease-out,scale .2s ease-out;scale:1}@media (prefers-reduced-motion:reduce){.deprecated-logo-img{transition:none}}.deprecated-link{border-radius:var(--radius-item);display:flex}.deprecated-link:focus-visible .deprecated-logo-img,.deprecated-icon-item:hover .deprecated-logo-img{opacity:1;scale:1.05}.deprecated-link:active .deprecated-logo-img{scale:.96}@media (max-width:640px){[popover].deprecated-panel{inline-size:calc(100dvw - 4rem)}.deprecated-panel-icons{gap:1.25rem}}}@layer utilities;
