@font-face{font-family:Ubuntu Mono;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/ubuntu-mono-latin-400-italic-CoJvPx2A.woff2) format("woff2"),url(/assets/ubuntu-mono-latin-400-italic-DzsLMQlc.woff) format("woff")}@font-face{font-family:Ubuntu Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ubuntu-mono-latin-400-normal-l4cqI2xd.woff2) format("woff2"),url(/assets/ubuntu-mono-latin-400-normal-DpWeehTz.woff) format("woff")}@font-face{font-family:Ubuntu Mono;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/ubuntu-mono-latin-700-italic-BV26kFZv.woff2) format("woff2"),url(/assets/ubuntu-mono-latin-700-italic-jW9e9u5m.woff) format("woff")}@font-face{font-family:Ubuntu Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ubuntu-mono-latin-700-normal-nUYOZNIl.woff2) format("woff2"),url(/assets/ubuntu-mono-latin-700-normal-g9eDMPsO.woff) format("woff")}.footer{width:100%;text-align:center;padding:24px 12px;font-size:18px}.popover{z-index:1002;max-width:calc(100vw - 24px);padding:12px 14px;border:1px solid var(--from);border-radius:14px;background-color:var(--sheet-bg);color:var(--text-color);box-shadow:0 12px 32px -8px #00000059;outline:none;transform-origin:var(--radix-popover-content-transform-origin);animation:popoverIn .16s ease-out}@keyframes popoverIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.color-picker-btn{position:relative;width:22px;height:22px;border-radius:50%;border:2px solid;padding:0;transition:.2s,scale .6s var(--ease-jelly)}.color-picker-btn:after{content:"";position:absolute;inset:-11px}.color-picker-btn:active{scale:.8}@media(hover:hover){.color-picker-btn:hover{scale:1.2;box-shadow:0 4px 6px #0003}}.color-picker-swatches{display:flex;flex-direction:column;gap:16px;padding:4px 2px}.color-picker-label{font-size:16px;font-weight:700}.color-picker-options{display:flex;gap:16px;flex-wrap:wrap}.color-picker-swatch{width:30px;height:30px;border-radius:50%;border:2px solid;padding:0;transition:.2s,scale .6s var(--ease-jelly);outline:none;animation:popIn .6s var(--ease-spring) both;animation-delay:calc(var(--i, 0) * 50ms + 60ms)}.color-picker-swatch:focus-visible{outline:3px solid var(--via);outline-offset:2px}.color-picker-swatch:active{scale:.8}@media(hover:hover){.color-picker-swatch:hover{scale:1.15}}.color-picker-swatch-active{outline:3px solid var(--from);outline-offset:2px}.liquidGlass{isolation:isolate;overflow:hidden}.liquidGlass__defs{position:absolute;width:0;height:0;pointer-events:none}.liquidGlass__backdrop{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;transform:translateZ(0);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}.liquidGlass__content{position:relative;z-index:1;width:100%;height:100%}.theme-toggle{position:relative;flex-shrink:0;width:46px;height:24px;padding:0;border:none;border-radius:999px;background-color:var(--header);transition:scale .2s ease}.theme-toggle:after{content:"";position:absolute;inset:-10px -2px}.theme-toggle:active{scale:.94}@media(hover:hover){.theme-toggle:hover .theme-toggle-knob{scale:1.08}}.theme-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;display:flex;justify-content:center;align-items:center;border-radius:999px;background-color:var(--text-secondary-color);transition:translate .35s var(--ease-spring),scale .2s ease}.theme-toggle-on .theme-toggle-knob{translate:22px 0}.theme-toggle-icon{position:absolute;color:var(--bg-color);transition:rotate .4s ease,scale .3s ease,opacity .2s ease}.theme-toggle-moon{rotate:-180deg;scale:0;opacity:0}.theme-toggle-on .theme-toggle-sun{rotate:180deg;scale:0;opacity:0}.theme-toggle-on .theme-toggle-moon{rotate:0deg;scale:1;opacity:1}.theme-toggle:focus-visible{outline-offset:2px}.header-desktop{position:fixed;top:10px;left:10px;right:10px;z-index:4;display:flex;justify-content:center;max-width:1280px;margin:0 auto;border-radius:999px;outline:1px solid var(--transparent-border);box-shadow:0 8px 12px #0000001a}.header-desktop-bar{width:100%;height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-radius:999px;background-color:var(--header)}.header-desktop-logo{transition:scale .6s var(--ease-jelly),rotate .6s var(--ease-jelly);display:flex;justify-content:center;align-items:center;height:34px;width:34px;border-radius:50%;overflow:hidden;border:3px solid;background:transparent;padding:0;min-width:34px;max-width:34px}.header-desktop-logo:active{scale:.85}@media(hover:hover){.header-desktop-logo:hover{scale:1.12;rotate:-10deg}}.header-desktop-logo img{width:100%;height:100%;object-fit:cover}.header-desktop-nav{display:flex;align-items:center;gap:24px}.header-desktop-link{color:var(--text-color);background:transparent;border:none;padding:5px;font-size:14px;transition:.3s,translate .6s var(--ease-jelly),scale .6s var(--ease-jelly);letter-spacing:.5px;text-decoration:none!important}.header-desktop-link:active{scale:.9}@media(hover:hover){.header-desktop-link:hover{color:var(--from);-webkit-text-stroke:.5px var(--from);translate:0 -3px}}.sheet-overlay{position:fixed;inset:0;z-index:1000;background-color:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sheet{position:fixed;z-index:1001;background-color:var(--sheet-bg);color:var(--text-color);border:1px solid var(--transparent-border);box-shadow:0 24px 60px -12px #00000073;outline:none}.sheet-desktop{top:50%;left:50%;translate:-50% -50%;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow-y:auto;padding:28px 24px 24px;border-radius:24px}.sheet-mobile{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));max-height:calc(100dvh - 80px);overflow-y:auto;padding:28px 20px 20px;border-radius:28px;overscroll-behavior:contain}.sheet-handle{position:absolute;top:10px;left:50%;translate:-50% 0;width:40px;height:5px;border-radius:999px;background-color:var(--tertiary-bg-color);opacity:.6}.sheet-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border:none;border-radius:999px;background-color:var(--secondary-bg-color);color:var(--text-color);transition:scale .2s ease,rotate .3s ease;z-index:1}.sheet-close:active{scale:.9}@media(hover:hover){.sheet-close:hover{rotate:90deg}}.sheet-close:focus-visible{outline:2px solid var(--from);outline-offset:2px}.header-mobile{position:fixed;top:10px;left:10px;right:10px;z-index:4;display:flex;justify-content:center;max-width:1280px;margin:0 auto;border-radius:999px;outline:1px solid var(--transparent-border);box-shadow:0 8px 12px #0000001a;overflow:hidden;transition:opacity .25s ease}.header-mobile-bar{width:100%;height:50px;display:flex;justify-content:space-evenly;align-items:center;padding:0 10px;background-color:var(--header)}.header-mobile-logo{transition:scale .6s var(--ease-jelly);display:flex;justify-content:center;align-items:center;height:22px;width:22px;border-radius:50%;overflow:hidden;border:2px solid;background:transparent;padding:0;min-width:22px;max-width:22px}.header-mobile-logo img{width:100%;height:100%;object-fit:cover}.header-mobile-button{color:var(--text-color);width:40px;height:40px;display:flex;justify-content:center;align-items:center;border:none;outline:none;background:none!important;border-radius:999px;transition:scale .6s var(--ease-jelly)}.header-mobile-button:active,.header-mobile-logo:active{scale:.75}.header-mobile-nav{display:flex;flex-direction:column;align-items:center;gap:32px;padding:10px 0 30px}.header-mobile-link{background:transparent;border:none;color:var(--text-color);font-size:22px;width:100%;text-align:center;transition:.2s,scale .6s var(--ease-jelly);text-decoration:none!important;animation:popIn .6s var(--ease-spring) both;animation-delay:calc(var(--i, 0) * 45ms + .14s)}.header-mobile-link:active{color:var(--from);scale:.92}@media(hover:hover){.header-mobile-link:hover{color:var(--from)}}.header-mobile-controls{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:32px;margin-bottom:8px}.visitor-intent{display:flex;flex-direction:column;gap:6px;padding:4px 0 8px}.visitor-intent-title{font-size:24px;font-weight:700;color:var(--text-color);padding-right:40px}.visitor-intent-subtitle{font-size:16px;color:var(--text-secondary-color);margin-bottom:18px}.visitor-intent-options{display:flex;flex-direction:column;gap:10px}.visitor-intent-option{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border:1px solid var(--transparent-border);border-radius:14px;background-color:var(--panel-bg);color:var(--text-color);font-size:15px;text-align:left;transition:.2s,scale .6s var(--ease-jelly);animation:popIn .6s var(--ease-spring) both;animation-delay:calc(var(--i, 0) * 70ms + .12s)}.visitor-intent-option:active{border-color:var(--from);scale:.96}@media(hover:hover){.visitor-intent-option:hover{border-color:var(--from);box-shadow:0 6px 16px #0000002e;scale:1.02}.visitor-intent-option:hover .visitor-intent-icon{animation:jiggle .5s ease}}.visitor-intent-icon{display:flex}.visitor-intent-option:focus-visible{outline:2px solid var(--from);outline-offset:2px}.visitor-intent-label{font-weight:700;font-size:16px}.scroll-trigger-mid{position:absolute;top:50%;left:0;width:100%;height:1px;pointer-events:none}.hero-blobs{position:absolute;top:0;left:0;width:100%;height:170vh;overflow:hidden;pointer-events:none;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,#000 45%,transparent 100%);mask-image:linear-gradient(to bottom,#000 45%,transparent 100%)}.light .hero-blobs{--blob-opacity: .32}.dark .hero-blobs{--blob-opacity: .16}.hero-blob{position:absolute;border-radius:50%;opacity:var(--blob-opacity);will-change:transform;animation:heroBlobDrift 24s ease-in-out infinite alternate}.hero-blob-1{width:560px;height:440px;top:3%;left:-12%;background:radial-gradient(closest-side,var(--from),transparent)}.hero-blob-2{width:480px;height:560px;top:16%;right:-14%;background:radial-gradient(closest-side,var(--via),transparent);animation-name:heroBlobDrift2;animation-duration:28s}.hero-blob-3{width:520px;height:420px;top:46%;left:26%;background:radial-gradient(closest-side,var(--to),transparent);animation-duration:20s;animation-delay:-7s}.hero-blobs-paused .hero-blob{animation-play-state:paused}@keyframes heroBlobDrift{0%{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(70px,50px) rotate(40deg) scale(1.15,.88)}to{transform:translate(-30px,90px) rotate(-25deg) scale(.9,1.12)}}@keyframes heroBlobDrift2{0%{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(-80px,30px) rotate(-35deg) scale(.9,1.15)}to{transform:translate(20px,-60px) rotate(20deg) scale(1.12,.92)}}@media screen and (max-width:900px){.hero-blob-1{width:360px;height:300px}.hero-blob-2{width:320px;height:380px}.hero-blob-3{width:360px;height:300px;left:5%}}.scroll-progress{position:fixed;top:60px;left:35px;right:35px;max-width:1240px;margin:0 auto;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--from),var(--via),var(--to));transform-origin:left center;z-index:3;pointer-events:none}.jelly-text-word{display:inline-block;white-space:nowrap}.jelly-text-letter{display:inline-block;transform-origin:50% 80%}.jelly-text-letter:before{content:attr(data-char)}.jelly-text-pending .jelly-text-letter{opacity:0;translate:0 .4em;scale:.4}.jelly-text-in .jelly-text-letter{transition:opacity .3s ease,translate .8s var(--ease-spring),scale .8s var(--ease-spring);transition-delay:calc(var(--i) * var(--jelly-step))}.jelly-text-letter-wobble{animation:jellyWobble .8s ease both;animation-delay:var(--jelly-delay, 0ms)}@keyframes jellyWobble{0%,to{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}.about{padding:var(--section-space) var(--gutter) 40px var(--gutter);width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.about-heading{margin-bottom:40px;text-align:center}.about-profile-picture-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.about-profile-picture-tilt{border-radius:500px;overflow:hidden;background-color:var(--secondary-bg-color);border:4px solid var(--transparent-border)}.about-profile-picture-drag{position:relative;z-index:2}@media(hover:hover){.about-profile-picture-drag{cursor:grab}.about-profile-picture-drag:active{cursor:grabbing}.about-profile-picture-tilt:hover{box-shadow:0 6px 20px #0003}}.about-profile-picture{width:100%;max-width:270px;height:auto;aspect-ratio:1 / 1;object-fit:cover;scale:1.05}.about-icon-container{width:100%;display:flex;justify-content:center;align-items:center;gap:36px;flex-wrap:wrap;margin:48px 0}.about-link-icon{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-color);text-decoration:none;transition:.15s,scale .7s var(--ease-jelly)}.about-link-icon:active{scale:.85}@media(hover:hover){.about-link-icon:hover{scale:1.2}.about-link-icon:hover svg{animation:jiggle .5s ease}}.about-text{width:100%;text-align:left;font-size:18px;letter-spacing:1px;max-width:var(--content-width)}.about-para{display:block;opacity:0;translate:0 18px;filter:blur(6px);transition:opacity .6s ease,translate .9s var(--ease-spring),filter .6s ease;transition-delay:calc(var(--i, 0) * .14s)}.about-para+.about-para{margin-top:1.2em}.about-text-in .about-para{opacity:1;translate:0 0;filter:none}.about-skills-list{display:flex;flex-wrap:wrap;gap:24px 16px;margin:32px 0;justify-content:center;align-content:flex-start;list-style:none;padding:0}.about-skill-trigger{transition:scale .7s var(--ease-jelly);padding:6px;font-size:16px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:6px;width:116px;cursor:pointer;border-radius:16px}.about-skill-trigger:active{scale:.85}.about-skill-trigger:focus-visible{outline:2px solid var(--from);outline-offset:2px}@media(hover:hover){.about-skill-trigger:hover{scale:1.1}}.about-skill-label{font-size:13px;line-height:1.25;text-align:center;color:var(--text-secondary-color);transition:color .2s}.about-skill-trigger-active .about-skill-label{color:var(--from)}@media screen and (max-width:900px){.about-skill-trigger{width:100px}.about-skill-label{font-size:12px}}@keyframes iconPop{0%{opacity:0;transform:translateY(30px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-stack{position:fixed;left:0;right:0;bottom:calc(20px + env(safe-area-inset-bottom));z-index:1100;display:flex;flex-direction:column-reverse;align-items:center;gap:10px;padding:0 16px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:100%;padding:12px 18px;border:1px solid var(--transparent-border);border-radius:999px;background-color:var(--sheet-bg);color:var(--text-color);font-size:15px;font-weight:700;text-align:left;box-shadow:0 12px 30px -8px #00000059}.toast-icon{flex-shrink:0}.toast-success .toast-icon{color:var(--green-text)}.toast-error .toast-icon{color:#f5484a}.contact{padding:var(--section-space) var(--gutter) 52px var(--gutter);width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.contact-animation{width:100%;display:flex;justify-content:center}.contact-heading{margin-bottom:24px;text-align:center}.contact-subtitle{text-align:center;margin-bottom:40px;font-size:18px}.contact-form{width:100%;max-width:500px;margin:0 auto;padding-bottom:48px;display:flex;flex-direction:column;align-items:center}.contact-label{width:100%;font-size:16px;margin-bottom:8px}.contact-field{width:100%;margin-bottom:20px;padding:10px 14px;border-radius:12px;border:1px solid var(--transparent-border);background-color:var(--sheet-bg);color:var(--text-color);font-size:16px;line-height:1.5;outline:none;transition:border-color .2s,box-shadow .2s,scale .6s var(--ease-jelly)}.contact-field::placeholder{color:var(--text-secondary-color);opacity:.6}@media(hover:hover){.contact-field:hover{border-color:var(--from)}}.contact-field:focus{border-color:var(--from);box-shadow:0 0 0 3px color-mix(in srgb,var(--from) 25%,transparent);scale:1.02}.contact-textarea{resize:none}.contact-submit{display:flex;justify-content:center}.contact-submit-content{font-size:18px;font-weight:700}.mac-terminal{position:relative;isolation:isolate;display:flex;flex-direction:column;width:fit-content;height:fit-content;overflow:hidden;border-radius:var(--mt-radius);background-color:var(--mt-bg);color:var(--mt-text);z-index:3}.mac-terminal__titlebar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:14px;flex-shrink:0;height:var(--mt-titlebar-height);padding-inline:calc((var(--mt-titlebar-height) - var(--mt-light-size)) / 2);background:linear-gradient(#ffffff0a,#fff0),var(--mt-titlebar);box-shadow:inset 0 -1px #0006;-webkit-user-select:none;user-select:none}.mac-terminal--collapsed .mac-terminal__titlebar{box-shadow:none}.mac-terminal__titlebar--center{grid-template-columns:1fr auto 1fr}.mac-terminal__titlebar--draggable{cursor:grab;touch-action:none}.mac-terminal__titlebar--draggable:active{cursor:grabbing}.mac-terminal__title{display:flex;align-items:center;gap:6px;min-width:0;color:var(--mt-title);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:600;white-space:nowrap}.mac-terminal__titlebar--center .mac-terminal__title{justify-self:center}.mac-terminal__title-text{overflow:hidden;text-overflow:ellipsis}.mac-terminal__icon{flex-shrink:0}.mac-terminal__titlebar-right{display:flex;align-items:center;justify-self:end}.mac-terminal__body-wrap{overflow:hidden}.mac-terminal__body{font-family:var(--mt-font);font-size:var(--mt-font-size);line-height:var(--mt-line-height);white-space:pre-wrap}.mac-terminal__hairline{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--mt-border);pointer-events:none}.mac-terminal__lights{display:flex;align-items:center;gap:calc(var(--mt-light-size) * .65)}.mac-terminal__light{position:relative;display:block;flex-shrink:0;width:var(--mt-light-size);height:var(--mt-light-size)}.mac-terminal__light-bloom{position:absolute;inset:0;border-radius:50%;background-color:var(--mt-light-color);filter:blur(5px);opacity:0;transition:opacity .2s;pointer-events:none}.mac-terminal__light:hover .mac-terminal__light-bloom{opacity:.7}.mac-terminal__light-button{position:absolute;inset:0;margin:0;padding:0;border:0;border-radius:50%;outline:none;cursor:default;touch-action:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(80% 55% at 50% 100%,#ffffff73,#fff0 70%),radial-gradient(circle at 50% 45%,#0000 55%,#00000038),var(--mt-light-color);box-shadow:inset 0 0 0 .5px #00000040,inset 0 1px 1px #fff9,inset 0 -1.5px 2px #ffffff47,0 1px 3px #00000073}.mac-terminal__light-button:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:1px}.mac-terminal__light-shine{position:absolute;top:7%;left:15%;width:70%;height:45%;border-radius:50%;background:linear-gradient(#ffffffa6,#fff0);pointer-events:none}.mac-terminal__light-glyph{position:absolute;inset:0;width:62%;height:62%;margin:auto;color:#0000008c;opacity:0;transition:opacity .15s;pointer-events:none}.mac-terminal__lights:hover .mac-terminal__light-glyph,.mac-terminal__lights:focus-within .mac-terminal__light-glyph{opacity:1}.mac-terminal-cursor{display:inline-block;width:.6em;height:1.15em;vertical-align:-.2em;background-color:currentColor}.light-rays-container{width:100%;height:100%;position:relative;pointer-events:none;z-index:3;overflow:hidden}.light-rays-container canvas{animation:lightRaysIn .8s ease both}@keyframes lightRaysIn{0%{opacity:0}to{opacity:1}}.tech-text{position:relative;width:100%;height:100%;touch-action:pan-y;-webkit-user-select:none;user-select:none}.tech-text-canvas{display:block;width:100%;height:100%;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.landing{min-height:100vh;min-height:100svh;padding:130px var(--gutter) 60px var(--gutter);width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.landing-animation{width:100%;display:flex;justify-content:center}.landing-heading{font-size:100px;text-align:center;margin-bottom:48px;-webkit-text-stroke:1.5px var(--text-color)}.landing-subtitle{text-align:center;background:linear-gradient(90deg,var(--from),var(--via),var(--to),var(--from));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;font-size:36px;animation:gradientMove 2s linear infinite}.landing-subtitle.sr-only{animation:none}.landing-proof{list-style:none;padding:0;margin-top:48px;max-width:1000px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.landing-proof-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1.5px solid;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.5px;color:var(--text-color);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);user-select:none;-webkit-user-select:none}.landing-proof-icon{flex-shrink:0}@media(hover:hover){.landing-proof-chip{cursor:grab}.landing-proof-chip:active{cursor:grabbing}.landing-proof-chip:hover .landing-proof-icon{animation:jiggle .5s ease}}.landing-cta-content{width:100%;display:flex;justify-content:center;align-items:center;gap:24px;padding:0 24px}@keyframes gradientMove{0%{background-position:0% center}to{background-position:200% center}}@keyframes bounceArrow{0%{transform:translateY(3px)}50%{transform:translateY(-3px)}to{transform:translateY(3px)}}@media screen and (max-width:900px){.landing{padding-top:50px;justify-content:center;z-index:3}.landing-heading{font-size:clamp(48px,17vw,70px)}.landing-proof{margin-top:40px;gap:8px}.landing-proof-chip{font-size:12px;padding:6px 12px}}.shipped{padding:var(--section-space) var(--gutter) 40px var(--gutter);width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.shipped-heading{margin-bottom:24px;text-align:center}.shipped-subtitle{text-align:center;margin-bottom:40px;font-size:18px}.shipped-list{width:100%;display:flex;flex-direction:column;gap:24px;list-style:none;padding:0;max-width:var(--max-width)}.shipped-card-container{display:flex;flex-direction:row;padding:20px;border-radius:20px;background-color:var(--panel-bg);border:2px solid var(--transparent-border);overflow:hidden;gap:24px;transition:.3s;width:100%}@media(hover:hover){.shipped-card-container:hover{border-color:var(--from)}}.shipped-image-wrap{flex-shrink:0}.shipped-screenshot{object-fit:cover;width:380px;height:270px;display:block;border-radius:16px;border:1px solid var(--transparent-border)}.shipped-card-body{display:flex;flex-direction:column;flex:1;min-width:0}.shipped-name{font-size:22px;font-weight:700;letter-spacing:1px;line-height:1.2}.shipped-tagline{margin:16px 0;font-size:16px;color:var(--text-secondary-color);letter-spacing:.5px}.shipped-badge{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:16px}.shipped-description{line-height:22px;margin-bottom:16px;text-align:left}.shipped-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.shipped-tech-tag{display:flex;justify-content:center;align-items:center;padding:4px 8px;font-size:12px;font-weight:700;border-radius:999px;letter-spacing:1px;transition:scale .6s var(--ease-jelly)}.shipped-tech-tag:active{scale:.9}@media(hover:hover){.shipped-tech-tag:hover{scale:1.12}}.shipped-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}.shipped-visit-link{text-decoration:none}@media screen and (max-width:900px){.shipped-card-container{flex-direction:column;padding:10px;text-align:center;background:none!important;border:2px solid transparent}.shipped-card-container:hover{border-color:var(--from)}.shipped-controls,.shipped-tools,.shipped-badge{justify-content:center}.shipped-screenshot{width:100%;height:auto;aspect-ratio:380 / 270}.shipped-list>li+li{position:relative;padding-top:32px}.shipped-list>li+li:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:var(--tertiary-bg-color)}}.link-button{display:flex;align-items:center;gap:4px;font-size:14px}.skills{padding:var(--section-space) var(--gutter) 40px var(--gutter);width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.skills-animation{width:100%;display:flex;justify-content:center}.skills-heading{margin:24px 0;text-align:center}.skills-list{max-width:var(--content-width);width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.skills-group{width:100%;margin:20px;display:flex;flex-direction:column;align-items:center}.skills-group-title{font-size:20px;font-weight:700;padding:8px 16px;margin:5px;border-radius:50px}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin-top:12px;list-style:none;padding:0}.skills-card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 20px;border-radius:20px;background-color:var(--panel-bg);height:150px;width:150px;margin:10px;transition:.1s}@media(hover:hover){.skills-card:hover{box-shadow:0 6px 20px #0003}.skills-card:hover .skills-icon{transform:translateZ(20px) perspective(200px) scale(1.3)}.skills-card-magnet{cursor:grab}.skills-card-magnet:active{cursor:grabbing}}.skills-icon{width:70px;height:70px;object-fit:cover;border-radius:20px;box-shadow:#0006 0 4px 12px;transition:.3s,transform .7s var(--ease-jelly)}.skills-name{margin-top:24px;text-align:center;font-weight:700}@media screen and (max-width:900px){.skills-group{margin:20px 8px}.skills-card{height:100px;width:100px;margin:4px}.skills-card:active .skills-icon{transform:translateZ(20px) perspective(20px) scale(1.1)}@media(hover:hover){.skills-card:hover .skills-icon{transform:translateZ(20px) perspective(20px) scale(1.1)}}.skills-icon{height:50px;width:50px;border-radius:12px;box-shadow:#0006 0 0 4px}.skills-name{margin-top:12px;font-size:12px}}.work{padding:var(--section-space) var(--gutter) 40px var(--gutter);width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.work-heading{margin-bottom:24px;text-align:center}.work-subtitle{text-align:center;margin-bottom:40px;font-size:18px}.work-list{width:100%;display:flex;flex-direction:column;gap:24px;list-style:none;padding:0;max-width:var(--max-width)}.work-card-container{display:flex;flex-direction:row;padding:20px;border-radius:20px;background-color:var(--panel-bg);border:2px solid var(--transparent-border);overflow:hidden;gap:24px;transition:.3s;width:100%}.work-card-expanded{border-color:var(--from)}.work-image-wrap{flex-shrink:0}.work-screenshot{object-fit:cover;width:380px;height:270px;display:block;border-radius:16px}.work-card-body{display:flex;flex-direction:column;flex:1;min-width:0}.work-company{font-size:22px;font-weight:700;letter-spacing:1px;line-height:1.2}.work-role{margin:16px 0;font-size:18px;color:var(--text-secondary-color);font-weight:700}.work-period{color:var(--text-secondary-color);font-style:italic;margin-bottom:16px}.work-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.work-tech-tag{display:flex;justify-content:center;align-items:center;padding:4px 8px;font-size:12px;font-weight:700;border-radius:999px;letter-spacing:1px;transition:scale .6s var(--ease-jelly)}.work-tech-tag:active{scale:.9}@media(hover:hover){.work-tech-tag:hover{scale:1.12}}.work-desc{line-height:22px;margin-bottom:16px}.work-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.work-visit-link{text-decoration:none}.work-card-container li{margin-left:16px;list-style:circle;margin-top:10px;font-size:15px;line-height:22px}.work-bullets-open li{animation:workBulletIn .7s var(--ease-spring) both;animation-delay:calc(var(--i) * 60ms + 80ms)}@keyframes workBulletIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.collapse-header:before{content:"";position:absolute;inset:-1px;padding:2px;border-radius:8px;background:linear-gradient(270deg,transparent,var(--border-color),transparent,var(--border-color),transparent);background-size:300% 300%;animation:borderFlow 12s linear infinite;animation-play-state:paused;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;border-bottom-left-radius:var(--border-bottom-radius);border-bottom-right-radius:var(--border-bottom-radius)}.collapse-live .collapse-header:before{animation-play-state:running}@keyframes borderFlow{0%{background-position:0% 50%}to{background-position:300% 50%}}@media screen and (max-width:900px){.work-card-container{flex-direction:column;padding:10px;text-align:center}.work-desc,.collapse-content{text-align:left}.work-controls,.work-tools{justify-content:center}.collapse-content li{text-align:left}.work-card-container{background:none!important;border:2px solid transparent}.work-card-expanded{border-color:var(--from)!important}.work-screenshot{width:100%;height:auto;aspect-ratio:380 / 270}.work-list>li+li{position:relative;padding-top:32px}.work-list>li+li:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:var(--tertiary-bg-color)}}.collapse{width:100%;border:1px solid var(--transparent-border);border-radius:8px;background-color:var(--collapse-bg)}.collapse-header{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;border-radius:8px;background:transparent;color:var(--text-color);font-size:14px;text-align:left;transition:scale .2s ease}.collapse-header:active{scale:.98}.collapse-header:focus-visible{outline:2px solid var(--from);outline-offset:2px}.collapse-chevron{flex-shrink:0;transition:rotate .25s ease}.collapse-open .collapse-chevron{rotate:90deg}.collapse-body{overflow:hidden}.collapse-content{padding:16px;border-top:1px solid var(--transparent-border);background-color:var(--sheet-bg);border-bottom-left-radius:8px;border-bottom-right-radius:8px}*{margin:0;padding:0;box-sizing:border-box;font-family:Ubuntu Mono,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--max-width: 1200px;--content-width: 900px;--gutter: 20px;--section-space: 100px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-jelly: cubic-bezier(.34, 1.9, .64, 1)}@supports (transition-timing-function: linear(0,1)){:root{--ease-spring: linear(0, .046, .161, .315, .483, .645, .79, .91, 1.001, 1.066, 1.105, 1.123, 1.126, 1.116, 1.099, 1.079, 1.058, 1.038, 1.021, 1.007, .997, .99, .986, .984, .984, .986, .988, .991, .994, .996, .998, 1, 1.001, 1.002, 1.002, 1.002, 1);--ease-jelly: linear(0, .063, .226, .445, .681, .902, 1.084, 1.213, 1.287, 1.309, 1.289, 1.238, 1.169, 1.096, 1.029, .973, .933, .911, .904, .911, .927, .948, .971, .992, 1.009, 1.021, 1.028, 1.03, 1.027, 1.022, 1.016, 1.009, 1.002, .997, .993, .991, .991, .992, .993, .995, .997, .999, 1.001, 1.002, 1.003, 1.003, 1.003, 1.002, 1)}}.light{--bg-color: #f5f5f5;--secondary-bg-color: rgb(230, 230, 230);--tertiary-bg-color: rgba(161, 161, 161, .9);--text-color: rgb(0, 0, 0);--text-secondary-color: rgb(55, 55, 55);--link-color: rgb(43, 110, 255);--header: rgba(210, 210, 210, .3);--transparent-border: rgba(0, 0, 0, .2);--panel-bg: rgba(255, 255, 255, .6);--green-text: rgb(90, 167, 58);--yellow-text: rgb(186, 171, 62);--sheet-bg: #ffffff;--collapse-bg: rgba(0, 0, 0, .02)}.dark{--bg-color: #141414;--secondary-bg-color: rgb(50, 50, 50);--tertiary-bg-color: rgb(102, 102, 102);--text-color: rgb(255, 255, 255);--text-secondary-color: rgb(200, 200, 200);--link-color: rgb(157, 188, 255);--header: rgba(50, 50, 50, .3);--transparent-border: rgba(255, 255, 255, .2);--panel-bg: rgba(40, 40, 40, .6);--green-text: rgb(133, 225, 92);--yellow-text: rgb(250, 220, 40);--sheet-bg: #1f1f1f;--collapse-bg: rgba(255, 255, 255, .04)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}body{width:100%;overflow-x:hidden;min-height:100vh;position:relative;background-color:var(--bg-color);color:var(--text-color)}main{width:100%}button,a{cursor:pointer}button,a,[role=button]{-webkit-tap-highlight-color:transparent}.theme-swapping :not(.theme-toggle,.theme-toggle *),.theme-swapping :not(.theme-toggle,.theme-toggle *):before,.theme-swapping :not(.theme-toggle,.theme-toggle *):after{transition:none!important}@keyframes popIn{0%{opacity:0;transform:translateY(16px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.tag-pop{animation:tagPop .6s ease-out both;animation-delay:var(--tag-delay, 0s)}@keyframes tagPop{0%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.18,.85)}75%{transform:scale(.94,1.06)}to{opacity:1;transform:scale(1)}}@keyframes jiggle{0%,to{rotate:0deg}20%{rotate:-14deg}40%{rotate:10deg}60%{rotate:-6deg}80%{rotate:3deg}}.prevent-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}.glare-wrapper{border-radius:16px!important}.parallax-effect{transform-style:preserve-3d}.parallax-effect .inner-element{transform:translateZ(20px)}@media screen and (max-width:900px){:root{--gutter: 16px;--section-space: 72px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
