@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-italic-xAqemagA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-italic-DFS986qL.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-italic-Bxi8ein9.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,d09GMgABAAAAAAaEABMAAAAADFgAAAYdAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbhwoP0hWQVJpBmA/U1RBVIE4AFwvbBEICoJ8gkMLFAAwhCoBNgIkAyIEIAWGUAdiDAcbvgpRVHJOI/viwCYyfSFrJjFIG8raYpYj9+IeSF0s6zD+Lk/4OGrZHhHV+wvt2ffuWPwlA51lIICIosSVmyOKEs5Uzlx3NKeXIgn1ssCydUybDV0IHga+SszIyfrQe9bLTFNxjayzgs76hNsDoSYtRe32fiJ4gxBjrP8L+w//zzHjv7Yqyr9o2vOBDXhCo2jMtr4uwAK/gV1U0PxAq/EAD+yW9EoKOL1KLw8rHrFgCSgRTQRzBzpeXVhweEDlyfY8gIoOa2CQJzrTAHIIoitTMVV2dyFwpJ2iAEQTpSkhPitxD3YwuZHEagTcAhyKAcBmUyPdhTovJThOw6HYiaF2M/J7erdi2OUutor6ES6Ac88AvfZvKpb6fJoArohb524042j6Jij36NI7P8Pb7s721naN9gcTtcjXQP4l+8BKEzFVGMxxoHqlq8Ul4LGneFJBDFaOdKpLPcg8P14YSDwIcn75hdlyJLTBlZ4voL6tT46yC/njunXqpJ0/bSvmrH1o3kRlwZ+j0DBogkF3KbDRVBlbOc+fY5HVXwPoT9hfekPnyZMaEmenYLMSg5npqegFOsgXsBv1IoF9aIVfSCNHkk6+gIzILsiYuhWQCfUtZEpbkRntQxBZgw7MwFbMcRvwJrAnBlDqs7isLtL7pO84Xru1i7ah7tckH1Wreqq6K9u0amxU1bcff/s2Y1ni3rh2I8zHzqkm3PGvv3mzC6NDBz/UcOBIg+nm88rxN8MbdtypvHUL5o1c2zG0urYpRmW+VHZdiba6GXN/3v0B3i3nt4RBsbfAu8ftLqRcTIlZ4VYheFTAS5nXLS65VZrbuW3daF2Ze1ChyGXWZN6u9nUuH1LfyTERifZXEpIueMe28vF8FOoTnsONzw+1djo9P71lZGx1vM8mH/BhvSa2HDsRZ1+Ul+RmpnPOIaEuwWnZZdkgQWAAyCDDZ1wk+0sh7wseAAwA6UlHxbftCgYAAwKAgwIAEA7ACfHIRbV7J6dwF/ZzcRRmAjXUYKAGWAlDCCFmKnH+LJEQfHKEmVrfmKwSEab36AcubXQBoDYJV/aRV+funFD8wAXLSLYbwr9+DR+h/qZIKCfeqRG5ghHpdY0zcV2nuz5iJMhAFjaTDwOcoyKGG9JHrCfdp4cC+kCvUrxc7+bliIMiHj95sPIbUeWZEP/HLnN2tlr9EBeRiktHuWvErx98fRz1MuEvHO3FDRgtsSzL/P0hsDLK2n5/uHMOjvTst0HD6t+80ZN798j7j//kjqHxIOZDFPR/FxurFD6/HxGbB799RPHLx5F89MoBOub9jVuOWtmPH3o9H3r26DIuff+LqPLwff/xryDRmiAYmjxiK0GwS9XU+k8QpUrHsCTs4qH89Fv44ubWbQmOE51M7J8Pt8+h+NKt3zZpa2L9zZqcRlyEc4MaNGdfjQCxgIygn78ne4yAzcLWA3zAJ6RRGbijvHr1W+XN8ywrG0EoZSySb0/A9KsllI7Q/Pq8hLu76tfTy5cF4X8bQxTtYp2vr6/+1oI4AhgAlNYFryt62VaX9ktO6VsAeDLeWx6fff4vdV1ts7N6+gw9GCsQnqPB0QUttB9nEc7Aaf4XM0NQ90VJ+HV1rG04znGCmXcpPCA9+nxdMPgPlT7Dz83NMfZuMJaNeRqbc+tjd2QER/b0B44d7nv5Rif7VC8svYkx9SKWwb3YzN2M3cY8jSNLl+PYZqfjxNTxOLXVCmfmduDc0ty1kLbjeiGfIrDFJXWPTTMD5TKupR8cpZgJeXTofId8NoUj6E8XfAc2k4WPdbCberDYAp8Q7L5dUo8wE8cs9QINZYvwXKzvBS4v/n+fQZkGrrFysKEIuFBgjQpxiHH1XA+ZBI+C+oAoxhYKECc42rGOc8L4mYhsiThGfFjOcKmFubPpDgwnY1918Fwo8ouenDJxvGP96HFWJ28hiOy251oKjkcbGz2POMme8CTMThx6wqOPsFtPI6j6HhDyDTxFQYnL88FcXGAGHl3ZuueRbEuxbK6Hc84ZDvRrREtLzyjj8Xkd/uShR1b0sYd8Nh8/c8znxCnadxQcf2nFVWIyw1g+4StXav9j75s+CQAA) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/bricolage-grotesque-latin-500-normal-DEDBoLFO.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-500-normal-CV-uA8Lw.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff")}:root{--color-bg: #06070a;--color-surface: #0f1117;--color-surface-2: #161923;--color-text: #f5f7ff;--color-text-muted: #aeb6c2;--color-accent: #34d399;--color-accent-hover: #6ee7b7;--color-on-accent: #06070a;--color-rule: #1a1d27;--color-rule-strong: #232632;--color-border-control: #646b7c;--color-focus: #34d399;--color-selection-bg: #34d399;--color-selection-text: #06070a;--color-disabled: #aeb6c2;--color-todo-bg: #161923;--color-todo-ink: #f5f7ff;--theme-color: #06070a;--role-bg: var(--color-bg);--role-surface: var(--color-surface);--role-surface-2: var(--color-surface-2);--role-line: var(--color-rule-strong);--role-text: var(--color-text);--role-muted: var(--color-text-muted);--role-accent: var(--color-accent);--role-control: var(--color-border-control);--role-accent-soft: color-mix(in oklab, var(--role-accent) 35%, var(--role-surface));--font-serif: "Newsreader Variable", Georgia, "Times New Roman", serif;--font-sans: "Hanken Grotesk Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-role: "Bricolage Grotesque", var(--font-sans);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1.0625rem;--text-lg: 1.25rem;--text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--text-2xl: clamp(2rem, 1.4rem + 2.4vw, 3rem);--text-hero: clamp(2.5rem, 1.5rem + 3.4vw, 4.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--space-9: 7rem;--gutter: clamp(1rem, 4vw, 3rem);--content-max: 72rem;--measure: 66ch;--header-h: 4rem;--radius-sm: 2px;--radius-card: 14px;--radius-media: 8px;--radius-md: 4px;--radius-pill: 999px;--focus-ring: 3px solid var(--color-focus);--ease-out: cubic-bezier(.23, 1, .32, 1);color-scheme:dark}:root[data-theme=light]{--color-bg: #f2f3ee;--color-surface: #fbfbf8;--color-text: #15181c;--color-text-muted: #5b6068;--color-accent: #2a45e8;--color-accent-hover: #1f36c4;--color-on-accent: #fbfbf8;--color-rule: #d3d6ce;--color-rule-strong: #15181c;--color-border-control: #7a7f87;--color-focus: #2a45e8;--color-selection-bg: #2a45e8;--color-selection-text: #fbfbf8;--color-disabled: #5b6068;--color-surface-2: #f4f4ef;--color-todo-bg: #fff3c4;--color-todo-ink: #5c4700;--theme-color: #f2f3ee;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:calc(var(--header-h) + var(--space-4));-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:.2em;transition:text-decoration-thickness .15s ease,text-underline-offset .15s ease}a:hover{text-decoration-thickness:2px;text-underline-offset:.26em}.link-reveal{text-decoration:none;background:linear-gradient(currentColor,currentColor) 100% 100% / 0 1px no-repeat;transition:background-size .28s cubic-bezier(.2,.7,.2,1),color .15s ease}.link-reveal:focus-visible{background-position:0 100%;background-size:100% 1px}@media (hover: hover) and (pointer: fine){.link-reveal:hover{background-position:0 100%;background-size:100% 1px}}.nav-links a.link-reveal[aria-current]{background-image:none}@media (prefers-reduced-motion: reduce){.link-reveal{transition:none}}html{scrollbar-color:var(--color-border-control) var(--color-bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-control);border-radius:var(--radius-pill);border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}:focus-visible{outline:var(--focus-ring);outline-offset:3px;border-radius:var(--radius-sm)}main:focus{outline:none}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}h1,h2,h3{font-family:var(--font-serif);font-weight:500;line-height:1.1;text-wrap:balance}h1{letter-spacing:-.02em}h2{font-size:var(--text-2xl);letter-spacing:-.015em}h3{font-size:var(--text-lg)}p{max-width:var(--measure);text-wrap:pretty}.todo-tag{display:inline-block;font-family:var(--font-sans);font-size:.7em;font-weight:700;font-style:normal;line-height:1.4;padding:0 .4em;border-radius:var(--radius-sm);background:var(--color-todo-bg);color:var(--color-todo-ink);vertical-align:middle}.skip-link{position:absolute;left:var(--gutter);top:var(--space-2);z-index:200;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-on-accent);font-weight:600;text-decoration:none;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-rule)}.site-header-inner{height:var(--header-h);max-width:calc(var(--content-max) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;gap:var(--space-6)}.site-name{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600;color:var(--color-text);text-decoration:none;white-space:nowrap}.site-nav{margin-left:auto}.nav-links{display:flex;gap:var(--space-5);list-style:none}.nav-links a{display:inline-block;padding:var(--space-2) 0;color:var(--color-text);font-size:var(--text-sm);font-weight:500;text-decoration:none;border-bottom:2px solid transparent}.nav-links a:hover{color:var(--color-accent)}.nav-links a[aria-current]{border-bottom-color:var(--color-accent)}.site-header-tools{display:flex;align-items:center;gap:var(--space-3)}.nav-cv-item{display:none}.nav-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;background:transparent;border:0;cursor:pointer}.nav-toggle-bar{display:block;width:22px;height:2px;background:var(--color-text);transition:transform .2s var(--ease-out),opacity .2s}.nav-toggle-open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle-open .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle-open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-logo{width:26px;height:26px;flex:none;color:var(--color-accent)}@media (max-width: 400px){.site-logo{display:none}}main>section{padding-block:clamp(48px,6vw,80px);padding-inline:max(var(--gutter),(100% - var(--content-max)) / 2)}.section-divider{display:flex;align-items:center;gap:var(--space-4);padding-inline:max(var(--gutter),(100% - var(--content-max)) / 2);color:var(--color-border-control)}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px}.section-divider:before{background:linear-gradient(to right,currentColor,transparent)}.section-divider:after{background:linear-gradient(to left,currentColor,transparent)}.section-divider-mark{width:28px;height:28px;flex:none;color:var(--color-accent)}main>.hero{display:flex;align-items:center;max-height:80svh;padding-top:calc(var(--header-h) + var(--space-6));padding-bottom:clamp(24px,3vw,40px);border-top:0}.hero-grid{width:100%}.hero-title{margin-bottom:var(--space-5)}.hero-name{display:block;font-size:var(--text-hero);font-weight:500;line-height:1.02;letter-spacing:-.02em}.hero-role{display:block;margin-top:var(--space-3);font-family:var(--font-role);font-size:clamp(1.6rem,1.25rem + 1.3vw,2.25rem);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--color-text)}.hero-main{container-type:inline-size}.hero-band{display:block}.hero-available{display:flex;align-items:center;max-width:none;margin:var(--space-4) 0 0;font-size:var(--text-sm);font-weight:600;color:var(--role-text)}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.status-strong{font-weight:600;color:var(--role-text)}.about-fact dd.status-strong{font-weight:600}.status-dot{display:inline-block;width:8px;height:8px;margin-right:.5em;border-radius:50%;background:var(--role-accent);vertical-align:.05em}.roulette{--rot-ink: var(--color-text);--rot-accent: var(--color-accent);--rot-font-sans: var(--font-sans);--rot-font-serif: var(--font-serif);--rot-line: 1.45em;margin:0;max-width:none;font-family:var(--rot-font-sans);font-size:min(clamp(1.2rem,.95rem + 1.4vw,2rem),100cqi / 17);line-height:var(--rot-line);color:var(--rot-ink)}.roulette__lead{display:block}.roulette__control{position:relative;display:inline-flex;align-items:center;gap:.35em;max-width:100%;vertical-align:top;color:var(--rot-ink);cursor:pointer}.roulette__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:pointer}.roulette__btn:focus-visible{outline:var(--focus-ring);outline-offset:4px;border-radius:var(--radius-sm)}.roulette__hint{font-size:.7em;line-height:1;color:var(--color-text-muted);opacity:0;transition:opacity .15s ease}.roulette__control:hover .roulette__hint,.roulette__control:has(.roulette__btn:focus-visible) .roulette__hint{opacity:1}.roulette__window{display:inline-block;flex:0 1 auto;min-width:0;height:var(--rot-line);overflow:hidden;vertical-align:top;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 84%,transparent 100%)}.roulette__reel{display:block;transform:translateY(calc(var(--pos) * var(--rot-line) * -1));transition-property:transform;transition-timing-function:cubic-bezier(.22,1,.36,1);will-change:transform}.roulette__item{display:block;height:var(--rot-line);line-height:var(--rot-line);white-space:nowrap;font-family:var(--rot-font-serif);font-style:italic;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.22em;text-decoration-color:color-mix(in srgb,var(--rot-accent) 60%,transparent);transition:text-decoration-color .15s ease}.roulette__control:hover .roulette__item,.roulette__control:has(.roulette__btn:focus-visible) .roulette__item{text-decoration-color:var(--rot-accent)}.roulette__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}main>.about{padding-top:0}.about-title{margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--role-muted)}.about-grid{display:grid;grid-template-columns:minmax(160px,13rem) minmax(0,1fr) minmax(240px,300px);gap:var(--space-6);align-items:start}.about-text{max-width:62ch}.about-card{padding:var(--space-4);border:1px solid var(--role-line);border-radius:var(--radius-card);background:var(--role-surface)}.about-facts{display:grid;gap:var(--space-2);margin:0}.about-fact{display:grid;grid-template-columns:6.2rem minmax(0,1fr);align-items:baseline;gap:.15rem var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid color-mix(in oklab,var(--role-line) 60%,transparent)}.about-fact:last-child{padding-bottom:0;border-bottom:0}.about-fact dt{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--role-muted)}.about-fact dd{margin:0;color:var(--role-text);font-weight:500}@media (max-width: 1199px){.about-grid{grid-template-columns:minmax(160px,13rem) minmax(0,1fr)}.about-grid .photo-figure{grid-row:1 / span 2}.about-card{grid-column:2;max-width:32rem}}@media (max-width: 899px){.about-grid{grid-template-columns:1fr}.about-grid .photo-figure{grid-row:auto}.about-card{grid-column:auto;max-width:none}}.photo-figure{margin:0;width:min(100%,13rem)}.photo-frame{position:relative;isolation:isolate;padding:10px;border:1px solid var(--role-line);border-radius:var(--radius-card);background:var(--role-surface)}.photo-frame:before,.photo-frame:after{content:"";position:absolute;pointer-events:none}.photo-frame:before{z-index:-1;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--role-line);border-radius:var(--radius-card);transform:translate(8px,8px)}.photo-frame:after{--c: var(--role-accent);top:5px;right:5px;bottom:5px;left:5px;border-radius:var(--radius-media);background:linear-gradient(var(--c),var(--c)) top left / 16px 2px,linear-gradient(var(--c),var(--c)) top left / 2px 16px,linear-gradient(var(--c),var(--c)) top right / 16px 2px,linear-gradient(var(--c),var(--c)) top right / 2px 16px,linear-gradient(var(--c),var(--c)) bottom left / 16px 2px,linear-gradient(var(--c),var(--c)) bottom left / 2px 16px,linear-gradient(var(--c),var(--c)) bottom right / 16px 2px,linear-gradient(var(--c),var(--c)) bottom right / 2px 16px;background-repeat:no-repeat}@media (prefers-reduced-motion: no-preference){.photo-frame:before,.photo-frame:after{transition:transform .3s var(--ease-out)}}@media (hover: hover) and (pointer: fine){.photo-frame:hover:after,.photo-frame:focus-within:after{transform:scale(1.04)}.photo-frame:hover:before,.photo-frame:focus-within:before{transform:translate(11px,11px)}}@media (prefers-reduced-motion: reduce){.photo-frame:hover:before,.photo-frame:focus-within:before{transform:translate(8px,8px)}.photo-frame:hover:after,.photo-frame:focus-within:after{transform:none}}.about-photo-frame{display:block}.about-photo{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px}.photo-caption{margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;color:var(--role-muted)}.about-text p{max-width:none}.about-text p+p{margin-top:var(--space-3)}.about-text p:first-child{font-size:1.2em;line-height:1.5;color:var(--role-text)}.about-text p+p{color:var(--role-muted)}.outside{margin-top:var(--space-8)}.outside-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin:0;padding:0;list-style:none}.outside-card{padding:var(--space-4) var(--space-5);border:1px solid var(--role-line);border-radius:var(--radius-card);background:var(--role-surface)}.outside-label{margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--role-muted)}.outside-text{color:var(--role-text)}.route-section .route-block,.route-section .route-placeholder{margin-top:0}main>.home-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-7);align-items:start;padding-block:clamp(48px,6vw,80px);padding-inline:max(var(--gutter),(100% - var(--content-max)) / 2)}.home-pair>section{min-width:0;padding:0}.skills-open{margin-top:var(--space-4)}@media (min-width: 900px){main>.home-pair{grid-template-rows:auto auto 1fr auto;row-gap:0}.home-pair>section{display:grid;grid-row:span 4;grid-template-rows:subgrid}.home-pair .section-title{margin-bottom:var(--space-3)}.home-pair .skills-intro{margin-bottom:var(--space-4)}.home-pair .tm--preview,.home-pair .infra-preview-card{height:100%}.home-pair .tm--preview{display:flex;flex-direction:column}.home-pair .tm--preview .tm-body{flex:1}}.home-pair .skills-intro{margin-bottom:var(--space-4);font-size:var(--text-base)}.infra-placeholder{min-height:22rem}.infra-preview-card{gap:var(--space-4);padding:var(--space-4)}.infra-preview-card .infra-banner{margin:0;padding:var(--space-3) var(--space-4);font-size:clamp(1.15rem,1rem + .8vw,1.5rem)}.infra-preview-sites{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.infra-preview-sites li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid color-mix(in oklab,var(--role-line) 60%,transparent)}.infra-preview-sites li:last-child{border-bottom:0}.infra-preview-name{font-family:var(--font-serif);font-size:var(--text-lg)}.infra-preview-state{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--role-muted)}@media (max-width: 899px){main>.home-pair{grid-template-columns:minmax(0,1fr)}.infra-placeholder{min-height:18rem}}.route-block{margin-top:var(--space-8)}.route-placeholder{min-height:24rem;margin-top:var(--space-8)}@media (max-width: 899px){.route-placeholder{min-height:46rem}}.route-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500;line-height:1.15}.route-subtitle{margin:var(--space-1) 0 var(--space-5);font-size:var(--text-sm);color:var(--role-muted)}.route-hud{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);border:1px solid var(--role-line);border-radius:var(--radius-card);background:var(--role-surface)}.route-hud-text{margin:0;max-width:none;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--role-text);white-space:nowrap}.route-hud-bar{display:flex;flex:1;gap:4px;height:.6rem}.route-hud-bar i{flex:1;border:1px dashed var(--role-control);border-radius:2px}.route-hud-bar i.is-done{border:0;background:var(--role-accent)}.route-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;gap:var(--space-5);margin:0;padding:0;list-style:none}.rc{position:relative;display:flex;padding-top:40px}.rc-node{position:absolute;left:0;top:0;z-index:1;display:grid;place-items:center;box-sizing:border-box;width:24px;height:24px;border-radius:50%;background:var(--role-accent);color:var(--color-on-accent)}.rc-node svg{width:14px;height:14px}.rc--latest .rc-node{outline:2px solid var(--role-accent);outline-offset:3px}.rc-seg{position:absolute;top:11px;left:24px;width:calc(100% + var(--space-5) - 24px);height:2px;transform:scaleX(var(--draw, 1));transform-origin:left center;background:var(--role-accent)}.rc-seg--dashed{height:0;background:none;border-top:2px dashed color-mix(in oklab,var(--role-accent) 55%,var(--role-line))}.rc-card{position:relative;flex:1;display:flex;flex-direction:column;padding:20px;border:1px solid var(--role-line);border-radius:var(--radius-card);background:var(--role-surface)}.rc-card:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;--c: var(--role-accent);background:linear-gradient(var(--c),var(--c)) top left / 12px 2px,linear-gradient(var(--c),var(--c)) top left / 2px 12px,linear-gradient(var(--c),var(--c)) top right / 12px 2px,linear-gradient(var(--c),var(--c)) top right / 2px 12px,linear-gradient(var(--c),var(--c)) bottom left / 12px 2px,linear-gradient(var(--c),var(--c)) bottom left / 2px 12px,linear-gradient(var(--c),var(--c)) bottom right / 12px 2px,linear-gradient(var(--c),var(--c)) bottom right / 2px 12px;background-repeat:no-repeat}.rc-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0 0 var(--space-3)}.rc-level{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.12em;color:var(--role-muted)}.rc-when{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--role-muted)}.rc-status{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--role-text)}.rc-name{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:500;line-height:1.25;color:var(--role-text)}.rc-body{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--role-muted)}.rc--here .rc-card{border-top:2px solid var(--role-accent)}.rc--next .rc-node{background:var(--role-bg);color:var(--role-accent);border:2px dashed var(--role-accent)}.rc--next .rc-card{border:1px dashed var(--role-accent)}.rc--next .rc-card:after{display:none}@media (hover: hover){.rc-card{transition:transform .2s var(--ease-out),border-color .2s ease}.rc-card:after{transition:transform .2s var(--ease-out)}.rc:hover .rc-card{transform:translateY(-3px);border-color:color-mix(in oklab,var(--role-accent) 60%,transparent)}.rc:hover .rc-card:after{transform:scale(1.03)}}.route-cards--armed .rc-card,.route-cards--armed .rc-node{opacity:0}.route-cards--armed .rc-seg,.route-cards--in .rc-seg{--draw: 0}.route-cards--in .rc-card,.route-cards--in .rc-node{animation:rc-in .36s ease-out backwards;animation-delay:calc(var(--i) * 60ms)}@keyframes rc-in{0%{opacity:0;transform:translateY(8px)}}.route-cards--scroll{grid-auto-columns:minmax(16rem,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-2)}.route-cards--scroll .rc{scroll-snap-align:start}@media (max-width: 899px){.route-cards,.route-cards--scroll{grid-auto-flow:row;grid-auto-columns:auto;gap:var(--space-4);overflow:visible;scroll-snap-type:none}.route-hud{flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.route-hud-text{white-space:normal}.route-hud-bar{flex-basis:100%}.rc{padding:0 0 0 44px}.rc-node{top:18px}.rc-seg{top:44px;left:11px;width:2px;height:calc(100% + var(--space-4) - 20px);transform:scaleY(var(--draw, 1));transform-origin:top center;background:var(--role-accent)}.rc-seg--dashed{width:0;height:calc(100% + var(--space-4) - 20px);background:none;border-top:0;border-left:2px dashed color-mix(in oklab,var(--role-accent) 55%,var(--role-line))}}@media (prefers-reduced-motion: reduce){.route-cards--armed .rc-card,.route-cards--armed .rc-node{opacity:1}.route-cards--in .rc-card,.route-cards--in .rc-node{animation:none}.rc-card,.rc-card:after{transition:none}.rc:hover .rc-card,.rc:hover .rc-card:after{transform:none}}.todo-note{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-todo-ink)}:root{--chip-h: 44px}.project-filter{position:relative;display:grid;grid-template-columns:9rem minmax(0,1fr);align-items:start;column-gap:16px}.project-filter-head{display:flex;align-items:center;gap:10px;height:var(--chip-h)}.project-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chip{min-height:var(--chip-h);padding:0 var(--space-4);border:1px solid var(--color-border-control);border-radius:var(--radius-pill);background:transparent;color:var(--color-text);font:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer}.chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.chip[aria-pressed=true]:not(.chip--shot),.chip.is-lit{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.project-count{margin:var(--space-3) 0 var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.project{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-6) var(--space-7);padding:var(--space-7) 0;border-top:1px solid var(--color-rule-strong)}.project:last-child{border-bottom:1px solid var(--color-rule)}.project-shot{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface)}.project-shot-todo{display:grid;place-items:center;background:none;border:1px dashed var(--color-rule-strong)}.project-shot-todo .todo-note{font-size:var(--text-xs)}.project-shot-soon,.pdetail-shot.project-shot-soon{display:grid;place-items:center;color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-3)}.status{display:inline-flex;align-items:center;gap:.45em;padding:.1rem .65rem;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;border:1px solid currentColor}.project-badges{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.project-note{font-size:var(--text-sm);color:var(--color-text-muted)}.status-production,.status-demo,.status-done{color:var(--color-text)}.status-wip,.status-archived{color:var(--color-text-muted)}.project-title{font-size:var(--text-2xl);margin:var(--space-3) 0 var(--space-1)}.project-tech{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.project-problem{font-size:var(--text-lg);line-height:1.45}.project-metric{margin-top:var(--space-4);padding-left:var(--space-3);border-left:3px solid var(--color-accent);font-weight:600}.project-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-5);margin-top:var(--space-5)}.project-code-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600}.project-private{font-size:var(--text-sm);color:var(--color-text-muted)}.project-detail{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-rule)}.project-extra-shot{display:block;width:100%;height:auto;margin-top:var(--space-2);border:1px solid var(--color-rule);border-radius:var(--radius-md)}.project-extra-shot.is-portrait{max-width:260px}.project-detail dt{font-size:var(--text-sm);color:var(--color-text-muted)}.is-pixel{image-rendering:pixelated}.project-subtitle{margin-bottom:var(--space-2);font-family:var(--font-serif);font-style:italic;font-size:var(--text-lg);color:var(--color-text-muted)}.project-role{margin-top:var(--space-3);font-weight:600}.project-transparency{max-width:var(--measure);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.project-transparency strong{color:var(--color-text);font-weight:600}.showcase-heading{margin:var(--space-5) 0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600}.project-detail .showcase-heading:first-child{margin-top:0}.stack-group+.stack-group{margin-top:var(--space-3)}.stack-label{margin-bottom:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.stack-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none}.stack-badges li{padding:.1rem .65rem;border:1px solid var(--color-border-control);border-radius:var(--radius-pill);font-size:var(--text-sm)}.how-built{max-width:var(--measure);padding-left:1.2rem}.how-built li+li{margin-top:var(--space-2)}.how-built li::marker{color:var(--color-text-muted)}.showcase{grid-column:1 / -1;padding-top:var(--space-5);border-top:1px solid var(--color-rule)}.showcase-quick{max-width:var(--measure)}.showcase-quick .showcase-heading{margin-top:0}.quick-steps{padding-left:1.4rem}.quick-steps li+li{margin-top:var(--space-2)}.quick-steps li::marker{color:var(--color-text-muted);font-weight:600}.showcase-hint{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.demo-link{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--space-2);font-weight:600}.demo-link:after{content:"↗" / "";margin-left:.3em}.projects-more{margin-top:var(--space-7)}.badges{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:var(--space-3) 0}.badge{position:relative;overflow:hidden;padding:.1rem .65rem;border:1px solid var(--color-border-control);border-radius:var(--radius-pill);font-size:var(--text-sm)}.badge-strong{border-color:var(--color-border-control);color:var(--color-text);font-weight:600}main>.projects-page{padding-top:calc(var(--header-h) + var(--space-7));padding-bottom:var(--space-8);padding-inline:max(var(--gutter),(100% - var(--content-max)) / 2)}.projects-page-title{margin-top:var(--space-4);font-size:var(--text-hero)}main>.not-found,.not-found-static{min-height:70vh;padding-top:calc(var(--header-h) + var(--space-7));padding-bottom:var(--space-8);padding-inline:max(var(--gutter),(100% - var(--content-max)) / 2)}.not-found-code{font-family:var(--font-serif);font-size:var(--text-hero);line-height:1;color:var(--color-accent)}.not-found-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.projects-page-title:focus{outline:none}.projects-page-title:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.projects-page-lead{margin:var(--space-3) 0 var(--space-6);font-size:var(--text-lg);color:var(--color-text-muted)}.project:focus{outline:none}.project:focus-visible{outline:3px solid var(--color-focus);outline-offset:6px}.stack-note{max-width:var(--measure);margin-top:var(--space-3);padding-left:var(--space-3);border-left:2px solid var(--color-accent);font-size:var(--text-sm);color:var(--color-text-muted)}.showcase>*+*{margin-top:var(--space-7)}.deploy{margin:0}.deploy-status{display:inline-block;margin-bottom:var(--space-3);padding:.15rem .7rem;border:1px solid var(--color-border-control);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.deploy-status--connected{border-color:var(--color-border-control);color:var(--color-text)}.deploy-svg{display:block;width:100%;height:auto;overflow:visible}.deploy-svg--tall{display:none;max-width:26rem}@media (max-width: 720px){.deploy-svg--wide{display:none}.deploy-svg--tall{display:block}}.deploy-box rect{fill:var(--color-surface);stroke:var(--color-border-control);stroke-width:1.2}.deploy-name{fill:var(--color-text);font-family:var(--font-sans);font-size:16px;font-weight:600}.deploy-tech{fill:var(--color-text-muted);font-family:var(--font-sans);font-size:13px}.deploy-frame rect{fill:color-mix(in srgb,var(--color-accent) 4%,transparent);stroke:var(--color-rule-strong);stroke-width:1.2}.deploy-network rect{fill:none;stroke:var(--color-rule-strong);stroke-width:1.2;stroke-dasharray:6 5}.deploy-frame-label{fill:var(--color-text-muted);font-family:var(--font-sans);font-size:13px;font-weight:600}.deploy-edge line{stroke:var(--color-accent);stroke-width:2}.deploy-arrow{fill:var(--color-accent)}.deploy-edge.is-idle line{stroke:var(--color-border-control);stroke-dasharray:5 5}.deploy-edge.is-idle .deploy-arrow{fill:var(--color-border-control)}.deploy-box.is-done rect{stroke:var(--color-accent)}.deploy-box.is-pending rect{stroke-dasharray:5 4}.deploy-frame.is-pending rect{stroke-dasharray:8 5}.deploy-state{fill:var(--color-text-muted);font-family:var(--font-sans);font-size:12.5px;font-weight:600}.deploy-box.is-done .deploy-state{fill:var(--color-accent)}.deploy-legend{margin-top:var(--space-2)}.deploy-edge-draw{transform-box:view-box}.deploy-packet{fill:var(--color-text);opacity:0}.arch-caption{max-width:var(--measure);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.backend-section .backend-lead{max-width:var(--measure)}.backend-section .backend-lead+.backend-lead{margin-top:var(--space-3)}.backend-section .stack-label{margin-top:var(--space-5)}.backend-section .how-built{margin-top:var(--space-2)}.backend-badge{display:inline-block;margin:0 0 var(--space-3);padding:.15rem .7rem;border:1px solid var(--color-border-control);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600}.backend-badge--connected{border-color:var(--color-border-control);color:var(--color-text)}.launch-steps{padding-left:1.4rem}.launch-steps>li+li{margin-top:var(--space-5)}.launch-steps>li::marker{color:var(--color-text-muted);font-weight:600}.launch-title{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600}.launch-steps p{max-width:var(--measure);margin-top:var(--space-1)}.command{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);max-width:100%}.command-code{flex:1;min-width:0;margin:0;padding:.6rem .85rem;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere}.dev-pending{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border:1px dashed var(--color-todo-ink, var(--color-accent));border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-todo-ink, var(--color-accent))}.viewer{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-5);align-items:end}.viewer-stage{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface)}.viewer-shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.viewer-shot.is-current{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}.viewer-name{font-size:var(--text-lg);font-weight:600}.viewer-caption{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4);list-style:none}.thumb{display:block;width:100%;padding:0;border:0;background:none;color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.thumb-frame{display:block;overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface)}.thumb-shot{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s var(--ease-out)}.thumb:hover .thumb-shot,.thumb:focus-visible .thumb-shot{transform:scale(1.08)}.thumb[aria-pressed=true] .thumb-frame{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.thumb-label{display:block;margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.thumb[aria-pressed=true] .thumb-label{color:var(--color-accent);font-weight:600}@media (max-width: 860px){.viewer{grid-template-columns:1fr}.thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-reveal]{transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);transition-delay:calc(var(--reveal-i, 0) * 80ms)}.reveal-on [data-reveal]:not(.is-in){opacity:0;transform:translateY(16px)}.reveal-on [data-reveal] .badge{transition:opacity .35s var(--ease-out),transform .35s var(--ease-out);transition-delay:calc(var(--reveal-i, 0) * 80ms + .18s + var(--i, 0) * 60ms)}.reveal-on [data-reveal]:not(.is-in) .badge{opacity:0;transform:translateY(6px)}.reveal-on .deploy:not(.is-in) .deploy-edge-draw{transform:scale(0)}.reveal-on .deploy .deploy-edge-draw{transition:transform .6s var(--ease-out);transition-delay:calc(.25s + var(--edge-i, 0) * .25s)}.reveal-on .deploy.is-in .deploy-packet{animation:deploy-packet 1.5s linear 2 both;animation-delay:calc(1.2s + var(--edge-i, 0) * .2s)}@keyframes deploy-packet{0%{opacity:0;transform:translate(0)}12%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy))}}::view-transition-old(root),::view-transition-new(root){animation-duration:.25s}.project-detail dd{max-width:var(--measure);margin-bottom:var(--space-4)}.section-title{margin-bottom:var(--space-6)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5) var(--space-7)}@media (min-width: 1000px){.contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}}main>.contact{position:relative;overflow:clip}.contact-watermark{position:absolute;right:-3%;bottom:-6%;width:min(52vw,560px);height:auto;color:var(--color-text);opacity:.04;pointer-events:none}.contact-title{font-size:clamp(2.5rem,1.6rem + 4vw,4.5rem);font-weight:400;line-height:1;letter-spacing:-.01em}.contact-title-dot{color:var(--color-accent)}.contact-lead{max-width:38ch;margin-top:var(--space-3);font-size:var(--text-lg);color:var(--color-text-muted)}.contact-mailwrap{position:relative;display:inline-block;max-width:100%;margin-top:clamp(1rem,2.5vw,1.75rem)}.contact-mail{display:inline;padding-bottom:.12em;font-family:var(--font-serif);font-size:clamp(1.5rem,1rem + 2.2vw,2.75rem);font-style:italic;line-height:1.15;color:var(--color-text);text-decoration:none;overflow-wrap:anywhere;background:linear-gradient(var(--color-accent),var(--color-accent)) left bottom / 0% 2px no-repeat;box-shadow:inset 0 -1px 0 var(--color-border-control);-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .4s ease,color .2s ease}.contact-mail:hover,.contact-mail:focus-visible{background-size:100% 2px;color:var(--color-accent)}.contact-stamp{position:absolute;top:-4.2rem;right:-.4em;width:96px;height:96px;color:var(--color-accent);opacity:0;pointer-events:none;transform:rotate(-8deg)}.contact-stamp-text{font-family:var(--font-sans)}.contact-stamp-on{opacity:1;animation:stamp .45s cubic-bezier(.2,1.4,.4,1) both}.contact-stamp-off{opacity:0;transition:opacity .4s ease}@keyframes stamp{0%{transform:scale(1.9) rotate(-22deg);opacity:0}60%{opacity:1}to{transform:scale(1) rotate(-8deg);opacity:1}}.contact-actions{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-top:var(--space-4);margin-left:-1.15rem}.contact-status{min-height:1.6em;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.contact-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:clamp(2.5rem,6vw,4.5rem);font-size:var(--text-sm);color:var(--color-text-muted)}.contact-pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--color-accent)}.contact-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--color-accent);animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.55}70%,to{transform:scale(3.2);opacity:0}}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);padding:var(--space-6) max(var(--gutter),(100% - var(--content-max)) / 2);border-top:1px solid var(--color-rule);font-size:var(--text-sm);color:var(--color-text-muted);align-items:center}.back-to-top{display:inline-grid;place-items:center;width:44px;height:44px;color:var(--color-accent);border-radius:var(--radius-sm)}.back-to-top-mark{width:30px;height:30px}.footer-mail{display:inline-flex;align-items:center;min-height:44px;color:var(--color-text)}.footer-mail:hover{color:var(--color-accent)}.activity-placeholder{min-height:40rem}.activity>.todo-note{display:flex;margin-top:var(--space-6)}.activity-lead{max-width:38ch;font-size:var(--text-lg);color:var(--color-text-muted)}.dash{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-7)}.inst{position:relative;isolation:isolate;grid-column:1 / -1;min-width:0;padding:var(--space-5);border:1px solid var(--role-line);border-radius:var(--radius-card);background:var(--role-surface)}.inst--weight{grid-column:span 7;min-height:13rem}.inst--build{grid-column:span 5;min-height:13rem}.inst-corners{position:absolute;z-index:-1;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;--c: var(--role-accent);background:linear-gradient(var(--c),var(--c)) top left / 14px 2px,linear-gradient(var(--c),var(--c)) top left / 2px 14px,linear-gradient(var(--c),var(--c)) bottom right / 14px 2px,linear-gradient(var(--c),var(--c)) bottom right / 2px 14px;background-repeat:no-repeat}.inst-label{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--role-muted)}.inst-label:after{content:"";flex:1;height:6px;background:repeating-linear-gradient(90deg,var(--role-control) 0 1px,transparent 1px 7px);opacity:.7}.inst-big{margin:0;font-family:var(--font-serif);font-size:clamp(2rem,1.2rem + 3vw,3.25rem);line-height:1.05;font-variant-numeric:lining-nums;color:var(--role-text)}.inst-big--sm{font-size:clamp(1.5rem,1rem + 1.8vw,2.25rem)}.inst-unit{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--role-muted)}.inst-note{margin:var(--space-2) 0 0;max-width:none;font-size:var(--text-sm);color:var(--role-muted)}.skel{display:block;height:2rem;width:60%;border-radius:6px;background:var(--role-surface-2)}.odo{display:flex;align-items:center;margin:0;max-width:none;font-family:var(--font-serif);font-size:clamp(2.5rem,1rem + 7vw,6rem);line-height:1;font-variant-numeric:tabular-nums lining-nums;color:var(--role-text)}.odo-digit{position:relative;display:block;flex:none;width:.64em;height:1.18em;margin-right:.04em;overflow:hidden;border:1px solid var(--role-line);border-radius:.12em;background:var(--role-surface-2)}.odo-glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.odo-sep{padding:0 .04em;color:var(--role-muted)}@keyframes odo-in{0%{transform:translateY(70%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes odo-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-70%);opacity:0}}.odo-in{animation:odo-in .4s var(--ease-out) both}.odo-out{animation:odo-out .4s var(--ease-out) both}.odo-elapsed{margin:var(--space-4) 0 0;max-width:none;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;color:var(--role-text)}.odo-pause{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.25rem;margin-top:var(--space-4);padding:0 var(--space-4);border:1px solid var(--role-control);border-radius:var(--radius-pill);background:transparent;color:var(--role-text);font:inherit;font-size:var(--text-sm);cursor:pointer}.odo-pause[aria-pressed=true]{border-color:var(--role-accent);background:var(--role-accent);color:var(--color-on-accent)}.odo-pause-icon{display:inline-block;width:.75rem;height:.8rem;box-sizing:border-box;border-left:.2rem solid currentColor;border-right:.2rem solid currentColor}.odo-pause[aria-pressed=true] .odo-pause-icon{width:0;height:0;border:0;border-top:.4rem solid transparent;border-bottom:.4rem solid transparent;border-left:.65rem solid currentColor}.life{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--role-line)}.life-track{position:relative;padding-top:3.1rem}.life-ruler{position:relative;display:flex;height:3.75rem;border-bottom:1px solid var(--role-control);border-radius:2px}.life-ruler:focus-visible{outline:2px solid var(--color-focus);outline-offset:6px}.life-tick{position:relative;flex:1 1 0;min-width:0}.life-tick:before{content:"";position:absolute;bottom:0;left:50%;width:3px;margin-left:-1.5px;height:max(3px,calc(var(--h, 0) * 100%));background:var(--role-accent)}.life-tick--none:before{width:0;height:.4rem;background:none;border-left:2px dotted var(--role-control)}.life-tick--unknown:before{height:.4rem;background:var(--role-control)}.life-tick.is-best:before{width:5px;margin-left:-2.5px}.life-tick.is-active:before{background:var(--role-text);transform:scaleX(1.6)}.life-tick--none.is-active:before{background:none;border-left-color:var(--role-text)}.life-cursor{position:absolute;bottom:-5px;width:9px;height:9px;background:var(--role-accent);transform:translate(-50%) rotate(45deg);pointer-events:none}.life-marks{position:relative;height:1.6rem;margin:var(--space-3) 0 0;padding:0;list-style:none}.life-mark{position:absolute;transform:translate(-50%);white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;color:var(--role-muted)}.life-mark--start{transform:translate(-.4rem)}.life-mark--end{transform:translate(calc(-100% + .4rem))}.life-mark--today{color:var(--role-accent);text-transform:uppercase}.life-tip{position:absolute;top:0;display:grid;margin:0;padding:.3rem .6rem;border:1px solid var(--role-control);border-radius:8px;background:var(--role-surface-2);font-size:var(--text-xs);white-space:nowrap;transform:translate(-50%);pointer-events:none}.life-tip--start{transform:translate(-.9rem)}.life-tip--end{transform:translate(calc(-100% + .9rem))}.life-tip span{color:var(--role-muted)}.life-legend{display:grid;gap:2px;margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.04em;line-height:1.5;color:var(--role-muted)}.life-legend p{max-width:none;margin:0;min-height:1.5em}.seg{display:flex;gap:2px;height:.9rem;margin-top:var(--space-4)}.seg-part{display:block;min-width:4px}.seg-part--0{background:var(--role-accent)}.seg-part--1{background:color-mix(in oklab,var(--role-accent) 70%,var(--role-surface))}.seg-part--2{background:color-mix(in oklab,var(--role-accent) 50%,var(--role-surface))}.seg-part--3{background:color-mix(in oklab,var(--role-accent) 35%,var(--role-surface))}.seg-part--en{box-sizing:border-box;border:1px solid var(--role-accent);background:transparent}.seg-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:var(--space-3) 0 0;padding:0;max-width:none;list-style:none;font-size:var(--text-sm);color:var(--role-muted)}.seg-legend li,.seg-legend span{display:inline-flex;align-items:center;gap:var(--space-2)}.seg-legend b{font-weight:500;color:var(--role-text)}.seg-key{display:inline-block;flex:none;width:.7rem;height:.7rem;box-sizing:border-box}.visits-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-6);align-items:start}.visits-figures{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-6)}.cal{margin:0}.cal-grid{display:flex;gap:4px;width:max-content;max-width:100%;padding:6px;border-radius:8px}.cal-grid:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.cal-week{display:grid;grid-template-rows:repeat(7,1.5rem);gap:4px}.cal-cell{display:block;box-sizing:border-box;width:1.5rem;height:1.5rem;border:1px solid transparent;border-radius:4px}.cal-cell--empty{visibility:hidden}.cal-cell--0{border-color:var(--role-control)}.cal-cell--none{border:1px dashed var(--role-control);opacity:.45}.cal-cell--1{background:color-mix(in oklab,var(--role-accent) 35%,var(--role-surface))}.cal-cell--2{background:color-mix(in oklab,var(--role-accent) 55%,var(--role-surface))}.cal-cell--3{background:color-mix(in oklab,var(--role-accent) 78%,var(--role-surface))}.cal-cell--4{background:var(--role-accent)}.cal-cell.is-active{outline:2px solid var(--role-text);outline-offset:1px}.cal{min-width:min(100%,16rem)}.cal-readout{display:grid;margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;color:var(--role-text)}.cal-readout-ghosts,.cal-readout-live{grid-area:1 / 1}.cal-readout-ghosts{display:grid;visibility:hidden;pointer-events:none}.cal-readout-ghosts>span{grid-area:1 / 1}.cal-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:var(--space-3) 0 0;padding:0;list-style:none;font-size:var(--text-xs);color:var(--role-muted)}.cal-legend li{display:inline-flex;align-items:center;gap:4px}.cal-legend .cal-cell{width:.8rem;height:.8rem}.visits-privacy{max-width:60ch;margin:var(--space-5) 0 0;padding-top:var(--space-4);border-top:1px solid var(--role-line);font-size:var(--text-sm);color:var(--role-muted)}.dash[data-dash=armed] .inst{opacity:0;transform:translateY(10px)}.dash[data-dash=in] .inst{transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.dash .inst:nth-child(2){transition-delay:70ms}.dash .inst:nth-child(3){transition-delay:.14s}.dash .inst:nth-child(4){transition-delay:.21s}@media (prefers-reduced-motion: reduce){.dash[data-dash] .inst{opacity:1;transform:none;transition:none}.odo-in,.odo-out{animation:none}.odo-out{display:none}}@media (max-width: 760px){.dash{gap:var(--space-4)}.inst{padding:var(--space-4)}.inst--weight,.inst--build{grid-column:1 / -1;min-height:0}.visits-body{grid-template-columns:minmax(0,1fr)}.life-mark--best{display:none}}@media (max-width: 960px){.outside-list,.project{grid-template-columns:1fr}.project-shot{max-width:36rem}}@media (max-width: 820px){.nav-toggle{display:flex}.site-nav{margin-left:0}.site-header-tools{margin-left:auto}.nav-links{display:none;position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;gap:0;background:var(--color-surface);border-bottom:1px solid var(--color-rule)}.nav-links-open{display:flex}.header-cv{display:none}.nav-cv-item{display:block}.nav-cv-item{padding:var(--space-4) var(--gutter);border-top:1px solid var(--color-rule)}.nav-links .nav-cv{display:flex;width:100%;padding:0 1.15rem;border-top:0;font-size:var(--text-base)}.nav-links a{display:block;padding:var(--space-4) var(--gutter);border-bottom:0;border-top:1px solid var(--color-rule);font-size:var(--text-base)}.nav-links a[aria-current]{box-shadow:inset 3px 0 0 var(--color-accent)}}@media (max-width: 520px){:root{--header-h: 3.5rem}.site-name{font-size:var(--text-base)}.site-header-inner{gap:var(--space-3)}.site-header-tools{gap:var(--space-1)}.hero-status-row{grid-template-columns:6.5rem 1fr}.hero-cta .button{flex:1 1 auto}}.button{--btn-h: 44px;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:var(--btn-h);padding:0 1.15rem;border:1px solid transparent;border-radius:var(--radius-pill);font:inherit;font-size:var(--text-base);font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s var(--ease-out)}.button--sm{padding:0 .95rem;font-size:var(--text-sm)}.button--lg{--btn-h: 54px;padding:0 1.6rem;font-size:1.125rem}.button--icon-only{width:var(--btn-h);padding:0}.button-label,.button-icon{position:relative;z-index:1}.button-icon{flex:none;transition:transform .25s var(--ease-out)}.button--lg .button-icon{width:20px;height:20px}.button-fx{display:none}.button{transition:transform .2s var(--ease-out),background-color .2s ease,border-color .2s ease,color .2s ease}.button--primary{color:var(--color-on-accent);background:var(--color-accent)}.button--secondary{color:var(--color-text);background:transparent;border-color:var(--color-border-control)}.button--ghost{color:var(--color-text);background:transparent}@media (hover: hover) and (pointer: fine){.button--primary:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.button--secondary:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.button--ghost:hover{background:var(--color-surface-2)}}.button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.button:active{transform:scale(.97)}.button:disabled,.button[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.button:disabled:after,.button:disabled .button-fx{display:none}.button.is-loading{cursor:progress}.button-spinner{animation:button-spin .8s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}@media (hover: hover) and (pointer: fine){.button--icon-arrow:hover .button-icon{transform:translate(3px)}.button--icon-arrowLeft:hover .button-icon{transform:translate(-3px)}.button--icon-external:hover .button-icon{transform:translate(2px,-2px)}.button--icon-download:hover .button-icon{transform:translateY(2px)}.button--icon-doc:hover .button-icon{transform:rotate(-8deg)}.button--icon-copy:hover .button-icon{transform:scale(1.1)}.button--icon-play:hover .button-icon{transform:translate(2px)}.button--icon-github:hover .button-icon{transform:rotate(-8deg)}}.button--icon-arrow:focus-visible .button-icon{transform:translate(3px)}.button--icon-arrowLeft:focus-visible .button-icon{transform:translate(-3px)}.button--icon-external:focus-visible .button-icon{transform:translate(2px,-2px)}.button--icon-download:focus-visible .button-icon{transform:translateY(2px)}.button--icon-play:focus-visible .button-icon{transform:translate(2px)}.button--icon-github:focus-visible .button-icon{transform:rotate(-8deg)}.button--icon-check .button-icon{color:var(--role-accent)}@media (max-width: 820px){.site-header-tools .header-cv{display:none}}.language-toggle{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--color-border-control);border-radius:var(--radius-pill);background:var(--color-bg)}.language-indicator{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:var(--radius-pill);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 78%,var(--color-text)),var(--color-accent));transform:translate(calc(var(--lang-index, 0) * 100%));transition:transform .3s var(--ease-out)}.lang-option{position:relative;z-index:1;min-width:44px;min-height:44px;padding:0 .6rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer}.lang-option-active{color:var(--color-on-accent)}.lang-option:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (max-width: 520px){.lang-option{min-height:40px;min-width:42px;padding:0 .45rem}}.pcard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6) var(--space-5);list-style:none}.pcard{--pcard-accent: var(--color-accent);position:relative}.pcard-frame{--pcard-fill: var(--color-surface);position:relative;display:flex;flex-direction:column;height:100%;padding:.7rem;border:1px solid color-mix(in srgb,var(--pcard-accent) 50%,var(--color-rule-strong));border-radius:var(--radius-card);background:var(--pcard-fill);transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--lift, 0px));transition:transform .25s var(--ease-out)}.pcard-frame:before,.pcard-frame:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:var(--radius-media);pointer-events:none}.pcard-frame:before{border:1px solid var(--color-rule)}.pcard-frame:after{--c: var(--pcard-accent);background:linear-gradient(var(--c),var(--c)) top left / 16px 2px,linear-gradient(var(--c),var(--c)) top left / 2px 16px,linear-gradient(var(--c),var(--c)) top right / 16px 2px,linear-gradient(var(--c),var(--c)) top right / 2px 16px,linear-gradient(var(--c),var(--c)) bottom left / 16px 2px,linear-gradient(var(--c),var(--c)) bottom left / 2px 16px,linear-gradient(var(--c),var(--c)) bottom right / 16px 2px,linear-gradient(var(--c),var(--c)) bottom right / 2px 16px;background-repeat:no-repeat}.pcard--holo .pcard-frame{border-color:var(--color-accent)}.pcard-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:.3rem .45rem .55rem;font-size:var(--text-sm)}.pcard-suit{display:inline-flex;align-items:center;gap:.35em;font-weight:600;color:var(--color-text)}.pcard-suit-icon{width:14px;height:14px;flex:none}.pcard-status{display:inline-flex;align-items:center;gap:.45em;font-size:.8125rem;color:var(--color-text-muted)}.pcard-window{position:relative;flex:none;width:100%;overflow:hidden;aspect-ratio:var(--shot-ratio, 16 / 9);border:1px solid var(--color-rule-strong);border-radius:8px;background:var(--color-bg)}.pcard-shot{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s var(--ease-out)}.pcard-shot.project-shot-todo{display:grid;place-items:center}.pcard-title{margin:.7rem -.7rem 0;padding:.4rem 1.15rem;border-block:1px solid color-mix(in srgb,var(--pcard-accent) 40%,transparent);background:var(--color-surface-2);font-size:var(--text-xl)}.pcard-open{padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.pcard-open:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:var(--radius-card)}.pcard-summary{margin-top:.6rem;padding:0 .45rem;font-size:var(--text-sm);color:var(--color-text-muted)}.pcard .badges{margin:auto 0 0;padding:.7rem .45rem .3rem;gap:.35rem}.pcard .badge{font-size:.8125rem}.pcard .badge-strong{border-color:var(--color-border-control);color:var(--color-text)}@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){.pcard-frame:hover{--lift: -6px}.pcard-frame:hover{border-color:var(--color-border-control)}.pcard-frame:hover .pcard-shot{transform:scale(1.03)}}.pcard-frame:focus-within{--lift: -6px}.pcard-open:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}@supports selector(:has(*)){.pcard-frame:has(.pcard-open:focus-visible){outline:2px solid var(--color-focus);outline-offset:4px}.pcard-open:focus-visible{outline:none}}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4)}.section-head .section-title{margin-bottom:0}.section-head .projects-more{margin:0}.pcard-grid--compact{gap:var(--space-4)}.pcard-grid--compact .pcard-window{aspect-ratio:24 / 9}.pcard-grid--compact .pcard-title{margin-top:.5rem;padding-block:.25rem;font-size:var(--text-lg)}.pcard-grid--compact .pcard-summary{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.4rem}.pcard-grid--compact .badges{display:none}@media (max-width: 1000px){.pcard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.pcard-grid{grid-template-columns:minmax(0,26rem);justify-content:center}}html{scrollbar-gutter:stable}html.has-dialog{overflow:hidden}.pdialog{width:min(100% - 2rem,62rem);max-width:none;max-height:none;margin:auto;padding:0;border:0;background:transparent;color:var(--color-text);overflow:visible}.pdialog::backdrop{background:#0c0e12bd}.pdialog-panel{position:relative;max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain;padding:var(--space-5) var(--space-6) var(--space-7);border:1px solid var(--color-rule-strong);border-radius:var(--radius-card);background:var(--color-surface)}.pdialog-panel .button{--btn-surface: var(--color-surface)}.pdialog-bar{position:sticky;top:0;z-index:3;display:flex;justify-content:flex-end;margin:0 -.75rem var(--space-2) 0;pointer-events:none}.pdialog-close{pointer-events:auto;background:var(--color-surface);box-shadow:0 0 0 1px var(--color-rule-strong)}.pdetail-media{position:relative;max-width:40rem;aspect-ratio:16 / 10;margin-bottom:var(--space-5);border:1px solid var(--color-rule);background:var(--color-bg)}.pdetail-shot{display:block;width:100%;height:100%;object-fit:cover}.pdetail .project-detail{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-rule)}.pdetail .showcase{margin-top:var(--space-7)}.pdetail-video{margin-top:var(--space-6)}.pdetail-video .project-video--detail{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;border:1px solid var(--color-rule);border-radius:var(--radius-sm);opacity:1;transition:none}@media (prefers-reduced-motion: no-preference){.pdialog[open] .pdialog-panel{animation:pdialog-in .28s var(--ease-out) both}:root[data-vt] .pdialog[open] .pdialog-panel{animation:none}}@keyframes pdialog-in{0%{opacity:0;transform:translateY(14px) scale(.97)}}::view-transition-group(pcard-active){animation-duration:.32s;animation-timing-function:var(--ease-out)}@media (max-width: 640px){.pdialog{width:calc(100% - 1rem)}.pdialog-panel{max-height:calc(100dvh - 1rem);padding:var(--space-4) var(--space-4) var(--space-6)}}.page-loading{min-height:100vh}main>.cv-page{padding-top:calc(var(--header-h) + var(--space-7));padding-bottom:var(--space-8);padding-inline:max(var(--gutter),(100% - var(--content-max)) / 2)}.cv-page-title{margin-top:var(--space-4);font-size:var(--text-hero)}.cv-page-title:focus{outline:none}.cv-page-title:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.cv-page-lead{margin:var(--space-3) 0 var(--space-5);font-size:var(--text-lg);color:var(--color-text-muted)}.cv-chooser ul{display:grid;grid-template-columns:repeat(2,minmax(0,17rem));gap:var(--space-4);list-style:none}.cv-choice{display:flex;flex-direction:column;gap:2px;min-height:44px;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border-control);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);text-decoration:none;transition:transform .2s var(--ease-out)}.cv-choice-name{font-family:var(--font-serif);font-size:var(--text-xl)}.cv-choice-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.cv-choice[aria-current=page]{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.cv-choice[aria-current=page] .cv-choice-name{color:var(--color-accent)}.cv-choice:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (hover: hover) and (pointer: fine){.cv-choice:hover{transform:translateY(-2px)}}.cv-download{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);margin-top:var(--space-5)}.cv-download-hint{max-width:36ch;font-size:var(--text-sm);color:var(--color-text-muted)}.cv-doc{max-width:52rem;margin-top:var(--space-7);padding:var(--space-7);border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface)}.cv-name{font-size:var(--text-2xl)}.cv-role{margin-top:var(--space-1);font-family:var(--font-role);font-weight:500;color:var(--color-text)}.cv-contact{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin-top:var(--space-3);list-style:none;font-size:var(--text-sm);color:var(--color-text-muted)}.cv-contact li+li:before{content:"·" / "";margin-right:var(--space-3)}.cv-section{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-rule)}.cv-section-title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.cv-paragraph{max-width:var(--measure);margin-top:var(--space-3)}.cv-items,.cv-bullets{margin-top:var(--space-3)}.cv-items{list-style:none}.cv-bullets{padding-left:1.15rem}.cv-items li+li,.cv-bullets li+li{margin-top:var(--space-1)}.cv-entry{margin-top:var(--space-4)}.cv-entry-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 var(--space-4)}.cv-entry-title{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600}.cv-entry-aside{font-size:var(--text-sm);color:var(--color-text-muted)}.cv-entry-links{margin-top:var(--space-1);font-size:var(--text-sm)}@media (max-width: 640px){.cv-contact{flex-direction:column;gap:var(--space-1)}.cv-contact li+li:before{content:none}.cv-chooser ul{grid-template-columns:1fr 1fr;gap:var(--space-3)}.cv-choice{padding:var(--space-3) var(--space-4)}.cv-doc{padding:var(--space-5) var(--space-4)}}@media (forced-colors: active){.button{border:1px solid ButtonText}.button-fx,.button:after,.language-indicator,.pcard:before{display:none}.lang-option-active{background:Highlight;color:HighlightText;forced-color-adjust:none}.button:focus-visible,.lang-option:focus-visible,.pcard-open:focus-visible{outline-color:Highlight}.pcard-frame{border:1px solid CanvasText}}@media (prefers-reduced-motion: reduce){.button,.button-icon,.button:after,.button-fx:before,.language-indicator,.pcard-frame,.pcard:before,.pcard-shot,.cv-choice{transition:none}.button:active,.button:hover,.cv-choice:hover{transform:none}.button .button-icon{transform:none!important;animation:none!important}.button-fx:after{display:none}.pcard-frame,.pcard-frame:focus-within{--lift: 0px;--rx: 0deg;--ry: 0deg}.button-spinner{animation-duration:2s}::view-transition-group(pcard-active){animation:none}}@media print{@page{size:A4;margin:11mm 13mm}html,body{background:#fff!important;color:#111!important}html{scrollbar-gutter:auto}.site-header,footer,.dot-grid,.skip-link,.cv-toolbar{display:none!important}main>.cv-page{padding:0!important}.cv-doc{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;color:#111;font-size:9.2pt;line-height:1.3}.cv-doc a{color:#111;text-decoration:none}.cv-name{font-size:17pt;line-height:1.15;color:#111}.cv-role{margin-top:.5mm;font-family:var(--font-sans);font-weight:600;font-size:10pt;color:#111}.cv-contact{gap:0 2mm;margin-top:1mm;font-size:8.8pt;color:#111}.cv-contact li+li:before{margin-right:2mm}.cv-section{margin-top:2.6mm;padding-top:1.4mm;border-top:.6pt solid #888}.cv-section-title{color:#111;font-size:9pt}.cv-paragraph,.cv-items,.cv-bullets{margin-top:1mm}.cv-paragraph{max-width:none}.cv-items li+li,.cv-bullets li+li{margin-top:.3mm}.cv-entry{margin-top:1.6mm;break-inside:avoid}.cv-entry-title{font-size:9.6pt}.cv-entry-aside{font-size:8.8pt;color:#333}.cv-entry-links{margin-top:.3mm;font-size:8.8pt}.cv-section-title,.cv-entry-head{break-after:avoid}}main>.hero{position:relative;isolation:isolate}.dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent);mask-image:linear-gradient(to bottom,#000 65%,transparent)}@media (prefers-reduced-motion: reduce){.roulette__reel{transition:none!important}.nav-toggle-bar,.roulette__item,.roulette__hint,.contact-mail{transition:none}.contact-stamp-on,.contact-pulse:after{animation:none}.contact-pulse:after{opacity:0}.contact-stamp-off,a,.project,.thumb-shot,.viewer-shot,.badge,[data-reveal],.deploy-edge-draw{transition:none}.deploy-packet{animation:none!important;opacity:0}.thumb:hover .thumb-shot,.thumb:focus-visible .thumb-shot{transform:none}::view-transition-old(root),::view-transition-new(root){animation:none}}.led{display:inline-block;width:.6rem;height:.6rem;flex:none;border:1.5px solid var(--color-accent);border-radius:50%;background:var(--color-accent)}.led--demo{background:radial-gradient(circle,var(--color-accent) 0 30%,transparent 34%)}.led--wip{background:linear-gradient(90deg,var(--color-accent) 50%,transparent 50%)}.led--done{border-color:var(--color-text-muted);background:var(--color-text-muted)}.led--archived{border-color:var(--color-text-muted);background:transparent}.project-filter-label{display:inline-flex;align-items:center;margin:0;padding:0;line-height:1;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.chip{display:inline-flex;align-items:center;gap:var(--space-2)}.chip[aria-pressed=true]:not(.chip--shot) .led,.chip.is-lit .led{border-color:var(--color-on-accent);background-color:var(--color-on-accent)}.chip[aria-pressed=true]:not(.chip--shot) .led--demo,.chip.is-lit .led--demo{background:radial-gradient(circle,var(--color-on-accent) 0 30%,transparent 34%)}.chip[aria-pressed=true]:not(.chip--shot) .led--wip,.chip.is-lit .led--wip{background:linear-gradient(90deg,var(--color-on-accent) 50%,transparent 50%)}.chip[aria-pressed=true]:not(.chip--shot) .led--archived,.chip.is-lit .led--archived{background:transparent}.pcard-actions{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:var(--space-2);padding:.4rem .45rem .3rem}.project-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;background:var(--color-bg);opacity:0;transition:opacity .2s ease}.project-video.is-on{opacity:1}.project-video-progress{position:absolute;left:0;right:0;bottom:0;z-index:3;height:2px;background:var(--role-accent);transform:scaleX(0);transform-origin:left;pointer-events:none}.project-video-toggle{position:absolute;right:var(--space-2);bottom:var(--space-2);z-index:4;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-border-control);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer}.project-video-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.project-video-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.project-video-toggle.is-auto{opacity:0}.pcard-frame:hover .project-video-toggle.is-auto,.pcard-frame:focus-within .project-video-toggle.is-auto,.project-video-toggle.is-auto:focus-visible{opacity:1}.contact-intents{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.contact-subject{max-width:none;margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.04em;color:var(--color-text-muted)}.contact-subject span{color:var(--color-text)}.skills-intro{max-width:60ch;margin-bottom:var(--space-5);font-size:var(--text-lg);color:var(--role-muted)}.tm{overflow:hidden;border:1px solid var(--role-line);border-radius:var(--radius-card);background:var(--role-bg);font-family:var(--font-mono)}.tm-bar{display:flex;align-items:center;gap:var(--space-3);padding:.55rem var(--space-4);border-bottom:1px solid var(--role-line);background:var(--role-surface)}.tm-dots{display:inline-flex;gap:.4rem}.tm-dots i{display:block;width:.7rem;height:.7rem;border:1.5px solid var(--role-line);border-radius:50%}.tm-title{flex:1;min-width:0;font-size:var(--text-xs);color:var(--role-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-view{flex:none;font-family:var(--font-sans)}.tm-body{min-height:420px;max-height:min(70vh,640px);overflow:auto;padding:var(--space-4);font-size:.8125rem;line-height:1.7;color:var(--role-text)}.tm-body:focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px}@media (min-width: 768px){.tm-body{min-height:520px;padding:var(--space-5);font-size:.875rem}}.tm-entry{margin-bottom:var(--space-3)}.tm-line{max-width:none;margin:0;overflow-wrap:anywhere}.tm-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .7ch}.tm-blank{height:.8em}.tm-pair{display:inline-flex;align-items:baseline;white-space:nowrap}.tm-punct{margin-left:-.7ch}.tm-cmd{color:var(--role-text)}.tm-prompt{color:var(--role-accent)}.tm-text{white-space:pre-wrap}.tm-tone-default{color:var(--role-text)}.tm-tone-muted{color:var(--role-muted)}.tm-tone-accent{color:var(--role-accent)}.tm-tone-ok{color:var(--role-accent);font-weight:500}.tm-tone-strong{color:var(--role-text);font-weight:600}.tm-tone-warn{color:var(--role-text)}.tm-tone-error{color:var(--role-text);font-weight:500}.tm-token{display:inline-flex;align-items:center;min-height:24px;padding:0 .25ch;border:0;border-radius:4px;background:none;color:var(--role-accent);font:inherit;text-decoration:underline dashed;text-decoration-thickness:1px;text-underline-offset:.25em;cursor:pointer}.tm-token:hover,.tm-token:focus-visible{background:var(--role-accent-soft)}.tm-token:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.tm-tone-muted.tm-token{color:var(--role-muted)}@media (pointer: coarse){.tm-token{min-height:32px;padding-block:.3em}}.tm-foot{display:grid;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--role-line)}.tm-chips{display:flex;gap:var(--space-2);list-style:none;overflow-x:auto;padding-bottom:var(--space-1)}.tm-chip{flex:none;padding:.35rem .8rem;border:1px solid var(--role-line);border-radius:var(--radius-pill);font-size:var(--text-xs);white-space:nowrap;text-decoration:none}@media (min-width: 768px){.tm-chips{flex-wrap:wrap;overflow:visible}}.tm-form{display:flex;align-items:center;gap:var(--space-2)}.tm-form>.tm-prompt{flex:none;font-size:.8125rem}@media (max-width: 600px){.tm-form>.tm-prompt{display:none}}.tm-input-wrap{position:relative;flex:1;min-width:0}.tm-input{width:100%;min-height:44px;padding:0 var(--space-4);border:1px solid var(--role-line);border-radius:var(--radius-pill);background:var(--role-surface);color:var(--role-text);font-family:var(--font-mono);font-size:.8125rem}.tm-input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tm-cursor{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--role-accent);pointer-events:none;animation:tm-blink 1s steps(1) 4}@keyframes tm-blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.tm-cursor{animation:none}}.tm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--space-5) var(--space-6);padding:var(--space-5);font-family:var(--font-sans)}.tm-list-title{margin-bottom:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;letter-spacing:0;color:var(--role-text)}.tm-list ul{display:grid;gap:var(--space-2);list-style:none;font-size:var(--text-sm)}.tm-list li{display:grid;gap:.1rem}.tm-list-level,.tm-list-projects{color:var(--role-muted)}.tm-list-projects a{min-height:24px;font-weight:600}.tm-indent{padding-left:2ch}.tm-list-more{justify-self:start;min-height:24px;padding:0;border:0;background:none;color:var(--role-text);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tm-list-more:after{content:"";display:inline-block;width:.4rem;height:.4rem;margin-left:.5rem;border-right:2px solid var(--role-muted);border-bottom:2px solid var(--role-muted);transform:translateY(-2px) rotate(45deg)}.tm-list-more[aria-expanded=true]:after{transform:translateY(1px) rotate(225deg)}.tm-list-more:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tm-list-notes{display:grid;gap:var(--space-2);margin-top:var(--space-1);padding:var(--space-3);border:1px solid var(--role-line);border-radius:10px;background:var(--role-bg);font-size:var(--text-sm)}.tm-list-notes p{max-width:none;margin:0}.tm-list-notes h4{margin:0;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--role-muted)}.tm-list-notes ul{display:grid;gap:var(--space-1);padding-left:1.1rem;list-style:disc}.tm-list-see{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.rl-map{position:relative;width:100%}.rl-svg{display:block;width:100%;height:260px}.rl-contour{fill:none;stroke:var(--role-line);stroke-width:.75px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.rl-contour--major{stroke:var(--role-accent);stroke-width:1.5px}.rl-zone{fill:transparent;cursor:crosshair}.rl-zone:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.rl-cursor{stroke:var(--role-accent);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;pointer-events:none}.rl-canvas{display:block;width:100%;height:100%}.rl-tip{padding:.3rem .65rem;border:1px solid var(--role-line);border-radius:8px;background:var(--role-surface);color:var(--role-text);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;pointer-events:none}.rl-tip--map{position:absolute;top:.4rem;transform:translate(-50%);z-index:3}.rl-peak{display:grid;gap:.05rem;padding:.25rem .75rem;border:1px solid var(--role-line);border-radius:var(--radius-pill);background:color-mix(in oklab,var(--role-surface) 90%,transparent);color:var(--role-text);font-family:var(--font-mono);font-size:var(--text-xs);text-align:left;white-space:nowrap;cursor:pointer}.rl-peak-sub{color:var(--role-muted);font-size:var(--text-2xs)}.rl-peak:hover,.rl-peak:focus-visible,.rl-peak.is-selected{border-color:var(--role-accent);background:var(--role-accent-soft)}.rl-peak:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.rl-peak--map{position:absolute;transform:translate(-50%,-125%);z-index:2}.rl-sheet{position:relative;padding:2.6rem 1rem 2.4rem;border:1px solid var(--role-line);border-radius:var(--radius-card);background:var(--role-bg)}.rl-sheet-title{position:absolute;top:.6rem;left:1rem;max-width:none;margin:0}.rl-sheet-name{display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--role-text)}.rl-sheet-sub{display:block;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--role-muted)}.rl-axis{position:relative;height:1.6rem;margin-top:.35rem;border-top:1px solid var(--role-line)}.rl-axis-mark{position:absolute;top:0;width:1px;height:.4rem;background:var(--role-line)}.rl-axis-month{position:absolute;top:.5rem;transform:translate(-50%);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--role-muted)}.rl-axis-today{position:absolute;right:0;bottom:calc(100% + 14px);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;color:var(--role-accent)}.rl-key{display:grid;gap:.3rem;margin:.9rem 0 0 auto;padding:.6rem .8rem;max-width:22rem;border:1px solid var(--role-line);border-radius:10px;font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.4;color:var(--role-muted);list-style:none}.rl-key li{display:flex;align-items:center;gap:.6rem}.rl-key-line{flex:none;width:1.6rem;height:0;border-top:1px solid var(--role-control)}.rl-key-line--major{border-top:1.5px solid var(--role-accent)}.rl-key-peak{flex:none;width:1.6rem;text-align:center;color:var(--role-accent)}.rl-peak-mark{color:var(--role-accent)}.rl-key-total{color:var(--role-text)}.live-placeholder,.terminal-placeholder{min-height:34rem}.live-intro{max-width:60ch;margin-bottom:var(--space-4);font-size:var(--text-lg);color:var(--color-text-muted)}.live-status{min-height:8rem;font-size:var(--text-sm);color:var(--color-text-muted)}.live-meta{max-width:none;margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.live-note{max-width:62ch;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.live-empty{padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.live-modenote,.live-hint{max-width:none;margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.live-viz{margin-bottom:var(--space-4)}.rl-panel{display:grid;gap:var(--space-3)}.rl-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.rl-toolbar .live-hint{margin:0;flex:1 1 24rem}.rl-stage{position:relative}.rl-stage:has(.rl-canvas){height:clamp(300px,34vw,420px)}.rl-data{border:1px solid var(--role-line);border-radius:var(--radius-card);background:var(--role-surface)}.rl-data summary{padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:600}.rl-data summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-card)}.rl-data .live-table{margin:0}.live-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:start}.live-card{padding:var(--space-4);border:1px solid var(--color-rule-strong);border-radius:var(--radius-card);background:var(--color-surface)}.live-card-label{margin:0 0 var(--space-3);max-width:none;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;letter-spacing:0;color:var(--color-text-muted)}.live-card-name{max-width:none;font-size:var(--text-lg)}.live-card-push{max-width:none;margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.repo-name{font-family:var(--font-mono);font-weight:500;color:var(--color-text)}a.repo-name{color:var(--color-accent)}.lang-bar{display:flex;height:8px;margin:var(--space-3) 0 var(--space-2);gap:2px;border-radius:var(--radius-pill);overflow:hidden}.lang-seg{display:block;min-width:3px}.lang-seg--0{background:var(--color-accent)}.lang-seg--1{background:color-mix(in srgb,var(--color-accent) 70%,var(--color-bg))}.lang-seg--2{background:color-mix(in srgb,var(--color-accent) 48%,var(--color-bg))}.lang-seg--3,.lang-seg--4{background:color-mix(in srgb,var(--color-accent) 32%,var(--color-bg))}.lang-seg--other{background:var(--color-border-control)}.lang-legend{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);list-style:none;font-size:var(--text-sm)}.lang-legend li{display:inline-flex;align-items:center;gap:var(--space-2)}.lang-dot{width:.6rem;height:.6rem;flex:none;border-radius:50%}.lang-pct{color:var(--color-text-muted)}.activity-list{list-style:none}.activity-list li{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:var(--space-1) var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-rule)}.activity-list li:last-child{border-bottom:0}.activity-day{font-size:var(--text-sm);color:var(--color-text-muted)}.activity-repo{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;overflow-wrap:anywhere}.activity-kind{grid-column:2;font-size:var(--text-sm);color:var(--color-text-muted)}.live-table-wrap{margin-top:var(--space-5);overflow-x:auto;border:1px solid var(--color-rule-strong);border-radius:var(--radius-card)}.live-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.live-table caption{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--color-text-muted)}.live-table th,.live-table td{padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-rule);text-align:left;font-weight:400;vertical-align:top}.live-table thead th{color:var(--color-text-muted);font-weight:600}.live-table tbody th{font-weight:500}@media (max-width: 960px){.live-duo{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.project-video,.skill-tile{transition:none}}.project-filter+.project-filter{margin-top:var(--space-2)}@media (max-width: 640px){.project-filter{grid-template-columns:1fr;row-gap:8px}.project-filter-label{height:auto}}.tech-glass-pair{display:inline-flex;flex:none;align-items:center}.tech-glass-pair .tech-glass+.tech-glass{margin-left:-8px}.tech-glass{--tech-size: 24px;display:inline-grid;place-items:center;flex:none;width:var(--tech-size);height:var(--tech-size);border-radius:var(--radius-media);border:1px solid color-mix(in oklab,var(--role-text) 18%,transparent);background:color-mix(in oklab,var(--role-text) 8%,transparent)}.tech-glass__logo{width:58%;height:58%;fill:var(--role-text)}@media (prefers-reduced-transparency: reduce){.tech-glass{background:var(--role-surface-2);border-color:var(--role-line)}}.tm--preview .tm-body{min-height:0;max-height:none}.tm--preview .tm-row{display:flex;flex-wrap:wrap;gap:.15rem 1rem;max-width:none}.tm-list-name{display:flex;align-items:center;gap:8px}.jm-logo{display:block;flex:none;max-width:100%}.tm-logo{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-3)}.tm-logo-text{min-width:0}.tm-logo-text .tm-line{margin:0}.tm-tone-serif{font-family:var(--font-serif);font-size:1.375rem;line-height:1.2;color:var(--role-text)}@media (max-width: 640px){.tm-logo{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.rl-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.rl-stat{display:grid;gap:.2rem;padding:var(--space-3) var(--space-4);border:1px solid color-mix(in oklab,var(--role-line) 70%,transparent);border-radius:var(--radius-card);background:var(--role-surface)}.rl-stat-num{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:500;line-height:1.1;color:var(--role-text);font-variant-numeric:tabular-nums}.rl-stat-label{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--role-muted)}@media (max-width: 640px){.rl-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--chip-h-sm: 40px}.tech-chip,.stack-badges li.tech-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--chip-h-sm);padding:6px 14px;box-sizing:border-box;line-height:1;border:1px solid var(--color-border-control);border-radius:var(--radius-pill);font-size:var(--text-sm)}.tech-chip__text{display:block;line-height:1}.tech-chip--logo,.stack-badges li.tech-chip--logo{padding-left:8px}.pcard .badge.tech-chip{font-size:.8125rem}.stack-page{padding-top:calc(var(--header-h) + var(--space-5))}.stack-page-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.stack-page .projects-page-title{margin-top:0;font-size:var(--text-2xl)}.stack-page .projects-page-lead{margin:var(--space-1) 0 var(--space-3);font-size:var(--text-sm);max-width:none}.tm--page{display:flex;flex-direction:column;height:clamp(480px,calc(100vh - var(--header-h) - 170px),780px);height:clamp(480px,calc(100dvh - var(--header-h) - 170px),780px)}.tm--page .tm-bar,.tm--page .tm-foot{flex:none}.tm--page .tm-body,.tm--page .tm-list{flex:1;min-height:0;max-height:none;overflow:auto}.tm--page .tm-body{line-height:1.4}@media (min-width: 768px){.tm--page .tm-body{min-height:0;font-size:.9rem}}.tm--page .tm-line+.tm-line{margin-top:2px}.tm--page .tm-entry{margin-bottom:var(--space-2)}.tm--page .tm-foot{padding-block:var(--space-2) var(--space-3);gap:var(--space-2)}@media (max-height: 800px){.stack-page .projects-page-lead{display:none}.tm-logo-text .tm-line:nth-child(3),.tm-logo-text .tm-line:nth-child(4){display:inline}.tm-logo-text .tm-line:nth-child(3){display:inline-flex}.tm-logo-text .tm-line:nth-child(4):before{content:" · "}.tm-tone-serif{font-size:1.125rem}}@media (max-height: 640px){.tm-logo{gap:var(--space-3)}.tm-logo-text .tm-line:nth-child(n+4){font-size:var(--text-xs)}}@media (max-width: 640px){.stack-page .projects-page-lead{display:none}}.gun{flex:none;width:40px;height:24px;color:var(--role-muted);fill:currentColor}.bullet{position:absolute;left:0;top:0;z-index:5;width:38px;height:3px;border-radius:2px;pointer-events:none;background:var(--role-accent)}.muzzle{position:absolute;left:0;top:0;z-index:5;width:10px;height:10px;border-radius:50%;background:var(--role-accent);pointer-events:none}.chip--shot{position:relative}.chip--shot.is-hit:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--role-accent);border-radius:inherit;pointer-events:none;animation:chip-ring .42s ease-out forwards}@keyframes chip-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion: reduce){.chip--shot{transition:background-color .12s ease,color .12s ease,border-color .12s ease}.bullet,.muzzle{display:none}}.infra-page{max-width:1200px;margin-inline:auto;padding-top:calc(var(--header-h) + var(--space-4))}.infra-eyebrow{margin:0 0 var(--space-1);max-width:none;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.14em;color:var(--role-muted)}.infra-block{margin-top:var(--space-7)}.infra-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500;line-height:1.15}.infra-lead{margin:var(--space-1) 0 var(--space-4);max-width:46rem;font-size:var(--text-sm);color:var(--role-muted)}.infra-note{margin:0;max-width:none;font-size:var(--text-sm);color:var(--role-muted)}.infra-card,.infra-figure,.infra-panel,.infra-badge--lab{background:color-mix(in oklab,var(--role-surface) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.infra-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,28rem);gap:var(--space-5);align-items:center}@media (min-width: 900px){.infra-hero{max-height:70vh}}.infra-hero-text{display:grid;justify-items:start;gap:var(--space-3)}.infra-h1{margin:0;font-family:var(--font-serif);font-size:clamp(3.5rem,1.8rem + 7vw,6.5rem);font-weight:500;line-height:.95;letter-spacing:-.02em}.infra-hero-lead{margin:0;max-width:34rem;font-size:var(--text-lg);color:var(--role-muted)}.infra-chip{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;padding:.4rem .9rem .4rem .75rem;border:1px solid var(--role-control);border-radius:var(--radius-pill);background:var(--role-surface);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--role-text)}.infra-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.infra-badge{padding:.3rem .7rem;border:1px solid var(--role-control);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--role-text)}.infra-badge--inline{margin-left:var(--space-2);vertical-align:middle;font-size:var(--text-2xs);font-family:var(--font-mono);color:var(--role-muted)}.infra-tux{position:relative;height:min(22rem,40vh);overflow:hidden}.tux-dots{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:none;touch-action:pan-y}.infra-dot{position:relative;flex:none;display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--role-accent)}.infra-dot[data-state=DEGRADED]{border-radius:0;background:var(--role-text);clip-path:polygon(50% 0,100% 100%,0 100%)}.infra-dot[data-state=DOWN]{border-radius:2px;background:var(--role-text)}.infra-dot[data-state=none],.infra-chip[data-state=loading] .infra-dot{background:none;border:2px solid var(--role-control);box-sizing:border-box}.infra-dot.is-live:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--role-accent);border-radius:50%;animation:infra-pulse 2.2s ease-out infinite}@keyframes infra-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.6);opacity:0}}.infra-banner{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0 0;max-width:none;padding:var(--space-4) var(--space-5);border:1px solid var(--role-control);border-radius:var(--radius-card);background:var(--role-surface);font-family:var(--font-serif);font-size:clamp(1.4rem,1rem + 1.6vw,2.1rem);line-height:1.15;color:var(--role-text)}.infra-banner .infra-dot{width:14px;height:14px}.infra-banner[data-state=none],.infra-banner[data-state=loading]{border-style:dashed;color:var(--role-muted)}.infra-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:var(--space-4);margin:var(--space-4) 0 0;padding:0;list-style:none}.infra-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);padding:var(--space-5);border:1px solid var(--role-control);border-radius:var(--radius-card)}.infra-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .25s var(--ease-out);background:radial-gradient(260px circle at var(--mx, 50%) var(--my, 0%),color-mix(in oklab,var(--role-accent) 16%,transparent),transparent 70%)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.infra-card:hover:before{opacity:1}}.infra-card>*{position:relative}.infra-card-name{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500;line-height:1.2}.infra-code{margin:0;max-width:none;font-family:var(--font-mono);font-size:clamp(3.5rem,2rem + 5vw,5.5rem);font-weight:600;line-height:1;letter-spacing:.02em;color:var(--role-text)}.infra-uptime{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.infra-uptime-text{margin:0;max-width:none;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--role-muted)}.infra-ring{position:relative;flex:none;display:grid;place-items:center;width:4.75rem;height:4.75rem}.infra-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.infra-ring-track{fill:none;stroke:var(--role-line);stroke-width:6}.infra-ring-arc{fill:none;stroke:var(--role-accent);stroke-width:6;stroke-linecap:round;transition:stroke-dasharray 1.1s var(--ease-out)}.infra-ring-text{position:relative;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--role-text)}.infra-beat{display:block;width:100%;height:2.25rem;overflow:hidden}.infra-beat path{fill:none;stroke:var(--role-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.infra-beat--down path{stroke:var(--role-text)}.infra-beat--none path{stroke:var(--role-control);stroke-dasharray:4 6}.infra-beat.is-live .infra-beat-run{animation:infra-beat 2.4s linear infinite}@keyframes infra-beat{to{transform:translate(-100px)}}.infra-card.is-off{border-style:dashed;border-color:var(--role-line);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.infra-card.is-off .infra-code,.infra-card.is-off .infra-card-name{color:var(--role-muted)}.infra-card.is-off .infra-code{font-size:clamp(1.8rem,1.2rem + 1.8vw,2.6rem)}.infra-card.is-off .infra-ring-track{stroke:var(--role-control);stroke-dasharray:3 5}.infra-term-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-4)}.infra-term-foot .odo-pause{margin-top:0}.infra-figure{margin:var(--space-3) 0 0;padding:var(--space-4);border:1px solid var(--role-line);border-radius:var(--radius-card)}.infra-diagram{display:block;width:100%;height:auto}.infra-diagram--tall{display:none;max-width:24rem;margin-inline:auto}.dg-server{fill:none;stroke:var(--role-control);stroke-width:1.5;stroke-dasharray:3 6}.dg-fw{fill:none;stroke:var(--role-control);stroke-width:1.5;stroke-dasharray:10 5}.dg-node{fill:color-mix(in oklab,var(--role-surface-2) 80%,transparent);stroke:var(--role-control);stroke-width:1.5;transition:stroke .2s var(--ease-out)}.dg-node--accent{stroke:var(--role-accent)}.dg-node--soft{stroke-dasharray:4 4}.dg-badge{fill:var(--role-surface);stroke:var(--role-control);stroke-width:1}.dg-hit{cursor:pointer;outline:none}.dg-hit:focus-visible .dg-node{stroke:var(--color-focus);stroke-width:3}.dg-hit.is-selected .dg-node{fill:color-mix(in oklab,var(--role-accent) 16%,var(--role-surface-2));stroke:var(--role-accent);stroke-width:2.5}@media (hover: hover){.dg-hit:hover .dg-node{stroke:var(--role-accent)}}.service-icon-logo{fill:var(--role-text)}.service-icon-glyph{stroke:var(--role-text)}.dg-name{fill:var(--role-text);font-family:var(--font-sans);font-size:14px;font-weight:500}.dg-sub{fill:var(--role-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em}.dg-label{fill:var(--role-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.dg-arrow{fill:none;stroke:var(--role-control);stroke-width:1.5}.dg-arrow--soft{stroke-dasharray:5 5}.dg-arrow--live{stroke-dasharray:2 5}.dg-head{fill:var(--role-control)}.dg-packet{fill:var(--role-accent)}.dg-packet--live{fill:var(--role-text)}.dg-packet--soft{fill:var(--role-muted)}.infra-figcaption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--role-muted)}.infra-panel{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--role-control);border-radius:var(--radius-card)}.infra-panel-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:500}.infra-panel-body{display:grid;gap:var(--space-3);margin:var(--space-3) 0 0}.infra-panel-body>div,.infra-panel-body dd{min-width:0}.infra-panel-body dt{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--role-muted)}.infra-panel-body dd{margin:var(--space-1) 0 0;max-width:60rem;font-size:var(--text-sm);color:var(--role-text)}.infra-code-block{margin:var(--space-2) 0;padding:var(--space-3) var(--space-4);overflow-wrap:anywhere;border:1px solid var(--role-line);border-radius:10px;background:var(--role-bg);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--role-text);white-space:pre-wrap}.infra-bento-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:start;margin:0;padding:0;list-style:none}.infra-bento{padding:0}.infra-bento--wide{grid-column:span 2}.infra-bento-head{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-1) var(--space-3);width:100%;padding:var(--space-5);padding-right:var(--space-7);border:0;background:transparent;color:var(--role-text);font:inherit;text-align:left;cursor:pointer}.infra-bento-head>*{grid-column:1 / -1}.infra-bento-head>.infra-bento-icon{grid-column:1;grid-row:1}.infra-bento-icon{width:1.6rem;height:1.6rem}.infra-bento-big{font-family:var(--font-mono);font-size:clamp(1.5rem,1rem + 1.5vw,2.1rem);font-weight:600;line-height:1.1;overflow-wrap:break-word}.infra-bento-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500;line-height:1.2}.infra-bento-line{font-size:var(--text-sm);color:var(--role-muted)}.infra-bento-warn{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--role-control);font-size:var(--text-sm);color:var(--role-text)}.infra-warn-glyph{flex:none;width:1.05rem;height:1.05rem;margin-top:.15rem;fill:none;stroke:var(--role-text);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}.infra-bento-caret{position:absolute;top:var(--space-5);right:var(--space-5);grid-column:auto;width:.55rem;height:.55rem;border-right:2px solid var(--role-muted);border-bottom:2px solid var(--role-muted);transform:rotate(45deg);transition:transform .2s var(--ease-out)}.infra-bento-head[aria-expanded=true] .infra-bento-caret{transform:rotate(225deg)}.infra-bento.is-open{border-color:var(--role-accent)}.infra-bento-body{padding:0 var(--space-5) var(--space-5);border-top:1px solid var(--role-line)}.infra-bento-how{margin:var(--space-3) 0 0;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--role-muted)}.infra-bento-checks{display:grid;gap:var(--space-3);margin:var(--space-2) 0 0;padding:0;list-style:none;font-size:var(--text-sm)}.infra-bento-checks>li{min-width:0}.infra-comment{margin:var(--space-3) 0 0;max-width:none;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--role-muted)}.infra-journal{margin-top:var(--space-4);border:1px solid var(--role-line);border-radius:var(--radius-card);background:var(--role-bg);font-family:var(--font-mono);overflow:hidden}.infra-journal-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--role-line);background:var(--role-surface);font-size:var(--text-xs);color:var(--role-muted)}.infra-journal-bar .odo-pause{margin-top:0}.infra-journal-lines{display:grid;gap:2px;margin:0;padding:var(--space-4);list-style:none;font-size:var(--text-sm)}.infra-jl{display:flex;align-items:baseline;gap:var(--space-2);min-width:0;color:var(--role-text);opacity:0}.infra-jl.is-in{opacity:1;transition:opacity .15s var(--ease-out)}.infra-jl-tag{flex:none;white-space:pre;color:var(--role-muted)}.infra-jl-ok{color:var(--role-accent);font-weight:500}.infra-jl .infra-warn-glyph{align-self:center;margin-top:0}.infra-pend-tag{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;color:var(--role-muted)}.infra-jl--target{margin-top:var(--space-2);font-weight:500}.infra-lab{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-4);margin:0;padding:0;list-style:none}.infra-lab-card{grid-template-rows:auto;align-content:start}.infra-lab-icon{width:1.6rem;height:1.6rem}.infra-lab-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:500;line-height:1.25}.infra-lab-body{margin:0;max-width:none;font-size:var(--text-sm);color:var(--role-muted)}.infra-lab-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--role-muted)}@media (prefers-reduced-motion: reduce){.infra-jl,.infra-jl.is-in{opacity:1;transition:none}.infra-dot.is-live:after{animation:none;display:none}.infra-beat.is-live .infra-beat-run{animation:none}.infra-ring-arc,.infra-bento-caret{transition:none}}@media (max-width: 899px){.infra-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.infra-hero{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.infra-tux{height:14rem;max-width:24rem}}@media (max-width: 719px){.infra-diagram--wide{display:none}.infra-diagram--tall{display:block}.infra-bento-grid{grid-template-columns:minmax(0,1fr)}.infra-bento--wide{grid-column:auto}}