:root{--color-white:#fff;--color-black:#000;--color-neutral-25:#fcfcfc;--color-neutral-50:#f7f7f7;--color-neutral-100:#f0f0f0;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#292929;--color-neutral-900:#202020;--color-neutral-950:#0a0a0a;--color-cool-gray-50:#f8f9fb;--color-cool-gray-100:#f1f3f6;--color-cool-gray-200:#e4e8ee;--color-blue-500:#2563eb;--color-green-600:#16803c;--color-amber-600:#b45309;--color-red-600:#dc2626;--color-bg-canvas:var(--color-white);--color-bg-surface:var(--color-white);--color-bg-subtle:var(--color-cool-gray-50);--color-bg-muted:var(--color-cool-gray-100);--color-bg-hover:var(--color-neutral-50);--color-bg-pressed:var(--color-neutral-100);--color-bg-disabled:var(--color-neutral-100);--color-bg-inverse:var(--color-neutral-950);--color-bg-overlay:#0a0a0a7a;--color-text-primary:var(--color-neutral-900);--color-text-secondary:#00000080;--color-text-tertiary:var(--color-neutral-500);--color-text-disabled:var(--color-neutral-400);--color-text-inverse:var(--color-white);--color-text-link:var(--color-blue-500);--color-border-subtle:var(--color-neutral-100);--color-border-default:var(--color-neutral-200);--color-border-strong:var(--color-neutral-300);--color-focus-ring:var(--color-blue-500);--color-status-info:var(--color-blue-500);--color-status-success:var(--color-green-600);--color-status-warning:var(--color-amber-600);--color-status-danger:var(--color-red-600);--color-award-peach-bg:oklch(92% .055 35);--color-award-peach-text:oklch(38% .055 35);--color-award-peach-contrast-text:oklch(38% .09 220);--color-award-lemon-bg:oklch(95% .06 95);--color-award-lemon-text:oklch(38% .055 95);--color-award-lemon-contrast-text:oklch(38% .09 275);--color-award-mint-bg:oklch(91% .05 150);--color-award-mint-text:oklch(38% .055 150);--color-award-mint-contrast-text:oklch(38% .09 330);--color-award-cyan-bg:oklch(91% .055 200);--color-award-cyan-text:oklch(38% .055 200);--color-award-cyan-contrast-text:oklch(38% .09 20);--color-award-periwinkle-bg:oklch(91% .06 255);--color-award-periwinkle-text:oklch(38% .055 255);--color-award-periwinkle-contrast-text:oklch(38% .09 75);--color-award-lavender-bg:oklch(92% .055 315);--color-award-lavender-text:oklch(38% .055 315);--color-award-lavender-contrast-text:oklch(38% .08 135);--color-award-pink-bg:oklch(92% .06 350);--color-award-pink-text:oklch(38% .055 350);--color-award-pink-contrast-text:oklch(38% .09 170);--color-award-card-bg:var(--color-award-mint-bg);--color-award-card-text:var(--color-award-mint-text);--color-canvas-alpha-0:#fff0;--color-canvas-alpha-82:#ffffffd1;--color-canvas-alpha-100:#fff;--font-family-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-size-12:.75rem;--font-size-14:.875rem;--font-size-16:1rem;--font-size-20:1.25rem;--font-size-24:1.5rem;--font-size-32:2rem;--font-size-40:2.5rem;--font-size-48:3rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.3;--line-height-body:1.4;--line-height-relaxed:1.6;--letter-spacing-tight:-.03em;--letter-spacing-snug:-.02em;--letter-spacing-normal:0;--text-display-size:var(--font-size-48);--text-display-line-height:var(--line-height-tight);--text-display-weight:var(--font-weight-medium);--text-heading-lg-size:var(--font-size-32);--text-heading-md-size:var(--font-size-24);--text-heading-sm-size:var(--font-size-20);--text-heading-line-height:var(--line-height-tight);--text-heading-weight:var(--font-weight-medium);--text-body-lg-size:var(--font-size-20);--text-body-md-size:var(--font-size-16);--text-body-sm-size:var(--font-size-14);--text-body-xs-size:var(--font-size-12);--text-body-line-height:var(--line-height-body);--text-body-weight:var(--font-weight-regular);--text-label-size:var(--font-size-14);--text-label-line-height:var(--line-height-snug);--text-label-weight:var(--font-weight-medium);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-none:0;--radius-squircle-scale:1;--radius-squircle-parameter:1.5;--radius-xs:calc(.125rem * var(--radius-squircle-scale));--radius-sm:calc(.25rem * var(--radius-squircle-scale));--radius-md:calc(.5rem * var(--radius-squircle-scale));--radius-lg:calc(.75rem * var(--radius-squircle-scale));--radius-xl:calc(1rem * var(--radius-squircle-scale));--radius-2xl:calc(1.5rem * var(--radius-squircle-scale));--radius-full:9999px;--radius-control:var(--radius-md);--radius-card:var(--radius-md);--radius-dialog:var(--radius-xl);--radius-pill:var(--radius-full);--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 8px 24px #0000001f;--shadow-lg:0 16px 40px #00000029;--shadow-sticker-rest:0 4px 8px #00000014;--shadow-sticker-drag:0 12px 24px #0003;--shadow-experience-card-rest:none;--shadow-experience-card-hover:0 4px 8px #0000000a, 0 14px 28px -8px #00000017;--motion-duration-instant:0s;--motion-duration-fast:.12s;--motion-duration-normal:.2s;--motion-duration-slow:.3s;--motion-duration-slower:.5s;--motion-duration-entrance:.7s;--motion-duration-emphasis:.9s;--motion-delay-none:0s;--motion-delay-content:.7s;--motion-ease-linear:linear;--motion-ease-standard:cubic-bezier(.32, .72, 0, 1);--motion-ease-enter:cubic-bezier(.32, .72, 0, 1);--motion-ease-exit:cubic-bezier(.32, .72, 0, 1);--motion-ease-in-out:cubic-bezier(.32, .72, 0, 1);--motion-ease-card:cubic-bezier(.22, .61, .36, 1);--motion-ease-press:cubic-bezier(.25, .46, .45, .94);--motion-duration-interaction:var(--motion-duration-normal);--motion-duration-transition:var(--motion-duration-slow);--motion-duration-sticker-frame:.14s;--motion-duration-word-swap-out:.16s;--motion-duration-word-swap-in:.16s;--motion-ease-word-swap-out:cubic-bezier(.4, 0, 1, 1);--motion-ease-word-swap-in:cubic-bezier(0, 0, .2, 1);--z-base:0;--z-content:1;--z-floating:2;--z-dragging:3;--z-transition:4;--z-overlay:5;--z-navigation:6;--z-toast:100;--z-modal:200;--z-detail-primary:10;--z-detail-navigation:20;--z-detail-close:100;--z-shared-element:2147480000}@supports (corner-shape:superellipse(1.5)){:root{--radius-squircle-scale:1.5}}@media (prefers-color-scheme:dark){:root{--color-bg-canvas:var(--color-neutral-950);--color-bg-surface:var(--color-neutral-900);--color-bg-subtle:var(--color-neutral-800);--color-bg-muted:var(--color-neutral-700);--color-bg-hover:var(--color-neutral-800);--color-bg-pressed:var(--color-neutral-700);--color-bg-disabled:var(--color-neutral-800);--color-bg-inverse:var(--color-white);--color-bg-overlay:#000000b8;--color-text-primary:var(--color-white);--color-text-secondary:#ffffffb8;--color-text-tertiary:var(--color-neutral-300);--color-text-disabled:var(--color-neutral-500);--color-text-inverse:var(--color-neutral-950);--color-border-subtle:var(--color-neutral-800);--color-border-default:var(--color-neutral-700);--color-border-strong:var(--color-neutral-600);--color-canvas-alpha-0:#0a0a0a00;--color-canvas-alpha-82:#0a0a0ad1;--color-canvas-alpha-100:#0a0a0a;--shadow-xs:0 0 0 1px #ffffff14;--shadow-sm:0 0 0 1px #ffffff14;--shadow-md:0 0 0 1px #ffffff1a;--shadow-lg:0 0 0 1px #ffffff1f;--shadow-sticker-rest:0 0 2px #ffffff2e;--shadow-sticker-drag:0 0 4px #ffffff42;--shadow-experience-card-rest:0 0 0 1px #ffffff14;--shadow-experience-card-hover:0 0 0 1px #ffffff24}}@media (prefers-reduced-motion:reduce){:root{--motion-duration-fast:1ms;--motion-duration-normal:1ms;--motion-duration-slow:1ms;--motion-duration-slower:1ms;--motion-duration-entrance:1ms;--motion-duration-emphasis:1ms;--motion-duration-sticker-frame:1ms;--motion-delay-content:0s}}:root{--motion-duration-locale-out:80ms;--motion-duration-locale-in:.14s;--motion-ease-locale-in:cubic-bezier(.22, 1, .36, 1);color:var(--color-text-primary);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--font-family-sans);background:var(--color-bg-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}::selection{color:var(--color-text-inverse);background:var(--color-bg-inverse)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;line-height:var(--text-body-line-height);margin:0}body{background:var(--color-bg-canvas);cursor:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.17529%201.93894C3.70104%201.75736%204.17707%201.87088%204.37744%201.92234C4.59908%201.97952%204.85359%202.07204%205.06982%202.14988L5.08837%202.15574L5.09619%202.15769L5.10302%202.16062L21.0288%207.87742L21.4438%208.02879C21.5799%208.0806%2021.7109%208.13429%2021.8267%208.18796C22.0116%208.27254%2022.528%208.51149%2022.8286%209.06101L22.8296%209.06199C22.985%209.34765%2023.0686%209.66748%2023.0727%209.99265C23.0769%2010.3178%2023.0011%2010.6396%2022.853%2010.9292C22.6379%2011.3497%2022.2941%2011.5969%2022.061%2011.7309L21.8735%2011.8296C21.7592%2011.8859%2021.6299%2011.9425%2021.4956%2011.9975L21.0854%2012.1596L14.6577%2014.6587L12.1606%2021.0844C12.0549%2021.3567%2011.9428%2021.6446%2011.8315%2021.8716C11.7433%2022.0512%2011.4895%2022.5663%2010.9292%2022.853C10.6397%2023.0011%2010.3178%2023.0769%209.99267%2023.0727C9.6675%2023.0686%209.34766%2022.985%209.06201%2022.8296L9.06103%2022.8286C8.50951%2022.5269%208.2701%2022.0054%208.18701%2021.8247L8.18212%2021.8149C8.07047%2021.5566%207.96936%2021.2932%207.87841%2021.0268L2.16162%205.103L2.16064%205.10105L2.14892%205.06687L2.1499%205.06589C2.06621%204.84374%201.99028%204.61845%201.92529%204.39011L1.92138%204.37742L1.92236%204.37644C1.87078%204.1755%201.75752%203.69935%201.93896%203.17429C2.03799%202.88833%202.20055%202.62852%202.41455%202.41453C2.62854%202.20054%202.88933%202.03797%203.17529%201.93894Z'%20fill='white'/%3e%3cpath%20d='M4.90002%202.62L4.93402%202.631L20.86%208.348C21.14%208.448%2021.409%208.545%2021.616%208.641C21.791%208.721%2022.173%208.904%2022.39%209.301C22.5067%209.5153%2022.5693%209.75482%2022.5724%209.99878C22.5755%2010.2427%2022.5191%2010.4838%2022.408%2010.701C22.202%2011.104%2021.824%2011.296%2021.652%2011.381C21.447%2011.482%2021.182%2011.585%2020.904%2011.693L14.272%2014.273L11.694%2020.903C11.586%2021.181%2011.482%2021.447%2011.382%2021.651C11.297%2021.824%2011.104%2022.202%2010.701%2022.408C10.4838%2022.5191%2010.2428%2022.5755%209.99879%2022.5724C9.75483%2022.5692%209.51532%2022.5066%209.30102%2022.39C8.90402%2022.173%208.72102%2021.79%208.64102%2021.616C8.53369%2021.3676%208.43628%2021.1151%208.34902%2020.859L2.63202%204.934L2.62002%204.9C2.53962%204.68744%202.46822%204.47158%202.40602%204.253C2.35902%204.07%202.28002%203.717%202.41102%203.338C2.48528%203.1234%202.60731%202.92845%202.76789%202.76787C2.92847%202.60729%203.12341%202.48527%203.33802%202.411C3.71702%202.28%204.07002%202.359%204.25302%202.406C4.44702%202.456%204.67502%202.539%204.90002%202.62Z'%20fill='black'/%3e%3c/svg%3e") 2 2,auto;min-height:100vh;overflow:hidden}:where(*){cursor:inherit}button,a,input{touch-action:manipulation}@media (prefers-color-scheme:dark){body{cursor:auto}}.loading-screen,.home-screen{background:var(--color-bg-canvas);width:100%;min-height:100svh;position:relative;overflow:hidden}.home-screen{overscroll-behavior-y:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory;touch-action:pan-y;height:100svh;scroll-padding-block:0;overflow:hidden auto}.home-page-content{display:contents}.home-screen[data-detail-open=true] .home-header{z-index:calc(var(--z-modal) + 2)}.home-screen[data-detail-open=true] .home-header a,.home-screen[data-detail-open=true] .project-card.is-active{pointer-events:none}.home-scroll-space{scroll-snap-align:start;scroll-snap-stop:always;height:100svh;position:relative}.home-stage{pointer-events:none;width:100%;height:100svh;z-index:var(--z-base);position:fixed;top:0;left:0;overflow:hidden}.home-content-layer{z-index:var(--z-content);animation:home-content-enter var(--motion-duration-entrance) var(--motion-ease-enter) var(--motion-delay-content) both;position:absolute;inset:0}.home-about-scroll-layer{z-index:var(--z-content);animation:home-content-enter var(--motion-duration-entrance) var(--motion-ease-enter) var(--motion-delay-content) both;pointer-events:none;position:absolute;inset:0}.home-about-content{pointer-events:none;position:absolute;inset:0}.home-about-scroll-layer .home-about-content{opacity:calc(1 - var(--hero-fade-progress));transform:translateY(calc(var(--hero-fade-progress) * -48px))}.home-header{z-index:var(--z-modal);width:100%;padding:var(--space-4) var(--space-24);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--text-body-md-size);font-weight:var(--text-body-weight);letter-spacing:var(--letter-spacing-tight);opacity:var(--scroll-progress);pointer-events:none;transform:translateY(var(--header-shift));justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.home-header-content{pointer-events:none;justify-content:space-between;align-items:center;width:100%;display:flex}.home-header nav{align-items:center;gap:var(--space-12);display:flex}.home-header a{color:var(--color-text-tertiary);pointer-events:auto;transition:color var(--motion-duration-interaction) var(--motion-ease-standard);text-decoration:none;display:inline-block}.home-header a.is-active{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.home-header a:focus-visible{border-radius:var(--radius-xs);outline:2px solid var(--color-focus-ring);outline-offset:var(--space-1)}.language-toggle{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);width:32px;height:32px;color:inherit;font:inherit;font-size:var(--text-body-xs-size);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);cursor:pointer;touch-action:manipulation;pointer-events:auto;transition:color var(--motion-duration-interaction) var(--motion-ease-standard), background-color var(--motion-duration-interaction) var(--motion-ease-standard), border-color var(--motion-duration-interaction) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-press);background:0 0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;position:relative}.language-toggle:before{content:"";position:absolute;inset:-6px}.language-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:var(--space-1)}.language-toggle:active{background:var(--color-bg-pressed);transform:scale(.96)}@media (hover:hover) and (pointer:fine){.home-header a:hover{color:var(--color-text-tertiary)}.language-toggle:hover{border-color:var(--color-text-tertiary);background:var(--color-bg-hover)}}.home-sticker-rail{pointer-events:none;height:64px;z-index:var(--z-overlay);opacity:0;transition:opacity var(--motion-duration-slow) var(--motion-ease-enter);position:absolute;inset:0 0 auto;overflow:hidden}.home-sticker-rail img{object-fit:cover;width:100%;height:64px;display:block}.home-sticker-mask{z-index:var(--z-navigation);background:linear-gradient(to bottom, var(--color-canvas-alpha-0) 0, var(--color-canvas-alpha-82) var(--space-8), var(--color-canvas-alpha-100) var(--space-16), var(--color-canvas-alpha-100) 100%);pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity var(--motion-duration-slow) var(--motion-ease-enter);position:absolute;top:0;left:0}.home-stage .draggable-sticker{pointer-events:auto}.loading-exit-sticker{top:var(--loading-exit-top,calc(50% - 36px));left:var(--loading-exit-left,50%);object-fit:contain;pointer-events:none;width:72px;height:72px;transform:var(--loading-exit-transform,translate(-50%, 0));filter:drop-shadow(var(--shadow-sticker-rest));animation:loading-sticker-exit var(--motion-duration-emphasis) var(--motion-ease-exit) forwards;z-index:var(--z-transition);display:block;position:absolute;translate:0}.draggable-sticker{cursor:grab;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:pan-y;transform-origin:50%;filter:drop-shadow(var(--shadow-sticker-rest));transition:filter var(--motion-duration-transition) var(--motion-ease-in-out);z-index:var(--z-floating);display:block;position:absolute;top:0;left:0}.draggable-sticker.is-pressing{transition:transform var(--motion-duration-fast) var(--motion-ease-press), filter var(--motion-duration-transition) var(--motion-ease-in-out)}.draggable-sticker.is-dragging{cursor:grabbing;will-change:transform;filter:drop-shadow(var(--shadow-sticker-drag));z-index:var(--z-dragging)}.draggable-sticker.is-locked{cursor:default;pointer-events:none;transition:filter var(--motion-duration-transition) var(--motion-ease-in-out)}.loading-sticker{z-index:var(--z-content)}.loading-screen .loading-sticker{animation:loading-sticker-enter var(--motion-duration-entrance) var(--motion-ease-enter) both}.portfolio-section{opacity:0;pointer-events:none;width:100%;height:100svh;min-height:100svh;scroll-margin-top:0;position:relative;overflow:hidden}.work-section{opacity:var(--work-entry-progress,0);pointer-events:none;transform:translate3d(0, calc((1 - var(--work-entry-progress,0)) * 72px), 0)}.scroll-chapter{scroll-snap-align:start;scroll-snap-stop:always;height:100svh;position:relative}.about-copy{text-align:center;width:min(607px,100% - 48px);position:absolute;top:calc(50% - 110px);left:50%;transform:translate(-50%)}.about-copy h2{color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--text-heading-md-size);font-style:normal;font-weight:var(--text-heading-weight);letter-spacing:var(--letter-spacing-tight);line-height:var(--text-body-line-height);margin:0}.word-swap{--word-swap-blur:4px;width:100%;line-height:inherit;vertical-align:top;display:grid;position:relative;overflow:visible}.word-swap--in-place-focus{--word-swap-blur:10px}.home-about-content .word-swap{--word-swap-blur:7px}.word-swap--inline{vertical-align:baseline;width:auto;max-width:100%;display:inline-grid}.word-swap--inline .word-swap-layer{width:100%;max-width:none}.word-swap--inline .word-swap-layer--measure,.word-swap--inline .word-swap-layer--reserve{width:max-content;max-width:none}.word-swap--inline-fluid.is-swapping>.word-swap-layer--outgoing{width:max-content;position:absolute;top:0;left:0}.word-swap-layer{min-width:0;line-height:inherit;white-space:pre-wrap;pointer-events:none;grid-area:1/1;display:block}.word-swap-layer--outgoing{z-index:1}.word-swap-layer--incoming{z-index:2}.word-swap-layer--measure{visibility:hidden;pointer-events:none;width:100%;position:absolute;top:0;left:0}.word-swap-layer--reserve{visibility:hidden;pointer-events:none}.word-swap-layer--measure .word-swap-word{opacity:1;filter:none;will-change:auto;transform:none}.word-swap-word{opacity:1;filter:blur();line-height:inherit;will-change:auto;display:inline-block;transform:translate(0,0)}@keyframes word-swap-fly-out{0%{filter:blur();opacity:1;transform:translate(0,0)}to{filter:blur(var(--word-swap-blur));opacity:0;transform:translateY(-24px)}}@keyframes word-swap-fly-in{0%{filter:blur(var(--word-swap-blur));opacity:0;transform:translateY(24px)}to{filter:blur();opacity:1;transform:translate(0,0)}}@keyframes word-swap-focus-out-opacity{0%,38.889%{opacity:1}52.778%,to{opacity:0}}@keyframes word-swap-focus-in-opacity{0%,38.889%{opacity:0}52.778%,to{opacity:1}}@keyframes word-swap-focus-out-blur{0%{filter:blur();animation-timing-function:cubic-bezier(.16,1,.3,1)}38.889%,to{filter:blur(var(--word-swap-blur))}}@keyframes word-swap-focus-in-blur{0%{filter:blur(var(--word-swap-blur))}52.778%{filter:blur(var(--word-swap-blur));animation-timing-function:cubic-bezier(.16,1,.3,1)}to{filter:blur()}}@keyframes word-swap-focus-scale{0%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(1)}38.889%{animation-timing-function:cubic-bezier(.4,0,.6,1);transform:scale(1.018)}52.778%{animation-timing-function:cubic-bezier(.4,0,.6,1);transform:scale(1.015)}to{transform:scale(1)}}.word-swap-layer--outgoing.is-prepare .word-swap-word{filter:blur();opacity:1;transform:translate(0,0)}.word-swap-layer--outgoing.is-animate .word-swap-word{animation:word-swap-fly-out var(--motion-duration-word-swap-out) var(--motion-ease-word-swap-out) both}.word-swap-layer--incoming.is-prepare .word-swap-word{filter:blur(var(--word-swap-blur));opacity:0;transform:translateY(24px)}.word-swap-layer--incoming.is-animate .word-swap-word{animation:word-swap-fly-in var(--motion-duration-word-swap-in) var(--motion-ease-word-swap-in) both}.word-swap--in-place-focus .word-swap-layer--outgoing.is-prepare .word-swap-word{transform-origin:50%;transform:scale(1)}.word-swap--in-place-focus .word-swap-layer--incoming.is-prepare .word-swap-word{filter:blur(var(--word-swap-blur));opacity:0;transform-origin:50%;transform:scale(1)}.word-swap--in-place-focus .word-swap-layer--outgoing.is-animate .word-swap-word{transform-origin:50%;animation-name:word-swap-focus-out-opacity,word-swap-focus-out-blur,word-swap-focus-scale;animation-duration:.72s,.72s,.72s;animation-timing-function:linear,linear,linear;animation-fill-mode:both,both,both}.word-swap--in-place-focus .word-swap-layer--incoming.is-animate .word-swap-word{transform-origin:50%;animation-name:word-swap-focus-in-opacity,word-swap-focus-in-blur,word-swap-focus-scale;animation-duration:.72s,.72s,.72s;animation-timing-function:linear,linear,linear;animation-fill-mode:both,both,both}.word-swap-layer--outgoing.is-prepare,.word-swap-layer--outgoing.is-animate{z-index:3}.word-swap-layer--outgoing.is-animate .word-swap-word,.word-swap-layer--incoming.is-animate .word-swap-word{will-change:transform, opacity, filter}.about-meta{color:var(--color-text-secondary);font-family:var(--font-family-sans);font-size:var(--text-body-md-size);font-weight:var(--text-body-weight);letter-spacing:var(--letter-spacing-tight);line-height:var(--text-body-line-height);text-align:center;white-space:nowrap;flex-direction:column;align-items:center;margin:0;display:flex;position:absolute;top:calc(50% + 88px);left:50%;transform:translate(-50%)}.about-meta a{color:inherit;text-underline-offset:2px;text-decoration:underline}.work-content{gap:var(--space-6);flex-direction:column;width:min(930px,100% - 48px);min-height:486px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-intro{align-items:flex-start;gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));min-height:88px;padding:0;display:grid}.work-intro h2{color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--text-heading-md-size);font-style:normal;font-weight:var(--text-heading-weight);letter-spacing:var(--letter-spacing-tight);line-height:var(--text-heading-line-height);text-align:right;grid-column:1;margin:0}.work-intro p{min-width:0;color:var(--color-text-secondary);font-family:var(--font-family-sans);font-size:var(--text-body-md-size);font-weight:var(--text-body-weight);letter-spacing:var(--letter-spacing-tight);line-height:var(--text-body-line-height);grid-column:2/-1;margin:0}.experience-grid{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));min-height:374px;display:grid}.experience-card{--experience-card-tilt-x:0deg;--experience-card-tilt-y:0deg;--experience-card-lift:0px;--experience-card-scale:1;min-width:0;min-height:374px;transform:translateY(var(--experience-card-lift));transform-origin:50%;transform-box:border-box;transition:transform var(--motion-duration-slow) var(--motion-ease-card);display:flex;position:relative}.experience-card-open{z-index:4;border-radius:var(--radius-card);cursor:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15%204C14.7348%204%2014.4804%203.89464%2014.2929%203.70711C14.1054%203.51957%2014%203.26522%2014%203C14%202.73478%2014.1054%202.48043%2014.2929%202.29289C14.4804%202.10536%2014.7348%202%2015%202H21C21.2652%202%2021.5196%202.10536%2021.7071%202.29289C21.8946%202.48043%2022%202.73478%2022%203V9C22%209.26522%2021.8946%209.51957%2021.7071%209.70711C21.5196%209.89464%2021.2652%2010%2021%2010C20.7348%2010%2020.4804%209.89464%2020.2929%209.70711C20.1054%209.51957%2020%209.26522%2020%209V5.414L14.707%2010.707C14.5184%2010.8892%2014.2658%2010.99%2014.0036%2010.9877C13.7414%2010.9854%2013.4906%2010.8802%2013.3052%2010.6948C13.1198%2010.5094%2013.0146%2010.2586%2013.0123%209.9964C13.01%209.7342%2013.1108%209.4816%2013.293%209.293L18.586%204H15ZM10.707%2013.293C10.8945%2013.4805%2010.9998%2013.7348%2010.9998%2014C10.9998%2014.2652%2010.8945%2014.5195%2010.707%2014.707L5.414%2020H9C9.13132%2020%209.26136%2020.0259%209.38268%2020.0761C9.50401%2020.1264%209.61425%2020.2%209.70711%2020.2929C9.79996%2020.3858%209.87362%2020.496%209.92388%2020.6173C9.97413%2020.7386%2010%2020.8687%2010%2021C10%2021.1313%209.97413%2021.2614%209.92388%2021.3827C9.87362%2021.504%209.79996%2021.6142%209.70711%2021.7071C9.61425%2021.8%209.50401%2021.8736%209.38268%2021.9239C9.26136%2021.9741%209.13132%2022%209%2022H3C2.73478%2022%202.48043%2021.8946%202.29289%2021.7071C2.10536%2021.5196%202%2021.2652%202%2021V15C2%2014.7348%202.10536%2014.4804%202.29289%2014.2929C2.48043%2014.1054%202.73478%2014%203%2014C3.26522%2014%203.51957%2014.1054%203.70711%2014.2929C3.89464%2014.4804%204%2014.7348%204%2015V18.586L9.293%2013.293C9.48053%2013.1055%209.73483%2013.0002%2010%2013.0002C10.2652%2013.0002%2010.5195%2013.1055%2010.707%2013.293Z'%20fill='black'/%3e%3c/svg%3e") 8 8,pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.experience-card-open:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:var(--space-1)}.experience-card-surface{width:100%;height:100%;min-height:inherit;border-radius:var(--radius-card);background:var(--color-bg-hover);box-shadow:var(--shadow-experience-card-rest);transform:perspective(1100px) scale(var(--experience-card-scale)) rotateX(var(--experience-card-tilt-x)) rotateY(var(--experience-card-tilt-y));transform-origin:50%;transform-box:border-box;transform-style:preserve-3d;transition:transform var(--motion-duration-fast) var(--motion-ease-card), box-shadow var(--motion-duration-slow) var(--motion-ease-card);flex-direction:column;display:flex;overflow:hidden}.experience-card,.experience-card *{cursor:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15%204C14.7348%204%2014.4804%203.89464%2014.2929%203.70711C14.1054%203.51957%2014%203.26522%2014%203C14%202.73478%2014.1054%202.48043%2014.2929%202.29289C14.4804%202.10536%2014.7348%202%2015%202H21C21.2652%202%2021.5196%202.10536%2021.7071%202.29289C21.8946%202.48043%2022%202.73478%2022%203V9C22%209.26522%2021.8946%209.51957%2021.7071%209.70711C21.5196%209.89464%2021.2652%2010%2021%2010C20.7348%2010%2020.4804%209.89464%2020.2929%209.70711C20.1054%209.51957%2020%209.26522%2020%209V5.414L14.707%2010.707C14.5184%2010.8892%2014.2658%2010.99%2014.0036%2010.9877C13.7414%2010.9854%2013.4906%2010.8802%2013.3052%2010.6948C13.1198%2010.5094%2013.0146%2010.2586%2013.0123%209.9964C13.01%209.7342%2013.1108%209.4816%2013.293%209.293L18.586%204H15ZM10.707%2013.293C10.8945%2013.4805%2010.9998%2013.7348%2010.9998%2014C10.9998%2014.2652%2010.8945%2014.5195%2010.707%2014.707L5.414%2020H9C9.13132%2020%209.26136%2020.0259%209.38268%2020.0761C9.50401%2020.1264%209.61425%2020.2%209.70711%2020.2929C9.79996%2020.3858%209.87362%2020.496%209.92388%2020.6173C9.97413%2020.7386%2010%2020.8687%2010%2021C10%2021.1313%209.97413%2021.2614%209.92388%2021.3827C9.87362%2021.504%209.79996%2021.6142%209.70711%2021.7071C9.61425%2021.8%209.50401%2021.8736%209.38268%2021.9239C9.26136%2021.9741%209.13132%2022%209%2022H3C2.73478%2022%202.48043%2021.8946%202.29289%2021.7071C2.10536%2021.5196%202%2021.2652%202%2021V15C2%2014.7348%202.10536%2014.4804%202.29289%2014.2929C2.48043%2014.1054%202.73478%2014%203%2014C3.26522%2014%203.51957%2014.1054%203.70711%2014.2929C3.89464%2014.4804%204%2014.7348%204%2015V18.586L9.293%2013.293C9.48053%2013.1055%209.73483%2013.0002%2010%2013.0002C10.2652%2013.0002%2010.5195%2013.1055%2010.707%2013.293Z'%20fill='black'/%3e%3c/svg%3e") 8 8,pointer}@media (hover:hover) and (pointer:fine){.experience-card:hover{--experience-card-lift:0px;--experience-card-scale:1.012}.experience-card:hover .experience-card-surface{box-shadow:var(--shadow-experience-card-hover)}.experience-card:hover .experience-card-media{--experience-aura-opacity:1}}.experience-card:active,.experience-card:hover:active{--experience-card-lift:0px;--experience-card-scale:.997}.experience-card:active .experience-card-surface,.experience-card:hover:active .experience-card-surface{transition:transform var(--motion-duration-fast) var(--motion-ease-press), box-shadow var(--motion-duration-slow) var(--motion-ease-card)}.experience-card[data-detail-transitioning]{--experience-card-lift:0px;--experience-card-scale:1;transition:none;transform:translateY(0)}.experience-card[data-detail-transitioning] .experience-card-surface{box-shadow:var(--shadow-experience-card-rest);transition:none;transform:perspective(1100px)scale(1)rotateX(0)rotateY(0)}.experience-card[data-detail-transitioning] .experience-aura-layer{--experience-aura-opacity:.68;transition:none}.experience-card-media{--experience-aura-opacity:.68;border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--color-bg-subtle);flex:0 0 144px;justify-content:center;align-items:center;height:144px;padding:10px;display:flex;position:relative;overflow:hidden}.experience-aura-layer{opacity:var(--experience-aura-opacity);transition:opacity var(--motion-duration-slow) var(--motion-ease-card);pointer-events:none;position:absolute;inset:-42px;transform:translateZ(0)}.experience-aura-layer-1,.experience-aura-layer-2{mix-blend-mode:multiply;filter:blur(42px)}.experience-aura-wechat .experience-aura-layer-1{background:linear-gradient(#0000 0%, var(--color-bg-canvas) 18%, #4dd2ff1f 28%, #35e6c0 68%, #5b6ef5 100%)}.experience-aura-wechat .experience-aura-layer-2{background:linear-gradient(#0000 0%, #4dd2ff38 34%, var(--color-bg-canvas) 66%, #35e6c0 82%, #5b6ef5 100%)}.experience-aura-li-auto .experience-aura-layer-1{background:linear-gradient(#0000 0%, var(--color-bg-canvas) 18%, #d6ccbe1f 28%, #c4b5a0 68%, #a8947a 100%)}.experience-aura-li-auto .experience-aura-layer-2{background:linear-gradient(#0000 0%, #d6ccbe38 34%, var(--color-bg-canvas) 66%, #c4b5a0 82%, #a8947a 100%)}.experience-aura-iflytek .experience-aura-layer-1{background:linear-gradient(#0000 0%, var(--color-bg-canvas) 18%, #c8e6ff1f 28%, #96c8ff 68%, #6482c8 100%)}.experience-aura-iflytek .experience-aura-layer-2{background:linear-gradient(#0000 0%, #c8e6ff38 34%, var(--color-bg-canvas) 66%, #96c8ff 82%, #6482c8 100%)}@media (prefers-color-scheme:dark){.home-sticker-rail img{filter:invert()}.experience-aura-layer-1,.experience-aura-layer-2{mix-blend-mode:screen}.project-card-arrow,.projects-controls button img{filter:invert()}.experience-card,.experience-card *{cursor:pointer}}.experience-card-sticker{z-index:1;object-fit:contain;display:block;position:relative}.experience-card-sticker-wechat{width:52px;height:52px}.experience-card-sticker-li-auto{width:48px;height:48px}.experience-card-sticker-iflytek{width:77px;height:36px}.experience-card-body{justify-content:space-between;gap:var(--space-4);min-height:min-content;padding:var(--space-4);flex-direction:column;flex:auto;display:flex}.experience-card-heading h3,.experience-card-heading p,.experience-card-description p{margin:0}.experience-card-heading{color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--text-body-md-size);font-weight:var(--text-body-weight);letter-spacing:var(--letter-spacing-tight);line-height:var(--text-body-line-height)}.experience-card-heading h3{font-size:var(--text-body-md-size);line-height:var(--text-heading-line-height)}.experience-card-heading p{margin-top:var(--space-1);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-size);display:block}.experience-card-description{color:var(--color-text-secondary);font-family:"OPPO Sans", var(--font-family-sans);font-size:var(--text-body-xs-size);letter-spacing:var(--letter-spacing-normal);line-height:1.45;display:grid}.experience-card-description-measure,.experience-card-description-copy{grid-area:1/1}.experience-card-description-measure{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;display:grid}.experience-card-description-measure>div{grid-area:1/1}.experience-card-description-copy{align-self:end}.experience-card-description p+p{margin-top:0}.projects-section{--project-card-width:clamp(320px, calc((100vw - 216px) / 2), 612px);--project-card-step:clamp(344px, calc((100vw - 168px) / 2), 636px);--project-drag-offset:0px;width:100%;height:100svh;min-height:100svh;position:relative;overflow:hidden}.projects-content{align-items:center;gap:var(--space-6);width:100%;padding-inline:var(--space-24);pointer-events:none;transform:translate3d(var(--project-drag-offset), 0, 0);transition:transform var(--motion-duration-slow) var(--motion-ease-in-out);z-index:3;grid-template-columns:repeat(8,minmax(0,1fr));display:grid;position:absolute;inset:0}.projects-content.is-dragging,.projects-content.is-settling{will-change:transform;transition:none!important}.projects-content[data-active-index="1"]{transform:translate3d(calc(0px - var(--project-card-step) + var(--project-drag-offset)), 0, 0)}.projects-intro{gap:var(--space-6);padding-right:var(--space-4);isolation:isolate;z-index:3;flex-direction:column;grid-column:1/span 2;display:flex;position:relative}.projects-intro h2,.projects-intro p,.project-card-copy h3{margin:0}.projects-intro h2{color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--text-heading-md-size);font-weight:var(--text-heading-weight);letter-spacing:var(--letter-spacing-tight);line-height:var(--text-heading-line-height);white-space:nowrap}.projects-intro p{color:var(--color-text-secondary);font-family:var(--font-family-sans);font-size:var(--text-body-md-size);font-weight:var(--text-body-weight);letter-spacing:var(--letter-spacing-tight);line-height:var(--text-body-line-height)}.projects-showcase{z-index:1;min-width:0;position:absolute;inset:0}.projects-carousel{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.projects-carousel.is-dragging{cursor:grabbing}.project-card{--project-card-tilt-x:0deg;--project-card-tilt-y:0deg;--project-card-lift:0px;--project-card-scale:1;width:var(--project-card-width);opacity:.3;height:316px;font:inherit;text-align:left;transform:translate3d(calc(-50% + var(--project-drag-offset)), calc(-50% + var(--project-card-lift)), 0);transform-origin:50%;transform-box:border-box;transition:transform var(--motion-duration-slow) var(--motion-ease-in-out), opacity var(--motion-duration-slow) var(--motion-ease-standard);z-index:0;background:0 0;border:0;outline:none;padding:0;position:absolute;top:50%;left:50%}.project-card:focus{--project-card-lift:0px;--project-card-scale:1;outline:none}.project-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:4px;--project-card-lift:0px;--project-card-scale:1}.project-card[data-position="-1"]{transform:translate3d(calc(-50% - var(--project-card-step) + var(--project-drag-offset)), calc(-50% + var(--project-card-lift)), 0)}.project-card[data-position="1"]{transform:translate3d(calc(-50% + var(--project-card-step) + var(--project-drag-offset)), calc(-50% + var(--project-card-lift)), 0)}.project-card.is-active{opacity:1;cursor:pointer;z-index:1}.project-card.is-active,.project-card.is-active *{cursor:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15%204C14.7348%204%2014.4804%203.89464%2014.2929%203.70711C14.1054%203.51957%2014%203.26522%2014%203C14%202.73478%2014.1054%202.48043%2014.2929%202.29289C14.4804%202.10536%2014.7348%202%2015%202H21C21.2652%202%2021.5196%202.10536%2021.7071%202.29289C21.8946%202.48043%2022%202.73478%2022%203V9C22%209.26522%2021.8946%209.51957%2021.7071%209.70711C21.5196%209.89464%2021.2652%2010%2021%2010C20.7348%2010%2020.4804%209.89464%2020.2929%209.70711C20.1054%209.51957%2020%209.26522%2020%209V5.414L14.707%2010.707C14.5184%2010.8892%2014.2658%2010.99%2014.0036%2010.9877C13.7414%2010.9854%2013.4906%2010.8802%2013.3052%2010.6948C13.1198%2010.5094%2013.0146%2010.2586%2013.0123%209.9964C13.01%209.7342%2013.1108%209.4816%2013.293%209.293L18.586%204H15ZM10.707%2013.293C10.8945%2013.4805%2010.9998%2013.7348%2010.9998%2014C10.9998%2014.2652%2010.8945%2014.5195%2010.707%2014.707L5.414%2020H9C9.13132%2020%209.26136%2020.0259%209.38268%2020.0761C9.50401%2020.1264%209.61425%2020.2%209.70711%2020.2929C9.79996%2020.3858%209.87362%2020.496%209.92388%2020.6173C9.97413%2020.7386%2010%2020.8687%2010%2021C10%2021.1313%209.97413%2021.2614%209.92388%2021.3827C9.87362%2021.504%209.79996%2021.6142%209.70711%2021.7071C9.61425%2021.8%209.50401%2021.8736%209.38268%2021.9239C9.26136%2021.9741%209.13132%2022%209%2022H3C2.73478%2022%202.48043%2021.8946%202.29289%2021.7071C2.10536%2021.5196%202%2021.2652%202%2021V15C2%2014.7348%202.10536%2014.4804%202.29289%2014.2929C2.48043%2014.1054%202.73478%2014%203%2014C3.26522%2014%203.51957%2014.1054%203.70711%2014.2929C3.89464%2014.4804%204%2014.7348%204%2015V18.586L9.293%2013.293C9.48053%2013.1055%209.73483%2013.0002%2010%2013.0002C10.2652%2013.0002%2010.5195%2013.1055%2010.707%2013.293Z'%20fill='black'/%3e%3c/svg%3e") 8 8,pointer}.projects-carousel.is-dragging,.projects-carousel.is-dragging *{cursor:grabbing!important}.projects-carousel.is-dragging .project-card,.projects-carousel.is-dragging .project-card.is-active,.projects-carousel.is-dragging .project-card:active,.projects-carousel.is-dragging .project-card.is-active:active,.projects-carousel.is-dragging .project-card-surface,.projects-carousel.is-settling .project-card,.projects-carousel.is-settling .project-card.is-active,.projects-carousel.is-settling .project-card:active,.projects-carousel.is-settling .project-card.is-active:active,.projects-carousel.is-settling .project-card-surface{--project-card-tilt-x:0deg!important;--project-card-tilt-y:0deg!important;--project-card-lift:0px!important;--project-card-scale:1!important;pointer-events:none!important;transition:none!important}.projects-carousel.is-dragging .project-card,.projects-carousel.is-dragging .project-card.is-active,.projects-carousel.is-dragging .project-card:active,.projects-carousel.is-dragging .project-card.is-active:active,.projects-carousel.is-dragging .project-card-surface{cursor:grabbing!important}.project-card-surface{border-radius:var(--radius-md);background:var(--color-bg-hover);width:100%;height:100%;box-shadow:var(--shadow-experience-card-rest);transform:perspective(1100px) scale(var(--project-card-scale)) rotateX(var(--project-card-tilt-x)) rotateY(var(--project-card-tilt-y));transform-origin:50%;transform-box:border-box;transform-style:preserve-3d;transition:transform var(--motion-duration-fast) var(--motion-ease-card), box-shadow var(--motion-duration-slow) var(--motion-ease-card);flex-direction:column;display:flex;overflow:hidden}.project-card[data-detail-transitioning]{--project-card-lift:0px;--project-card-scale:1;--project-card-tilt-x:0deg;--project-card-tilt-y:0deg;transition:none}.project-card[data-detail-transitioning] .project-card-surface{box-shadow:var(--shadow-experience-card-rest);transition:none;transform:perspective(1100px)scale(1)rotateX(0)rotateY(0)}.project-card-media{flex:auto;min-height:0;position:relative;overflow:hidden}.project-card-media img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.project-card-body{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3);flex:0 0 44px;display:flex}.project-card-copy{min-width:0;color:var(--color-text-primary);font-family:var(--font-family-sans);font-weight:var(--text-body-weight);letter-spacing:var(--letter-spacing-tight);flex:auto}.project-card-copy h3{overflow-clip-margin:16px;width:100%;font-size:var(--text-body-md-size);font-weight:inherit;text-overflow:ellipsis;white-space:nowrap;line-height:1.15;overflow:clip}.project-card-copy .locale-swap{width:100%}.project-card-copy .locale-swap-text,.project-card-copy .locale-swap-measure{white-space:nowrap}.project-card-arrow{flex:none;width:16px;height:16px;display:block}.projects-controls{gap:var(--space-6);z-index:2;display:flex;position:absolute;top:calc(50% + 230px);left:50%;transform:translate(-50%)}.projects-controls button{border-radius:var(--radius-md);width:48px;height:48px;color:var(--color-text-primary);font:inherit;touch-action:manipulation;transition:color var(--motion-duration-fast) var(--motion-ease-standard), background-color var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-press);background:0 0;border:0;place-items:center;padding:0;display:grid}.projects-controls button img{width:24px;height:24px;display:block}.projects-controls button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.projects-controls button:active:not(:disabled){transform:scale(.96)}.projects-controls button:disabled{color:var(--color-text-disabled)}.projects-controls button:disabled img{opacity:.25}@media (hover:hover) and (pointer:fine){.project-card.is-active:hover{--project-card-lift:0px;--project-card-scale:1.012}.project-card.is-active:hover .project-card-surface{box-shadow:var(--shadow-experience-card-hover)}.projects-controls button:hover:not(:disabled){background:var(--color-bg-hover)}}.project-card:active,.project-card.is-active:active,.project-card.is-active:hover:active{--project-card-lift:0px;--project-card-scale:.997}.project-card:active .project-card-surface,.project-card.is-active:active .project-card-surface,.project-card.is-active:hover:active .project-card-surface{transition:transform var(--motion-duration-fast) var(--motion-ease-press), box-shadow var(--motion-duration-slow) var(--motion-ease-card)}.contact-section{height:100svh;min-height:100svh;position:relative;overflow:hidden}.contact-content{align-items:center;gap:var(--space-6);padding-inline:var(--space-24);grid-template-columns:repeat(8,minmax(0,1fr));display:grid;position:absolute;inset:0}.skill-reveal-overlay,.skill-icon-burst{visibility:hidden;pointer-events:none;position:fixed;inset:0}.skill-reveal-overlay{z-index:201;opacity:0;background:#ffffffd9;transition:opacity .24s,visibility 0s linear .24s}.skill-icon-burst{z-index:202;transition:visibility 0s linear .36s}.contact-section[data-skill-open] .skill-reveal-overlay,.contact-section[data-skill-open] .skill-icon-burst{visibility:visible;transition:visibility linear}.contact-section[data-skill-open] .skill-reveal-overlay{opacity:1;transition:opacity .36s var(--motion-ease-enter), visibility 0s linear 0s}@media (width<=700px){.contact-section[data-skill-open] .skill-reveal-overlay{pointer-events:auto}}.skill-icon-position{top:var(--skill-anchor-y);left:var(--skill-anchor-x);width:40px;height:40px;display:block;position:absolute;translate:-50% -50%}.skill-icon-motion,.award-card-motion{opacity:0;transform-origin:50%;transition:opacity .2s ease-out,transform .36s;display:block;transform:translate(0,0)rotate(0)scale(.35)}.skill-icon-motion{width:40px;height:40px}.award-card-motion{width:132px;height:88px}.contact-section[data-skill-open] .skill-icon-motion,.contact-section[data-award-open] .award-card-motion{opacity:1;will-change:opacity, transform;transition:opacity .38s cubic-bezier(.25, .1, .25, 1) var(--burst-delay), transform .44s cubic-bezier(.34, 1.45, .64, 1) var(--burst-delay)}.contact-section[data-skill-open] .skill-icon-motion{transform:translate3d(var(--skill-x), var(--skill-y), 0) rotate(0deg) scale(1)}.contact-section[data-skill-input=keyboard] .skill-reveal-overlay,.contact-section[data-skill-input=keyboard] .skill-icon-burst,.contact-section[data-skill-input=keyboard] .skill-icon-motion{transition:none}.award-reveal-overlay,.award-card-burst{visibility:hidden;pointer-events:none;position:fixed;inset:0}.award-reveal-overlay{z-index:201;opacity:0;background:#ffffffd9;transition:opacity .24s,visibility 0s linear .24s}.award-card-burst{z-index:var(--z-shared-element);isolation:isolate;transition:visibility 0s linear .36s}.contact-section[data-award-open] .award-reveal-overlay,.contact-section[data-award-open] .award-card-burst{visibility:visible;transition:visibility linear}.contact-section[data-award-open] .award-reveal-overlay{opacity:1;transition:opacity .36s var(--motion-ease-enter), visibility 0s linear 0s}.award-card-position{top:var(--award-anchor-y);left:var(--award-anchor-x);width:132px;height:88px;display:block;position:absolute;translate:-50% -50%}.contact-section[data-award-open] .award-card-motion{transform:translate3d(var(--award-x), var(--award-y), 0) rotate(var(--award-rotation)) scale(1)}.award-card{color:#191d20;width:100%;height:100%;font-family:var(--font-family-sans);letter-spacing:-.015em;text-align:left;-webkit-user-select:none;user-select:none;isolation:isolate;background:#f2f3f2;border:0;border-radius:4px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;padding:9px;font-size:10px;font-weight:400;line-height:1.2;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0e141814,0 9px 20px -13px #0e141842}.award-card-art{z-index:0;pointer-events:none;background-position:50%;background-size:cover;border-radius:0;position:absolute;inset:0;overflow:hidden}.award-card[data-award-style=blur-top] .award-card-art{height:28%;inset:0 0 auto}.award-card[data-award-style=blur-left]{justify-content:center;padding-left:calc(30% + 8px)}.award-card[data-award-style=blur-left] .award-card-art{width:30%;height:100%;inset:0 auto 0 0}.award-card[data-award-style=blur-bottom]{justify-content:flex-start}.award-card[data-award-style=blur-bottom] .award-card-art{height:28%;inset:auto 0 0}.award-card[data-award-style=blur-bottom] .award-card-title{margin-top:0}.award-card[data-award-style=blur-top] .award-card-title,.award-card[data-award-style=blur-bottom] .award-card-title{-webkit-line-clamp:2}.award-card[data-award-style=plain-split]{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:8px}.award-card[data-award-style=plain-split] .award-card-title{flex:1 1 0;margin-top:0}.award-card[data-award-style=plain-split] .award-card-result{text-align:right;flex:0 36%}.award-card[data-award-style=plain-top]{justify-content:flex-start}.award-card[data-award-style=plain-top] .award-card-title,.award-card[data-award-style=plain-full] .award-card-title{margin-top:0}.award-card[data-award-style=plain-full]{justify-content:space-between}.award-card[data-award-style=gradient-full]{background:linear-gradient(135deg,#f4f6f4 0%,#e8efeb 100%);justify-content:space-between}.award-card[data-award-style=gradient-full] .award-card-title{margin-top:0}.award-card-title,.award-card-result{z-index:1;max-width:100%;display:block;position:relative}.award-card-title{-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:auto;font-size:10.5px;font-weight:500;line-height:1.16;display:-webkit-box;overflow:hidden}.award-card-result{color:#565b5c;font-size:9px;font-weight:450;line-height:1.1}.contact-section[data-award-input=keyboard] .award-reveal-overlay,.contact-section[data-award-input=keyboard] .award-card-burst,.contact-section[data-award-input=keyboard] .award-card-motion{transition:none}@media (width<=700px){.contact-section[data-award-open] .award-reveal-overlay{pointer-events:auto}.award-card-position,.award-card-motion{width:108px;height:78px}.award-card{gap:3px;padding:7px}.award-card[data-award-style=blur-left]{justify-content:flex-end;padding-left:7px}.award-card[data-award-style=blur-left] .award-card-art{width:100%;height:24%;inset:0 0 auto}.award-card[data-award-style=blur-left] .award-card-title{-webkit-line-clamp:2}.award-card[data-award-style=plain-split]{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:3px}.award-card[data-award-style=plain-split] .award-card-title{flex:0 auto}.award-card[data-award-style=plain-split] .award-card-result{text-align:left;flex:0 auto}.award-card-title{font-size:9.2px}.award-card-result{font-size:7.8px}}@media (width<=430px){.award-card-position,.award-card-motion{width:96px;height:68px}.award-card{gap:2px;padding:6px}.award-card-title{font-size:8.5px}.award-card-result{font-size:7.2px}}.skill-icon-motion img{filter:drop-shadow(0 6px 12px #00000029);object-fit:contain;width:40px;height:40px;transform:rotate(var(--skill-rotation));background:0 0;border:0;outline:none;display:block}.contact-name,.contact-summary h3,.contact-detail h3,.contact-detail>a,.contact-detail>span{margin:0}.contact-name{color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--text-heading-md-size);font-weight:var(--text-heading-weight);letter-spacing:var(--letter-spacing-tight);line-height:var(--text-body-line-height);white-space:nowrap;grid-column:1}.contact-avatar{border-radius:var(--radius-full);object-fit:cover;grid-column:2/span 3;justify-self:center;width:72px;height:72px;display:block}.contact-summary{color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--text-body-md-size);letter-spacing:var(--letter-spacing-tight);line-height:var(--text-body-line-height);text-align:right;align-self:center;position:relative}.contact-summary h3,.contact-detail h3{font-size:inherit;font-weight:var(--font-weight-medium)}.contact-trigger{color:inherit;font:inherit;letter-spacing:inherit;touch-action:manipulation;background:0 0;border:0;padding:0;position:relative}.contact-trigger .locale-swap-text{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:from-font}.contact-trigger:before{content:"";width:max(100%,44px);height:44px;position:absolute;top:50%;left:50%;translate:-50% -50%}.contact-trigger:focus-visible{border-radius:var(--radius-xs);outline:2px solid var(--color-focus-ring);outline-offset:var(--space-1)}.contact-skill{z-index:203;grid-column:5}.contact-section[data-skill-open][data-skill-input=pointer] .contact-skill,.contact-section[data-award-open][data-award-input=pointer] .contact-skill{z-index:200}.contact-award{grid-column:6}.contact-details{gap:var(--space-4);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--text-body-md-size);letter-spacing:var(--letter-spacing-tight);font-style:normal;line-height:var(--text-body-line-height);text-align:right;flex-direction:column;grid-column:8;align-self:center;display:flex;position:relative;top:55px}.contact-detail{flex-direction:column;align-items:flex-end;min-width:158px;display:flex}.contact-detail>a,.contact-detail>span{color:var(--color-text-secondary);font-family:inherit;font-weight:var(--font-weight-regular);letter-spacing:inherit;text-underline-offset:2px;white-space:nowrap;text-decoration:underline;text-decoration-thickness:from-font}.contact-detail a{transition:color var(--motion-duration-interaction) var(--motion-ease-standard)}.contact-detail a:focus-visible{border-radius:var(--radius-xs);outline:2px solid var(--color-focus-ring);outline-offset:var(--space-1)}@media (hover:hover) and (pointer:fine){.contact-detail a:hover{color:var(--color-text-primary)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.home-screen[data-detail-open=true] .home-header{pointer-events:none}.home-header-content{transition:opacity .24s var(--motion-ease-enter), transform .24s var(--motion-ease-enter)}.home-screen[data-detail-open=true] .home-header-content{opacity:0;transition-duration:.18s;transition-timing-function:var(--motion-ease-exit);transform:translateY(-12px)}.work-section{opacity:1;pointer-events:auto;transform:none}.home-header{min-height:60px;padding:var(--space-2) var(--space-4);background:var(--color-bg-canvas);font-size:var(--text-body-sm-size);letter-spacing:var(--letter-spacing-snug)}.home-header nav{gap:var(--space-2)}.home-header a,.language-toggle{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.language-toggle{width:32px;min-width:32px;height:32px;min-height:32px;margin-inline:6px}.home-screen{scroll-snap-type:y proximity}.portfolio-section{overflow:hidden}.about-chapter{height:100svh}.about-section,.work-section{opacity:1;pointer-events:auto;height:auto;position:relative;inset:auto;transform:none}.about-section{height:100svh}.about-copy{width:calc(100% - 48px);top:29%}.about-copy h2{font-size:var(--text-heading-sm-size);letter-spacing:var(--letter-spacing-snug)}.about-meta{font-size:var(--text-body-sm-size);letter-spacing:var(--letter-spacing-snug);top:66%}.home-about-content .word-swap,.word-swap--in-place-focus{--word-swap-blur:5px}.work-section{height:auto;min-height:100svh;position:relative;overflow:visible}.work-chapter{scroll-snap-align:start;scroll-snap-stop:normal;height:auto}.work-content{width:100%;height:auto;min-height:0;padding:104px 16px 64px;position:relative;top:auto;left:auto;transform:none}.work-intro{gap:var(--space-3);flex-direction:column;min-height:0;padding:0;display:flex}.work-intro h2{font-size:var(--text-heading-sm-size);letter-spacing:var(--letter-spacing-snug);text-align:left;flex-basis:auto}.work-intro p{font-size:var(--text-body-sm-size);letter-spacing:var(--letter-spacing-snug)}.experience-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr);height:auto}.experience-card{min-height:374px}.projects-chapter{scroll-snap-stop:normal;height:auto}.projects-section{height:auto;min-height:0;overflow:visible}.projects-content,.projects-content[data-active-index]{align-items:stretch;gap:var(--space-6);width:100%;padding:72px var(--space-4) var(--space-6);flex-direction:column;transition:none;display:flex;position:relative;top:auto;left:auto;transform:none}.projects-intro{gap:var(--space-3);padding:0}.projects-intro h2{font-size:var(--text-heading-sm-size);letter-spacing:var(--letter-spacing-snug)}.projects-intro p{max-width:42ch;font-size:var(--text-body-sm-size);letter-spacing:var(--letter-spacing-snug)}.projects-showcase,.projects-carousel{height:auto}.projects-showcase{width:auto;margin:0 var(--space-4) 64px;position:relative;inset:auto}.projects-carousel{gap:var(--space-4);cursor:default;touch-action:pan-y;flex-direction:column;display:flex;position:relative;inset:auto}.project-card,.project-card.is-active,.project-card[data-position]{aspect-ratio:612/316;opacity:1;width:100%;height:auto;position:relative;top:auto;left:auto;transform:none}.project-card-copy h3{font-size:var(--text-body-sm-size)}.projects-controls{display:none}.contact-section{height:auto;min-height:100svh}.contact-content{align-content:center;align-items:center;gap:var(--space-8) var(--space-4);min-height:100svh;padding:96px var(--space-4) 64px;grid-template-columns:minmax(0,1fr) auto;position:relative;inset:auto}.contact-name{font-size:var(--text-heading-sm-size);letter-spacing:var(--letter-spacing-snug);grid-column:1}.contact-avatar{grid-area:1/2;width:64px;height:64px}.contact-summary{font-size:var(--text-body-sm-size);letter-spacing:var(--letter-spacing-snug);text-align:left}.contact-trigger{justify-content:flex-start;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.contact-skill{grid-column:1}.contact-award{text-align:right;grid-column:2;justify-self:end}.contact-details{gap:var(--space-5);font-size:var(--text-body-sm-size);letter-spacing:var(--letter-spacing-snug);text-align:left;grid-column:1/-1;align-self:auto;position:static;top:auto}.contact-detail{align-items:flex-start;min-width:0}.contact-detail a{align-items:center;min-height:44px;margin-block:-12px;display:inline-flex}}@media (prefers-reduced-motion:reduce){.home-screen{scroll-behavior:auto}.home-about-scroll-layer{animation:none}.home-about-scroll-layer .home-about-content{opacity:1;transform:none}.experience-card{--experience-card-lift:0px;--experience-card-scale:1;transition:none;transform:translateY(0)}.experience-card-surface{box-shadow:var(--shadow-experience-card-rest);transition:none;transform:perspective(1100px)scale(1)rotateX(0)rotateY(0)}.experience-aura-layer,.home-sticker-mask,.home-header-content,.home-header a,.language-toggle,.home-sticker-rail{transition:none}.word-swap-layer--outgoing{display:none}.word-swap-word,.word-swap-layer--incoming.is-prepare .word-swap-word,.word-swap-layer--incoming.is-animate .word-swap-word{will-change:auto;opacity:1!important;filter:none!important;transition:none!important;animation:none!important;transform:none!important}.draggable-sticker,.draggable-sticker.is-pressing{transition:none}.experience-card:active{--experience-card-lift:0px;--experience-card-scale:1}.project-card,.project-card.is-active,.project-card:active,.project-card.is-active:active{--project-card-lift:0px;--project-card-scale:1;opacity:1;transition:none}.projects-content{transition:none}.project-card-surface{box-shadow:var(--shadow-experience-card-rest);transition:none;transform:perspective(1100px)scale(1)rotateX(0)rotateY(0)}.projects-controls button,.skill-reveal-overlay,.skill-icon-burst,.skill-icon-motion,.award-reveal-overlay,.award-card-burst,.award-card-motion{transition:none}.contact-section[data-skill-open] .skill-icon-motion,.contact-section[data-award-open] .award-card-motion{will-change:auto}}@keyframes experience-interactive-loading{0%{background-position:100% 0,0 0}to{background-position:-100% 0,0 0}}@keyframes home-content-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-sticker-exit{0%{opacity:1;translate:0}to{opacity:0;translate:0 -24px}}@keyframes loading-sticker-enter{0%{opacity:0;translate:0 -24px}to{opacity:1;translate:0}}.locale-swap{--locale-out:var(--motion-duration-locale-out);--locale-in:var(--motion-duration-locale-in);min-width:0;line-height:inherit;display:grid}.locale-swap--inline{vertical-align:baseline;display:inline-grid}.locale-swap--compact{--locale-out:60ms;--locale-in:.1s}.locale-swap-text,.locale-swap-measure{white-space:pre-wrap;grid-area:1/1;min-width:0}.locale-swap-measure{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.locale-swap-text{opacity:1;transition:opacity var(--locale-in) var(--motion-ease-locale-in)}.locale-swap-text[data-phase=out]{opacity:0;transition-duration:var(--locale-out);transition-timing-function:ease-out}.locale-swap-text[data-phase=idle]{transition:none}@media (prefers-reduced-motion:reduce){.locale-swap-text{opacity:1;transition:none}}