:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{margin:0;padding:0}#root{text-align:left;flex-direction:column;width:100%;min-height:100svh;margin:0;display:flex}img,svg,video{max-width:100%}p{margin:0}:root{--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--page-x:48px;--content-max:1120px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--section-top:var(--space-16);--section-bottom:var(--space-20);--hue-teal:#14b8a6;--hue-teal-ink:#0b7f74;--hue-emerald:#10b981;--hue-emerald-ink:#07805a;--hue-lime:#84cc16;--hue-lime-ink:#587c0d;--hue-cyan:#06b6d4;--hue-cyan-ink:#0b7d92;--hue-sky:#0ea5e9;--hue-sky-ink:#0a6f9c;--hue-amber:#f59e0b;--hue-amber-ink:#a15c07;--hue-violet:#8b5cf6;--hue-violet-ink:#6532d0;--color-bg:#fff;--color-surface:#f2fbfa;--color-surface-2:#e6f7f4;--color-primary:var(--hue-teal);--color-primary-ink:var(--hue-teal-ink);--color-primary-deep:#0a6f66;--color-primary-soft:#14b8a61f;--color-accent:var(--hue-cyan);--color-accent-ink:var(--hue-cyan-ink);--color-text:#12312c;--color-text-muted:#55726c;--color-border:#ddefeb;--color-border-strong:#b3e0d8;--color-overlay:#ffffffe6;--color-skeleton:#e9f5f2;--color-skeleton-shine:#fffc;--shadow-sm:0 1px 2px #10463f0a;--shadow-md:0 2px 6px #10463f0d, 0 14px 30px -20px #10463f4d;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-pill:99px;--stroke-opacity:.2;--glow-opacity:1}[data-theme=dark]{--hue-teal:#2dd4bf;--hue-teal-ink:#7ceadb;--hue-emerald:#34d399;--hue-emerald-ink:#7ff0c4;--hue-lime:#a3e635;--hue-lime-ink:#cdf07f;--hue-cyan:#22d3ee;--hue-cyan-ink:#7fe6f7;--hue-sky:#38bdf8;--hue-sky-ink:#8bd6fb;--hue-amber:#fbbf24;--hue-amber-ink:#fcd77c;--hue-violet:#a78bfa;--hue-violet-ink:#c9b8fd;--color-bg:#08201d;--color-surface:#0d2a27;--color-surface-2:#113531;--color-primary:var(--hue-teal);--color-primary-ink:var(--hue-teal-ink);--color-primary-deep:#7ceadb;--color-primary-soft:#2dd4bf20;--color-accent:var(--hue-cyan);--color-accent-ink:var(--hue-cyan-ink);--color-text:#e9f8f4;--color-text-muted:#9dbdb6;--color-border:#1d4741;--color-border-strong:#2e625a;--color-overlay:#08201de6;--color-skeleton:#163b36;--color-skeleton-shine:#ffffff14;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 6px #0000004d, 0 14px 30px -20px #000000d9;--stroke-opacity:.26;--glow-opacity:.75}@media (width<=1024px){:root{--page-x:28px;--section-top:var(--space-12);--section-bottom:var(--space-16)}}@media (width<=700px){:root{--page-x:20px;--section-top:var(--space-10);--section-bottom:var(--space-14)}}@media (width>=1400px){:root{--content-max:1280px}}@media (width>=1700px){:root{--page-x:clamp(48px, 4vw, 88px);--content-max:1480px}}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--color-bg);width:100%;overflow-x:hidden}#root{min-width:100%;margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:0;height:0}::selection{background:var(--color-primary-soft);color:var(--color-text)}button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:3px}.skip-link{z-index:400;background:var(--color-primary-ink);color:#fff;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);padding:12px 18px;font-size:11px;text-decoration:none;transition:transform .18s;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.nav__inner,.banner__inner,.hero,.project-zone,.research-section,.about-section,.footer__inner{width:100%;max-width:var(--content-max);padding-inline:var(--page-x);margin-inline:auto}@keyframes tickerKick{0%{transform:translate(0)scale(1)}28%{transform:translate(7px)scale(1.04)}62%{transform:translate(-3px)scale(.98)}to{transform:translate(0)scale(1)}}@keyframes cardIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes drawLine{0%{stroke-dashoffset:1px;opacity:0}12%{opacity:var(--line-opacity,1)}to{stroke-dashoffset:0;opacity:var(--line-opacity,1)}}@keyframes bubbleFloat{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-6px)}}.fade-in{animation:.42s cubic-bezier(.16,1,.3,1) both fadeIn}.skeleton{background:var(--color-skeleton);border-radius:var(--radius-sm);flex:none;display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--color-skeleton-shine), transparent);animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-lines{flex-direction:column;display:flex}.skeleton-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.skeleton-block{display:block}.skeleton-stack{flex-direction:column;display:flex}.skeleton-stack__row{border-left:2px solid var(--color-border);flex-direction:column;justify-content:center;padding-left:10px;display:flex}.project-card--skeleton,.experience-item--skeleton,.interest-card--skeleton{background:var(--color-bg);animation:none}.experience-item--skeleton{border-left-color:var(--color-border)}.skills-skeleton{gap:var(--space-5);min-height:380px;padding:var(--space-3);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.skeleton:after,.bubble-anchor{animation:none}.fade-in,.project-card,.mobile-drawer,.hero__line,.hero__graphic--ready .hero__line{stroke-dashoffset:0;animation:none!important}.hero__line{opacity:var(--line-opacity,1)}html{scroll-behavior:auto}}.portfolio-root{background:var(--color-bg);width:100%;min-height:100vh;color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6;transition:background .25s,color .25s;overflow-x:hidden}.nav{z-index:200;border-bottom:1px solid var(--color-border);background:var(--color-overlay);-webkit-backdrop-filter:blur(14px);position:fixed;top:0;left:0;right:0}.nav__inner{justify-content:space-between;align-items:center;padding-block:14px;display:flex;position:relative}.nav--mobile .nav__inner{padding-block:12px}.nav__logo{font-family:var(--font-display);letter-spacing:-.01em;cursor:default;color:var(--color-text);font-size:19px;font-weight:600}.nav__logo-accent{color:var(--color-primary-ink);font-style:italic}.nav__links{gap:var(--space-1);display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav__link{cursor:pointer;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:none;border-bottom:1.5px solid #0000;padding:7px 14px;font-size:10px;font-weight:500;transition:color .2s,background .2s,border-color .2s}.nav__link:hover{color:var(--color-text);background:var(--color-surface)}.nav__link--active{color:var(--color-primary-deep);background:var(--color-primary-soft);border-bottom-color:var(--color-primary);border-bottom-right-radius:0;border-bottom-left-radius:0}.nav__actions{gap:var(--space-2);display:flex}.nav__action-link{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);padding:6px 12px;font-size:10px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s,background .2s}.nav__action-link:hover{color:var(--color-primary-ink);border-color:var(--color-primary);background:var(--color-primary-soft)}.nav__hamburger{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;display:flex}.nav__hamburger-line{background:var(--color-text-muted);width:18px;height:1.5px;transition:all .25s;display:block}.nav__hamburger-line--active{background:var(--color-primary)}.nav__hamburger-line--active.nav__hamburger-line--1{background:0 0}.nav__hamburger-line--active.nav__hamburger-line--0{transform:rotate(45deg)translate(4px,4px)}.nav__hamburger-line--active.nav__hamburger-line--2{transform:rotate(-45deg)translate(4px,-4px)}.mobile-drawer{z-index:190;background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);animation:.22s forwards slideDown;position:fixed;top:50px;left:0;right:0}.mobile-drawer__link{text-align:left;border:none;border-bottom:1px solid var(--color-border);width:100%;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-4) var(--page-x);cursor:pointer;background:0 0;font-size:11px;font-weight:500;display:block}.mobile-drawer__link--active{color:var(--color-primary-ink);background:var(--color-primary-soft)}.mobile-drawer__actions{gap:var(--space-3);padding:var(--space-4) var(--page-x) var(--space-5);display:flex}.mobile-drawer__action-link{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:7px 12px;font-size:10px;font-weight:500;text-decoration:none}.content--desktop{padding-top:64px}.content--mobile{padding-top:56px}.banner{background:var(--color-surface);border-bottom:1px solid var(--color-border);width:100%}.banner__inner{padding-block:var(--space-2);justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-mono);color:var(--color-text-muted);text-align:center;flex-wrap:wrap;font-size:11px;display:flex}.banner__link{color:var(--color-primary-ink);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.banner__link:hover{border-bottom-color:var(--color-primary)}.hero{position:relative}.hero--desktop{padding-block:var(--space-16) var(--space-16);align-items:center;min-height:clamp(520px,76vh,780px);display:flex}.hero--mobile{padding-block:var(--space-10) var(--space-10)}.hero__graphic{top:0;bottom:calc(-1 * var(--space-20));pointer-events:none;z-index:0;width:min(62vw,860px);position:absolute;right:calc(50% - 50vw);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 38% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 38% 100%)}.hero__graphic svg{width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(#000 0% 66%,#0000 97%);mask-image:linear-gradient(#000 0% 66%,#0000 97%)}.hero__line{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.hero__graphic--ready .hero__line{animation:1.6s cubic-bezier(.16,1,.3,1) forwards drawLine}.hero__layout{z-index:1;align-items:flex-start;width:100%;display:flex;position:relative}.hero__layout--desktop{align-items:center;gap:var(--space-12);flex-direction:row}.hero__layout--mobile{flex-direction:column}.hero__subtitle{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--color-primary-ink);margin-bottom:var(--space-3)}.hero__subtitle--desktop{font-size:10px}.hero__subtitle--mobile{font-size:9px}.hero__title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--space-5);color:var(--color-text);font-weight:600;line-height:1.1}.hero__title--desktop{font-size:clamp(42px,4.6vw,74px)}.hero__title--mobile{font-size:clamp(32px,8.4vw,42px)}.hero__title-accent{color:var(--color-primary-ink);font-style:italic}.hero__bio{color:var(--color-text-muted);max-width:44ch;margin-bottom:var(--space-6);line-height:1.75}.hero__bio--desktop{max-width:46ch;font-size:15.5px}.hero__bio--mobile{font-size:13.5px}.btn{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:14px 22px;font-size:11px;font-weight:500;text-decoration:none;transition:transform .2s,filter .2s,background .2s,border-color .2s,color .2s;display:inline-flex}.btn--primary{background:var(--color-primary-ink);color:#fff;border:1px solid var(--color-primary-ink)}.btn--primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn--ghost{color:var(--color-text);border:1px solid var(--color-border-strong);background:0 0}.btn--ghost:hover{border-color:var(--color-primary);color:var(--color-primary-ink);background:var(--color-primary-soft);transform:translateY(-1px)}[data-theme=dark] .btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#06201d}.hero__cta{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.hero__meta{margin-top:var(--space-8);font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-muted);gap:var(--space-2);flex-wrap:wrap;align-items:center;font-size:10px;display:flex}.hero__meta-sep{color:var(--color-border-strong)}.hero--mobile .hero__meta{align-items:flex-start;gap:var(--space-1);flex-direction:column;line-height:1.7}.hero--mobile .hero__meta-sep{display:none}.hero__social-links{gap:var(--space-3);display:flex}.hero__social-link{border:1.5px solid var(--color-border);background:var(--color-bg);width:46px;height:46px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:10px;text-decoration:none;transition:color .2s,border-color .2s,background .2s,transform .2s;display:flex}.hero__social-link:hover{border-color:var(--color-primary);color:var(--color-primary-ink);background:var(--color-primary-soft);transform:translateY(-2px)}.hero__theme-toggle{cursor:pointer;font-size:22px;line-height:1;font-family:var(--font-sans)}.project-zone--desktop,.project-zone--mobile{padding-block:0 var(--section-bottom)}.project-layout{display:flex}.project-layout--desktop{gap:var(--space-10);flex-direction:row;align-items:flex-start}.project-layout--mobile{flex-direction:column}.ticker{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;display:flex}.ticker__label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:9px}.ticker__drum{width:210px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%)}.ticker__highlight{background:linear-gradient(90deg, color-mix(in srgb, var(--proj) 16%, transparent), transparent 85%);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);pointer-events:none;z-index:0;border-radius:var(--radius-sm);transition:background .4s;position:absolute;left:0;right:0}.ticker__slot{font:inherit;color:inherit;text-align:left;background:0 0;border:0;border-left:2px solid #0000;flex-direction:column;justify-content:center;padding-block:0;display:flex;position:absolute;left:0;right:0}.ticker__slot--active{cursor:default;z-index:5;padding-left:16px}.ticker__slot--inactive{cursor:pointer;z-index:1;padding-left:10px}.ticker__slot--inactive:focus-visible{outline-offset:-2px}.ticker__row{align-items:center;gap:var(--space-2);min-width:0;display:flex}.ticker__dot{border-radius:50%;flex:none;width:7px;height:7px}.ticker__slot--inactive .ticker__dot{opacity:.6}.ticker__title{font-family:var(--font-sans);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.25;transition:font-size .3s,color .3s;overflow:hidden}.ticker__title--active{color:var(--color-text);font-size:14px}.ticker__title--inactive{color:var(--color-text);font-size:12px}.ticker__tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-top:5px;padding-left:15px;font-size:9px;transition:color .3s}.ticker__tag--inactive{color:var(--color-text)}.ticker__controls{gap:var(--space-2);margin-top:var(--space-4);align-items:center;display:flex}.ticker__arrow{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-mono);border-radius:var(--radius-sm);padding:5px 11px;font-size:13px;transition:all .2s}.ticker__arrow:hover{border-color:var(--color-primary);color:var(--color-primary-ink);background:var(--color-primary-soft)}.ticker__counter{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.1em;padding-left:var(--space-1);font-size:10px}.project-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);min-width:0;box-shadow:var(--shadow-md);flex:1;animation:.38s forwards cardIn;position:relative;overflow:hidden}.project-card--desktop{min-height:370px}.project-card--mobile{min-height:392px}.brushstroke{opacity:var(--stroke-opacity)}.project-card__content{z-index:1;position:relative}.project-card__content--desktop{padding:var(--space-8) var(--space-10)}.project-card__content--mobile{padding:var(--space-6) var(--space-5)}.project-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.project-card__tag{font-family:var(--font-mono);letter-spacing:.18em;color:var(--proj-ink,var(--color-primary-ink));text-transform:uppercase;font-size:9px}.project-card__title{font-family:var(--font-display);letter-spacing:-.02em;text-align:left;color:var(--color-text);margin-top:7px;font-weight:600;line-height:1.15}.project-card__header-left{flex-direction:column;align-items:flex-start;display:flex}.project-card__title--desktop{font-size:30px}.project-card__title--mobile{font-size:25px}.project-card__year{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.1em;white-space:nowrap;padding-top:2px;font-size:10px}.project-card__desc{color:var(--color-text-muted);text-align:left;max-width:62ch;margin-bottom:var(--space-6);line-height:1.75}.project-card__desc--desktop{font-size:14px}.project-card__desc--mobile{font-size:13.5px}.project-card__tech{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.project-card__tech-tag{font-family:var(--font-mono);letter-spacing:.08em;border:1px solid color-mix(in srgb, var(--proj,var(--color-primary)) 34%, transparent);color:var(--proj-ink,var(--color-primary-ink));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--proj,var(--color-primary)) 12%, transparent);padding:5px 11px;font-size:9px;font-weight:500}.project-card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.project-card__links{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.project-card__link{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);padding:7px 13px;font-size:10px;font-weight:500;text-decoration:none;transition:all .2s}.project-card__link--github{color:var(--color-text)}.project-card__link--github:hover{border-color:var(--color-text);background:var(--color-surface)}.project-card__link--pdf,.project-card__link--youtube{color:var(--proj-ink,var(--color-primary-ink));border-color:color-mix(in srgb, var(--proj,var(--color-primary)) 40%, transparent)}.project-card__link--pdf:hover,.project-card__link--youtube:hover{border-color:var(--proj,var(--color-primary));background:color-mix(in srgb, var(--proj,var(--color-primary)) 12%, transparent)}.project-card__link--live{color:#fff;background:var(--proj-ink,var(--color-primary-ink));border-color:var(--proj-ink,var(--color-primary-ink))}.project-card__link--live:hover{filter:brightness(1.12)}[data-theme=dark] .project-card__link--live{color:#06201d;background:var(--proj,var(--color-primary));border-color:var(--proj,var(--color-primary))}.project-card__mobile-nav{gap:var(--space-2);align-items:center;display:flex}.project-card__mobile-arrow{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-mono);border-radius:var(--radius-sm);padding:5px 11px;font-size:12px}.project-card__mobile-counter{font-family:var(--font-mono);color:var(--color-text-muted);font-size:9px}.mobile-tab-strip{gap:var(--space-1);border-top:1px solid var(--color-border);margin-top:var(--space-5);padding-top:var(--space-1);display:flex;overflow-x:auto}.mobile-tab-strip__item{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:var(--space-3) var(--space-3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:none;font-size:9px;font-weight:500;transition:all .2s}.mobile-tab-strip__item--inactive{color:var(--color-text-muted)}.research-section{padding-block:var(--section-top) var(--section-bottom)}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3);font-size:9px}.section-title{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:var(--space-10);color:var(--color-text);font-weight:600;line-height:1.1}.section-title--desktop{font-size:44px}.section-title--mobile{font-size:30px}.section-title__accent{color:var(--color-primary-ink);font-style:italic}.research-group{margin-bottom:var(--space-14)}.research-group-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin-bottom:var(--space-4);font-size:9px}.interests-grid{gap:var(--space-4);display:grid}.interests-grid--desktop{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.interests-grid--mobile{grid-template-columns:1fr}.interest-card{border:1px solid var(--color-border);border-top:3px solid var(--accent,var(--color-primary));border-radius:var(--radius-md);padding:var(--space-6);background:var(--color-surface);flex-direction:column;display:flex}.interest-card__title{font-family:var(--font-sans);letter-spacing:-.01em;margin-bottom:var(--space-2);color:var(--color-text);font-size:15px;font-weight:600;line-height:1.3}.interest-card__desc{color:var(--color-text-muted);font-size:13px;line-height:1.7}.experience-list{gap:var(--space-3);flex-direction:column;display:flex}.experience-item{padding:var(--space-5) var(--space-6);border:1px solid var(--color-border);border-left:3px solid var(--accent,var(--color-primary));border-radius:var(--radius-md);background:var(--color-bg);gap:var(--space-2);flex-direction:column;display:flex}@media (width>=900px){.experience-item{column-gap:var(--space-8);grid-template-columns:168px minmax(0,1fr);align-items:start;display:grid}.experience-item__year{padding-top:3px}}.experience-item__body{min-width:0}.experience-item__year{font-family:var(--font-mono);color:var(--accent-ink,var(--color-primary-ink));letter-spacing:.1em;font-size:10px}.experience-item__title{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--color-text);align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;font-size:15px;font-weight:600;line-height:1.35;display:flex}.experience-item__badge{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--radius-pill);color:var(--color-text-muted);background:var(--color-surface-2);border:1px dashed var(--color-border-strong);padding:3px 7px;font-size:8px;font-weight:500}.experience-item__desc{color:var(--color-text-muted);max-width:92ch;font-size:13px;line-height:1.7}.experience-item__desc--draft{opacity:.85;font-style:italic}.experience-item__org{font-family:var(--font-mono);color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:11px}.experience-item__links{gap:var(--space-4);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.experience-item__link{font-family:var(--font-mono);color:var(--accent-ink,var(--color-primary-ink));border-bottom:1px solid #0000;font-size:11px;text-decoration:none;transition:border-color .2s}.experience-item__link:hover{border-bottom-color:currentColor}.experience-item__tags{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.experience-item__tag{font-family:var(--font-mono);letter-spacing:.08em;border:1px solid color-mix(in srgb, var(--accent,var(--color-primary)) 30%, transparent);color:var(--accent-ink,var(--color-primary-ink));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent,var(--color-primary)) 10%, transparent);padding:4px 10px;font-size:9px;font-weight:500}.skills-block{margin-top:var(--space-20)}.skills-title{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:var(--space-3);color:var(--color-text);font-weight:600;line-height:1.1}.skills-title--desktop{font-size:44px}.skills-title--mobile{font-size:30px}.skills-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-5);font-size:13px}.skills-legend{gap:var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.skills-legend__item{align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-size:9px;display:flex}.skills-legend__dot{border-radius:50%;width:8px;height:8px;display:inline-block}.skills-bubble-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-5)}.bubble-canvas{width:100%;height:clamp(380px,30vw,520px);position:relative}.bubble-anchor{animation:bubbleFloat var(--float-dur,7s) ease-in-out var(--float-delay,0s) infinite;position:absolute;transform:translate(-50%,-50%)}.bubble{cursor:default;border:1.5px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .25s cubic-bezier(.34,1.4,.64,1),background .25s,box-shadow .25s,border-color .25s;display:flex}.bubble--hover{transform:scale(1.16)}.bubble__label{font-family:var(--font-mono);text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;padding:2px;font-weight:500;line-height:1.2;transition:color .25s}.mobile-skills{gap:var(--space-5);flex-direction:column;display:flex}.mobile-skills__cat-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--space-3);font-size:9px}.mobile-skills__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.mobile-skills__tag{font-family:var(--font-mono);border-radius:var(--radius-pill);border:1.5px solid;padding:5px 12px;font-size:11px;font-weight:500}.about-section{padding-block:var(--section-top) var(--section-bottom)}.about-layout{display:grid}.about-layout--desktop{gap:var(--space-16);grid-template-columns:minmax(0,1.55fr) minmax(240px,.85fr);align-items:start}.about-layout--mobile{gap:var(--space-6);grid-template-columns:1fr}.about-layout--mobile .about-aside{display:contents}.about-layout--mobile .about-photo{order:1;justify-self:center}.about-layout--mobile .about-main{order:2}.about-layout--mobile .about-meta{order:3}.about-main{min-width:0}.about-aside{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.about-name{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:var(--space-6);color:var(--color-text);font-weight:600;line-height:1.1}.about-name--desktop{font-size:44px}.about-name--mobile{font-size:31px}.about-name__accent{color:var(--color-primary-ink);font-style:italic}.about-bio{color:var(--color-text-muted);margin-bottom:var(--space-3);max-width:62ch;line-height:1.8}.about-bio--desktop{font-size:14.5px}.about-bio--mobile{font-size:13.5px}.about-divider{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--hue-teal), var(--hue-lime));width:48px;height:3px;margin-bottom:var(--space-6)}.about-meta{gap:var(--space-4);flex-direction:column;margin:0;display:flex}.about-meta__row{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-direction:column;gap:3px;display:flex}.about-meta__row:last-child{border-bottom:0;padding-bottom:0}.about-meta__val--links{align-items:center;gap:var(--space-2);display:flex}.about-meta__sep{color:var(--color-border-strong)}.about-meta__key{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-1);font-size:9px}.about-meta__val{color:var(--color-text);overflow-wrap:break-word;margin:0;font-size:13px}.about-meta__link{color:var(--color-primary-ink);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.about-meta__link:hover{border-bottom-color:var(--color-primary)}.about-photo{flex-shrink:0;align-self:center;position:relative}.about-photo--desktop{aspect-ratio:1;width:100%;max-width:300px}.about-photo--mobile{width:156px;height:156px}.about-photo__disc{border:1.5px solid var(--color-border);background:linear-gradient(135deg, var(--color-surface), var(--color-surface-2));border-radius:50%;position:absolute;inset:0;overflow:hidden}.about-photo__corner{opacity:.75;z-index:5;position:absolute}.about-photo__corner--tr{top:-10px;right:-10px}.about-photo__corner--bl{bottom:-10px;left:-10px}.about-photo__skeleton{z-index:2;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.about-photo__disc picture{display:contents}.about-photo__img{object-fit:cover;object-position:center top;z-index:3;width:100%;height:100%;transition:opacity .4s;display:block;position:absolute;inset:0}.about-photo__fallback{background:linear-gradient(135deg, var(--color-surface-2), var(--color-surface));z-index:4;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.about-photo__initials{font-family:var(--font-display);color:var(--color-primary-ink);opacity:.75;-webkit-user-select:none;user-select:none;font-size:42px;font-style:italic;font-weight:600}.footer{border-top:1px solid var(--color-border);background:var(--color-surface)}.footer__inner{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-5);flex-wrap:wrap;display:flex}.footer--mobile .footer__inner{padding-block:var(--space-4)}.footer__copy,.footer__built{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.12em;font-size:9px}@media (width>=700px) and (width<=1024px){.project-layout--desktop{gap:var(--space-5);flex-direction:column}.ticker__drum,.ticker__label,.skeleton-stack{display:none}.ticker__controls{margin-top:0}.project-card{width:100%}.hero__graphic{opacity:.75;width:min(58vw,520px)}.hero--desktop{min-height:0}.about-layout--desktop{gap:var(--space-10);grid-template-columns:minmax(0,1.4fr) minmax(200px,.8fr)}.about-photo--desktop{max-width:200px}}