:root{--bg: oklch(100% .00011 271.152);--surface: oklch(100% .00011 271.152);--surface-2: oklch(100% .00011 271.152);--ink: oklch(.2 .012 80);--ink-soft: oklch(.38 .012 80);--muted: oklch(.55 .014 80);--line: oklch(.88 .006 80);--line-soft: oklch(.92 .004 80);--accent: oklch(.55 .13 50);--accent-ink: oklch(100% .00011 271.152);--good: oklch(.55 .13 150);--info: oklch(.55 .13 250);--f-display: "Newsreader", Georgia, serif;--f-body: "Newsreader", Georgia, serif;--f-mono: "JetBrains Mono", ui-monospace, monospace;--hl-mark: oklch(.93 .1 95);--hl-key-bg: oklch(.93 .1 95);--hl-key-ink: oklch(.22 .04 80);--max: 760px;--r: 8px;--r-lg: 14px;--ease: cubic-bezier(.2, .7, .2, 1)}[data-theme=dark]{--bg: oklch(.17 .008 85);--surface: oklch(.21 .009 85);--surface-2: oklch(.25 .01 85);--ink: oklch(.96 .004 80);--ink-soft: oklch(.78 .008 80);--muted: oklch(.62 .012 80);--line: oklch(.3 .008 80);--line-soft: oklch(.25 .008 80);--accent: oklch(.72 .13 50);--accent-ink: oklch(.17 .008 85);--hl-key-bg: oklch(.85 .13 95);--hl-key-ink: oklch(.18 .04 80)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .3s var(--ease),color .3s var(--ease)}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--accent-ink)}.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}.topnav{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--bg) 82%,transparent);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid color-mix(in oklab,var(--line) 60%,transparent)}.topnav-inner{max-width:var(--max);margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:var(--f-mono);font-size:13px;letter-spacing:.01em;display:inline-flex;align-items:center;gap:8px;color:var(--ink)}.brand .dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 18%,transparent)}.nav-right{display:flex;align-items:center;gap:8px}.navlinks{display:flex;gap:2px;font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;color:var(--ink-soft)}.navlinks a{padding:7px 11px;border-radius:6px;transition:color .2s var(--ease),background .2s var(--ease)}.navlinks a:hover{color:var(--ink);background:color-mix(in oklab,var(--ink) 5%,transparent)}.theme-btn{border:1px solid var(--line);background:transparent;color:var(--ink);font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;padding:6px 10px;border-radius:999px;cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease)}.theme-btn:hover{border-color:var(--ink)}.nav-menu-btn{display:none;border:1px solid var(--line);background:transparent;color:var(--ink);font-family:var(--f-mono);font-size:14px;padding:6px 10px;border-radius:6px;cursor:pointer;line-height:1;transition:border-color .2s var(--ease)}.nav-menu-btn:hover{border-color:var(--ink)}section{padding:56px 0}section+section{border-top:1px solid var(--line-soft)}.section-head{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 28px;display:flex;align-items:center;gap:10px}.section-head:before{content:"";width:18px;height:1px;background:var(--muted)}.hero{padding:64px 0 56px}.hero-grid{display:grid;grid-template-columns:168px 1fr;gap:36px;align-items:start}.avatar{width:168px;height:168px;border-radius:12px;background:var(--surface);border:1px solid var(--line);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:48px}.avatar img{width:100%;height:100%;object-fit:cover;object-position:center 50%}.avatar:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,color-mix(in oklab,var(--accent) 18%,transparent),transparent 60%),radial-gradient(ellipse at 70% 80%,color-mix(in oklab,var(--info) 12%,transparent),transparent 60%)}.avatar .initials{position:relative;font-family:var(--f-display);font-style:italic;font-size:64px;color:var(--ink);letter-spacing:-.02em}.hero h1{font-family:var(--f-display);font-weight:500;font-size:38px;letter-spacing:-.015em;line-height:1.1;margin:4px 0 14px;color:var(--ink)}.hero-affil{font-family:var(--f-mono);font-size:12px;letter-spacing:.02em;color:var(--muted);margin:0 0 18px}.hero-bio p{font-family:var(--f-body);font-size:17.5px;line-height:1.72;color:var(--ink-soft);margin:0 0 14px;text-wrap:pretty}.hl-mark{background:linear-gradient(transparent 55%,var(--hl-mark) 55% 92%,transparent 92%);padding:0 2px;color:var(--ink)}[data-theme=dark] .hl-mark{background:linear-gradient(transparent 55%,color-mix(in oklab,var(--hl-mark) 65%,var(--bg)) 55% 92%,transparent 92%)}.hl-key{background:var(--hl-key-bg);color:var(--hl-key-ink);padding:0 4px;border-radius:2px;font-weight:500}.socials{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.soc{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.02em;color:var(--ink-soft);transition:all .2s var(--ease)}.soc:hover{border-color:var(--ink);color:var(--ink);background:var(--surface);transform:translateY(-1px)}.soc .arr{color:var(--muted);transition:transform .2s var(--ease)}.soc:hover .arr{transform:translate(2px,-2px);color:var(--accent)}.hero-cta{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:10px 16px;border-radius:999px;background:var(--ink);color:var(--bg);font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;transition:transform .2s var(--ease)}.hero-cta:hover{transform:translateY(-1px)}.hero-cta .wave{display:inline-block;animation:wave 1.6s ease-in-out infinite;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-4deg)}}.news-list{display:flex;flex-direction:column}.news-item{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:14px 0;border-top:1px solid var(--line-soft);align-items:center}.news-item:last-child{border-bottom:1px solid var(--line-soft)}.news-date{font-family:var(--f-mono);font-size:12px;color:var(--muted);letter-spacing:.02em;padding-top:3px}.news-text{font-family:var(--f-body);font-size:16.5px;line-height:1.65;color:var(--ink)}.news-text a{background:var(--hl-key-bg);color:var(--hl-key-ink);padding:0 4px;border-radius:2px;font-weight:500;transition:filter .2s var(--ease)}.news-text a:hover{filter:brightness(.88) saturate(1.15)}.tag{display:inline-block;font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,transparent);padding:2px 7px;border-radius:4px;margin-right:6px;vertical-align:1px}.more-link{display:inline-flex;margin-top:24px;font-family:var(--f-mono);font-size:12px;color:var(--ink-soft);border-bottom:1px dashed var(--line);padding-bottom:1px}.more-link:hover{color:var(--accent);border-bottom-style:solid;border-color:var(--accent)}.proj-row{display:grid;grid-template-columns:132px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--line-soft);align-items:stretch}.proj-row:last-child{border-bottom:1px solid var(--line-soft)}.proj-thumb{width:132px;height:88px;border-radius:var(--r);border:1px solid var(--line);overflow:hidden;background:var(--surface);flex-shrink:0;display:block;align-self:start}.proj-thumb img{width:100%;height:100%;object-fit:cover;display:block}.proj-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 15%,var(--surface)),color-mix(in oklab,var(--info) 15%,var(--surface)))}.proj-body{min-width:0;display:flex;flex-direction:column}.proj-title{font-family:var(--f-display);font-weight:600;font-size:23px;line-height:1.2;margin:0 0 4px;color:var(--ink)}.proj-title a:hover{color:var(--accent)}.proj-venue{font-family:var(--f-mono);font-size:11.5px;color:var(--muted);margin:0 0 8px}.proj-desc{font-family:var(--f-body);font-size:16px;line-height:1.62;color:var(--ink-soft);margin:0 0 12px}.proj-tags{display:inline-flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.tag-stack{font-family:var(--f-mono);font-size:10.5px;color:var(--muted);background:var(--surface);padding:2px 7px;border-radius:4px;border:1px solid var(--line-soft)}.proj-btns{display:inline-flex;flex-wrap:wrap;gap:6px;margin-top:auto}.pbtn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border:1px solid var(--line);border-radius:6px;font-family:var(--f-mono);font-size:11.5px;color:var(--ink);background:var(--bg);transition:all .15s var(--ease)}.pbtn:hover{border-color:var(--ink);background:var(--ink);color:var(--bg);transform:translateY(-1px)}.pbtn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pbtn.primary:hover{filter:brightness(.95);transform:translateY(-1px)}.gallery{padding:28px 0 80px;position:relative;border-top:1px solid var(--line-soft);--gcard-h: 200px}.gallery-head{max-width:var(--max);margin:0 auto 22px;padding:0 28px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.gallery-head .section-head{margin:0}.gallery-hint{font-family:var(--f-mono);font-size:11px;color:var(--muted)}.gallery-scroller{overflow-x:auto;overflow-y:visible;scrollbar-width:none;cursor:grab;padding:32px 0 48px;position:relative}.gallery-scroller::-webkit-scrollbar{display:none}.gallery-scroller.dragging{cursor:grabbing;user-select:none}.gallery-track{display:flex;gap:18px;padding:0 28px;width:max-content}.gallery-progress{max-width:var(--max);margin:0 auto;padding:0 28px;height:2px;position:relative}.gallery-progress .bar{position:absolute;left:28px;right:28px;top:0;height:2px;background:var(--line-soft);border-radius:999px;overflow:hidden}.gallery-progress .bar i{position:absolute;inset:0;background:var(--accent);transform-origin:left center;transform:scaleX(var(--p, 0));transition:transform .18s var(--ease)}.gcard{position:relative;flex-shrink:0;width:280px;height:var(--gcard-h);border-radius:12px;border:1px solid var(--line);background:var(--surface);will-change:transform;transition:transform .4s cubic-bezier(.34,1.3,.64,1),border-color .3s var(--ease),box-shadow .4s var(--ease),z-index 0s linear .4s;z-index:1;cursor:pointer;text-decoration:none;color:inherit}.gcard:hover{transform:translateY(-6px) scale(1.06);border-color:color-mix(in oklab,var(--ink) 50%,transparent);box-shadow:0 2px 8px color-mix(in oklab,#000 6%,transparent),0 16px 40px -8px color-mix(in oklab,#000 22%,transparent);z-index:10;transition:transform .4s cubic-bezier(.34,1.3,.64,1),border-color .3s var(--ease),box-shadow .4s var(--ease),z-index 0s linear 0s}.gcard-frame{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden}.gcard-img{display:block;width:100%;height:100%;object-fit:cover;user-select:none}.gcard.contain .gcard-img{object-fit:contain;background:#fff}.gcard-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:var(--f-display);font-size:17px;color:var(--ink-soft);text-align:center;padding:12px;background:repeating-linear-gradient(45deg,transparent 0 10px,color-mix(in oklab,var(--ink) 3%,transparent) 10px 11px),var(--surface)}.gcard-placeholder small{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.gcard .corner{position:absolute;top:10px;left:10px;font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:color-mix(in oklab,#000 50%,transparent);padding:2px 7px;border-radius:4px;z-index:2;opacity:0;transform:translateY(-2px);transition:opacity .3s var(--ease),transform .3s var(--ease);pointer-events:none;backdrop-filter:blur(4px)}.gcard:hover .corner{opacity:1;transform:translateY(0)}.gcard .detail{position:absolute;bottom:0;left:0;right:0;padding:36px 14px 12px;background:linear-gradient(to top,color-mix(in oklab,#000 72%,transparent) 25%,transparent);color:#fff;pointer-events:none;z-index:2;opacity:0;transform:translateY(4px);transition:opacity .35s var(--ease),transform .35s var(--ease);border-radius:0 0 12px 12px}.gcard:hover .detail{opacity:1;transform:translateY(0)}.gcard .detail .ttl{font-family:var(--f-display);font-size:18px;font-weight:500;line-height:1.2;margin:0 0 4px}.gcard .detail .meta{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in oklab,#fff 75%,transparent);display:flex;gap:10px;flex-wrap:wrap}.gcard .detail .meta span:before{content:"· ";color:color-mix(in oklab,#fff 40%,transparent)}.gcard .detail .meta span:first-child:before{content:""}.gcard.tall{width:220px;height:280px}.gcard.wide{width:380px}.contact-grid{display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:start}.contact-text{font-family:var(--f-display);font-size:23px;line-height:1.45;color:var(--ink);margin:0 0 18px;text-wrap:pretty}.contact-text em{color:var(--accent);font-style:italic}.contact-text a{background:var(--hl-key-bg);color:var(--hl-key-ink);padding:0 4px;border-radius:2px;font-weight:500;transition:filter .2s var(--ease)}.contact-text a:hover{filter:brightness(.88) saturate(1.15)}.site-foot{border-top:1px solid var(--line-soft);padding:36px 0 56px;font-family:var(--f-mono);font-size:11.5px;color:var(--muted)}.site-foot .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.site-foot a:hover{color:var(--ink)}.page-hero{padding:64px 0 40px}.page-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:12px;color:var(--muted);margin-bottom:32px;transition:color .2s var(--ease)}.page-back:hover{color:var(--ink)}.page-title{font-family:var(--f-display);font-size:42px;font-weight:500;line-height:1.1;letter-spacing:-.02em;margin:0 0 16px}.page-meta{font-family:var(--f-mono);font-size:12px;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap;margin-bottom:48px}.prose{max-width:var(--max);margin:0 auto;padding:0 28px 80px}.prose h1{font-family:var(--f-display);font-size:36px;font-weight:500;margin:56px 0 20px;color:var(--ink);letter-spacing:-.01em}.prose h2{font-family:var(--f-display);font-size:28px;font-weight:500;margin:48px 0 16px;color:var(--ink)}.prose h3{font-family:var(--f-display);font-size:22px;font-weight:500;margin:32px 0 12px}.prose h4{font-family:var(--f-display);font-size:18px;font-weight:500;margin:24px 0 8px;color:var(--ink-soft)}.prose hr{border:none;border-top:1px solid var(--line-soft);margin:48px 0}.prose p{font-size:17px;line-height:1.75;color:var(--ink-soft);margin:0 0 20px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose code{font-family:var(--f-mono);font-size:14px;background:var(--surface-2);padding:2px 6px;border-radius:4px;border:1px solid var(--line-soft)}.prose pre{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r);padding:20px;overflow-x:auto;margin:0 0 24px}.prose pre code{background:none;border:none;padding:0;font-size:14px}.prose ol{color:var(--ink-soft);line-height:1.75;padding-left:24px;margin:0 0 20px}.prose ul{list-style:none;padding-left:0;margin:0 0 20px;color:var(--ink-soft);line-height:1.75}.prose ul>li{padding-left:18px;position:relative}.prose ul>li:before{content:"–";position:absolute;left:0;color:var(--muted);font-size:14px;line-height:1.8}.prose ul ul>li:before{content:"·";font-size:17px;color:var(--line)}.prose li{font-size:16.5px;margin-bottom:5px}.prose li>ul,.prose li>ol{margin:6px 0 4px;padding-left:16px}.prose-cols ul{columns:2;column-gap:2rem}.prose-cols li{break-inside:avoid}.prose strong{color:var(--ink);font-weight:600}.prose em{font-style:italic}.prose img{width:100%;border-radius:var(--r);margin:24px 0;border:1px solid var(--line-soft)}.prose blockquote{border-left:2px solid var(--accent);margin:0 0 24px;padding:10px 0 10px 20px;color:var(--ink-soft);font-style:italic}.post-list{display:flex;flex-direction:column}.post-item{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:20px 0;border-top:1px solid var(--line-soft);align-items:start}.post-item:last-child{border-bottom:1px solid var(--line-soft)}.post-date{font-family:var(--f-mono);font-size:12px;color:var(--muted);padding-top:4px}.post-title{font-family:var(--f-display);font-size:20px;font-weight:500;margin:0 0 6px}.post-title a:hover{color:var(--accent)}.post-desc{font-family:var(--f-body);font-size:15.5px;color:var(--ink-soft);margin:0}[data-density=compact] section{padding:36px 0}[data-density=compact] .hero{padding:44px 0 36px}[data-density=loose] section{padding:84px 0}[data-density=loose] .hero{padding:96px 0 80px}@media (max-width: 720px){.nav-menu-btn{display:block}.topnav{position:relative}.topnav .navlinks{display:none}.nav-right{gap:4px}.theme-btn,.lang-btn{padding:5px 8px;font-size:10px}.topnav.open .navlinks{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:color-mix(in oklab,var(--bg) 95%,transparent);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid color-mix(in oklab,var(--line) 60%,transparent);padding:8px 20px 16px;gap:2px;z-index:49}.hero-grid{grid-template-columns:1fr;gap:22px}.avatar{width:120px;height:120px;margin-top:24px}.avatar .initials{font-size:48px}.hero h1{font-size:30px}.news-item,.post-item{grid-template-columns:1fr;gap:4px;padding:12px 0}.proj-row{grid-template-columns:1fr;gap:14px}.proj-thumb{width:100%;height:140px}.contact-grid{grid-template-columns:1fr}.gallery{--gcard-h: 160px}.gcard{width:220px}.gcard.tall{width:170px;height:220px}.gcard.wide{width:280px}.gcard:hover{transform:translateY(-3px) scale(1.03)}.page-title{font-size:32px}}