@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";:root{--font-family: "Poppins", "SF Pro Text", system-ui, sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Source Code Pro", monospace;--text-color: #000000;--text-secondary: #888888;--text-primary: #1a1a1a;--secondary-color: #666666;--background: #ffffff;--max-width: 800px;--spacing: 2rem;--spacing-sm: 1rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--nav-height: 80px;--nav-height-mobile: 70px;--nav-background: rgba(255, 255, 255, .95);--animation-duration: .8s;--animation-easing: ease-out;--animation-bezier: cubic-bezier(.4, 0, .2, 1);--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Poppins;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--text-color);background:var(--background);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;overflow:hidden;display:flex;flex-direction:column}#app{height:100vh;display:flex;flex-direction:column}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing)}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.4;margin:0;color:var(--text-primary)}p{margin:0;line-height:1.6}a{color:var(--text-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--text-primary)}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}::selection{background:#1a1a1a1a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}:root{--animation-duration: .6s;--animation-easing: cubic-bezier(.4, 0, .2, 1);--animation-bezier: cubic-bezier(.4, 0, .2, 1);--animation-duration-fast: .3s;--animation-duration-slow: .8s;--skill-width: auto;--skill-padding: .25em;--fluid-font-min: 1rem;--fluid-font-max: 4.5rem;--fluid-font-scale: 4vw}.word{display:inline-flex;align-items:baseline;opacity:0;transform:translateY(.5em);will-change:opacity,transform;animation:fadeInWord var(--animation-duration) var(--animation-easing) forwards;backface-visibility:hidden;transform:translateZ(0)}@keyframes fadeInWord{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.skill-rolodex{--skill-width: auto;--padding-horizontal: var(--skill-padding);position:relative;display:inline-block;white-space:nowrap;height:1em;overflow:hidden;vertical-align:baseline;width:var(--skill-width);transition:width .5s var(--animation-bezier);padding:0 var(--padding-horizontal);transform:translateY(.15em);will-change:width;contain:layout style;transform:translateZ(0)}.skill-display{position:absolute;top:50%;left:var(--padding-horizontal);width:calc(100% - calc(var(--padding-horizontal) * 2));display:inline-block;line-height:inherit;transform:translateY(-50%);font-weight:600;color:var(--text-primary, #1a1a1a);white-space:nowrap;overflow:visible;will-change:transform;backface-visibility:hidden;transform:translateZ(0) translateY(-50%)}.skill-transition-enter-active{transition:transform .5s var(--animation-bezier);transition-delay:.1s}.skill-transition-leave-active{transition:transform .4s var(--animation-bezier)}.skill-transition-enter-from{transform:translateY(-50%) translateY(100%)}.skill-transition-leave-to{transform:translateY(-50%) translateY(-100%)}.footer-letter{display:inline-block;transition:transform .8s cubic-bezier(.25,.46,.45,.94);transform-origin:bottom center;will-change:transform;backface-visibility:hidden}.footer-letter.space{width:.3em}.footer-letter.bobbing{animation:footerBob 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.footer-letter.settling{animation:footerSettle 2.4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes footerBob{0%{transform:translateY(0) translateZ(0)}40%{transform:translateY(-6px) translateZ(0)}70%{transform:translateY(-3px) translateZ(0)}to{transform:translateY(0) translateZ(0)}}@keyframes footerSettle{0%{transform:translateY(0) translateZ(0)}20%{transform:translateY(-4px) translateZ(0)}40%{transform:translateY(-1px) translateZ(0)}60%{transform:translateY(-2px) translateZ(0)}80%{transform:translateY(-.5px) translateZ(0)}to{transform:translateY(0) translateZ(0)}}@container (max-width: 768px){:root{--skill-padding: .2em;--animation-duration: .5s}}@container (max-width: 480px){:root{--skill-padding: .15em;--animation-duration: .4s}}@media (max-width: 768px){:root{--skill-padding: .2em;--animation-duration: .5s}.word{animation-duration:var(--animation-duration-fast)}}@media (max-width: 480px){:root{--skill-padding: .15em;--animation-duration: .4s}}@media (prefers-reduced-motion: reduce){:root{--animation-duration: .1s;--animation-duration-fast: .05s;--animation-duration-slow: .15s}.word,.skill-rolodex,.skill-transition-enter-active,.skill-transition-leave-active,.footer-letter{transition:none;animation:none}.word{opacity:1;transform:translateY(0)}.skill-transition-enter-from,.skill-transition-leave-to{transform:translateY(-50%)}}@media (prefers-contrast: high){.skill-display{font-weight:700}}@media print{.word,.skill-rolodex,.footer-letter{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.skill-display,.word{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-color-scheme: dark){.skill-display{color:var(--text-primary-dark, #ffffff)}.word{color:var(--text-secondary-dark, #cccccc)}}.word:focus-visible,.skill-rolodex:focus-visible{outline:2px solid var(--focus-color, #0066cc);outline-offset:2px}.navigation[data-v-54912ea3]{position:fixed;top:0;left:0;right:0;background:var(--nav-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(26,26,26,.1);z-index:100;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing) var(--spacing);height:var(--nav-height);transition:transform .3s ease}.nav-brand[data-v-54912ea3]{font-weight:600;font-size:18px;color:var(--text-color);font-family:var(--font-mono);text-decoration:none;transition:color .2s ease}.nav-brand[data-v-54912ea3]:hover{color:var(--secondary-color)}.nav-links[data-v-54912ea3]{display:flex;gap:var(--spacing)}.nav-link[data-v-54912ea3]{color:var(--secondary-color);text-decoration:none;font-weight:400;transition:color .2s ease;font-family:var(--font-mono)}.nav-link[data-v-54912ea3]:hover{color:var(--text-color)}@media (max-width: 768px){.navigation[data-v-54912ea3]{padding:var(--spacing-sm) var(--spacing);height:var(--nav-height-mobile)}.nav-links[data-v-54912ea3]{gap:var(--spacing-sm)}}@media (max-width: 480px){.nav-brand[data-v-54912ea3]{font-size:16px}.nav-links[data-v-54912ea3]{flex-direction:column;gap:8px}.navigation[data-v-54912ea3]{flex-direction:column;align-items:flex-start;height:auto;padding:var(--spacing-sm)}}.last-updated[data-v-5a62adbe]{color:var(--secondary-color);font-size:14px;margin:0;font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none}.footer-letter[data-v-5a62adbe]{display:inline-block;transition:transform .8s cubic-bezier(.25,.46,.45,.94);transform-origin:bottom center}.footer-letter.space[data-v-5a62adbe]{width:.3em}.footer-letter.bobbing[data-v-5a62adbe]{animation:footerBob-5a62adbe 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.footer-letter.settling[data-v-5a62adbe]{animation:footerSettle-5a62adbe 2.4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes footerBob-5a62adbe{0%{transform:translateY(0)}40%{transform:translateY(-6px)}70%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes footerSettle-5a62adbe{0%{transform:translateY(0)}20%{transform:translateY(-4px)}40%{transform:translateY(-1px)}60%{transform:translateY(-2px)}80%{transform:translateY(-.5px)}to{transform:translateY(0)}}.bottom-footer[data-v-7047eb31]{padding:var(--spacing) 0;text-align:center}.slide-up-enter-active[data-v-7047eb31],.slide-up-leave-active[data-v-7047eb31]{transition:all .6s cubic-bezier(.25,.46,.45,.94)}.slide-up-enter-from[data-v-7047eb31]{opacity:0;transform:translateY(100vh)}.slide-up-enter-to[data-v-7047eb31],.slide-up-leave-from[data-v-7047eb31]{opacity:1;transform:translateY(0)}.slide-up-leave-to[data-v-7047eb31]{opacity:0;transform:translateY(-100vh)}.skill-rolodex[data-v-b706ddcd]{--skill-width: auto;--padding-horizontal: .25em;position:relative;display:inline-block;white-space:nowrap;height:1em;overflow:hidden;vertical-align:baseline;width:var(--skill-width);transition:width .5s var(--animation-bezier, cubic-bezier(.4, 0, .2, 1));padding:0 var(--padding-horizontal);transform:translateY(.15em);will-change:width}.skill-display[data-v-b706ddcd]{position:absolute;top:50%;left:var(--padding-horizontal);width:calc(100% - calc(var(--padding-horizontal) * 2));display:inline-block;line-height:inherit;transform:translateY(-50%);font-weight:600;color:var(--text-primary, #1a1a1a);white-space:nowrap;overflow:visible;will-change:transform}.skill-transition-enter-active[data-v-b706ddcd]{transition:transform .5s var(--animation-bezier, cubic-bezier(.4, 0, .2, 1));transition-delay:.1s}.skill-transition-leave-active[data-v-b706ddcd]{transition:transform .4s var(--animation-bezier, cubic-bezier(.4, 0, .2, 1))}.skill-transition-enter-from[data-v-b706ddcd]{transform:translateY(-50%) translateY(100%)}.skill-transition-leave-to[data-v-b706ddcd]{transform:translateY(-50%) translateY(-100%)}@container (max-width: 768px){.skill-rolodex[data-v-b706ddcd]{--padding-horizontal: .2em}}@container (max-width: 480px){.skill-rolodex[data-v-b706ddcd]{--padding-horizontal: .15em}}@media (max-width: 768px){.skill-rolodex[data-v-b706ddcd]{--padding-horizontal: .2em}}@media (max-width: 480px){.skill-rolodex[data-v-b706ddcd]{--padding-horizontal: .15em}}@media (prefers-reduced-motion: reduce){.skill-rolodex[data-v-b706ddcd],.skill-transition-enter-active[data-v-b706ddcd],.skill-transition-leave-active[data-v-b706ddcd]{transition:none}.skill-transition-enter-from[data-v-b706ddcd],.skill-transition-leave-to[data-v-b706ddcd]{transform:translateY(-50%)}}@media (prefers-contrast: high){.skill-display[data-v-b706ddcd]{font-weight:700}}.main-title[data-v-9f5a3d42]{--container-width: 100%;--base-font-size: clamp(1.75rem, 4vw + 1rem, 4.5rem);--word-spacing: clamp(.2em, .3vw + .15em, .35em);--line-height: clamp(1.3, 1.2 + .2vw, 1.5);display:flex;flex-wrap:wrap;gap:var(--word-spacing);align-items:baseline;justify-content:flex-start;font-size:var(--base-font-size);font-weight:500;line-height:var(--line-height);margin:0;color:var(--text-secondary, #666666);width:100%;max-width:100%;-webkit-user-select:none;user-select:none;cursor:default;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.word[data-v-9f5a3d42]{display:inline-flex;align-items:baseline;flex-shrink:0;opacity:0;transform:translateY(.5em);will-change:opacity,transform;animation:fadeInWord-9f5a3d42 var(--animation-duration, .6s) var(--animation-easing, cubic-bezier(.4, 0, .2, 1)) forwards}.word.segment-greeting[data-v-9f5a3d42]{font-weight:500}.word.segment-name[data-v-9f5a3d42]{font-weight:600;color:var(--text-color, #1a1a1a);letter-spacing:.01em}.word.segment-description[data-v-9f5a3d42]{font-weight:500}.word.segment-component[data-v-9f5a3d42]{display:inline-flex;align-items:baseline;vertical-align:baseline}.word.segment-purpose[data-v-9f5a3d42]{font-weight:500}.word.emphasis[data-v-9f5a3d42]{font-weight:600;color:var(--text-color, #1a1a1a);letter-spacing:.02em}.word.component-placeholder[data-v-9f5a3d42]{align-items:center;line-height:1}@keyframes fadeInWord-9f5a3d42{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}@container (max-width: 600px){.main-title[data-v-9f5a3d42]{--word-spacing: clamp(.15em, .25vw + .1em, .25em);gap:var(--word-spacing)}}@container (max-width: 400px){.main-title[data-v-9f5a3d42]{--word-spacing: clamp(.1em, .2vw + .08em, .2em);gap:var(--word-spacing)}}@media (max-width: 768px){.main-title[data-v-9f5a3d42]{--base-font-size: clamp(1.5rem, 5vw, 2.5rem);--word-spacing: clamp(.15em, .25vw + .1em, .25em)}}@media (max-width: 480px){.main-title[data-v-9f5a3d42]{--base-font-size: clamp(1.25rem, 6vw, 2rem);--word-spacing: clamp(.1em, .2vw + .08em, .2em)}}@media (max-width: 320px){.main-title[data-v-9f5a3d42]{--base-font-size: clamp(1rem, 7vw, 1.5rem);--word-spacing: .15em}}@media (prefers-reduced-motion: reduce){.word[data-v-9f5a3d42]{animation:fadeInWordReduced-9f5a3d42 .1s ease forwards}@keyframes fadeInWordReduced-9f5a3d42{0%{opacity:0}to{opacity:1}}}@media (prefers-contrast: high){.word.segment-name[data-v-9f5a3d42],.word.emphasis[data-v-9f5a3d42]{font-weight:700;text-shadow:none}}@media print{.main-title[data-v-9f5a3d42]{font-size:24pt;line-height:1.2;color:#000}.word[data-v-9f5a3d42]{opacity:1;transform:none;animation:none}}.main-title[data-v-9f5a3d42],.word[data-v-9f5a3d42]{transform:translateZ(0);backface-visibility:hidden;perspective:1000}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.word.segment-name[data-v-9f5a3d42],.word.emphasis[data-v-9f5a3d42]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.center-content[data-v-bb0fc789]{max-width:100%;width:100%}.main-content[data-v-9a446ac4]{flex:1;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:0 var(--spacing);height:100vh;margin-top:calc(-1 * var(--nav-height));padding-top:var(--nav-height)}@media (max-width: 768px){.main-content[data-v-9a446ac4]{margin-top:calc(-1 * var(--nav-height-mobile));padding-top:var(--nav-height-mobile)}}