@font-face{font-family: "Plus Jakarta Sans";font-style: normal;font-weight: 200 800;font-display: swap;src: url("/assets/fonts/plus-jakarta-sans-latin-ext.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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: "Plus Jakarta Sans";font-style: normal;font-weight: 200 800;font-display: swap;src: url("/assets/fonts/plus-jakarta-sans-latin.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg-0: #e6ebef;--bg-1: #f4f7f9;--bg-2: #eef2f5;--bg-3: #ffffff;--light-cyan: #7fe3ef;--light-blue: #6ea8ff;--light-lavender: #b6a6ff;--light-peach: #ffb98f;--ink-rgb: 21,32,41;--text-primary: rgba(var(--ink-rgb),0.94);--text-secondary: rgba(var(--ink-rgb),0.64);--text-tertiary: rgba(var(--ink-rgb),0.42);--text-on-glass-strong: rgba(var(--ink-rgb),0.9);--focus-ring: #0e7490;--radius-pill: 999px;--radius-card: 24px;--radius-card-lg: 32px;--radius-sm: 14px;--space-1: clamp(0.5rem,0.46rem + 0.2vw,0.625rem);--space-2: clamp(0.75rem,0.68rem + 0.35vw,1rem);--space-3: clamp(1.25rem,1.1rem + 0.6vw,1.75rem);--space-4: clamp(2rem,1.8rem + 1vw,2.75rem);--space-5: clamp(3rem,2.6rem + 1.8vw,4.5rem);--space-6: clamp(4.5rem,3.8rem + 3vw,7.5rem);--space-7: clamp(6rem,5vw + 4rem,10rem);--container-max: 1280px;--container-pad: clamp(1.25rem,4vw,3rem);--nav-clearance: 6.5rem;--shadow-soft: 0 20px 50px -24px rgba(var(--ink-rgb),0.18);--shadow-lift: 0 28px 70px -26px rgba(var(--ink-rgb),0.22);--shadow-inner-highlight: inset 0 1px 0 rgba(255,255,255,0.7);--ease-glass: cubic-bezier(0.16,1,0.3,1);--ease-standard: cubic-bezier(0.4,0,0.2,1);--duration-fast: 200ms;--duration-normal: 420ms;--duration-slow: 900ms;--duration-ambient: 26s;--font-display: "Plus Jakarta Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--fs-hero: clamp(2.75rem,2rem + 4.2vw,5.75rem);--fs-h1: clamp(2.25rem,1.8rem + 2.4vw,3.5rem);--fs-h2: clamp(1.75rem,1.5rem + 1.4vw,2.5rem);--fs-h3: clamp(1.25rem,1.1rem + 0.8vw,1.625rem);--fs-body-lg: clamp(1.0625rem,1rem + 0.3vw,1.25rem);--fs-body: 1rem;--fs-sm: 0.875rem;--fs-xs: 0.75rem}:root[data-theme="dark"]{--bg-0: #0c1319;--bg-1: #17232d;--bg-2: #20313d;--bg-3: #223846;--ink-rgb: 236,241,245;--focus-ring: var(--light-cyan)}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;overflow-x: clip}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}}body{margin: 0;min-height: 100svh;padding-top: var(--nav-clearance);background-color: var(--bg-1);color: var(--text-primary);font-family: var(--font-display);font-size: var(--fs-body);line-height: 1.6;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: clip}img,picture,svg{display: block;max-width: 100%}ul,ol{margin: 0;padding: 0;list-style: none}a{color: inherit;text-decoration: none}button{font: inherit;color: inherit;background: none;border: 0;cursor: pointer}input,textarea,select{font: inherit;color: inherit}h1,h2,h3,h4,p,figure{margin: 0}h1,h2,h3,h4{font-weight: 600;line-height: 1.12;letter-spacing: -0.02em;color: var(--text-primary)}.eyebrow{display: block;font-size: var(--fs-sm);font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text-secondary)}.hero-name{font-size: var(--fs-hero);font-weight: 700;letter-spacing: -0.03em;line-height: 1.02}.section-title{font-size: var(--fs-h2)}.text-lg{font-size: var(--fs-body-lg);color: var(--text-secondary);font-weight: 400}.text-secondary{color: var(--text-secondary)}.text-tertiary{color: var(--text-tertiary)}.container{width: 100%;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-pad)}.section{position: relative;padding-block: var(--space-6)}.stack{display: flex;flex-direction: column}.visually-hidden{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: 3px;border-radius: 6px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.9rem 1.75rem;font-size: var(--fs-sm);font-weight: 600;letter-spacing: 0.01em;border-radius: var(--radius-pill);transition: transform var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);white-space: nowrap}.btn-primary{background: var(--text-primary);color: var(--bg-1);border: 1px solid transparent}.btn-primary:hover{transform: translateY(-1px)}.btn-secondary{color: var(--text-primary);border: 1px solid rgba(var(--ink-rgb),0.16);background: rgba(var(--ink-rgb),0.03)}.btn-secondary:hover{background: rgba(var(--ink-rgb),0.06);border-color: rgba(var(--ink-rgb),0.26)}@media (prefers-reduced-motion: reduce){.btn-primary:hover{transform: none}}[data-magnetic].is-magnetic-active{transition: background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}nav.nav{position: fixed;top: 0;left: 50%;z-index: 100;display: flex;align-items: center;padding: 0.4rem;transform: translateX(-50%)}html:not([data-design]) .nav--scrolled{--glass-floating-bg: rgba(255,255,255,0.32);--glass-floating-border: rgba(var(--ink-rgb),0.16)}html[data-theme="dark"]:not([data-design]) .nav--scrolled{--glass-floating-bg: rgba(12,19,25,0.55)}.nav__links{display: flex;align-items: center;gap: var(--space-1)}.nav__link{display: inline-flex;align-items: center;padding: 0.55rem 1.1rem;border-radius: var(--radius-pill);font-size: var(--fs-sm);font-weight: 600;color: var(--text-secondary);transition: color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.nav__link:hover{color: var(--text-primary);background: rgba(var(--ink-rgb),0.05)}.nav__link--active{color: var(--text-primary);background: rgba(var(--ink-rgb),0.07)}.nav__theme-toggle{display: inline-flex;align-items: center;justify-content: center;width: 2.25rem;height: 2.25rem;border-radius: var(--radius-pill);color: var(--text-secondary);flex-shrink: 0;transition: color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.nav__theme-toggle:hover{background: rgba(var(--ink-rgb),0.05);color: var(--text-primary)}.nav__theme-toggle svg{width: 1.1rem;height: 1.1rem}.nav__theme-toggle .icon-sun{display: none}[data-theme="dark"] .nav__theme-toggle .icon-sun{display: block}[data-theme="dark"] .nav__theme-toggle .icon-moon{display: none}.nav__toggle{display: none;align-items: center;justify-content: center;flex-direction: column;gap: 4px;width: 44px;height: 44px;border-radius: var(--radius-pill);flex-shrink: 0}.nav__toggle:hover{background: rgba(var(--ink-rgb),0.05)}.nav__toggle-bar{display: block;width: 18px;height: 2px;border-radius: 2px;background: var(--text-primary);transition: transform var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.nav__toggle[aria-expanded="true"] .nav__toggle-bar:nth-child(1){transform: translateY(6px) rotate(45deg)}.nav__toggle[aria-expanded="true"] .nav__toggle-bar:nth-child(2){opacity: 0}.nav__toggle[aria-expanded="true"] .nav__toggle-bar:nth-child(3){transform: translateY(-6px) rotate(-45deg)}.design-switcher-toggle-wrap{position: fixed;top: 4.6rem;left: 50%;z-index: 90;transform: translateX(-50%);transition: opacity var(--duration-fast) var(--ease-standard),visibility var(--duration-fast) var(--ease-standard)}.design-switcher-toggle-wrap.is-hidden{opacity: 0;visibility: hidden;pointer-events: none}.design-switcher-toggle{display: inline-flex;align-items: center;justify-content: center;width: 2.5rem;height: 2.5rem;border-radius: var(--radius-pill);color: var(--text-secondary);transition: color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.design-switcher-toggle:hover{color: var(--text-primary);background: rgba(var(--ink-rgb),0.05)}.design-switcher-toggle[aria-expanded="true"]{color: var(--text-primary);background: rgba(var(--ink-rgb),0.07)}.design-switcher-toggle svg{width: 1.15rem;height: 1.15rem}div.design-switcher-hint{position: absolute;top: calc(100% + 0.6rem);left: 50%;z-index: 91;display: flex;align-items: center;gap: 0.6rem;padding: 0.5rem 0.5rem 0.5rem 0.9rem;border-radius: var(--radius-pill);white-space: nowrap;font-size: var(--fs-xs);color: var(--text-secondary);opacity: 0;visibility: hidden;pointer-events: none;transform: translateX(-50%) translateY(-6px);transition: opacity var(--duration-normal) var(--ease-glass),transform var(--duration-normal) var(--ease-glass),visibility var(--duration-normal) var(--ease-glass)}.design-switcher-hint.is-visible{opacity: 1;visibility: visible;pointer-events: auto;transform: translateX(-50%) translateY(0)}.design-switcher-hint__cta{flex-shrink: 0;padding: 0.3rem 0.7rem;border-radius: var(--radius-pill);font-size: var(--fs-xs);font-weight: 700;color: var(--text-primary);background: rgba(var(--ink-rgb),0.08);transition: background-color var(--duration-fast) var(--ease-standard)}.design-switcher-hint__cta:hover{background: rgba(var(--ink-rgb),0.14)}.design-switcher-hint__dismiss{display: inline-flex;align-items: center;justify-content: center;width: 1.4rem;height: 1.4rem;flex-shrink: 0;border-radius: 50%;color: var(--text-secondary);transition: color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.design-switcher-hint__dismiss svg{width: 0.7rem;height: 0.7rem}.design-switcher-hint__dismiss:hover{color: var(--text-primary);background: rgba(var(--ink-rgb),0.08)}div.design-switcher{position: absolute;top: calc(100% + 0.6rem);left: 50%;z-index: 91;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.3rem;padding: 0.5rem;width: max-content;max-width: min(88vw,380px);opacity: 0;visibility: hidden;pointer-events: none;transform-origin: top center;transform: translateX(-50%) translateY(-6px) scale(0.96);transition: opacity var(--duration-normal) var(--ease-glass),transform var(--duration-normal) var(--ease-glass),visibility var(--duration-normal) var(--ease-glass)}.design-switcher.is-open{opacity: 1;visibility: visible;pointer-events: auto;transform: translateX(-50%) translateY(0) scale(1)}.design-switcher__btn{padding: 0.5rem 0.6rem;border-radius: var(--radius-sm);font-size: var(--fs-xs);font-weight: 600;color: var(--text-secondary);text-align: center;transition: color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.design-switcher__btn:hover{color: var(--text-primary);background: rgba(var(--ink-rgb),0.05)}.design-switcher__btn[aria-pressed="true"]{color: var(--text-primary);background: rgba(var(--ink-rgb),0.07)}.hero{min-height: calc(100svh - var(--nav-clearance));display: grid;grid-template-columns: 1.1fr 0.9fr;align-items: center;gap: var(--space-5);padding-block: var(--space-6)}.hero__content{max-width: 640px}.hero__tagline{font-weight: 500}.hero__lede{max-width: 44ch}.hero__ctas{display: flex;gap: var(--space-2);flex-wrap: wrap}.hero__visual{position: relative;display: flex;align-items: center;justify-content: center;min-height: 320px}.hero-orb.glass{position: relative;width: min(420px,70vw);height: min(420px,70vw);border-radius: 50%;background: radial-gradient(circle at 30% 28%,rgba(127,227,239,0.35),transparent 55%),radial-gradient(circle at 72% 70%,rgba(255,185,143,0.3),transparent 55%),var(--glass-ultra-bg);overflow: hidden}.hero-orb__highlight{position: absolute;top: 14%;left: 18%;width: 34%;height: 22%;border-radius: 50%;background: rgba(255,255,255,0.55);filter: blur(18px)}.hero-orb__photo{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1}.hero-orb__tint{position: absolute;inset: 0;z-index: 2;background: radial-gradient(circle at 30% 28%,rgba(127,227,239,0.35),transparent 55%),radial-gradient(circle at 72% 70%,rgba(255,185,143,0.3),transparent 55%);pointer-events: none}.hero-chip{position: absolute;width: 64px;height: 64px}.hero-chip--a{top: 6%;right: 4%}.hero-chip--b{bottom: 8%;left: 0;width: 48px;height: 48px}#work{scroll-margin-top: var(--nav-clearance)}.project-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: var(--space-3)}.project-card{display: flex;flex-direction: column;padding: var(--space-2)}.project-card__visual{position: relative;aspect-ratio: 16 / 10;border-radius: var(--radius-sm);overflow: hidden;display: flex;align-items: center;justify-content: center;background: radial-gradient(circle at 30% 20%,rgba(127,227,239,0.32),transparent 60%),radial-gradient(circle at 80% 80%,rgba(255,185,143,0.28),transparent 60%),rgba(255,255,255,0.06)}.project-card__monogram{font-size: 3rem;font-weight: 700;color: rgba(var(--ink-rgb),0.16);transition: transform var(--duration-normal) var(--ease-glass)}.project-card:hover .project-card__monogram,.project-card:focus-within .project-card__monogram{transform: scale(1.08)}.project-card__image{width: 100%;height: 100%;object-fit: cover}.project-card__body{padding: var(--space-3) var(--space-1) var(--space-1)}.project-card__meta{display: flex;align-items: center;justify-content: space-between}.demo-badge{display: inline-flex;align-items: center;font-size: var(--fs-xs);font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;padding: 0.2rem 0.6rem;border-radius: var(--radius-pill);background: rgba(var(--ink-rgb),0.08);color: var(--text-secondary)}.project-card__title{margin-top: var(--space-2);font-size: var(--fs-h3)}.project-card__desc{margin-top: var(--space-1)}.project-card__tags{display: flex;flex-wrap: wrap;gap: 0.4rem;margin-top: var(--space-2)}.project-card__tags li{font-size: var(--fs-xs);padding: 0.3rem 0.7rem;border-radius: var(--radius-pill);background: rgba(var(--ink-rgb),0.05);color: var(--text-tertiary)}.project-card__cta{display: inline-flex;align-items: center;gap: 0.4rem;margin-top: var(--space-3);font-weight: 600;font-size: var(--fs-sm);color: var(--text-primary)}.project-card__cta-arrow{transition: transform var(--duration-fast) var(--ease-standard)}.project-card:hover .project-card__cta-arrow,.project-card:focus-within .project-card__cta-arrow,.lab-card:hover .project-card__cta-arrow,.lab-card:focus-within .project-card__cta-arrow{transform: translateX(4px)}@media (prefers-reduced-motion: reduce){.project-card:hover .project-card__monogram,.project-card:focus-within .project-card__monogram,.project-card:hover .project-card__cta-arrow,.project-card:focus-within .project-card__cta-arrow,.lab-card:hover .project-card__cta-arrow,.lab-card:focus-within .project-card__cta-arrow{transform: none}}#about{scroll-margin-top: var(--nav-clearance)}.about__lede{max-width: 60ch}.about-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: var(--space-3);max-width: 760px}.about-panel{padding: var(--space-3)}.about-panel__title{font-size: var(--fs-h3)}.about-panel p{margin-top: var(--space-1)}#build{scroll-margin-top: var(--nav-clearance)}.build-list{display: flex;flex-wrap: wrap;gap: var(--space-2)}.build-chip{padding: 0.9rem 1.5rem;font-size: var(--fs-body-lg);font-weight: 600;color: var(--text-primary)}#toolbox{scroll-margin-top: var(--nav-clearance)}.toolbox-list{display: flex;flex-wrap: wrap;gap: var(--space-1)}.toolbox-list li{padding: 0.5rem 1rem;border-radius: var(--radius-pill);background: rgba(var(--ink-rgb),0.05);border: 1px solid rgba(var(--ink-rgb),0.1);font-size: var(--fs-sm);color: var(--text-secondary)}#lab{scroll-margin-top: var(--nav-clearance)}.lab-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: var(--space-2)}.lab-card{padding: var(--space-3)}.lab-card__meta{display: flex;align-items: center;justify-content: space-between}.lab-card__title{margin-top: var(--space-2);font-size: var(--fs-h3)}.lab-card__desc{margin-top: var(--space-1)}.lab-card__cta{display: inline-flex;align-items: center;gap: 0.4rem;margin-top: var(--space-2);font-weight: 600;font-size: var(--fs-sm);color: var(--text-primary)}#contact{scroll-margin-top: var(--nav-clearance)}.contact__lede{max-width: 56ch}.contact__actions{display: flex;flex-wrap: wrap;gap: var(--space-2)}.social-list{display: flex;flex-wrap: wrap;gap: var(--space-2)}.social-link{display: inline-flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;font-size: var(--fs-sm);font-weight: 700;color: var(--text-primary)}.social-link svg{width: 1.2rem;height: 1.2rem}.site-footer{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--space-3)}.site-footer__text p + p{margin-top: 0.2rem}.site-footer__social{display: flex;flex-direction: column;align-items: flex-end;gap: var(--space-1)}.social-list--footer .social-link{width: 2.5rem;height: 2.5rem;font-size: var(--fs-xs)}.social-list--footer .social-link svg{width: 1rem;height: 1rem}.nav__actions{display: flex;align-items: center;gap: 0.25rem;margin-left: 0.5rem;flex-shrink: 0}.nav__action-btn{display: inline-flex;align-items: center;justify-content: center;width: 2.25rem;height: 2.25rem;border-radius: var(--radius-pill);color: var(--text-secondary);flex-shrink: 0;transition: color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.nav__action-btn:hover{color: var(--text-primary);background-color: var(--glass-floating-bg)}.nav__action-btn svg{width: 1.15rem;height: 1.15rem;display: block}.design-switcher-wrap{position: relative}.design-switcher{position: absolute;top: calc(100% + 0.6rem);right: 0;display: grid;grid-template-columns: repeat(3,minmax(70px,1fr));gap: 0.35rem;padding: 0.55rem;border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-8px) scale(0.96);transition: opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),visibility var(--duration-fast);z-index: 120;min-width: 250px}.design-switcher.is-open{opacity: 1;visibility: visible;pointer-events: auto;transform: translateY(0) scale(1)}.design-switcher__btn{padding: 0.45rem 0.55rem;border-radius: var(--radius-md);font-size: var(--fs-xs);font-weight: 600;color: var(--text-secondary);text-align: center;white-space: nowrap;transition: color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.design-switcher__btn:hover{color: var(--text-primary);background-color: var(--glass-floating-bg)}.design-switcher__btn[aria-pressed="true"]{color: var(--text-primary);background-color: var(--glass-floating-bg);box-shadow: inset 0 0 0 1px var(--glass-floating-border)}.design-switcher-hint{position: fixed;top: 4.25rem;left: 50%;transform: translateX(-50%) translateY(-6px);z-index: 95;display: inline-flex;align-items: center;gap: 0.6rem;padding: 0.4rem 0.65rem 0.4rem 0.85rem;border-radius: var(--radius-pill);font-size: var(--fs-xs);color: var(--text-secondary);box-shadow: var(--shadow-md);opacity: 0;visibility: hidden;pointer-events: none;transition: opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),visibility var(--duration-fast);white-space: nowrap}.design-switcher-hint.is-visible{opacity: 1;visibility: visible;pointer-events: auto;transform: translateX(-50%) translateY(0)}.design-switcher-hint__text{font-weight: 500}.design-switcher-hint__cta{font-weight: 700;color: var(--text-primary);text-decoration: underline;text-underline-offset: 2px;cursor: pointer}.design-switcher-hint__dismiss{display: inline-flex;align-items: center;justify-content: center;width: 1.25rem;height: 1.25rem;border-radius: var(--radius-pill);color: var(--text-tertiary);cursor: pointer;padding: 0}.design-switcher-hint__dismiss:hover{color: var(--text-primary)}.design-switcher-hint__dismiss svg{width: 0.8rem;height: 0.8rem}
:root{--glass-ultra-bg: rgba(255,255,255,0.05);--glass-ultra-blur: 24px;--glass-ultra-saturate: 170%;--glass-ultra-border: rgba(var(--ink-rgb),0.08);--glass-floating-bg: rgba(255,255,255,0.1);--glass-floating-blur: 34px;--glass-floating-saturate: 180%;--glass-floating-border: rgba(var(--ink-rgb),0.14);--glass-frosted-bg: rgba(255,255,255,0.18);--glass-frosted-blur: 40px;--glass-frosted-saturate: 190%;--glass-frosted-border: rgba(var(--ink-rgb),0.2)}.glass{position: relative;border-radius: var(--radius-card);box-shadow: var(--shadow-soft),var(--shadow-inner-highlight);isolation: isolate}.glass::before{content: "";position: absolute;inset: 0;border-radius: inherit;pointer-events: none;background: linear-gradient( 155deg,rgba(255,255,255,0.14) 0%,rgba(255,255,255,0.03) 22%,rgba(255,255,255,0) 55%,rgba(255,255,255,0.05) 100% );mix-blend-mode: overlay;z-index: 1}.glass > *{position: relative;z-index: 2}.glass-ultra{background: var(--glass-ultra-bg);backdrop-filter: blur(var(--glass-ultra-blur)) saturate(var(--glass-ultra-saturate));-webkit-backdrop-filter: blur(var(--glass-ultra-blur)) saturate(var(--glass-ultra-saturate));border: 1px solid var(--glass-ultra-border)}.glass-floating{background: var(--glass-floating-bg);backdrop-filter: blur(var(--glass-floating-blur)) saturate(var(--glass-floating-saturate));-webkit-backdrop-filter: blur(var(--glass-floating-blur)) saturate(var(--glass-floating-saturate));border: 1px solid var(--glass-floating-border);box-shadow: var(--shadow-lift),var(--shadow-inner-highlight)}.glass-frosted{background: var(--glass-frosted-bg);backdrop-filter: blur(var(--glass-frosted-blur)) saturate(var(--glass-frosted-saturate));-webkit-backdrop-filter: blur(var(--glass-frosted-blur)) saturate(var(--glass-frosted-saturate));border: 1px solid var(--glass-frosted-border)}.glass-pill{border-radius: var(--radius-pill)}.glass-interactive{transition: transform var(--duration-normal) var(--ease-glass),border-color var(--duration-normal) var(--ease-glass),background-color var(--duration-normal) var(--ease-glass)}.glass-interactive:hover,.glass-interactive:focus-visible{transform: translateY(-4px);border-color: rgba(var(--ink-rgb),0.22)}@media (prefers-reduced-motion: reduce){.glass-interactive:hover,.glass-interactive:focus-visible{transform: none}}[data-tilt].is-tilting{transition: border-color var(--duration-normal) var(--ease-glass),background-color var(--duration-normal) var(--ease-glass)}[data-theme="dark"]{--glass-ultra-bg: rgba(255,255,255,0.03);--glass-floating-bg: rgba(255,255,255,0.06);--glass-frosted-bg: rgba(255,255,255,0.09)}@supports not (backdrop-filter: blur(1px)){.glass-ultra{background: rgba(255,255,255,0.82)}.glass-floating{background: rgba(255,255,255,0.88)}.glass-frosted{background: rgba(255,255,255,0.94)}[data-theme="dark"] .glass-ultra{background: rgba(23,35,45,0.86)}[data-theme="dark"] .glass-floating{background: rgba(23,35,45,0.9)}[data-theme="dark"] .glass-frosted{background: rgba(23,35,45,0.95)}}
.atmosphere{position: fixed;inset: 0;z-index: -1;overflow: hidden;background: radial-gradient(120% 90% at 15% 0%,var(--bg-3) 0%,var(--bg-1) 45%,var(--bg-0) 100%)}.atmosphere__orb{position: absolute;border-radius: 50%;filter: blur(90px);opacity: 0.6;will-change: transform}.atmosphere__orb--cyan{top: -10%;left: -8%;width: min(60vw,780px);height: min(60vw,780px);background: radial-gradient(circle,var(--light-cyan) 0%,rgba(127,227,239,0) 70%);animation: drift-a var(--duration-ambient) ease-in-out infinite alternate}.atmosphere__orb--peach{bottom: -15%;right: -10%;width: min(55vw,700px);height: min(55vw,700px);background: radial-gradient(circle,var(--light-peach) 0%,rgba(255,185,143,0) 70%);opacity: 0.5;animation: drift-b calc(var(--duration-ambient) * 1.3) ease-in-out infinite alternate}.atmosphere__orb--lavender{top: 30%;right: 15%;width: min(40vw,560px);height: min(40vw,560px);background: radial-gradient(circle,var(--light-lavender) 0%,rgba(182,166,255,0) 70%);opacity: 0.4;animation: drift-c calc(var(--duration-ambient) * 1.6) ease-in-out infinite alternate}[data-theme="dark"] .atmosphere__orb--cyan{opacity: 0.55}[data-theme="dark"] .atmosphere__orb--peach{opacity: 0.35}[data-theme="dark"] .atmosphere__orb--lavender{opacity: 0.3}.cursor-light{position: absolute;top: 0;left: 0;width: 480px;height: 480px;margin: -240px 0 0 -240px;border-radius: 50%;background: radial-gradient(circle,var(--light-cyan) 0%,rgba(127,227,239,0) 70%);opacity: 0;mix-blend-mode: multiply;pointer-events: none;transition: opacity var(--duration-normal) var(--ease-glass);will-change: transform}.cursor-light.is-active{opacity: 0.4}[data-theme="dark"] .cursor-light{mix-blend-mode: screen}.atmosphere__grain{position: absolute;inset: -10%;opacity: 0.05;mix-blend-mode: multiply;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}[data-theme="dark"] .atmosphere__grain{mix-blend-mode: overlay}@keyframes drift-a{from{transform: translate(0,0) scale(1)}to{transform: translate(6%,8%) scale(1.08)}}@keyframes drift-b{from{transform: translate(0,0) scale(1)}to{transform: translate(-7%,-5%) scale(1.1)}}@keyframes drift-c{from{transform: translate(0,0) scale(1)}to{transform: translate(-5%,6%) scale(0.94)}}.nav{opacity: 0;translate: 0 -16px;filter: blur(6px);animation: nav-in var(--duration-slow) var(--ease-glass) 200ms both}@keyframes nav-in{to{opacity: 1;translate: 0 0;filter: blur(0)}}.hero-orb{animation: orb-float 7s ease-in-out infinite alternate}.hero-orb__highlight{animation: highlight-drift 9s ease-in-out infinite alternate}.hero-chip--a{animation: chip-float-a 6s ease-in-out infinite alternate}.hero-chip--b{animation: chip-float-b 8s ease-in-out infinite alternate}@keyframes orb-float{from{transform: translateY(0)}to{transform: translateY(-16px)}}@keyframes highlight-drift{from{transform: translate(0,0);opacity: 0.5}to{transform: translate(14px,10px);opacity: 0.75}}@keyframes chip-float-a{from{transform: translateY(0) rotate(0deg)}to{transform: translateY(-12px) rotate(4deg)}}@keyframes chip-float-b{from{transform: translateY(0)}to{transform: translateY(14px)}}.reveal-ready [data-reveal]{opacity: 0;transform: translateY(14px);transition: opacity 420ms var(--ease-glass),transform 420ms var(--ease-glass)}.reveal-ready .profile-hero [data-reveal]{opacity: 1}[data-reveal].is-visible{opacity: 1;transform: translateY(0)}[data-reveal-group] > *{transition-delay: calc(var(--reveal-index,0) * 40ms)}@media (prefers-reduced-motion: reduce){.atmosphere__orb{animation: none !important}.cursor-light{display: none !important}[data-reveal]{opacity: 1;transform: none;filter: none;transition: none}*,*::before,*::after{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important;scroll-behavior: auto !important}}
@media (max-width: 640px){:root{--container-pad: 1.25rem}.glass-floating,.glass-ultra{backdrop-filter: blur(18px) saturate(150%);-webkit-backdrop-filter: blur(18px) saturate(150%)}.atmosphere__orb{filter: blur(60px)}.site-footer{flex-direction: column;text-align: center}.site-footer__social{align-items: center}.design-switcher-toggle-wrap{top: 4.2rem}.design-switcher{max-width: min(84vw,320px)}}@media (min-width: 641px) and (max-width: 1024px){.section{padding-block: var(--space-5)}}@media (min-width: 1025px){.section{padding-block: var(--space-6)}}@media (hover: none){.glass-interactive:hover{transform: none}}@media (max-width: 900px){.hero{grid-template-columns: 1fr;min-height: auto;padding-block: var(--space-5);text-align: center}.hero__content{max-width: none;margin-inline: auto}.hero__lede{margin-inline: auto}.hero__ctas{justify-content: center}.hero__visual{min-height: 240px}.hero-chip{display: none}}@media (max-width: 760px){:root{--nav-clearance: 5.5rem}.nav{left: var(--space-3);right: var(--space-3);width: auto;transform: none;justify-content: center}.nav__toggle{display: inline-flex}.nav__links{position: absolute;top: calc(100% + 10px);left: 0;right: 0;z-index: 1;flex-direction: column;align-items: stretch;gap: var(--space-1);padding: var(--space-2);border-radius: var(--radius-card);background: rgba(255,255,255,0.94);backdrop-filter: blur(var(--glass-floating-blur)) saturate(var(--glass-floating-saturate));-webkit-backdrop-filter: blur(var(--glass-floating-blur)) saturate(var(--glass-floating-saturate));border: 1px solid var(--glass-floating-border);box-shadow: var(--shadow-lift);opacity: 0;transform: translateY(-8px);pointer-events: none;transition: opacity var(--duration-normal) var(--ease-glass),transform var(--duration-normal) var(--ease-glass)}.nav__links.is-open{opacity: 1;transform: translateY(0);pointer-events: auto}[data-theme="dark"] .nav__links{background: rgba(12,19,25,0.94)}.nav__link{justify-content: center;padding: 0.85rem 1.25rem}}
.hero-status{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.35rem 0.9rem;margin-bottom: var(--space-2);font-size: var(--fs-sm);font-weight: 600;color: var(--text-primary)}.hero-status::after{order: -1;content: "";width: 0.5rem;height: 0.5rem;border-radius: 50%;background: var(--light-cyan);box-shadow: 0 0 0 3px rgba(127,227,239,0.25)}.profile-grid{display: grid;gap: var(--space-3);grid-template-columns: 1fr}@media (min-width: 641px){.profile-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1025px){.profile-grid{grid-template-columns: repeat(3,1fr)}}.profile-card{padding: var(--space-3);display: flex;flex-direction: column;gap: var(--space-2)}.profile-card__title{font-size: var(--fs-sm);font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--text-tertiary)}.profile-roles{list-style: none;display: grid;gap: var(--space-2)}.profile-roles li{display: flex;flex-direction: column;gap: 0.15rem}.profile-roles__title{font-weight: 600;color: var(--text-primary)}.profile-clock{display: flex;flex-direction: column;gap: 0.25rem;font-size: var(--fs-sm)}.profile-clock__time{font-family: var(--font-display);font-size: clamp(1.75rem,1.4rem + 1.2vw,2.5rem);font-weight: 700;font-variant-numeric: tabular-nums;color: var(--text-primary)}.profile-tags{list-style: none;display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: auto}.profile-tags li{padding: 0.3rem 0.8rem;font-size: var(--fs-xs);color: var(--text-secondary)}.timeline{list-style: none;display: grid;gap: var(--space-3)}.timeline__item{display: grid;grid-template-columns: auto 1fr;gap: var(--space-3);padding: var(--space-3)}.timeline__index{font-family: var(--font-display);font-size: var(--fs-sm);font-weight: 700;font-variant-numeric: tabular-nums;color: var(--text-tertiary);padding-top: 0.2rem}.timeline__body{display: flex;flex-direction: column;gap: 0.35rem}.timeline__meta{font-size: var(--fs-xs);letter-spacing: 0.02em}.timeline__role{font-size: var(--fs-body-lg);font-weight: 700;color: var(--text-primary)}.timeline__company{font-weight: 500;color: var(--text-secondary)}@media (max-width: 640px){.timeline__item{padding: var(--space-2);gap: var(--space-2)}}.profile-hero{--avatar-size: clamp(6.5rem,5rem + 8vw,9rem);padding-bottom: var(--space-4)}.profile-hero__banner{position: relative;height: clamp(9rem,6rem + 14vw,15rem);border-radius: var(--radius-card-lg);overflow: hidden;--bar-mask: repeating-linear-gradient(90deg,#000 0 10px,transparent 10px 16px),repeating-linear-gradient(0deg,#000 0 30px,transparent 30px 36px)}.profile-hero__banner::before,.profile-hero__banner::after{content: "";position: absolute;inset: 0;-webkit-mask-image: var(--bar-mask);mask-image: var(--bar-mask);-webkit-mask-composite: source-in;mask-composite: intersect}.profile-hero__banner::before{background: rgba(var(--ink-rgb),0.1)}.profile-hero__banner::after{background: radial-gradient(ellipse 26% 90% at 50% 35%,var(--light-cyan),transparent 75%);opacity: 0.85;background-size: 160% 100%;animation: profile-banner-glow 9s ease-in-out infinite alternate}@keyframes profile-banner-glow{from{background-position: 30% 0}to{background-position: 70% 0}}.reduced-motion .profile-hero__banner::after{animation: none}.profile-hero__inner{display: flex;flex-direction: column;align-items: center;text-align: center;gap: var(--space-2)}.profile-hero__avatar{width: var(--avatar-size);height: var(--avatar-size);margin-top: calc(var(--avatar-size) / -2);border-radius: 50%;overflow: hidden;display: grid;place-items: center;position: relative;z-index: 1}.profile-hero__avatar.glass{border-radius: 50%}.profile-hero__avatar img{width: 100%;height: 100%;object-fit: cover}.profile-hero__monogram{font-family: var(--font-display);font-size: calc(var(--avatar-size) / 2.2);font-weight: 800;color: var(--text-primary)}.profile-hero__name{font-family: var(--font-display);font-size: clamp(1.75rem,1.3rem + 2vw,2.75rem);font-weight: 800;letter-spacing: -0.02em;color: var(--text-primary)}.profile-hero__tagline{color: var(--text-primary);max-width: 40ch}.hero-status--live{margin-bottom: 0}.hero-status--live::after{background: #22c55e;box-shadow: 0 0 0 3px rgba(34,197,94,0.25)}.profile-hero__facts{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.35rem var(--space-3);font-size: var(--fs-sm)}.profile-hero__fact{display: inline-flex;align-items: center;gap: 0.4rem}.profile-hero__fact strong{color: var(--text-primary);font-weight: 600}.profile-hero__tags{list-style: none;display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem;max-width: 52rem}.profile-hero__tags li{padding: 0.4rem 0.9rem;font-size: var(--fs-sm);font-weight: 500;color: var(--text-primary)}.profile-hero__ctas{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--space-2);margin-top: var(--space-2)}.profile-hero__ctas .btn svg{margin-right: 0.4rem;vertical-align: -0.15em}.toolbox-list li{display: inline-flex;align-items: center;gap: 0.5rem}.tool-icons{display: inline-flex;align-items: center;gap: 0.3rem}.tool-icon{width: 1.15rem;height: 1.15rem;flex: none}.profile-hero__canvas{position: absolute;inset: 0;width: 100%;height: 100%;display: block}.profile-hero__banner[data-ready]::before,.profile-hero__banner[data-ready]::after{display: none}.profile-hero__tags li{display: inline-flex;align-items: center;gap: 0.5rem}.profile-hero__banner{background: #f6f8fa}:root[data-theme="dark"] .profile-hero__banner{background: #0d1117}.verified-badge{display: inline-block;width: 0.62em;height: 0.62em;margin-left: 0.18em;vertical-align: -0.04em;line-height: 1}.verified-badge svg{display: block;width: 100%;height: 100%}
.icon{width: 1.1em;height: 1.1em;flex: none;stroke-width: 1.75}.accent{--accent-fg: var(--accent);--accent-tint: transparent;--accent-line: var(--accent)}@supports (color: color-mix(in srgb,red,blue)){.accent{--accent-fg: color-mix(in srgb,var(--accent) 72%,rgb(var(--ink-rgb)));--accent-tint: color-mix(in srgb,var(--accent) 14%,transparent);--accent-line: color-mix(in srgb,var(--accent) 42%,transparent)}}.icon-chip{display: inline-grid;place-items: center;flex: none;width: 1.75rem;height: 1.75rem;border-radius: calc(var(--radius-sm) * 0.55);color: var(--accent-fg,currentColor);background: var(--accent-tint,rgba(var(--ink-rgb),0.06))}.icon-chip .icon{width: 1.05rem;height: 1.05rem}.project-card__title{display: flex;align-items: center;gap: 0.6rem}.project-card.glass-interactive[data-accent]:hover,.project-card.glass-interactive[data-accent]:focus-within{border-color: var(--accent-line)}.project-card{transition: transform var(--duration-normal) var(--ease-glass),border-color var(--duration-normal) var(--ease-glass),background-color var(--duration-normal) var(--ease-glass),filter 250ms ease 70ms,opacity 250ms ease 70ms}.project-card.glass-interactive[data-tilt].is-tilting{transition: border-color var(--duration-normal) var(--ease-glass),background-color var(--duration-normal) var(--ease-glass),filter 250ms ease,opacity 250ms ease}@media (hover: hover) and (pointer: fine){.project-card:hover{transition-delay: 0s}.project-card.glass-interactive:hover{transform: translateY(-3px)}.project-grid:has(.project-card:hover) .project-card:not(:hover):not(:has(:focus-visible)){filter: blur(2.5px);opacity: 0.45;transition-delay: 0s}}@media (prefers-reduced-motion: reduce){.project-card,.project-card.glass-interactive[data-tilt].is-tilting{transition: border-color var(--duration-fast) linear,background-color var(--duration-fast) linear}.project-card.glass-interactive:hover{transform: none}}.reduced-motion .project-card,.reduced-motion .project-card.glass-interactive[data-tilt].is-tilting{transition: border-color var(--duration-fast) linear,background-color var(--duration-fast) linear}.reduced-motion .project-card.glass-interactive:hover{transform: none}.tagline-item{display: inline-flex;align-items: center;gap: 0.4em}.tagline-item .icon{color: var(--accent-fg)}.tagline-sep{opacity: 0.45}.profile-hero__fact .icon{width: 1rem;height: 1rem;color: var(--text-tertiary)}.profile-hero__fact--role{padding: 0.25rem 0.75rem 0.25rem 0.6rem;border-radius: var(--radius-pill);background: var(--accent-tint)}.profile-hero__fact--role .icon{color: var(--accent-fg)}@supports (color: color-mix(in srgb,red,blue)){.profile-hero__fact--role{border: 1px solid color-mix(in srgb,var(--accent) 26%,transparent)}}.profile-hero__time{display: inline-flex;align-items: center;gap: 0.3rem}.profile-hero__ctas .btn .icon{width: 1.05em;height: 1.05em;margin: 0;vertical-align: 0}.btn .icon-arrow-up-right{transition: transform var(--duration-fast) var(--ease-standard)}.btn:hover .icon-arrow-up-right,.btn:focus-visible .icon-arrow-up-right{transform: translate(2px,-2px)}.profile-card__title,.about-panel__title{display: flex;align-items: center;gap: 0.55rem}.profile-card__title .icon{width: 1.05rem;height: 1.05rem;color: var(--text-tertiary)}.profile-detail{display: flex;align-items: center;gap: 0.5rem}.profile-tags li{display: inline-flex;align-items: center;gap: 0.4rem}.profile-detail .icon,.profile-tags .icon{width: 1rem;height: 1rem}.icon-briefcase-business{color: #818cf8}.icon-languages{color: #38bdf8}.icon-house-wifi{color: #14b8a6}.icon-moon{color: #818cf8}@supports (color: color-mix(in srgb,red,blue)){.icon-briefcase-business{color: color-mix(in srgb,#818cf8 72%,rgb(var(--ink-rgb)))}.icon-languages{color: color-mix(in srgb,#38bdf8 72%,rgb(var(--ink-rgb)))}.icon-house-wifi{color: color-mix(in srgb,#14b8a6 72%,rgb(var(--ink-rgb)))}.icon-moon{color: color-mix(in srgb,#818cf8 72%,rgb(var(--ink-rgb)))}}.level-badge{align-self: flex-start;display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.15rem 0.6rem;border-radius: var(--radius-pill);font-size: var(--fs-xs);font-weight: 600;color: var(--text-secondary);background: rgba(var(--ink-rgb),0.05)}.level-badge.accent{color: var(--accent-fg);background: var(--accent-tint)}.level-badge.accent::before{content: "";width: 0.4rem;height: 0.4rem;border-radius: 50%;background: var(--accent-fg)}.build-chip{display: inline-flex;align-items: center;gap: 0.6rem}.build-chip .icon{width: 1.15rem;height: 1.15rem;color: var(--text-tertiary);transition: color var(--duration-fast) var(--ease-standard)}.build-chip:hover .icon{color: var(--focus-ring)}.design-switcher__btn{display: inline-flex;align-items: center;gap: 0.4rem}.design-switcher__btn .icon{width: 0.95rem;height: 0.95rem;color: var(--accent-fg)}.design-switcher__btn[aria-pressed="true"]{font-weight: 700;background-color: var(--accent-tint);box-shadow: inset 0 0 0 1px var(--accent-line)}.contact__actions .btn-primary{box-shadow: 0 0 0 1px rgba(var(--ink-rgb),0.04)}@supports (color: color-mix(in srgb,red,blue)){.contact__actions .btn-primary{box-shadow: 0 0 0 1px color-mix(in srgb,var(--focus-ring) 40%,transparent),0 10px 24px -12px color-mix(in srgb,var(--focus-ring) 75%,transparent)}.contact__actions .btn-primary:hover,.contact__actions .btn-primary:focus-visible{box-shadow: 0 0 0 1px color-mix(in srgb,var(--focus-ring) 65%,transparent),0 14px 28px -12px color-mix(in srgb,var(--focus-ring) 85%,transparent)}}.contact__actions .btn .icon{width: 1.05em;height: 1.05em}.social-link{transition: transform var(--duration-normal) var(--ease-glass),border-color var(--duration-normal) var(--ease-glass),background-color var(--duration-normal) var(--ease-glass),color var(--duration-fast) var(--ease-standard)}.social-link:hover,.social-link:focus-visible{color: var(--focus-ring)}.tool-icon{filter: drop-shadow(0 0 0.75px rgba(var(--ink-rgb),0.5))}@media (max-width: 760px){div.design-switcher{left: 50%;right: auto;transform: translateX(-37%) translateY(-6px) scale(0.96)}div.design-switcher.is-open{transform: translateX(-37%) translateY(0) scale(1)}}
.eyebrow{display: flex;align-items: center;gap: 0.75rem;font-size: 0.8125rem;font-weight: 700;line-height: 1.2;letter-spacing: 0.16em;color: rgba(var(--ink-rgb),0.74)}.eyebrow::before{content: "";flex: none;width: 1.5rem;height: 2px;border-radius: 2px;background: var(--focus-ring);opacity: 0.85}.section-title{line-height: 1.15;letter-spacing: -0.02em}.project-grid{grid-template-columns: minmax(0,1fr)}@media (min-width: 700px){.project-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}.project-card__body{display: flex;flex-direction: column;flex: 1 1 auto}.project-card__meta{font-size: var(--fs-sm);color: rgba(var(--ink-rgb),0.58)}.project-card__title{margin-top: 0.35rem;font-weight: 700;line-height: 1.2;letter-spacing: -0.01em}.project-card__desc{flex: 1 0 auto;margin-top: 0.65rem;line-height: 1.6}.project-card__tags{margin-top: var(--space-2)}.project-card__cta{margin-top: var(--space-3)}.project-card__image{object-position: top center;transition: transform 350ms var(--ease-glass)}.project-card__visual::after{content: "";position: absolute;inset: 0;border-radius: inherit;box-shadow: inset 0 0 0 1px rgba(var(--ink-rgb),0.12);pointer-events: none}@media (hover: hover) and (pointer: fine){.project-card:hover .project-card__image{transform: scale(1.015)}}@media (prefers-reduced-motion: reduce){.project-card:hover .project-card__image{transform: none}}.reduced-motion .project-card:hover .project-card__image{transform: none}.profile-hero__name{font-size: clamp(1.75rem,1.2rem + 2.6vw,3.1rem);line-height: 1.12;letter-spacing: -0.025em;text-wrap: balance}.profile-hero__name .verified-badge{width: 0.56em;height: 0.56em;margin-left: 0.3em;vertical-align: 0.02em}.profile-hero__tagline{line-height: 1.5}.tagline-sep{margin-inline: 0.2em}.profile-hero__facts{row-gap: 0.5rem;column-gap: 1rem;line-height: 1.5}.profile-hero__tags{gap: 0.5rem 0.55rem}.profile-hero__ctas{margin-top: var(--space-3)}:root:not([data-design]) .profile-hero__avatar.glass{box-shadow: 0 0 0 4px var(--bg-1),0 12px 28px -12px rgba(var(--ink-rgb),0.4)}.about-grid,.profile-grid{align-items: start}.about-panel,.profile-card{padding: var(--space-3)}.about-panel__title{font-weight: 700;line-height: 1.2;letter-spacing: -0.01em}.about-panel p{margin-top: 0.65rem;line-height: 1.7;color: rgba(var(--ink-rgb),0.74)}.profile-card__title{margin-bottom: 0.1rem;font-weight: 700;letter-spacing: 0.1em;color: rgba(var(--ink-rgb),0.62)}.profile-roles{gap: 0.85rem}.profile-roles li{gap: 0.25rem}.profile-roles li > .text-secondary,.profile-card .profile-detail{color: rgba(var(--ink-rgb),0.74)}.profile-tags li{border: 1px solid var(--glass-ultra-border,rgba(var(--ink-rgb),0.1))}.toolbox-list li{border-color: var(--glass-ultra-border,rgba(var(--ink-rgb),0.08))}:root:not([data-design]) .build-chip.glass,:root:not([data-design]) .profile-hero__tags li.glass,:root:not([data-design]) .profile-tags li.glass,:root:not([data-design]) .social-link.glass,:root:not([data-design]) .hero-status.glass{box-shadow: var(--shadow-inner-highlight)}:root:not([data-design]) .project-card.glass{box-shadow: 0 24px 56px -24px rgba(var(--ink-rgb),0.28),var(--shadow-inner-highlight)}:root:not([data-design]) .project-card.glass-interactive:hover,:root:not([data-design]) .project-card.glass-interactive:focus-within{box-shadow: 0 32px 72px -24px rgba(var(--ink-rgb),0.36),var(--shadow-inner-highlight)}.nav__link{padding: 0.55rem 1.15rem}.nav__link:hover{background: rgba(var(--ink-rgb),0.07)}.nav__link--active{background: rgba(var(--ink-rgb),0.11);box-shadow: inset 0 0 0 1px rgba(var(--ink-rgb),0.06)}@supports (color: color-mix(in srgb,red,blue)){.nav__link--active{background: color-mix(in srgb,var(--focus-ring) 16%,transparent);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--focus-ring) 22%,transparent)}}.social-list{gap: 0.75rem}.social-link,.social-list--footer .social-link{width: 2.75rem;height: 2.75rem}.social-link svg,.social-list--footer .social-link svg{width: 1.2rem;height: 1.2rem;flex: none}#about,#experience,#contact,.site-footer{background-image: linear-gradient(rgba(var(--ink-rgb),0.09),rgba(var(--ink-rgb),0.09));background-repeat: no-repeat;background-position: center top;background-size: calc(100% - 2 * var(--container-pad)) 1px}#contact{padding-bottom: var(--space-4)}.site-footer.section{padding-top: var(--space-4);padding-bottom: var(--space-5);row-gap: var(--space-3)}.site-footer__text{line-height: 1.5}.site-footer__text p + p{margin-top: 0.15rem}@media (max-width: 640px){.site-footer__social{align-items: center}}.design-switcher__btn{position: relative;justify-content: flex-start;padding-left: 0.65rem}.design-switcher__btn:hover{background-color: var(--accent-tint)}.design-switcher__btn:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: 1px}.design-switcher__btn[aria-pressed="true"]::after{content: "";position: absolute;top: 0.3rem;right: 0.3rem;width: 0.32rem;height: 0.32rem;border-radius: 50%;background: var(--accent-fg)}.project-card__image--fit{object-fit: contain;object-position: center}.project-card__visual:has(.project-card__image--fit){background: rgba(var(--ink-rgb),0.05)}.profile-hero__tagline{max-width: min(100%,48ch)}.profile-languages{grid-template-columns: repeat(auto-fit,minmax(8.5rem,1fr));column-gap: var(--space-3);row-gap: 0.85rem}@media (min-width: 641px) and (max-width: 1024px){.profile-card:last-child{grid-column: 1 / -1}}
.design-switcher__btn{padding-right: 0.6rem}.design-switcher__swatch{flex: none;margin-left: auto;width: 0.45rem;height: 0.45rem;border-radius: 50%;background: var(--accent);box-shadow: inset 0 0 0 1px rgba(var(--ink-rgb),0.28)}.design-switcher__btn[aria-pressed="true"]::after{display: none}.design-switcher__btn[aria-pressed="true"] .design-switcher__swatch{box-shadow: 0 0 0 2px var(--accent-line)}.design-switcher-hint__text{max-width: 26rem;overflow: hidden;transition: max-width 450ms var(--ease-glass),opacity 300ms ease}.design-switcher-hint__cta{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.3rem 0.75rem;border-radius: var(--radius-pill);font-weight: 700;text-decoration: none;color: var(--text-primary);background: rgba(var(--ink-rgb),0.08);transition: background-color var(--duration-fast) var(--ease-standard),padding 450ms var(--ease-glass)}.design-switcher-hint__cta:hover{background: rgba(var(--ink-rgb),0.14)}.design-switcher-hint__cta:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: 2px}.design-switcher-hint__cta .icon{width: 0.95rem;height: 0.95rem}@supports (color: color-mix(in srgb,red,blue)){.design-switcher-hint__cta{background: color-mix(in srgb,var(--focus-ring) 16%,transparent);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--focus-ring) 32%,transparent)}.design-switcher-hint__cta:hover{background: color-mix(in srgb,var(--focus-ring) 26%,transparent)}}.design-switcher-hint__cta-label{max-width: 6rem;overflow: hidden;transition: max-width 450ms var(--ease-glass),opacity 300ms ease}.design-switcher-hint__dismiss{overflow: hidden;transition: width 450ms var(--ease-glass),opacity 300ms ease}.design-switcher-hint{transition: opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),visibility var(--duration-fast),padding 450ms var(--ease-glass),gap 450ms var(--ease-glass)}.design-switcher-hint.is-compact{gap: 0;padding: 0.25rem}.design-switcher-hint.is-compact .design-switcher-hint__text,.design-switcher-hint.is-compact .design-switcher-hint__cta-label{max-width: 0;opacity: 0}.design-switcher-hint.is-compact .design-switcher-hint__dismiss{width: 0;opacity: 0;visibility: hidden}.design-switcher-hint.is-compact .design-switcher-hint__cta{padding: 0.4rem;gap: 0}@media (prefers-reduced-motion: reduce){.design-switcher-hint__text,.design-switcher-hint__cta-label,.design-switcher-hint__dismiss,.design-switcher-hint__cta,.design-switcher-hint{transition-duration: 1ms}}.tagline-item--primary{color: var(--text-primary);font-weight: 500}.tagline-item--aside{color: var(--text-secondary);font-style: italic;opacity: 0.82}.hero-status--live::after{animation: status-pulse 2.2s ease-out infinite}@keyframes status-pulse{0%{box-shadow: 0 0 0 0 rgba(34,197,94,0.5)}70%,100%{box-shadow: 0 0 0 0.45rem rgba(34,197,94,0)}}@media (prefers-reduced-motion: reduce){.hero-status--live::after{animation: none}}.reduced-motion .hero-status--live::after{animation: none}.project-card__meta{justify-content: flex-start;gap: 0.5rem}.project-card__badge{display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.22rem 0.7rem;border-radius: var(--radius-pill);font-size: var(--fs-xs);font-weight: 600;letter-spacing: 0.02em;color: var(--accent-fg,var(--text-secondary));background: var(--accent-tint,rgba(var(--ink-rgb),0.06))}.project-card__year{font-variant-numeric: tabular-nums}.project-card__sep{opacity: 0.55}.project-card__highlights{list-style: none;display: flex;flex-wrap: wrap;gap: 0.4rem;margin-top: var(--space-2)}.project-card__highlights li{padding: 0.3rem 0.7rem;border-radius: var(--radius-pill);font-size: var(--fs-xs);font-weight: 600;color: var(--accent-fg,var(--text-primary));background: var(--accent-tint,rgba(var(--ink-rgb),0.06));box-shadow: inset 0 0 0 1px var(--accent-line,rgba(var(--ink-rgb),0.12))}.project-card__highlights + .project-card__tags{margin-top: 0.5rem}.project-card__tags li.is-distinct{font-weight: 600;color: var(--accent-fg,var(--text-primary));background: var(--accent-tint,rgba(var(--ink-rgb),0.08));box-shadow: inset 0 0 0 1px var(--accent-line,var(--focus-ring))}.build-grid{list-style: none;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--space-2)}@media (max-width: 719px){.build-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 359px){.build-grid{grid-template-columns: minmax(0,1fr)}}.build-card{display: flex;align-items: center;gap: 0.8rem;padding: 0.85rem 1rem;border-radius: calc(var(--radius-sm) * 1.3);font-weight: 600;line-height: 1.3;color: var(--text-primary)}.build-card__icon{display: inline-grid;place-items: center;flex: none;width: 2.25rem;height: 2.25rem;border-radius: calc(var(--radius-sm) * 0.6);color: var(--text-secondary);background: rgba(var(--ink-rgb),0.06);transition: color var(--duration-fast) var(--ease-standard)}.build-card__icon .icon{width: 1.15rem;height: 1.15rem}.build-card:hover .build-card__icon{color: var(--focus-ring)}.toolbox-groups{display: grid;gap: var(--space-3)}.toolbox-group__label{margin-bottom: 0.6rem;font-size: var(--fs-xs);font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(var(--ink-rgb),0.62)}.tool-icon--mono{filter: none;color: var(--text-primary)}.btn[data-copy-email] .icon{width: 1.05em;height: 1.05em}.btn[data-copy-email].is-copied{color: var(--text-primary);border-color: var(--focus-ring)}div.design-switcher-hint{position: fixed;top: 3.6rem;z-index: 96}body:has(#design-switcher.is-open) div.design-switcher-hint{opacity: 0;pointer-events: none}@media (max-width: 480px){div.design-switcher-hint:not(.is-compact){width: calc(100vw - 2rem);max-width: 26rem;flex-wrap: wrap;justify-content: center;row-gap: 0.4rem;white-space: normal;border-radius: var(--radius-card);padding: 0.55rem 0.7rem}div.design-switcher-hint:not(.is-compact) .design-switcher-hint__text{flex: 1 1 100%;max-width: none;text-align: center}}.design-switcher-hint.no-anim{transition: opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),visibility var(--duration-fast)}.design-switcher-hint.no-anim .design-switcher-hint__text,.design-switcher-hint.no-anim .design-switcher-hint__cta,.design-switcher-hint.no-anim .design-switcher-hint__cta-label,.design-switcher-hint.no-anim .design-switcher-hint__dismiss{transition: none}div.ctx-menu{position: fixed;left: 0;top: 0;z-index: 200;min-width: 15.5rem;max-width: calc(100vw - 24px);padding: 0.35rem;border-radius: calc(var(--radius-sm) * 1.3);font-size: var(--fs-sm);color: var(--text-primary);opacity: 0;visibility: hidden;pointer-events: none;transform: scale(0.95);transition: opacity 150ms cubic-bezier(0.16,1,0.3,1),transform 150ms cubic-bezier(0.16,1,0.3,1),visibility 0s linear 150ms}div.ctx-menu[hidden]{display: none}div.ctx-menu.is-open{opacity: 1;visibility: visible;pointer-events: auto;transform: scale(1);transition-delay: 0s}.ctx-menu__item{display: flex;align-items: center;gap: 0.7rem;width: 100%;padding: 0.5rem 0.65rem;border: 0;border-radius: calc(var(--radius-sm) * 0.7);background: transparent;color: var(--text-primary);font: inherit;font-weight: 500;text-align: left;cursor: pointer}.ctx-menu__item[hidden],.ctx-menu__divider[hidden]{display: none}.ctx-menu__item:hover,.ctx-menu__item:focus-visible{background: rgba(var(--ink-rgb),0.09)}@supports (color: color-mix(in srgb,red,blue)){.ctx-menu__item:hover,.ctx-menu__item:focus-visible{background: color-mix(in srgb,var(--focus-ring) 16%,transparent)}}.ctx-menu__item:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: -2px}.ctx-menu__icon{display: grid;place-items: center;flex: none;width: 1.1rem;height: 1.1rem;color: var(--text-secondary)}.ctx-menu__icon .icon{width: 1rem;height: 1rem}.ctx-menu__item:hover .ctx-menu__icon,.ctx-menu__item:focus-visible .ctx-menu__icon{color: var(--focus-ring)}.ctx-menu__label{flex: 1;white-space: nowrap}.ctx-menu__badge{padding: 0.05rem 0.5rem;border-radius: var(--radius-pill);font-size: var(--fs-xs);font-weight: 600;color: var(--text-secondary);background: rgba(var(--ink-rgb),0.08)}.ctx-menu__key{min-width: 1.35rem;padding: 0.05rem 0.35rem;border-radius: calc(var(--radius-sm) * 0.4);font: inherit;font-size: var(--fs-xs);line-height: 1.4;text-align: center;color: var(--text-tertiary);box-shadow: inset 0 0 0 1px rgba(var(--ink-rgb),0.16)}.ctx-menu__divider{height: 1px;margin: 0.3rem 0.35rem;background: rgba(var(--ink-rgb),0.12)}@media (prefers-reduced-motion: reduce){div.ctx-menu{transition-duration: 1ms}}@media (max-width: 640px){.profile-hero__tags{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 0.5rem;width: 100%;max-width: 26rem}.profile-hero__tags li.glass{flex-direction: column;justify-content: flex-start;gap: 0.4rem;padding: 0.6rem 0.1rem 0.5rem;border-radius: calc(var(--radius-sm) * 1.1);font-size: 0.625rem;line-height: 1.2;text-align: center;overflow-wrap: break-word}.profile-hero__tags .tool-icons{height: 1.3rem;align-items: center;justify-content: center}.profile-hero__tags .tool-icon{width: 1.3rem;height: 1.3rem}}.profile-hero__time[hidden]{display: none}@media (max-width: 359px){.profile-hero__tags li.glass{font-size: 0.5625rem}}.project-card__visual picture,.profile-hero__avatar picture{display: contents}
:root[data-design="skeuomorphism"]{--bg-0: #d9cdb6;--bg-1: #e9e0cc;--bg-2: #f0e8d4;--bg-3: #f8f1e0;--ink-rgb: 61,47,31;--focus-ring: #8a5a2b;--radius-pill: 10px;--radius-card: 14px;--radius-card-lg: 18px;--radius-sm: 8px;--shadow-soft: 0 8px 16px -6px rgba(61,47,31,0.32),0 2px 4px -2px rgba(61,47,31,0.22);--shadow-lift: 0 14px 28px -10px rgba(61,47,31,0.38),0 3px 6px -2px rgba(61,47,31,0.26);--shadow-inner-highlight: inset 0 1px 0 rgba(255,255,255,0.55),inset 0 -2px 5px rgba(61,47,31,0.14)}:root[data-design="skeuomorphism"][data-theme="dark"]{--bg-0: #1b150f;--bg-1: #241c14;--bg-2: #2c221a;--bg-3: #372a1f;--ink-rgb: 230,214,190;--focus-ring: #d99a4e;--shadow-soft: 0 8px 16px -6px rgba(0,0,0,0.5),0 2px 4px -2px rgba(0,0,0,0.4);--shadow-lift: 0 14px 28px -10px rgba(0,0,0,0.55),0 3px 6px -2px rgba(0,0,0,0.42);--shadow-inner-highlight: inset 0 1px 0 rgba(255,235,200,0.12),inset 0 -2px 5px rgba(0,0,0,0.35)}[data-design="skeuomorphism"] body{background-image: repeating-linear-gradient(45deg,rgba(0,0,0,0.015) 0px,rgba(0,0,0,0.015) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(-45deg,rgba(255,255,255,0.025) 0px,rgba(255,255,255,0.025) 1px,transparent 1px,transparent 3px)}[data-design="skeuomorphism"][data-theme="dark"] body{background-image: repeating-linear-gradient(45deg,rgba(255,255,255,0.015) 0px,rgba(255,255,255,0.015) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(-45deg,rgba(0,0,0,0.03) 0px,rgba(0,0,0,0.03) 1px,transparent 1px,transparent 3px)}[data-design="skeuomorphism"] .atmosphere{display: none}[data-design="skeuomorphism"] .glass::before{content: none}[data-design="skeuomorphism"] .glass-ultra,[data-design="skeuomorphism"] .glass-floating,[data-design="skeuomorphism"] .glass-frosted{background: var(--bg-3);backdrop-filter: none;-webkit-backdrop-filter: none}[data-design="skeuomorphism"] .btn-primary{background-color: var(--text-primary);background-image: linear-gradient(180deg,rgba(255,255,255,0.22),rgba(255,255,255,0) 40%,rgba(0,0,0,0.12));border: 1px solid rgba(0,0,0,0.18);box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.25)}[data-design="skeuomorphism"] .btn-primary:hover{transform: none}[data-design="skeuomorphism"] .btn-primary:active{background-image: linear-gradient(180deg,rgba(0,0,0,0.15),rgba(255,255,255,0) 60%,rgba(255,255,255,0.12));box-shadow: inset 0 2px 4px rgba(0,0,0,0.35);transform: translateY(1px)}[data-design="skeuomorphism"] .btn-secondary{background: var(--bg-3);border: 1px solid rgba(var(--ink-rgb),0.16);box-shadow: 0 3px 6px -2px rgba(0,0,0,0.22),inset 0 1px 0 rgba(255,255,255,0.4)}[data-design="skeuomorphism"] .btn-secondary:active{box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);transform: translateY(1px)}[data-design="skeuomorphism"] .hero-orb.glass{background: radial-gradient(circle at 32% 26%,rgba(255,255,255,0.5),transparent 45%),var(--bg-3);box-shadow: 0 16px 32px -12px rgba(0,0,0,0.4),inset 0 2px 3px rgba(255,255,255,0.5),inset 0 -8px 14px rgba(0,0,0,0.16)}[data-design="skeuomorphism"] .hero-orb__tint{background: radial-gradient(circle at 30% 28%,rgba(255,255,255,0.3),transparent 55%)}[data-design="skeuomorphism"] .project-card__visual{background: var(--bg-2);box-shadow: inset 0 2px 4px rgba(0,0,0,0.18),inset 0 -1px 0 rgba(255,255,255,0.3)}[data-design="skeuomorphism"] .project-card__monogram{color: rgba(var(--ink-rgb),0.35)}[data-design="skeuomorphism"] .demo-badge{box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 2px rgba(0,0,0,0.08)}[data-design="skeuomorphism"] .toolbox-list li{background: var(--bg-3);box-shadow: 0 2px 4px -2px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.5)}
:root[data-design="claymorphism"]{--bg-0: #d5d9f2;--bg-1: #e4e7f8;--bg-2: #ecf0fa;--bg-3: #f6f7fd;--ink-rgb: 48,45,92;--focus-ring: #6c63ff;--radius-pill: 999px;--radius-card: 32px;--radius-card-lg: 40px;--radius-sm: 20px;--shadow-soft: -8px -8px 18px rgba(255,255,255,0.75),10px 10px 22px rgba(48,45,92,0.16);--shadow-lift: -12px -12px 24px rgba(255,255,255,0.8),14px 14px 30px rgba(48,45,92,0.2);--shadow-inner-highlight: inset 2px 2px 4px rgba(255,255,255,0.6),inset -2px -2px 6px rgba(48,45,92,0.08)}:root[data-design="claymorphism"][data-theme="dark"]{--bg-0: #1b1830;--bg-1: #221e3b;--bg-2: #2b2549;--bg-3: #362e5a;--ink-rgb: 221,217,245;--focus-ring: #a99bff;--shadow-soft: -8px -8px 18px rgba(255,255,255,0.04),10px 10px 22px rgba(0,0,0,0.45);--shadow-lift: -10px -10px 22px rgba(255,255,255,0.05),14px 14px 30px rgba(0,0,0,0.5);--shadow-inner-highlight: inset 2px 2px 4px rgba(255,255,255,0.06),inset -2px -2px 6px rgba(0,0,0,0.32)}[data-design="claymorphism"] .atmosphere{display: none}[data-design="claymorphism"] .glass::before{content: none}[data-design="claymorphism"] .glass-ultra,[data-design="claymorphism"] .glass-floating,[data-design="claymorphism"] .glass-frosted{background: var(--bg-3);backdrop-filter: none;-webkit-backdrop-filter: none;border: none}[data-design="claymorphism"] .btn-primary{background: var(--focus-ring);color: #ffffff;border: none;box-shadow: -6px -6px 14px rgba(255,255,255,0.5),6px 6px 16px rgba(48,45,92,0.28)}[data-design="claymorphism"] .btn-primary:hover{transform: none}[data-design="claymorphism"] .btn-primary:active{box-shadow: inset 4px 4px 8px rgba(0,0,0,0.25),inset -3px -3px 6px rgba(255,255,255,0.15);transform: translateY(1px)}[data-design="claymorphism"] .btn-secondary{background: var(--bg-3);border: none;box-shadow: -5px -5px 12px rgba(255,255,255,0.6),5px 5px 14px rgba(48,45,92,0.18)}[data-design="claymorphism"] .btn-secondary:active{box-shadow: inset 3px 3px 6px rgba(0,0,0,0.12),inset -2px -2px 5px rgba(255,255,255,0.3);transform: translateY(1px)}[data-design="claymorphism"] .hero-orb.glass{background: var(--bg-3);box-shadow: -14px -14px 28px rgba(255,255,255,0.7),16px 16px 34px rgba(48,45,92,0.24)}[data-design="claymorphism"] .hero-orb__tint{background: radial-gradient(circle at 30% 28%,rgba(108,99,255,0.16),transparent 60%)}[data-design="claymorphism"] .hero-orb__highlight{display: none}[data-design="claymorphism"] .project-card__visual{background: var(--bg-2);box-shadow: inset 4px 4px 8px rgba(48,45,92,0.12),inset -3px -3px 6px rgba(255,255,255,0.5)}[data-design="claymorphism"] .project-card__monogram{color: rgba(var(--ink-rgb),0.32)}[data-design="claymorphism"] .demo-badge{box-shadow: -2px -2px 5px rgba(255,255,255,0.6),2px 2px 6px rgba(48,45,92,0.14)}[data-design="claymorphism"] .toolbox-list li{background: var(--bg-3);border: none;box-shadow: -3px -3px 7px rgba(255,255,255,0.6),3px 3px 8px rgba(48,45,92,0.16)}
:root[data-design="neubrutalism"]{--bg-0: #e8e3d3;--bg-1: #f5f1e3;--bg-2: #faf7ee;--bg-3: #ffffff;--ink-rgb: 10,10,10;--focus-ring: #ffde59;--radius-pill: 6px;--radius-card: 4px;--radius-card-lg: 4px;--radius-sm: 2px;--shadow-soft: 4px 4px 0 rgba(10,10,10,0.95);--shadow-lift: 6px 6px 0 rgba(10,10,10,0.95);--shadow-inner-highlight: 0 0 #0000}:root[data-design="neubrutalism"][data-theme="dark"]{--bg-0: #1a1a1a;--bg-1: #111111;--bg-2: #0a0a0a;--bg-3: #000000;--ink-rgb: 255,255,255;--focus-ring: #ffde59;--shadow-soft: 4px 4px 0 rgba(255,255,255,0.9);--shadow-lift: 6px 6px 0 rgba(255,255,255,0.9)}[data-design="neubrutalism"] .atmosphere{display: none}[data-design="neubrutalism"] .glass::before{content: none}[data-design="neubrutalism"] .glass-ultra,[data-design="neubrutalism"] .glass-floating,[data-design="neubrutalism"] .glass-frosted{background: var(--bg-3);backdrop-filter: none;-webkit-backdrop-filter: none;border: 3px solid rgba(var(--ink-rgb),1)}[data-design="neubrutalism"] .btn-primary{background: var(--focus-ring);color: #0a0a0a;border: 3px solid rgba(var(--ink-rgb),1);box-shadow: var(--shadow-soft)}[data-design="neubrutalism"] .btn-primary:hover{transform: none}[data-design="neubrutalism"] .btn-primary:active,[data-design="neubrutalism"] .btn-secondary:active{box-shadow: none;transform: translate(4px,4px)}[data-design="neubrutalism"] .btn-secondary{background: var(--bg-3);border: 3px solid rgba(var(--ink-rgb),1);box-shadow: var(--shadow-soft)}[data-design="neubrutalism"] .hero-orb.glass{border-radius: var(--radius-card);background: var(--bg-3);border: 4px solid rgba(var(--ink-rgb),1);box-shadow: 8px 8px 0 rgba(var(--ink-rgb),1)}[data-design="neubrutalism"] .hero-orb__tint{display: none}[data-design="neubrutalism"] .hero-orb__highlight{display: none}[data-design="neubrutalism"] .hero-chip{border: 3px solid rgba(var(--ink-rgb),1);border-radius: var(--radius-sm)}[data-design="neubrutalism"] .project-card__visual{background: var(--bg-2);border: 2px solid rgba(var(--ink-rgb),1)}[data-design="neubrutalism"] .project-card__monogram{color: rgba(var(--ink-rgb),0.7)}[data-design="neubrutalism"] .demo-badge{background: rgba(var(--ink-rgb),1);color: var(--bg-1);border-radius: var(--radius-sm)}[data-design="neubrutalism"] .toolbox-list li{background: var(--bg-3);border: 2px solid rgba(var(--ink-rgb),1);box-shadow: 2px 2px 0 rgba(var(--ink-rgb),1)}
:root[data-design="material"]{--bg-0: #ece6f0;--bg-1: #fef7ff;--bg-2: #f3edf7;--bg-3: #ffffff;--ink-rgb: 28,27,31;--focus-ring: #6750a4;--radius-pill: 999px;--radius-card: 16px;--radius-card-lg: 28px;--radius-sm: 12px;--shadow-soft: 0 1px 2px rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15);--shadow-lift: 0 1px 2px rgba(0,0,0,0.3),0 2px 6px 2px rgba(0,0,0,0.15);--shadow-inner-highlight: 0 0 #0000}:root[data-design="material"][data-theme="dark"]{--bg-0: #141218;--bg-1: #1c1b1f;--bg-2: #251f2e;--bg-3: #2b2530;--ink-rgb: 230,224,233;--focus-ring: #d0bcff;--shadow-soft: 0 1px 2px rgba(0,0,0,0.5),0 1px 3px 1px rgba(0,0,0,0.3);--shadow-lift: 0 1px 2px rgba(0,0,0,0.5),0 2px 6px 2px rgba(0,0,0,0.3)}[data-design="material"] .atmosphere{display: none}[data-design="material"] .glass::before{content: none}[data-design="material"] .glass-ultra,[data-design="material"] .glass-floating,[data-design="material"] .glass-frosted{background: var(--bg-3);backdrop-filter: none;-webkit-backdrop-filter: none;border: none}[data-design="material"] .glass-interactive:hover,[data-design="material"] .glass-interactive:focus-visible{box-shadow: var(--shadow-lift)}[data-design="material"] .btn-primary{background: var(--focus-ring);color: #ffffff;border: none;box-shadow: var(--shadow-soft)}[data-design="material"] .btn-primary:hover{box-shadow: var(--shadow-lift)}[data-design="material"] .btn-secondary{background: transparent;border: 1px solid rgba(var(--ink-rgb),0.3)}[data-design="material"] .hero-orb.glass{background: var(--bg-3);box-shadow: var(--shadow-lift)}[data-design="material"] .hero-orb__tint{background: radial-gradient(circle at 30% 28%,rgba(103,80,164,0.14),transparent 60%)}[data-design="material"] .hero-orb__highlight{display: none}[data-design="material"] .project-card__visual{background: var(--bg-2)}[data-design="material"] .project-card__monogram{color: rgba(var(--ink-rgb),0.3)}[data-design="material"] .demo-badge{background: transparent;border: 1px solid rgba(var(--ink-rgb),0.3)}[data-design="material"] .toolbox-list li{background: var(--bg-2);border: 1px solid rgba(var(--ink-rgb),0.2)}
:root[data-design="retro"]{--bg-0: #ffd1e8;--bg-1: #fff0f7;--bg-2: #ffe3f1;--bg-3: #ffffff;--ink-rgb: 91,33,82;--focus-ring: #ff2ea6;--radius-pill: 999px;--radius-card: 28px;--radius-card-lg: 36px;--radius-sm: 16px;--shadow-soft: 0 6px 16px -4px rgba(255,46,166,0.35),inset 0 1px 0 rgba(255,255,255,0.8);--shadow-lift: 0 10px 24px -6px rgba(255,46,166,0.42),inset 0 1px 0 rgba(255,255,255,0.85);--shadow-inner-highlight: inset 0 2px 3px rgba(255,255,255,0.6)}:root[data-design="retro"][data-theme="dark"]{--bg-0: #1a0f2e;--bg-1: #241640;--bg-2: #2d1b4d;--bg-3: #37215c;--ink-rgb: 245,220,240;--focus-ring: #ff6ec7;--shadow-soft: 0 0 16px rgba(255,110,199,0.35),inset 0 1px 0 rgba(255,255,255,0.08);--shadow-lift: 0 0 24px rgba(255,110,199,0.45),inset 0 1px 0 rgba(255,255,255,0.1);--shadow-inner-highlight: inset 0 2px 3px rgba(255,255,255,0.1)}[data-design="retro"] body{background-image: linear-gradient(135deg,var(--bg-0) 0%,var(--bg-1) 50%,var(--bg-2) 100%)}[data-design="retro"] .atmosphere{display: none}[data-design="retro"] .glass::before{content: none}[data-design="retro"] .glass-ultra,[data-design="retro"] .glass-floating,[data-design="retro"] .glass-frosted{background: var(--bg-3);backdrop-filter: none;-webkit-backdrop-filter: none}[data-design="retro"] .btn-primary{background-color: var(--focus-ring);background-image: linear-gradient(180deg,rgba(255,255,255,0.55),rgba(255,255,255,0) 45%,rgba(0,0,0,0.05));color: #ffffff;border: none;box-shadow: var(--shadow-soft)}[data-design="retro"] .btn-secondary{background: var(--bg-3);border: 2px solid rgba(var(--ink-rgb),0.18);box-shadow: var(--shadow-soft)}[data-design="retro"] .hero-orb.glass{background: radial-gradient(circle at 30% 25%,rgba(255,255,255,0.7),transparent 45%),linear-gradient(160deg,var(--focus-ring),#7b5cff);box-shadow: var(--shadow-lift)}[data-design="retro"] .hero-orb__tint{background: radial-gradient(circle at 30% 28%,rgba(255,255,255,0.25),transparent 55%)}[data-design="retro"] .project-card__visual{background: var(--bg-2)}[data-design="retro"] .project-card__monogram{color: rgba(var(--ink-rgb),0.35)}[data-design="retro"] .demo-badge{background: var(--focus-ring);color: #ffffff}[data-design="retro"] .toolbox-list li{background: var(--bg-3);border: 1px solid rgba(var(--ink-rgb),0.14);box-shadow: var(--shadow-inner-highlight)}
:root[data-design="neon"]{--bg-0: #14181f;--bg-1: #1a1f29;--bg-2: #212733;--bg-3: #2a3140;--ink-rgb: 220,240,245;--focus-ring: #00fff2;--radius-pill: 6px;--radius-card: 6px;--radius-card-lg: 8px;--radius-sm: 4px;--shadow-soft: 0 0 8px rgba(0,255,242,0.25),0 0 2px rgba(0,255,242,0.4);--shadow-lift: 0 0 16px rgba(0,255,242,0.35),0 0 4px rgba(0,255,242,0.5);--shadow-inner-highlight: 0 0 #0000}:root[data-design="neon"][data-theme="dark"]{--bg-0: #05070a;--bg-1: #090c10;--bg-2: #0d1117;--bg-3: #12161d;--ink-rgb: 230,250,255;--focus-ring: #00fff2;--shadow-soft: 0 0 12px rgba(0,255,242,0.4),0 0 3px rgba(0,255,242,0.6);--shadow-lift: 0 0 22px rgba(0,255,242,0.5),0 0 5px rgba(0,255,242,0.65)}[data-design="neon"] .atmosphere{display: none}[data-design="neon"] .glass::before{content: none}[data-design="neon"] .glass-ultra,[data-design="neon"] .glass-floating,[data-design="neon"] .glass-frosted{background: var(--bg-3);backdrop-filter: none;-webkit-backdrop-filter: none;border: 1px solid rgba(0,255,242,0.4)}[data-design="neon"] .btn-primary{background: var(--bg-3);color: var(--focus-ring);border: 1px solid var(--focus-ring);box-shadow: var(--shadow-soft);text-shadow: 0 0 6px rgba(0,255,242,0.6)}[data-design="neon"] .btn-primary:hover{box-shadow: var(--shadow-lift)}[data-design="neon"] .btn-secondary{background: var(--bg-3);border: 1px solid rgba(var(--ink-rgb),0.3)}[data-design="neon"] .hero-orb.glass{background: var(--bg-3);border: 2px solid var(--focus-ring);box-shadow: var(--shadow-lift),inset 0 0 30px rgba(0,255,242,0.15)}[data-design="neon"] .hero-orb__tint{background: rgba(0,255,242,0.08)}[data-design="neon"] .hero-orb__highlight{display: none}[data-design="neon"] .project-card__visual{background: var(--bg-2);border: 1px solid rgba(0,255,242,0.25)}[data-design="neon"] .project-card__monogram{color: rgba(0,255,242,0.45)}[data-design="neon"] .demo-badge{background: transparent;border: 1px solid #ff2bd6;color: #ff2bd6}[data-design="neon"] .toolbox-list li{background: var(--bg-3);border: 1px solid rgba(0,255,242,0.25)}
:root[data-design="swiss"]{--bg-0: #eeeeee;--bg-1: #ffffff;--bg-2: #fafafa;--bg-3: #ffffff;--ink-rgb: 10,10,10;--focus-ring: #e8402c;--radius-pill: 0px;--radius-card: 0px;--radius-card-lg: 0px;--radius-sm: 0px;--shadow-soft: 0 0 #0000;--shadow-lift: 0 0 #0000;--shadow-inner-highlight: 0 0 #0000}:root[data-design="swiss"][data-theme="dark"]{--bg-0: #0a0a0a;--bg-1: #000000;--bg-2: #0a0a0a;--bg-3: #000000;--ink-rgb: 245,245,245;--focus-ring: #ff5b45}[data-design="swiss"] .atmosphere{display: none}[data-design="swiss"] .glass::before{content: none}[data-design="swiss"] .glass-ultra,[data-design="swiss"] .glass-floating,[data-design="swiss"] .glass-frosted{background: var(--bg-3);backdrop-filter: none;-webkit-backdrop-filter: none;border: 1px solid rgba(var(--ink-rgb),1)}[data-design="swiss"] .btn-primary{background: var(--focus-ring);color: #ffffff;border: none}[data-design="swiss"] .btn-primary:hover{transform: none}[data-design="swiss"] .btn-secondary{background: transparent;border: 1px solid rgba(var(--ink-rgb),1)}[data-design="swiss"] .hero-orb.glass{border-radius: 0;background: var(--bg-3);border: 1px solid rgba(var(--ink-rgb),1)}[data-design="swiss"] .hero-orb__tint{display: none}[data-design="swiss"] .hero-orb__highlight{display: none}[data-design="swiss"] .hero-chip{border: 1px solid rgba(var(--ink-rgb),1);border-radius: 0}[data-design="swiss"] .project-card__visual{background: var(--bg-2);border-bottom: 1px solid rgba(var(--ink-rgb),1)}[data-design="swiss"] .project-card__monogram{color: rgba(var(--ink-rgb),0.5)}[data-design="swiss"] .demo-badge{background: transparent;border: 1px solid var(--focus-ring);color: var(--focus-ring);border-radius: 0}[data-design="swiss"] .toolbox-list li{background: transparent;border: 1px solid rgba(var(--ink-rgb),0.25);border-radius: 0}
:root[data-design="terminal"]{--bg-0: #0a1410;--bg-1: #0d1a14;--bg-2: #0f1f18;--bg-3: #13251c;--ink-rgb: 60,255,110;--focus-ring: #3cff6e;--font-display: "Courier New","SF Mono",Consolas,monospace;--radius-pill: 0px;--radius-card: 0px;--radius-card-lg: 0px;--radius-sm: 0px;--shadow-soft: 0 0 6px rgba(60,255,110,0.15);--shadow-lift: 0 0 10px rgba(60,255,110,0.25);--shadow-inner-highlight: 0 0 #0000}:root[data-design="terminal"][data-theme="dark"]{--bg-0: #000000;--bg-1: #020402;--bg-2: #040804;--bg-3: #061006;--ink-rgb: 90,255,130;--focus-ring: #5aff82;--shadow-soft: 0 0 8px rgba(90,255,130,0.2);--shadow-lift: 0 0 14px rgba(90,255,130,0.32)}[data-design="terminal"] body{background-image: repeating-linear-gradient(0deg,rgba(0,0,0,0.15) 0px,rgba(0,0,0,0.15) 1px,transparent 1px,transparent 3px)}[data-design="terminal"] .atmosphere{display: none}[data-design="terminal"] .glass::before{content: none}[data-design="terminal"] .glass-ultra,[data-design="terminal"] .glass-floating,[data-design="terminal"] .glass-frosted{background: var(--bg-3);backdrop-filter: none;-webkit-backdrop-filter: none;border: 1px solid rgba(var(--ink-rgb),0.4)}[data-design="terminal"] .btn-primary{background: transparent;color: var(--focus-ring);border: 1px solid var(--focus-ring);text-shadow: 0 0 4px rgba(60,255,110,0.5)}[data-design="terminal"] .btn-primary::before{content: "> "}[data-design="terminal"] .btn-secondary{background: transparent;border: 1px dashed rgba(var(--ink-rgb),0.4)}[data-design="terminal"] .hero-orb.glass{border-radius: 4px;background: var(--bg-3);border: 1px solid var(--focus-ring);box-shadow: var(--shadow-lift)}[data-design="terminal"] .hero-orb__tint{display: none}[data-design="terminal"] .hero-orb__highlight{display: none}[data-design="terminal"] .hero-chip{border-radius: 2px}[data-design="terminal"] .project-card__visual{background: var(--bg-2);border: 1px dashed rgba(var(--ink-rgb),0.3)}[data-design="terminal"] .project-card__monogram{color: rgba(var(--ink-rgb),0.5)}[data-design="terminal"] .demo-badge{background: transparent;border: 1px solid var(--focus-ring);color: var(--focus-ring);border-radius: 0}[data-design="terminal"] .toolbox-list li{background: transparent;border: 1px solid rgba(var(--ink-rgb),0.25);border-radius: 0}
:root[data-design="aurora"]{--bg-0: #eeeef7;--bg-1: #f7f8fc;--bg-2: #f0f1fa;--bg-3: #ffffff;--ink-rgb: 23,23,35;--focus-ring: #7c3aed;--radius-pill: 999px;--radius-card: 20px;--radius-card-lg: 28px;--radius-sm: 14px;--shadow-soft: 0 8px 24px -8px rgba(23,23,35,0.12);--shadow-lift: 0 16px 40px -12px rgba(23,23,35,0.18);--shadow-inner-highlight: 0 0 #0000}:root[data-design="aurora"][data-theme="dark"]{--bg-0: #0a0a14;--bg-1: #0d0d1a;--bg-2: #121220;--bg-3: #181830;--ink-rgb: 230,230,245;--focus-ring: #a78bfa;--shadow-soft: 0 8px 24px -8px rgba(0,0,0,0.4);--shadow-lift: 0 16px 40px -12px rgba(0,0,0,0.5)}[data-design="aurora"] body{background-image: radial-gradient(circle at 15% 20%,rgba(124,58,237,0.18),transparent 45%),radial-gradient(circle at 85% 15%,rgba(236,72,153,0.16),transparent 45%),radial-gradient(circle at 50% 90%,rgba(56,189,248,0.16),transparent 50%)}[data-design="aurora"][data-theme="dark"] body{background-image: radial-gradient(circle at 15% 20%,rgba(167,139,250,0.28),transparent 45%),radial-gradient(circle at 85% 15%,rgba(244,114,182,0.24),transparent 45%),radial-gradient(circle at 50% 90%,rgba(56,189,248,0.24),transparent 50%)}[data-design="aurora"] .atmosphere{display: none}[data-design="aurora"] .glass::before{content: none}[data-design="aurora"] .glass-ultra,[data-design="aurora"] .glass-floating,[data-design="aurora"] .glass-frosted{background: var(--bg-3);backdrop-filter: none;-webkit-backdrop-filter: none;border: none}[data-design="aurora"] .glass-interactive:hover,[data-design="aurora"] .glass-interactive:focus-visible{box-shadow: var(--shadow-lift)}[data-design="aurora"] .btn-primary{background: var(--focus-ring);color: #ffffff;border: none;box-shadow: var(--shadow-soft)}[data-design="aurora"] .btn-secondary{background: var(--bg-3);border: 1px solid rgba(var(--ink-rgb),0.12)}[data-design="aurora"] .hero-orb.glass{background: var(--bg-3);box-shadow: var(--shadow-lift)}[data-design="aurora"] .hero-orb__tint{background: radial-gradient(circle at 25% 25%,rgba(124,58,237,0.16),transparent 55%),radial-gradient(circle at 75% 75%,rgba(236,72,153,0.14),transparent 55%)}[data-design="aurora"] .hero-orb__highlight{display: none}[data-design="aurora"] .project-card__visual{background: var(--bg-2)}[data-design="aurora"] .project-card__monogram{color: rgba(var(--ink-rgb),0.3)}[data-design="aurora"] .demo-badge{background: transparent;border: 1px solid var(--focus-ring);color: var(--focus-ring)}[data-design="aurora"] .toolbox-list li{background: var(--bg-3);border: 1px solid rgba(var(--ink-rgb),0.1);box-shadow: var(--shadow-soft)}
:root[data-design="artdeco"]{--bg-0: #efe6d0;--bg-1: #f7f0dd;--bg-2: #fbf6ea;--bg-3: #fffdf7;--ink-rgb: 26,22,18;--focus-ring: #c9a227;--radius-pill: 4px;--radius-card: 4px;--radius-card-lg: 8px;--radius-sm: 2px;--shadow-soft: 0 4px 12px -4px rgba(26,22,18,0.25);--shadow-lift: 0 8px 20px -6px rgba(26,22,18,0.3);--shadow-inner-highlight: inset 0 0 0 1px rgba(201,162,39,0.4)}:root[data-design="artdeco"][data-theme="dark"]{--bg-0: #0f0d0a;--bg-1: #161310;--bg-2: #1d1913;--bg-3: #242018;--ink-rgb: 238,225,195;--focus-ring: #d4af37;--shadow-soft: 0 4px 14px -4px rgba(0,0,0,0.5);--shadow-lift: 0 8px 24px -6px rgba(0,0,0,0.6);--shadow-inner-highlight: inset 0 0 0 1px rgba(212,175,55,0.5)}[data-design="artdeco"] .atmosphere{display: none}[data-design="artdeco"] .glass::before{background: linear-gradient(135deg,rgba(201,162,39,0.1) 0%,transparent 35%,transparent 65%,rgba(201,162,39,0.1) 100%);mix-blend-mode: normal}[data-design="artdeco"] .glass-ultra,[data-design="artdeco"] .glass-floating,[data-design="artdeco"] .glass-frosted{background: var(--bg-3);backdrop-filter: none;-webkit-backdrop-filter: none;border: 1.5px solid var(--focus-ring)}[data-design="artdeco"] .btn-primary{background: var(--focus-ring);color: #1a1612;border: 1px solid rgba(var(--ink-rgb),1);box-shadow: var(--shadow-soft)}[data-design="artdeco"] .btn-secondary{background: transparent;border: 1.5px solid var(--focus-ring);color: var(--focus-ring)}[data-design="artdeco"] .hero-orb.glass{background: var(--bg-3);border: 2px solid var(--focus-ring);box-shadow: var(--shadow-lift)}[data-design="artdeco"] .hero-orb__tint{background: radial-gradient(circle at 30% 28%,rgba(201,162,39,0.16),transparent 55%)}[data-design="artdeco"] .hero-orb__highlight{display: none}[data-design="artdeco"] .project-card__visual{background: var(--bg-2);border: 1px solid rgba(var(--ink-rgb),0.15)}[data-design="artdeco"] .project-card__monogram{color: rgba(var(--ink-rgb),0.4)}[data-design="artdeco"] .demo-badge{background: transparent;border: 1px solid var(--focus-ring);color: var(--focus-ring)}[data-design="artdeco"] .toolbox-list li{background: var(--bg-3);border: 1px solid var(--focus-ring)}