:root{--gap-quarter: .25rem;--gap-half: .5rem;--gap: 1rem;--gap-double: 2rem;--small-gap: 4rem;--big-gap: 6rem;--main-content: 48rem;--wide-content: 60rem;--radius: 8px;--inline-radius: 6px;--tight-radius: 4px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", "SF Mono", Menlo, Consolas, monospace;--transition: .12s cubic-bezier(.32, .72, 0, 1);--transition-slow: .32s cubic-bezier(.32, .72, 0, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--bg: #fafafa;--surface: #ffffff;--fg: #0a0a0a;--gray: #6b6b6b;--light-gray: #e4e4e4;--lighter-gray: #efefef;--lightest-gray: #f6f6f6;--selection: rgba(0, 0, 0, .99);--accent: #ff5e00;--btn-bg: #ededed;--btn-bg-hover: #e6e6e6;--btn-bg-active: #dcdcdc;--btn-border: rgba(0, 0, 0, .08);--btn-border-hover: rgba(0, 0, 0, .14);--btn-inset-top: rgba(255, 255, 255, .55);--btn-inset-bot: rgba(0, 0, 0, .04);--btn-sheen: none;--btn-shadow: inset 0 2px 3px rgba(0, 0, 0, .12), inset 0 -1px 0 rgba(255, 255, 255, .55);--btn-shadow-hover: inset 0 2px 4px rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(255, 255, 255, .55);--btn-shadow-active: inset 0 3px 6px rgba(0, 0, 0, .22), inset 0 -1px 0 rgba(255, 255, 255, .3);--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .04);--shadow-pop: 0 4px 12px rgba(0, 0, 0, .08), 0 16px 40px rgba(0, 0, 0, .12)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #15171c;--surface: #1c1f25;--fg: #f5f6f8;--gray: #8b929c;--light-gray: #2c3038;--lighter-gray: #1c1f25;--lightest-gray: #181b20;--selection: rgba(255, 255, 255, .99);--btn-bg: #0a0b0e;--btn-bg-hover: #0c0e12;--btn-bg-active: #06070a;--btn-border: rgba(255, 255, 255, .08);--btn-border-hover: rgba(255, 255, 255, .16);--btn-inset-top: rgba(255, 255, 255, .05);--btn-inset-bot: rgba(0, 0, 0, .6);--btn-sheen: none;--btn-shadow: inset 0 2px 4px rgba(0, 0, 0, .7), inset 0 -1px 0 rgba(255, 255, 255, .05);--btn-shadow-hover: inset 0 2px 5px rgba(0, 0, 0, .78), inset 0 -1px 0 rgba(255, 255, 255, .06);--btn-shadow-active: inset 0 3px 7px rgba(0, 0, 0, .85), inset 0 -1px 0 rgba(255, 255, 255, .03);--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .3);--shadow-pop: 0 4px 16px rgba(0, 0, 0, .5), 0 24px 60px rgba(0, 0, 0, .6)}}[data-theme=dark]{--bg: #15171c;--surface: #1c1f25;--fg: #f5f6f8;--gray: #8b929c;--light-gray: #2c3038;--lighter-gray: #1c1f25;--lightest-gray: #181b20;--selection: rgba(255, 255, 255, .99);--btn-bg: #0a0b0e;--btn-bg-hover: #0c0e12;--btn-bg-active: #06070a;--btn-border: rgba(255, 255, 255, .08);--btn-border-hover: rgba(255, 255, 255, .16);--btn-inset-top: rgba(255, 255, 255, .05);--btn-inset-bot: rgba(0, 0, 0, .6);--btn-sheen: none;--btn-shadow: inset 0 2px 4px rgba(0, 0, 0, .7), inset 0 -1px 0 rgba(255, 255, 255, .05);--btn-shadow-hover: inset 0 2px 5px rgba(0, 0, 0, .78), inset 0 -1px 0 rgba(255, 255, 255, .06);--btn-shadow-active: inset 0 3px 7px rgba(0, 0, 0, .85), inset 0 -1px 0 rgba(255, 255, 255, .03);--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .3);--shadow-pop: 0 4px 16px rgba(0, 0, 0, .5), 0 24px 60px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html{scrollbar-gutter:stable;color-scheme:light dark}html,body{overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}*{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--fg) 18%,transparent) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--fg) 14%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background-color .2s ease-out}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab,var(--fg) 32%,transparent)}::-webkit-scrollbar-corner{background:transparent}.cp-list::-webkit-scrollbar{width:6px}.cp-list::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--fg) 16%,transparent);border:1px solid transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-feature-settings:"cv11","ss01","ss03";font-size:16px;line-height:1.55;letter-spacing:-.02em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}::selection{text-shadow:none;background:var(--selection);color:var(--bg)}.shell{max-width:var(--main-content);width:100%;margin:0 auto;padding:var(--small-gap) var(--gap) var(--big-gap)}.shell.wide{max-width:var(--wide-content)}[data-theme=light] .invert-light{filter:invert(1) hue-rotate(180deg)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) .invert-light{filter:invert(1) hue-rotate(180deg)}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);z-index:9999;pointer-events:none;opacity:.9;will-change:transform}#oneko-bubble{position:fixed;z-index:2147483647;pointer-events:none;font-family:var(--font-mono);font-size:.72rem;letter-spacing:-.005em;color:var(--fg);background:var(--surface);border:1px solid var(--btn-border);border-radius:8px;padding:5px 9px;white-space:nowrap;box-shadow:0 2px 4px #0000001a,0 6px 16px #0000001f,inset 0 1px 0 var(--btn-inset-top);transform:translate3d(-50%,-100%,0) scale(.85);transform-origin:50% 100%;opacity:0;transition:opacity .22s var(--ease-out-quint),transform .32s cubic-bezier(.3,1.5,.5,1)}#oneko-bubble[data-show=true]{opacity:1;transform:translate3d(-50%,-100%,0) scale(1)}#oneko-bubble:after{content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:8px;background:var(--surface);border-right:1px solid var(--btn-border);border-bottom:1px solid var(--btn-border);transform:translate(-50%) rotate(45deg)}[data-theme=dark] #oneko-bubble{background:#1c1f25;box-shadow:0 2px 6px #0006,0 8px 22px #00000073,inset 0 1px 0 var(--btn-inset-top)}[data-theme=dark] #oneko-bubble:after{background:#1c1f25}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) #oneko-bubble{background:#1c1f25;box-shadow:0 2px 6px #0006,0 8px 22px #00000073,inset 0 1px 0 var(--btn-inset-top)}:root:not([data-theme=light]) #oneko-bubble:after{background:#1c1f25}}#oneko.oneko-wake{animation:oneko-wake .52s cubic-bezier(.3,1.6,.5,1)}@keyframes oneko-wake{0%{transform:translateZ(0) scale(1) rotate(0)}18%{transform:translate3d(0,-10px,0) scale(1.18) rotate(-6deg)}38%{transform:translateZ(0) scale(.94) rotate(4deg)}60%{transform:translate3d(0,-4px,0) scale(1.06) rotate(-2deg)}to{transform:translateZ(0) scale(1) rotate(0)}}.app-root{animation:page-in .9s var(--ease-out-quint) backwards}@keyframes page-in{0%{opacity:0;filter:blur(18px);transform:translate3d(0,8px,0)}to{opacity:1;filter:blur(0);transform:translateZ(0)}}@media (prefers-reduced-motion: reduce){.app-root{animation:none}}@supports (view-transition-name: theme){::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2;animation:theme-clip .76s var(--ease-out-quint)}@keyframes theme-clip{0%{clip-path:circle(0% at var(--theme-x, 100%) var(--theme-y, 0%))}to{clip-path:circle(150% at var(--theme-x, 100%) var(--theme-y, 0%))}}}@supports not (view-transition-name: theme){html,body{transition:background-color .28s ease,color .28s ease}}[data-reveal]{transition:opacity .68s var(--ease-out-quint),transform .68s var(--ease-out-quint),filter .68s var(--ease-out-quint);transition-delay:calc(var(--i, 0) * 70ms);will-change:opacity,transform}[data-reveal=out]{opacity:0;transform:translate3d(0,24px,0);filter:blur(2px)}[data-reveal=in]{opacity:1;transform:translateZ(0);filter:blur(0)}.route-fade{animation:route-in .52s var(--ease-out-quint)}@keyframes route-in{0%{opacity:0;filter:blur(10px);transform:translate3d(0,10px,0)}to{opacity:1;filter:blur(0);transform:translateZ(0)}}.topbar{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--light-gray)}.topbar-inner{max-width:var(--wide-content);margin:0 auto;padding:.6rem var(--gap);display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}.brand{display:inline-flex;align-items:center;gap:var(--gap-half);font-weight:600;font-size:.9rem;letter-spacing:-.015em;text-decoration:none;color:var(--fg);flex:1 1 0;min-width:0}.brand .dot{width:8px;height:8px;background:var(--accent);border-radius:2px;transition:transform .24s var(--ease-out-quint)}.brand:hover .dot{transform:rotate(45deg) scale(1.1)}.nav-pill{position:relative;display:flex;align-items:center;gap:2px;padding:3px;font-family:var(--font-mono);font-size:.74rem;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:999px;box-shadow:var(--btn-shadow)}.nav-pill .item{position:relative;z-index:2;padding:5px 11px;color:var(--gray);text-decoration:none;border-radius:999px;transition:color .2s var(--ease-out-quint)}.nav-pill .item:hover,.nav-pill .item.active{color:var(--fg)}.nav-pill .indicator{position:absolute;top:3px;bottom:3px;background:var(--surface);border:1px solid var(--btn-border);border-radius:999px;z-index:1;transition:left .32s var(--ease-out-quint),width .32s var(--ease-out-quint),opacity .2s ease-out;pointer-events:none;box-shadow:0 1px 2px #00000029,0 2px 5px #0000001a,inset 0 1px #ffffff80}[data-theme=dark] .nav-pill .indicator{background:#1f2024;box-shadow:0 1px 2px #00000080,0 2px 6px #0006,inset 0 1px #ffffff0f}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .nav-pill .indicator{background:#1f2024;box-shadow:0 1px 2px #00000080,0 2px 6px #0006,inset 0 1px #ffffff0f}}.nav-side{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--gap-half);flex:1 1 0}.cmd-burger{display:none}@media (max-width: 720px){.topbar-inner{padding:.55rem var(--gap-half);gap:var(--gap-half)}.nav-side .btn{--btn-pad-x: 9px;gap:0}.nav-side .cmd-burger{display:inline-flex}.nav-side .btn .cmd-glyph,.nav-side .btn .cmd-label,.nav-side .btn .kbd{display:none}}.btn{--btn-pad-y: .4rem;--btn-pad-x: .7rem;position:relative;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em;font-weight:500;color:var(--gray);background-color:var(--btn-bg);background-image:var(--btn-sheen);border:1px solid var(--btn-border);border-radius:var(--inline-radius);padding:var(--btn-pad-y) var(--btn-pad-x);cursor:pointer;text-decoration:none;box-shadow:var(--btn-shadow);transition:color .18s var(--ease-out-quint),background-color .18s var(--ease-out-quint),border-color .18s var(--ease-out-quint),box-shadow .2s var(--ease-out-quint)}.btn:hover{color:var(--fg);background-color:var(--btn-bg-hover);border-color:var(--btn-border-hover);box-shadow:var(--btn-shadow-hover)}.btn:active{background-color:var(--btn-bg-active);border-color:var(--btn-border-hover);box-shadow:var(--btn-shadow-active)}.btn:active .kbd{box-shadow:inset 0 1px 2px #00000026}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn .kbd{display:inline-flex;align-items:center;padding:1px 5px;font-size:.65rem;color:var(--gray);background:var(--lighter-gray);border-radius:3px;border:1px solid var(--btn-border)}.btn-icon{padding:var(--btn-pad-y)}.floating-toolbar{position:fixed;bottom:var(--gap);z-index:200;display:flex;align-items:center;gap:var(--gap-half);animation:ft-in .52s var(--ease-out-quint) .2s backwards;transition:opacity .32s var(--ease-out-quint),transform .32s var(--ease-out-quint)}.floating-toolbar--right{right:var(--gap)}.floating-toolbar--left{left:var(--gap)}.floating-toolbar .btn{height:30px}.floating-toolbar--center{left:50%;transform:translate(-50%)}.floating-toolbar--center{animation-name:ft-in-center}@keyframes ft-in-center{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.story-mode .floating-toolbar--center,.mode-3d .floating-toolbar--center{transform:translate(-50%,16px)}@keyframes ft-in{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translateZ(0)}}@media (max-width: 720px){.floating-toolbar{gap:6px;bottom:calc(var(--gap-half) + env(safe-area-inset-bottom,0px))}.floating-toolbar--right{right:calc(var(--gap-half) + env(safe-area-inset-right,0px))}.floating-toolbar--left{left:calc(var(--gap-half) + env(safe-area-inset-left,0px))}.floating-toolbar .btn{--btn-pad-y: 9px;--btn-pad-x: 9px;gap:0;height:34px}.floating-toolbar .btn>span:not(.kbd){display:none}.floating-toolbar .ambient-toggle{height:34px;padding:0 9px;gap:6px}.floating-toolbar .ambient-toggle .ambient-vis{width:26px;height:15px}.floating-toolbar .theme-switch{--switch-w: 64px;--switch-h: 34px;--thumb-size: 25px;--thumb-inset: 4.5px}}.ambient-toggle{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px 0 8px;background:var(--lighter-gray);border:1px solid var(--btn-border);border-radius:999px;box-shadow:inset 0 2px 3px #00000029,inset 0 -1px #ffffff8c;color:var(--gray);cursor:pointer;font-family:var(--font-mono);transition:color .22s var(--ease-out-quint),border-color .22s var(--ease-out-quint)}.ambient-toggle:hover{color:var(--fg)}.ambient-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ambient-toggle .ambient-vis{width:56px;height:16px;display:block;opacity:.35;transition:opacity .32s var(--ease-out-quint)}.ambient-toggle[data-on=true] .ambient-vis{opacity:1}.ambient-toggle .ambient-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;color:var(--gray);transition:color .32s var(--ease-out-quint)}.ambient-toggle[data-on=true] .ambient-icon{color:var(--accent)}[data-theme=dark] .ambient-toggle{background:#0d0e10;box-shadow:inset 0 2px 4px #0009,inset 0 -1px #ffffff0a}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .ambient-toggle{background:#0d0e10;box-shadow:inset 0 2px 4px #0009,inset 0 -1px #ffffff0a}}.theme-switch{--switch-w: 60px;--switch-h: 30px;--thumb-size: 24px;--thumb-inset: 2px;background:transparent;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;border-radius:999px}.theme-switch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-switch .track{position:relative;display:inline-flex;align-items:center;width:var(--switch-w);height:var(--switch-h);background:var(--lighter-gray);border:1px solid var(--btn-border);border-radius:999px;box-shadow:inset 0 2px 3px #00000029,inset 0 -1px #ffffff8c;transition:background-color .52s var(--ease-out-quint)}.theme-switch .icon{position:absolute;top:0;bottom:0;width:calc(var(--thumb-size) + 4px);display:inline-flex;align-items:center;justify-content:center;color:var(--gray);pointer-events:none;transition:color .52s var(--ease-out-quint),opacity .52s var(--ease-out-quint)}.theme-switch .icon.left{left:var(--thumb-inset)}.theme-switch .icon.right{right:var(--thumb-inset)}.theme-switch[data-on=false] .icon.left,.theme-switch[data-on=true] .icon.right{color:var(--accent)}.theme-switch .thumb{position:absolute;top:50%;left:var(--thumb-inset);transform:translate(0) translateY(-50%);width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background:var(--surface);border:1px solid var(--btn-border);box-shadow:0 1px 2px #0003,0 2px 6px #00000024,inset 0 1px 0 var(--btn-inset-top);transition:transform .72s cubic-bezier(.32,.72,0,1),background-color .52s var(--ease-out-quint);z-index:1}.theme-switch[data-on=true] .thumb{transform:translate(calc(var(--switch-w) - var(--thumb-size) - var(--thumb-inset) * 2)) translateY(-50%)}.theme-switch .track,.theme-switch .icon{transition-duration:.52s}.theme-switch:active .thumb{box-shadow:0 1px 1px #0000002e,inset 0 1px 1px #00000014}.theme-switch:active .track{box-shadow:inset 0 3px 5px #0003,inset 0 -1px #fff6}[data-theme=dark] .theme-switch .track{background:#0d0e10;box-shadow:inset 0 2px 4px #0009,inset 0 -1px #ffffff0a}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .theme-switch .track{background:#0d0e10;box-shadow:inset 0 2px 4px #0009,inset 0 -1px #ffffff0a}}.ft-toc-slot{display:contents}.ft-toc-slot:empty{display:none}.toc-trigger[data-open=true]{color:var(--fg);background-color:var(--btn-bg-active);border-color:var(--btn-border-hover);box-shadow:var(--btn-shadow-active)}h1,h2,h3,h4{font-weight:600;text-wrap:balance;margin:0;color:var(--fg)}h1{font-size:2.25rem;letter-spacing:-.045em;line-height:1.08}h2{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);font-weight:500}h3{font-size:1.05rem;letter-spacing:-.018em;line-height:1.35}h4{font-size:.92rem;letter-spacing:-.012em;line-height:1.4}p,li{font-size:1rem;margin:0;color:var(--fg)}a{color:var(--fg);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--fg) 18%,transparent);text-underline-offset:3px;transition:color var(--transition),text-decoration-color var(--transition)}a:hover{color:var(--gray);text-decoration-color:var(--gray)}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}code,.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-size:.85em}.tabular,time,.metric{font-variant-numeric:tabular-nums}hr{border:none;border-top:1px solid var(--light-gray);margin:0}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-double);padding-bottom:var(--small-gap)}.hero h1{margin-bottom:var(--gap-half)}.hero .role{color:var(--gray);font-size:.95rem}.hero .role .sep{display:inline-block;width:4px;height:4px;background:currentColor;border-radius:1px;margin:0 var(--gap-half);vertical-align:middle;opacity:.5}.contacts{display:flex;flex-direction:column;gap:var(--gap-quarter);text-align:right;font-size:.82rem;font-family:var(--font-mono);color:var(--gray)}.contacts a{color:var(--gray);text-decoration-color:transparent}.contacts a:hover{color:var(--fg);text-decoration-color:color-mix(in oklab,var(--fg) 25%,transparent)}.sections{counter-reset:section}.section{display:grid;grid-template-columns:8rem 1fr;gap:var(--gap-double);padding:var(--gap-double) 0;border-top:1px solid var(--light-gray);counter-increment:section;position:relative}.section h2{padding-top:.2rem}.section:before{content:counter(section,decimal-leading-zero);position:absolute;left:0;top:calc(var(--gap-double) + .18rem);font-family:var(--font-mono);font-size:.65rem;color:var(--accent);letter-spacing:.04em;opacity:.7}.section h2{padding-left:1.6rem}.section-body{display:flex;flex-direction:column;gap:var(--gap-double)}.intro p{font-size:1.0625rem;line-height:1.6}.intro p+p{margin-top:var(--gap)}.row{display:flex;flex-direction:column;gap:var(--gap-half)}.row-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap)}.row-head .meta{font-family:var(--font-mono);font-size:.76rem;color:var(--gray);white-space:nowrap;font-variant-numeric:tabular-nums}.row .org{font-size:.95rem;color:var(--fg);font-weight:500;letter-spacing:-.012em;margin-top:2px}.row .sub{font-size:.88rem;color:var(--gray);margin-top:1px}.row ul{margin:var(--gap-half) 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:var(--gap-quarter)}.row li{font-size:.95rem;line-height:1.55}.row li::marker{color:var(--gray)}.project-grid{display:flex;flex-direction:column;gap:var(--gap-half)}.project-card-wrap{display:block}.view-all-btn{width:100%;margin-top:var(--gap-half);display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--gray);padding:calc(var(--gap) * .85) var(--gap);border:1px dashed var(--btn-border);border-radius:var(--inline-radius);background-color:transparent;cursor:pointer;transition:color .2s var(--ease-out-quint),background-color .2s var(--ease-out-quint),border-color .2s var(--ease-out-quint)}.view-all-btn:hover{color:var(--fg);background-color:var(--btn-bg);border-color:var(--btn-border-hover)}.view-all-btn .chev{color:var(--accent);font-size:.9em}.project-card{display:grid;grid-template-columns:5rem 1fr;gap:var(--gap);align-items:center;padding:var(--gap) var(--gap);border:1px solid var(--btn-border);border-radius:var(--inline-radius);background-color:var(--btn-bg);box-shadow:var(--btn-shadow);text-decoration:none;color:var(--fg);transition:background-color .22s var(--ease-out-quint),box-shadow .22s var(--ease-out-quint),border-color .22s var(--ease-out-quint)}.project-card:hover{text-decoration:none;background-color:var(--btn-bg-hover);border-color:var(--btn-border-hover);box-shadow:var(--btn-shadow-hover)}.project-card:active{background-color:var(--btn-bg-active);box-shadow:var(--btn-shadow-active)}.project-card .id{font-family:var(--font-mono);font-size:.7rem;color:var(--gray);letter-spacing:.06em}.project-card .name{display:flex;flex-direction:column;gap:2px}.project-card .name strong{font-weight:600;font-size:1rem;letter-spacing:-.015em}.project-card .name .tagline{font-size:.86rem;color:var(--gray);line-height:1.4}.project-card .status{font-family:var(--font-mono);font-size:.62rem;color:var(--gray);letter-spacing:.1em;margin-bottom:2px}.project-card .status[data-status=SHIPPED],.project-card .status[data-status=LIVE]{color:var(--accent)}.skills-grid{display:flex;flex-direction:column;gap:var(--gap-half)}.skill-row{display:grid;grid-template-columns:7rem 1fr;gap:var(--gap);font-size:.92rem}.skill-row .label{color:var(--gray);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;padding-top:.1rem}.tags{display:flex;flex-wrap:wrap;gap:var(--gap-quarter) var(--gap-half)}.tag{font-size:.88rem}.tag-sep{color:var(--gray);margin:0 2px;opacity:.6}.education-row{display:flex;flex-direction:column;gap:2px}.education-row .top{display:flex;justify-content:space-between;gap:var(--gap)}.education-row .school{font-weight:500}.education-row .degree,.education-row .meta{font-size:.88rem;color:var(--gray)}.education-row .meta{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.certs{display:flex;flex-direction:column;gap:var(--gap-half)}.cert{display:flex;justify-content:space-between;gap:var(--gap);font-size:.92rem}.cert .when{font-family:var(--font-mono);font-size:.8rem;color:var(--gray)}.footer{margin-top:var(--big-gap);padding-top:var(--gap-double);border-top:1px solid var(--light-gray);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--gap);font-family:var(--font-mono);font-size:.7rem;color:var(--gray)}.proj{display:flex;flex-direction:column;gap:var(--small-gap)}.proj-header{display:flex;flex-direction:column;gap:var(--gap)}.proj-meta-strip{display:flex;flex-wrap:wrap;gap:var(--gap-half) var(--gap);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;color:var(--gray)}.proj-meta-strip .kv{display:inline-flex;gap:4px}.proj-meta-strip .kv .k{opacity:.5}.proj-meta-strip .kv .v{color:var(--fg)}.proj-meta-strip .proj-visits{margin-left:auto;display:inline-flex;flex-wrap:wrap;gap:var(--gap)}.proj-meta-strip .proj-visit{display:inline-flex;align-items:center;gap:5px;color:var(--proj-accent, var(--accent));text-decoration:none}.proj-meta-strip .proj-visit:hover{text-decoration:underline}.proj h1{font-size:2.5rem;letter-spacing:-.045em;line-height:1.05}.proj .tagline{font-size:1.125rem;color:var(--gray);max-width:36rem;line-height:1.5;text-wrap:balance}.proj-stack{display:flex;flex-wrap:wrap;gap:var(--gap-half)}.proj-hero{margin-top:calc(var(--gap-double) - var(--small-gap));border:1px solid var(--btn-border);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-card)}.proj-hero img{display:block;width:100%;height:auto}.proj-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--btn-border);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-card),inset 0 1px 0 var(--btn-inset-top)}.proj-metrics .metric-cell{padding:var(--gap) var(--gap);border-right:1px solid var(--light-gray);display:flex;flex-direction:column;gap:var(--gap-quarter);position:relative}.proj-metrics .metric-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in oklab,var(--fg) 1.5%,transparent),transparent 40%);pointer-events:none}.proj-metrics .metric-cell:last-child{border-right:none}.proj-metrics .metric-cell .value{font-size:1.5rem;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:2px;position:relative;z-index:1}.proj-metrics .metric-cell .unit{font-size:.85rem;font-weight:500;color:var(--gray)}.proj-metrics .metric-cell .label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;color:var(--gray);line-height:1.5;position:relative;z-index:1}.proj-overview{display:flex;flex-direction:column;gap:var(--gap)}.proj-overview p{font-size:1.0625rem;line-height:1.6}.proj-section{display:grid;grid-template-columns:8rem 1fr;gap:var(--gap-double);padding-top:var(--gap-double);border-top:1px solid var(--light-gray)}.proj-section .label{font-family:var(--font-mono);font-size:.68rem;color:var(--gray);letter-spacing:.08em;padding-top:.3rem}.proj-section .body{display:flex;flex-direction:column;gap:var(--gap)}.proj-section .body p{font-size:1rem;line-height:1.6}.figure{display:flex;flex-direction:column;gap:var(--gap-half);margin-top:var(--gap-half)}.proj-section .figure,.proj-figma .figure{width:calc(100% + 8rem + var(--gap-double));margin-left:calc(-8rem - var(--gap-double))}.figure .frame{position:relative;width:100%;aspect-ratio:16 / 9;border:1px solid var(--btn-border);border-radius:var(--radius);overflow:hidden;background:radial-gradient(circle at 50% 50%,color-mix(in oklab,var(--fg) 4%,transparent),transparent 70%),var(--surface);box-shadow:var(--shadow-card),inset 0 1px 0 var(--btn-inset-top);transition:border-color .22s var(--ease-out-quint),transform .32s var(--ease-out-quint)}.figure .frame:hover{border-color:var(--btn-border-hover);transform:translate3d(0,-2px,0)}.figure .frame:before{content:attr(data-kind);position:absolute;bottom:var(--gap-half);right:var(--gap-half);padding:3px 7px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;color:var(--gray);background:var(--bg);border:1px solid var(--btn-border);border-radius:3px}.figure .frame:after{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border:1px dashed color-mix(in oklab,var(--gray) 60%,transparent);border-radius:4px;opacity:.5}.figure .caption{display:flex;gap:var(--gap-half);font-family:var(--font-mono);font-size:.7rem;color:var(--gray);letter-spacing:.02em}.figure .caption .id{color:var(--accent)}.figure .frame-img{display:block;width:100%;height:auto;border:1px solid var(--btn-border);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-card),inset 0 1px 0 var(--btn-inset-top);transition:border-color .22s var(--ease-out-quint),transform .32s var(--ease-out-quint)}.figure .frame-img:hover{border-color:var(--btn-border-hover);transform:translate3d(0,-2px,0)}.proj-figma{display:grid;grid-template-columns:8rem 1fr;gap:var(--gap-double);padding-top:var(--gap-double);border-top:1px solid var(--light-gray)}.proj-figma .label{font-family:var(--font-mono);font-size:.68rem;color:var(--gray);letter-spacing:.08em;padding-top:.3rem}.proj-figma .frame{aspect-ratio:16 / 10}.toc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8500;display:flex;align-items:flex-end;justify-content:center;padding:clamp(1rem,4vw,3rem);padding-bottom:calc(5.25rem + env(safe-area-inset-bottom,0px));background:color-mix(in oklab,var(--bg) 18%,transparent);overscroll-behavior:contain;animation:toc-overlay-in .14s ease-out}[data-theme=dark] .toc-overlay,:root:not([data-theme=light]) .toc-overlay{background:#00000029}@keyframes toc-overlay-in{0%{opacity:0}to{opacity:1}}.toc-pop{position:relative;width:min(21rem,92vw);max-height:min(62vh,30rem);display:flex;flex-direction:column;padding:var(--gap-half);background:var(--surface);border:1px solid var(--btn-border);border-radius:12px;box-shadow:var(--shadow-pop),inset 0 1px 0 var(--btn-inset-top);animation:toc-pop-in .22s var(--ease-out-quint);transform-origin:bottom center}@keyframes toc-pop-in{0%{opacity:0;transform:translate3d(0,8px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}.toc-pop-head{padding:var(--gap-half) var(--gap-half) var(--gap-quarter);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gray);opacity:.7}.toc-pop-list{list-style:none;margin:0;padding:0;overflow-y:auto;scrollbar-width:thin}.toc-pop-item{display:grid;grid-template-columns:1.5rem minmax(0,1fr) .5rem;gap:var(--gap-half);align-items:center;width:100%;text-align:left;background:transparent;border:0;border-radius:8px;padding:.5rem var(--gap-half);cursor:pointer;color:var(--gray);font-family:inherit;transition:background-color .14s var(--ease-out-quint),color .14s var(--ease-out-quint)}.toc-pop-item:hover{background:color-mix(in oklab,var(--fg) 5%,transparent);color:var(--fg)}.toc-pop-item:focus-visible{outline:2px solid var(--toc-accent, var(--accent));outline-offset:-2px}.toc-pop-marker{display:inline-flex;align-items:center;justify-content:center;color:var(--gray);transition:color .14s var(--ease-out-quint)}.toc-pop-marker svg{width:14px;height:14px;display:block}.toc-pop-num{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.02em}.toc-pop-label{min-width:0;font-size:.82rem;line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toc-pop-flag{justify-self:end;width:6px;height:6px;border-radius:50%;background:transparent;transition:background-color .14s var(--ease-out-quint),box-shadow .14s var(--ease-out-quint)}.toc-pop-item[data-active=true]{background:color-mix(in oklab,var(--toc-accent, var(--accent)) 13%,transparent);color:var(--fg)}.toc-pop-item[data-active=true] .toc-pop-marker{color:var(--toc-accent, var(--accent))}.toc-pop-item[data-active=true] .toc-pop-label{font-weight:500}.toc-pop-item[data-active=true] .toc-pop-flag{background:var(--toc-accent, var(--accent));box-shadow:0 0 8px -1px var(--toc-accent, var(--accent))}.proj-nav{display:flex;justify-content:space-between;align-items:center;padding-top:var(--gap-double);border-top:1px solid var(--light-gray);font-family:var(--font-mono);font-size:.76rem}.proj-nav a{text-decoration:none;color:var(--gray);display:inline-flex;align-items:center;gap:var(--gap-half);transition:color .2s var(--ease-out-quint),transform .2s var(--ease-out-quint)}.proj-nav a:hover{color:var(--fg)}.proj-nav .prev:hover{transform:translate(-3px)}.proj-nav .next:hover{transform:translate(3px)}.codeblock{margin-top:var(--gap);border:1px solid var(--btn-border);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-card),inset 0 1px 0 var(--btn-inset-top)}.codeblock-bar{display:flex;align-items:center;gap:var(--gap-half);padding:.5rem .85rem;border-bottom:1px solid var(--light-gray);font-family:var(--font-mono);font-size:.7rem}.codeblock-dot{width:8px;height:8px;border-radius:2px;background:var(--proj-accent, var(--accent))}.codeblock-name{color:var(--gray);letter-spacing:.01em}.codeblock-lang{margin-left:auto;color:var(--gray);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;padding:2px 7px;border:1px solid var(--btn-border);border-radius:999px}.codeblock-pre{margin:0;padding:.9rem 1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.78rem;line-height:1.65;color:var(--fg);-moz-tab-size:2;tab-size:2;scrollbar-width:thin}.codeblock-pre code{font:inherit;white-space:pre}.codeblock-pre:focus-visible{outline:2px solid var(--proj-accent, var(--accent));outline-offset:-3px}.tok-comment{color:var(--gray);font-style:italic}.tok-string{color:var(--proj-accent, var(--accent))}.tok-code{color:var(--fg)}.gd{display:flex;flex-direction:column;gap:var(--gap-half);margin-top:var(--gap)}.gd-frame{border:1px solid var(--btn-border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card),inset 0 1px 0 var(--btn-inset-top);padding:clamp(.8rem,2.5vw,1.5rem);overflow-x:auto;scrollbar-width:thin}.gd-svg{display:block;width:100%;min-width:600px;height:auto}.gd-cap{display:flex;gap:var(--gap-half);font-family:var(--font-mono);font-size:.7rem;color:var(--gray)}.gd-cap-id{color:var(--proj-accent, var(--accent))}.gd-box{fill:var(--bg);stroke:color-mix(in oklab,var(--fg) 26%,transparent);stroke-width:1.4}.gd-box-acc{fill:color-mix(in oklab,var(--proj-accent, var(--accent)) 10%,var(--surface));stroke:var(--proj-accent, var(--accent));stroke-width:1.5}.gd-edge{stroke:color-mix(in oklab,var(--fg) 34%,transparent);stroke-width:1.5;fill:none}.gd-arrow{fill:color-mix(in oklab,var(--fg) 46%,transparent)}.gd-mono{fill:var(--fg);font-family:var(--font-mono)}.gd-dim{fill:var(--gray);font-family:var(--font-mono)}.gd-acc{fill:var(--proj-accent, var(--accent));font-family:var(--font-mono)}.cp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0000006b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding-top:18vh;animation:cp-overlay-in .2s var(--ease-out-quint)}[data-theme=dark] .cp-overlay,:root:not([data-theme=light]) .cp-overlay{background:#0000008c}@keyframes cp-overlay-in{0%{opacity:0}to{opacity:1}}.cp{width:min(36rem,92vw);background:var(--surface);border:1px solid var(--btn-border);border-radius:12px;box-shadow:var(--shadow-pop),inset 0 1px 0 var(--btn-inset-top);overflow:hidden;animation:cp-in .28s var(--ease-out-quint)}@keyframes cp-in{0%{opacity:0;transform:translate3d(0,-12px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}.cp-input-row{display:flex;align-items:center;gap:var(--gap-half);padding:.85rem var(--gap);border-bottom:1px solid var(--light-gray)}.cp-input-row .prompt{font-family:var(--font-mono);font-size:.85rem;color:var(--accent);font-weight:500}.cp-input-row input{flex:1;background:transparent;border:none;outline:none;color:var(--fg);font-family:var(--font-sans);font-size:.95rem;letter-spacing:-.015em}.cp-input-row input::placeholder{color:var(--gray)}.cp-input-row .esc{font-family:var(--font-mono);font-size:.65rem;color:var(--gray);padding:2px 6px;border:1px solid var(--btn-border);border-radius:3px}.cp-list{list-style:none;margin:0;padding:var(--gap-half);max-height:60vh;overflow-y:auto}.cp-group-label{padding:var(--gap-half) var(--gap-half) var(--gap-quarter);font-family:var(--font-mono);font-size:.62rem;color:var(--gray);letter-spacing:.1em}.cp-item{display:grid;grid-template-columns:1.6rem minmax(0,1fr) minmax(0,auto);gap:var(--gap-half);align-items:center;padding:.55rem var(--gap-half);border-radius:6px;font-size:.9rem;color:var(--fg);cursor:pointer;transition:background-color .1s ease-out}.cp-item .icon{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.72rem;color:var(--gray);text-align:center;white-space:nowrap}.cp-item .icon svg{width:15px;height:15px;display:block}.cp-item .label-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-item .hint{font-family:var(--font-mono);font-size:.66rem;color:var(--gray);letter-spacing:.04em;max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-item[data-active=true]{background:color-mix(in oklab,var(--fg) 6%,transparent)}.cp-item[data-active=true] .icon{color:var(--accent)}.cp-empty{padding:var(--gap);text-align:center;font-family:var(--font-mono);font-size:.78rem;color:var(--gray)}.shell.nf{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding-top:var(--small-gap);padding-bottom:var(--big-gap);text-align:center}.nf-block{display:flex;flex-direction:column;align-items:center;gap:var(--gap-double);width:100%;max-width:32rem;text-align:center}.nf-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap-half) var(--gap);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--gray)}.nf-strip .kv .k{opacity:.5}.nf-strip .kv .v{color:var(--fg)}.nf-strip .kv .v:first-of-type{color:var(--accent)}.nf-code{font-family:var(--font-mono);font-size:clamp(4rem,18vw,8rem);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--fg);margin:0;font-variant-numeric:tabular-nums}.nf-tagline{font-size:1.0625rem;line-height:1.55;color:var(--gray);max-width:26rem;margin:0 auto;text-wrap:balance}.nf-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--gap);margin-top:var(--gap-half)}.nf-btn{text-decoration:none}.nf-hint{font-family:var(--font-mono);font-size:.78rem;color:var(--gray);display:inline-flex;align-items:center;gap:4px}.nf-hint kbd,.footer-hint kbd{font-family:var(--font-mono);font-size:.7rem;padding:1px 5px;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:3px;color:var(--fg);box-shadow:inset 0 -1px #0000000f}.footer-hint{display:inline-flex;align-items:center;gap:4px}.footer-hint kbd{font-size:.66rem;padding:0 4px}.app-root{transform-origin:50% 100%;transition:transform .82s var(--ease-out-quint),opacity .6s var(--ease-out-quint),filter .6s var(--ease-out-quint)}.mode-3d .app-root{transform:perspective(1400px) rotateX(-74deg) scale(.86);opacity:0;filter:blur(6px);pointer-events:none}.mode-3d{overflow-x:hidden}.mode-3d .scroll-progress{display:none}.mode-3d .floating-toolbar{opacity:0;transform:translate3d(0,16px,0);pointer-events:none}.mode-3d #oneko,.mode-3d #oneko-bubble{display:none!important}@media (prefers-reduced-motion: reduce){.app-root{transition:opacity .2s linear}.mode-3d .app-root{transform:none;filter:none}}.scene-3d{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:var(--bg);opacity:0;pointer-events:none;overflow:hidden;transition:opacity .7s var(--ease-out-quint)}.scene-3d[data-open=true]{opacity:1;pointer-events:auto}.scene-3d canvas{display:block;touch-action:none}.scene-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gray)}.scene-exit{position:fixed;top:var(--gap);right:var(--gap);z-index:950}.scene-card{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none}.scene-card .scene-card-id{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;color:#ffffffbf}.scene-card strong{font-size:1.1rem;font-weight:600;letter-spacing:-.02em;color:#fff}.lobby{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-double);padding:var(--big-gap) var(--gap) var(--gap);text-align:center}.lobby-kicker{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gray);margin:0}.lobby-title{font-size:clamp(1.6rem,4vw,2.6rem);letter-spacing:-.035em;line-height:1.05;margin:0}.lobby-stage{display:flex;align-items:flex-end;justify-content:center;min-height:38vh}.guide{transform:perspective(900px) translate(calc(var(--look, 0) * 14px)) rotateY(calc(var(--look, 0) * 9deg)) rotateX(calc(var(--look-y, 0) * -5deg)) rotate(calc(var(--look, 0) * 1.5deg)) translateY(calc(var(--look-y, 0) * 7px));transform-origin:50% 72%;transition:transform .36s var(--ease-out-quint);will-change:transform}.guide-bob{width:clamp(150px,20vw,240px);aspect-ratio:850 / 1200;animation:guide-bob 4.5s ease-in-out infinite}@keyframes guide-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.6%)}}.lobby-cards{display:flex;flex-wrap:wrap;gap:var(--gap-half);justify-content:center;max-width:52rem}.lobby-card{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;padding:.7rem 1rem;border-radius:var(--inline-radius);border:1px solid var(--btn-border);background:var(--btn-bg);box-shadow:var(--btn-shadow);color:var(--fg);cursor:pointer;transition:border-color .2s var(--ease-out-quint),box-shadow .2s var(--ease-out-quint),transform .2s var(--ease-out-quint)}.lobby-card:hover,.lobby-card:focus-visible{outline:none;border-color:color-mix(in oklab,var(--c, var(--accent)) 60%,var(--btn-border));box-shadow:var(--btn-shadow-hover),0 0 0 1px var(--c, var(--accent));transform:translateY(-2px)}.lobby-card .lobby-card-id{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--gray)}.lobby-card strong{font-size:.95rem;letter-spacing:-.01em}@media (max-width: 640px){.lobby{justify-content:flex-start;overflow-y:auto;gap:var(--gap);padding:calc(var(--big-gap) * .55) var(--gap) var(--gap)}.lobby-stage{min-height:20vh}.guide-bob{width:clamp(104px,32vw,150px)}.lobby-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%;max-width:23rem}.lobby-card{padding:.5rem .7rem;align-items:center;text-align:center}.lobby-card strong{font-size:.82rem}}@media (prefers-reduced-motion: reduce){.guide-bob{animation:none}.guide{transition:none;transform:none}.guide-pop.is-pop{animation:none}}.lobby-stage{align-items:center}.guide-pop.is-pop{animation:guide-pop .46s var(--ease-out-quint)}@keyframes guide-pop{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-16px) scale(1.06)}60%{transform:translateY(0) scale(.99)}to{transform:translateY(0) scale(1)}}.speech{position:relative;width:min(22rem,78vw);text-align:left;background:var(--surface);border:1px solid var(--btn-border);border-radius:var(--radius);padding:var(--gap) var(--gap) var(--gap-half);box-shadow:var(--shadow-pop),inset 0 1px 0 var(--btn-inset-top);animation:speech-in .28s var(--ease-out-quint)}@keyframes speech-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.speech:before{content:"";position:absolute;left:-6px;top:30px;width:12px;height:12px;background:var(--surface);border-left:1px solid var(--btn-border);border-bottom:1px solid var(--btn-border);transform:rotate(45deg)}.speech-text{font-size:.98rem;line-height:1.5;color:var(--fg);margin:0 0 var(--gap-half);min-height:3em}.speech-caret{display:inline-block;width:2px;height:1.05em;background:var(--accent);margin-left:2px;vertical-align:-2px;opacity:0}.speech-more{text-decoration:none}.speech-close{position:absolute;top:6px;right:8px;padding:2px;background:none;border:0;color:var(--gray);font-size:1rem;line-height:1;cursor:pointer}.speech-close:hover{color:var(--fg)}.lobby-card.is-active{border-color:var(--c, var(--accent));box-shadow:var(--btn-shadow-hover),0 0 0 1px var(--c, var(--accent))}@media (max-width: 720px){.lobby-stage{flex-direction:column;gap:var(--gap)}.speech:before{display:none}}.guide-col{display:flex;flex-direction:column;align-items:center;gap:var(--gap-half)}.guide-hit{display:block;padding:0;background:none;border:0;cursor:pointer}.guide-hit:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:var(--radius)}.guide-hint{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;color:var(--gray);opacity:.6;animation:hint-pulse 2.6s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.35}50%{opacity:.8}}@media (prefers-reduced-motion: reduce){.guide-hint{animation:none}}.guide[data-talking=true] .guide-bob{animation:talk-nod .3s ease-in-out infinite}@keyframes talk-nod{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.6%) rotate(-1.2deg)}}@media (prefers-reduced-motion: reduce){.guide[data-talking=true] .guide-bob{animation:none}}.guide-bob{position:relative}.guide-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.story-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:920;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .7s var(--ease-out-quint)}.story-overlay[data-open=true]{opacity:1;pointer-events:auto}.story-mode .scroll-progress{display:none}.story-mode .floating-toolbar{opacity:0;transform:translate3d(0,16px,0);pointer-events:none}.story-mode #oneko,.story-mode #oneko-bubble{display:none!important}html.story-mode,html.story-mode body{overflow:hidden}.story-exit{position:fixed;top:var(--gap);right:var(--gap);z-index:950}.story-scroll{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;background:radial-gradient(58% 40% at 78% -10%,color-mix(in oklab,var(--accent) 10%,var(--bg)),var(--bg) 70%)}.story-scroll::-webkit-scrollbar{display:none}.story-section{height:100vh;display:grid;place-items:center;padding:8vh var(--gap) 16vh}.story-scene{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:42rem}.story-prop{width:clamp(170px,24vw,300px);margin-bottom:var(--gap-double);color:var(--fg);opacity:0;transform:translateY(46px) scale(.82);transition:opacity .64s var(--ease-out-quint),transform .72s var(--ease-out-quint)}.story-section.is-active .story-prop{opacity:1;transform:none}.story-prop-fx{will-change:transform,filter}.story-prop-fx svg{width:100%;height:auto;display:block;overflow:visible}.story-section.is-active .story-prop-fx{animation:prop-float 5.5s ease-in-out infinite .6s;filter:drop-shadow(0 14px 26px color-mix(in oklab,var(--accent) 26%,transparent))}@keyframes prop-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}.story-prop-fx [class*=p-]{transform-box:fill-box;transform-origin:center}.story-prop-fx .p-tassel{transform-origin:50% 0%}.story-section.is-active .p-tassel{animation:tassel-swing 2.4s ease-in-out infinite}@keyframes tassel-swing{0%,to{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}.story-prop-fx .p-lid{transform-origin:50% 100%;transform:rotate(-58deg)}.story-section.is-active .p-lid{animation:lid-open .76s var(--ease-out-quint) .22s forwards}@keyframes lid-open{0%{transform:rotate(-58deg)}to{transform:rotate(0)}}.story-prop-fx .p-zzz{opacity:0}.story-section.is-active .p-zzz{animation:zzz-rise 2.8s ease-out infinite .8s}@keyframes zzz-rise{0%{opacity:0;transform:translateY(8px)}30%{opacity:.9}to{opacity:0;transform:translateY(-26px)}}.story-prop-fx .p-bub{transform:scale(0);opacity:0}.story-section.is-active .p-bub1{animation:bub-pop .44s var(--ease-out-quint) .22s forwards}.story-section.is-active .p-bub2{animation:bub-pop .44s var(--ease-out-quint) .54s forwards}@keyframes bub-pop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}.story-prop-fx .p-fizz{opacity:0}.story-section.is-active .p-fizz{animation:fizz 1.8s ease-out infinite .3s}@keyframes fizz{0%{opacity:0;transform:translateY(10px)}40%{opacity:1}to{opacity:0;transform:translateY(-16px)}}.story-section.is-active .p-cushion{animation:cushion 4s ease-in-out infinite}@keyframes cushion{0%,to{transform:scaleY(1)}50%{transform:scaleY(.96) translateY(3px)}}.story-section.is-active .p-fan{animation:spin 2.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.story-section.is-active .p-heart{animation:heartbeat 1.4s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}18%{transform:scale(1.22)}34%{transform:scale(1)}50%{transform:scale(1.16)}}.story-section.is-active .p-race{animation:race-dash .7s linear infinite}@keyframes race-dash{to{stroke-dashoffset:-34}}.story-section.is-active .p-note{animation:note-bounce 1.2s ease-in-out infinite}@keyframes note-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.story-section.is-active .p-screen{animation:flicker 3.4s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}8%{opacity:.5}12%{opacity:1}72%{opacity:1}76%{opacity:.6}80%{opacity:1}}.story-prop-fx .p-tear{opacity:0}.story-section.is-active .p-tear{animation:tear-drop 3s ease-in infinite 1s}@keyframes tear-drop{0%{opacity:0;transform:translateY(-6px)}20%{opacity:1}to{opacity:0;transform:translateY(42px)}}.story-kicker{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--gap-half);opacity:0;transform:translateY(14px);transition:opacity .52s var(--ease-out-quint) .18s,transform .52s var(--ease-out-quint) .18s}.story-headline{font-size:clamp(1.7rem,4.4vw,3rem);letter-spacing:-.04em;line-height:1.06;margin:0;max-width:18ch;opacity:0;transform:translateY(18px);transition:opacity .56s var(--ease-out-quint) .28s,transform .56s var(--ease-out-quint) .28s}.story-section.is-active .story-kicker,.story-section.is-active .story-headline{opacity:1;transform:none}.narrator{position:fixed;left:clamp(14px,3vw,44px);bottom:clamp(14px,3vh,34px);z-index:930;display:flex;align-items:flex-end;gap:14px;max-width:min(36rem,82vw);pointer-events:none}.narrator-head{width:clamp(92px,12vw,148px);flex:none}.narrator-head .guide{transition:none}.narrator-head .guide-bob{width:100%}.narrator-bubble{position:relative;margin-bottom:22px;min-width:12rem;background:var(--surface);border:1px solid var(--btn-border);border-radius:var(--radius);padding:var(--gap) var(--gap) var(--gap-half);box-shadow:var(--shadow-pop),inset 0 1px 0 var(--btn-inset-top);animation:bubble-in .32s var(--ease-out-quint)}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.narrator-bubble:before{content:"";position:absolute;left:-7px;bottom:16px;width:13px;height:13px;background:var(--surface);border-left:1px solid var(--btn-border);border-bottom:1px solid var(--btn-border);transform:rotate(45deg)}.narrator-text{margin:0;font-size:clamp(.92rem,1.3vw,1.05rem);line-height:1.55;color:var(--fg);min-height:3em}.speech-caret{display:inline-block;width:2px;height:1.05em;background:var(--accent);margin-left:3px;vertical-align:-2px;opacity:0}.speech-caret[data-on=true]{opacity:1;animation:caret-blink .7s step-end infinite}@keyframes caret-blink{50%{opacity:0}}.story-rail{position:fixed;right:clamp(14px,2vw,28px);top:50%;transform:translateY(-50%);z-index:930;display:flex;flex-direction:column;gap:10px}.story-dot{width:7px;height:7px;border-radius:50%;background:color-mix(in oklab,var(--fg) 24%,transparent);transition:background .22s,transform .22s}.story-dot.is-on{background:var(--accent);transform:scale(1.4)}.story-scrollhint{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:930;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;color:var(--gray);margin:0;transition:opacity .32s;animation:hint-pulse 2.4s ease-in-out infinite}.story-scrollhint[data-hide=true]{opacity:0}@keyframes hint-pulse{0%,to{opacity:.4}50%{opacity:.85}}@media (max-width: 720px){.narrator{gap:8px;bottom:10px}.narrator-head{width:76px}.narrator-bubble{min-width:9rem;font-size:.86rem}.story-rail{display:none}}@media (prefers-reduced-motion: reduce){.story-prop,.story-kicker,.story-headline{transition:opacity .2s linear;transform:none}.story-prop-fx,.story-prop-fx *{animation:none!important}.story-prop-fx .p-lid{transform:none}.story-prop-fx .p-bub,.story-prop-fx .p-zzz,.story-prop-fx .p-fizz,.story-prop-fx .p-tear{opacity:1}.story-scrollhint{animation:none}}.world-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:910;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .7s var(--ease-out-quint)}.world-overlay[data-open=true]{opacity:1;pointer-events:auto}.world-mode .scroll-progress{display:none}.world-mode .floating-toolbar{opacity:0;transform:translate3d(0,16px,0);pointer-events:none}.world-mode .floating-toolbar--center{transform:translate(-50%,16px)}.world-mode #oneko,.world-mode #oneko-bubble{display:none!important}html.world-mode,html.world-mode body{overflow:hidden}.world-exit{position:fixed;top:var(--gap);right:var(--gap);z-index:950}.world{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.world-canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;perspective:1600px;perspective-origin:50% 50%;background-color:var(--bg);background-image:radial-gradient(circle,color-mix(in oklab,var(--fg) 14%,transparent) 1.1px,transparent 1.6px);background-repeat:repeat}.world-canvas.is-grabbing{cursor:grabbing}.world-surface{position:absolute;top:0;left:0;transform-origin:0 0;transform-style:preserve-3d;will-change:transform}.world-cell{position:absolute;padding:0;border:0;background:none;cursor:pointer;perspective:900px;transform-origin:center center;-webkit-tap-highlight-color:transparent}.world-cell:focus{outline:none}.world-cell-inner{display:block;width:100%;height:100%;border-radius:var(--inline-radius);overflow:hidden;background:var(--surface);border:1px solid var(--btn-border);box-shadow:var(--shadow-card);transform-style:preserve-3d;will-change:transform,filter;backface-visibility:hidden;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .16s var(--ease-out-quint),box-shadow .24s var(--ease-out-quint),border-color .24s var(--ease-out-quint),filter .24s var(--ease-out-quint),opacity .24s var(--ease-out-quint)}.world-cell:hover .world-cell-inner,.world-cell:focus-visible .world-cell-inner{transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(44px) scale(1.04);border-color:var(--accent);box-shadow:var(--shadow-pop),0 0 0 1px var(--accent)}.world-surface:has(.world-cell:hover) .world-cell:not(:hover) .world-cell-inner{filter:blur(1.6px);opacity:.82}.world-cell img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.world-fog{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:radial-gradient(125% 115% at 50% 50%,transparent 58%,color-mix(in oklab,var(--bg) 62%,transparent) 100%);-webkit-mask-image:radial-gradient(125% 115% at 50% 50%,transparent 50%,#000 86%);mask-image:radial-gradient(125% 115% at 50% 50%,transparent 50%,#000 86%)}.world-hud{position:fixed;top:var(--gap);left:var(--gap);z-index:940;pointer-events:none}.world-kicker{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0}.world-sub{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;color:var(--gray);margin:4px 0 0}.world-hint{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:940;margin:0;max-width:min(40rem,calc(100vw - 1.5rem));text-align:center;padding:7px 14px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;color:var(--fg);background:color-mix(in oklab,var(--surface) 82%,transparent);border:1px solid var(--btn-border);border-radius:999px;box-shadow:var(--shadow-card),inset 0 1px 0 var(--btn-inset-top);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);pointer-events:none}.world-readout{position:fixed;right:var(--gap);bottom:16px;z-index:940;margin:0;padding:7px 12px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;color:var(--fg);background:color-mix(in oklab,var(--surface) 82%,transparent);border:1px solid var(--btn-border);border-radius:999px;box-shadow:var(--shadow-card),inset 0 1px 0 var(--btn-inset-top);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);pointer-events:none;font-variant-numeric:tabular-nums}.world-readout-label{color:var(--gray);text-transform:uppercase;letter-spacing:.14em;margin-right:2px}.world-hint-touch{display:none}@media (hover: none),(pointer: coarse){.world-hint-fine{display:none}.world-hint-touch{display:inline}}.world-canvas.is-inspecting .world-surface{filter:blur(6px);opacity:.45;pointer-events:none;transition:filter .32s var(--ease-out-quint),opacity .32s var(--ease-out-quint)}.world-inspect{position:fixed;top:0;right:0;bottom:0;left:0;z-index:960;display:grid;place-items:center;padding:var(--gap)}.world-inspect-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;cursor:pointer;background:color-mix(in oklab,var(--bg) 50%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:world-fade .24s var(--ease-out-quint)}@keyframes world-fade{0%{opacity:0}to{opacity:1}}.world-inspect-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(46rem,92vw);max-height:88vh;background:var(--surface);border:1px solid var(--btn-border);border-radius:var(--radius);box-shadow:var(--shadow-pop),inset 0 1px 0 var(--btn-inset-top);padding:var(--gap);animation:world-pop .32s var(--ease-out-quint)}@keyframes world-pop{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.world-inspect-stage{display:grid;place-items:center;min-height:0;margin-bottom:var(--gap)}.world-inspect-stage img{display:block;max-width:100%;max-height:60vh;border-radius:var(--inline-radius);border:1px solid var(--btn-border);background:var(--lightest-gray);-webkit-user-select:none;user-select:none}.world-inspect-caption{margin:0 0 var(--gap-half);font-size:1.05rem;font-weight:600;letter-spacing:-.02em;color:var(--fg)}.world-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--gap-half) var(--gap);margin:0}.world-meta-grid div{display:flex;flex-direction:column;gap:2px}.world-meta-grid dt{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gray)}.world-meta-grid dd{margin:0;font-family:var(--font-mono);font-size:.82rem;color:var(--fg);font-variant-numeric:tabular-nums}.world-meta-dim{color:var(--gray)}.world-inspect-nav,.world-inspect-close{position:absolute;display:inline-flex;align-items:center;justify-content:center;color:var(--gray);background:var(--btn-bg);border:1px solid var(--btn-border);box-shadow:var(--btn-shadow);cursor:pointer;transition:color .18s var(--ease-out-quint),box-shadow .18s var(--ease-out-quint),border-color .18s var(--ease-out-quint)}.world-inspect-nav:hover,.world-inspect-close:hover{color:var(--fg);border-color:var(--btn-border-hover);box-shadow:var(--btn-shadow-hover)}.world-inspect-nav:focus-visible,.world-inspect-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.world-inspect-nav{top:50%;width:40px;height:40px;border-radius:50%;transform:translateY(-50%)}.world-inspect-prev{left:-56px}.world-inspect-next{right:-56px}.world-inspect-close{top:-14px;right:-14px;width:32px;height:32px;border-radius:50%}@media (max-width: 720px){.world-inspect-prev{left:6px}.world-inspect-next{right:6px}.world-inspect-nav{background:color-mix(in oklab,var(--surface) 80%,transparent)}.world-hint{left:var(--gap-half);right:auto;transform:none;text-align:left}.world-readout{right:var(--gap-half)}}.world-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:var(--gap-half);text-align:center;padding:var(--gap);color:var(--gray)}.world-empty code{font-family:var(--font-mono);font-size:.85em;color:var(--fg)}@media (prefers-reduced-motion: reduce){.world-hint{animation:none}.world-cell-inner{transition:none;transform:none!important}.world-cell:hover .world-cell-inner,.world-cell:focus-visible .world-cell-inner{transform:none!important}.world-surface:has(.world-cell:hover) .world-cell:not(:hover) .world-cell-inner{filter:none;opacity:1}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;animation:lb-in .22s var(--ease-out-quint)}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#08090ce0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:0;padding:0;cursor:zoom-out}.lightbox-stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--gap-half);max-width:95vw;max-height:92vh;pointer-events:none}.lightbox-img{max-width:95vw;max-height:84vh;width:auto;height:auto;display:block;border-radius:var(--radius);box-shadow:0 22px 60px #0000008c;pointer-events:auto;-webkit-user-select:none;user-select:none;animation:lb-zoom .32s var(--ease-out-quint)}@keyframes lb-zoom{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.lightbox-caption{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em;color:#ffffffb8;text-align:center;max-width:70ch;display:flex;gap:var(--gap-half);justify-content:center;flex-wrap:wrap;pointer-events:auto;padding:0 var(--gap)}.lightbox-caption-id{color:var(--accent)}.lightbox-close,.lightbox-nav{position:fixed;z-index:3;border:1px solid rgba(255,255,255,.16);background:#14161cb3;color:#fff;cursor:pointer;width:44px;height:44px;border-radius:999px;display:grid;place-items:center;transition:background .18s var(--ease-out-quint),border-color .18s var(--ease-out-quint),transform .18s var(--ease-out-quint)}.lightbox-close:hover,.lightbox-nav:hover{background:#282c34eb;border-color:#ffffff47}.lightbox-close{top:18px;right:18px}.lightbox-close:hover{transform:scale(1.06)}.lightbox-prev{left:22px;top:50%;transform:translateY(-50%)}.lightbox-next{right:22px;top:50%;transform:translateY(-50%)}.lightbox-prev:hover,.lightbox-next:hover{transform:translateY(-50%) scale(1.06)}.lightbox-counter{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:3;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;color:#ffffff9e;background:#14161c9e;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.frame-img-btn{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;position:relative;border-radius:var(--radius)}.frame-img-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.frame-img-btn .frame-img{display:block;width:100%;height:auto}.frame-zoom-hint{position:absolute;top:var(--gap-half);right:var(--gap-half);width:30px;height:30px;border-radius:6px;background:#0000008c;color:#fff;display:grid;place-items:center;opacity:0;transform:translateY(-4px);transition:opacity .2s var(--ease-out-quint),transform .2s var(--ease-out-quint);pointer-events:none}.frame-img-btn:hover .frame-zoom-hint,.frame-img-btn:focus-visible .frame-zoom-hint{opacity:1;transform:none}@media (max-width: 720px){.lightbox-img{max-width:100vw;max-height:76vh;border-radius:4px}.lightbox-stage{gap:12px}.lightbox-caption{font-size:.7rem;padding:0 12px}.lightbox-close{top:12px;right:12px;width:40px;height:40px}.lightbox-prev{left:8px;width:40px;height:40px}.lightbox-next{right:8px;width:40px;height:40px}.lightbox-counter{bottom:14px}.frame-zoom-hint{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.lightbox,.lightbox-img{animation:none}.lightbox-close,.lightbox-nav,.frame-zoom-hint{transition:none}}@media (max-width: 720px){.shell{padding:var(--gap-double) var(--gap) var(--small-gap)}.hero{flex-direction:column;gap:var(--gap)}.contacts{text-align:left}.section,.proj-section,.proj-figma{grid-template-columns:1fr;gap:var(--gap)}.section:before{position:static;display:inline-block;margin-right:var(--gap-half)}.section h2{padding-left:0}.skill-row{grid-template-columns:1fr;gap:var(--gap-quarter)}.project-card{grid-template-columns:auto 1fr}.proj-metrics{grid-template-columns:repeat(2,1fr)}.proj-metrics .metric-cell{border-right:none;border-bottom:1px solid var(--light-gray)}.proj-metrics .metric-cell:nth-child(odd){border-right:1px solid var(--light-gray)}.proj-metrics .metric-cell:nth-last-child(-n+2){border-bottom:none}.proj .figure,.proj .codeblock,.proj .gd-frame{width:100vw;margin-left:calc(50% - 50vw)}.proj .figure .frame-img-btn{border-radius:0}.proj .figure .frame-img,.proj .figure .frame,.proj .codeblock,.proj .gd-frame{border-left:0;border-right:0;border-radius:0;box-shadow:none}.proj .figure .caption{padding-inline:var(--gap)}.proj h1{font-size:1.875rem}h1{font-size:1.75rem}.nav-pill .item{padding:5px 9px;font-size:.7rem}.nav-pill .item.hide-sm{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{:root{--bg: #ffffff;--fg: #000000;--gray: #444444;--light-gray: #cccccc;--accent: #000000}html,body{background:#fff!important;color:#000!important}.topbar,.floating-toolbar,.scroll-progress,.toc-overlay,.toc-pop,.cp-overlay,.footer-hint,#oneko,#oneko-bubble{display:none!important}.shell{max-width:100%!important;padding:0!important}.hero,.section,.row,.project-grid,.education-row,.cert{break-inside:avoid}.project-card{box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}a{color:#000!important;text-decoration-color:#666!important}a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}}