html,body{margin:0;padding:0}img{max-width:100%}@font-face{font-family:Roboto Fallback;src:local(Arial),local(Liberation Sans),local(Helvetica);size-adjust:100.3%;ascent-override:92.49%;descent-override:24.34%;line-gap-override:0%}:root{--bg:#f3f5f9;--side:#eaeef4;--paper:#fff;--well:#e4e8ef;--line:#ced5e0;--ink:#131722;--muted:#3e4558;--faint:#545c70;--accent:#ff8a3d;--link-l:#b4410a;--link-d:#ffa56a;--link:var(--link-l);--on-accent:#131722;--sky:#cfe2fa;--sky-night:#1a2238;--sun:#ffb547;--moon:#e8ebf1;--field:#1317224d;--shadow:#1e263838;--display:"Roboto", "Roboto Fallback", "Segoe UI", system-ui, sans-serif;--mono:"Roboto Mono", ui-monospace, Menlo, Consolas, monospace;--secondary:var(--mono);--t-head:clamp(32px, 3.4vw, 42px);--t-line:clamp(19px, 1.55vw, 22px);--t-body:17px;--t-small:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101318;--side:#0c0f13;--paper:#181c24;--well:#141820;--line:#2a303c;--ink:#e8ebf1;--muted:#b3bac8;--faint:#9ca4b4;--link:var(--link-d);--field:#e8ebf133;--shadow:#0009;color-scheme:dark}}:root[data-theme=dark]{--bg:#101318;--side:#0c0f13;--paper:#181c24;--well:#141820;--line:#2a303c;--ink:#e8ebf1;--muted:#b3bac8;--faint:#9ca4b4;--link:var(--link-d);--field:#e8ebf133;--shadow:#0009;color-scheme:dark}*{box-sizing:border-box}html{scrollbar-color:var(--line) var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--display);caret-color:var(--accent);font-size:17px;line-height:1.6}::selection{background:var(--accent);color:var(--on-accent)}a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:4px}h1,h2,h3{text-wrap:balance}.hexclip{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.shell{flex-wrap:wrap;min-height:100%;display:flex}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40vmax 30vmax at 8% 18%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), radial-gradient(36vmax 28vmax at 2% 78%, #4f74d624, transparent 70%), radial-gradient(30vmax 24vmax at 20% 50%, #d9553f14, transparent 70%);position:fixed;inset:0}.side{background:color-mix(in srgb, var(--mica) 86%, transparent);backdrop-filter:blur(28px)saturate(1.3);max-width:100%;box-shadow:inset -1px 0 0 color-mix(in srgb, var(--ink) 8%, transparent);flex-direction:column;flex:1 0 260px;gap:36px;padding:48px 20px 28px;display:flex}:root{--mica:#dce1ea}:root[data-theme=dark]{--mica:#090b0f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--mica:#090b0f}}@media (width>=900px){.side{top:env(safe-area-inset-top,0px);align-self:flex-start;gap:28px;height:100vh;position:sticky;overflow-y:auto}}.me{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.avatar{aspect-ratio:1/1.1547;width:116px;margin:12px;position:relative}.avatar .ring{background:var(--accent);opacity:.3;position:absolute;inset:-8px}.avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.me b{letter-spacing:-.015em;font-size:23px;font-weight:700}.me span{color:var(--muted);max-width:16em;font-size:15px;line-height:1.45}.me span em{color:var(--faint);white-space:nowrap;font-style:normal}.tabs{flex-direction:column;gap:2px;display:flex}.tabs a,.elsewhere a{min-height:44px;color:var(--muted);font-family:var(--secondary);letter-spacing:0;border-radius:12px;align-items:center;gap:12px;padding:0 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex}.tabs a{text-transform:uppercase;letter-spacing:.08em;font-size:12.5px}.tabs a:hover,.tabs a[aria-current=page],.elsewhere a:hover{color:var(--ink);background:var(--paper)}.bz{flex:0 0 30px;width:30px;height:30px;margin:0 -4px 0 -6px;overflow:visible}.bz .ring{fill:var(--line);stroke:var(--line);stroke-width:1.4px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%;transition:transform .45s cubic-bezier(.2,.8,.2,1),fill .25s,stroke .25s;transform:scale(.4)}.bz .kek{fill:none;stroke:var(--accent);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 13;stroke-dashoffset:-1.5px;opacity:0;transition:opacity .3s .15s}.tabs a:hover .bz .ring,.tabs a:focus-visible .bz .ring,.tabs a[aria-current=page] .bz .ring{fill:#0000;stroke:var(--accent);transform:scale(1)}.tabs a:hover .bz .kek,.tabs a:focus-visible .bz .kek,.tabs a[aria-current=page] .bz .kek{opacity:1;animation:5.2s ease-in-out .6s infinite kekule}@keyframes kekule{0%,40%{stroke-dashoffset:-1.5px}50%,90%{stroke-dashoffset:-11.5px}to{stroke-dashoffset:-21.5px}}@media (prefers-reduced-motion:reduce){.bz .kek,.h2o .hh{animation:none!important}}.h2o{flex:0 0 30px;width:30px;height:30px;margin:0 -4px 0 -6px;overflow:visible}.h2o .mol{transform-box:view-box;transform-origin:12px 12px;transition:transform .45s cubic-bezier(.2,.8,.2,1);transform:scale(.55)}.h2o .bd{stroke:var(--line);stroke-width:1.4px;stroke-linecap:round;transition:stroke .25s}.h2o .o,.h2o .h{fill:var(--line);stroke:var(--line);stroke-width:1.4px;transition:fill .25s,stroke .25s}.h2o .hh{transform-box:view-box;transform-origin:12px 10px}.elsewhere a:hover .h2o .mol,.elsewhere a:focus-visible .h2o .mol{transform:scale(1)}.elsewhere a:hover .h2o .o,.elsewhere a:hover .h2o .h,.elsewhere a:focus-visible .h2o .o,.elsewhere a:focus-visible .h2o .h{fill:#0000;stroke:var(--accent)}.elsewhere a:hover .h2o .bd,.elsewhere a:focus-visible .h2o .bd{stroke:var(--accent)}.elsewhere a:hover .h2o .hl,.elsewhere a:focus-visible .h2o .hl{animation:1.6s ease-in-out .5s infinite scissorL}.elsewhere a:hover .h2o .hr,.elsewhere a:focus-visible .h2o .hr{animation:1.6s ease-in-out .5s infinite scissorR}@keyframes scissorL{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}@keyframes scissorR{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}.elsewhere{flex-direction:column;gap:2px;margin-top:auto;display:flex}.main{flex-direction:column;flex:999 640px;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);min-height:64px;color:var(--faint);align-items:center;padding:12px 40px;font-weight:600;display:flex}.content{flex-direction:column;gap:72px;width:100%;max-width:1080px;padding:48px 40px 0;display:flex}@media (width<=560px){.content,.topbar{padding-inline:16px}}footer{color:var(--faint);margin-top:auto;padding:14px 40px 16px;font-size:15px}.sky-slot{border-top:1px solid color-mix(in srgb, var(--ink) 8%, transparent);align-self:stretch;min-height:71px;margin-top:4px;padding:10px 6px 0}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}.me span em,.meta,footer,.topbar{letter-spacing:-.01em;font-size:.88em}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}@view-transition{navigation:auto}.page{gap:56px;padding-bottom:64px}.page-head{flex-direction:column;gap:14px;max-width:46em;display:flex}.page-head h1{font-weight:700;font-size:var(--t-head);letter-spacing:-.02em;margin:0;line-height:1.05}.page-head p{font-size:var(--t-line);color:var(--muted);margin:0;line-height:1.5}.page-head .meta{font-family:var(--secondary);font-size:var(--t-small);color:var(--faint);font-weight:400}.group{flex-direction:column;gap:20px;display:flex}.group>h2{letter-spacing:-.015em;margin:0;font-size:clamp(22px,2vw,26px);font-weight:700}.group>h2 small{font-family:var(--secondary);font-size:var(--t-small);color:var(--faint);letter-spacing:0;margin-left:10px;font-weight:400}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:28px 24px;display:grid}.card{flex-direction:column;gap:12px;display:flex}.card .img{aspect-ratio:16/10;background:var(--paper);box-shadow:0 1px 0 var(--line), 0 18px 40px -26px var(--shadow);border-radius:16px;overflow:hidden}.card .img img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block}.card:hover .img img{transform:scale(1.04)}.card h3{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:600;line-height:1.25}.card p{color:var(--muted);margin:0;font-size:15.5px;line-height:1.55}.links{font-family:var(--secondary);flex-wrap:wrap;gap:4px 16px;font-size:13px;display:flex}.links span{color:var(--faint)}.pubs{flex-direction:column;gap:22px;margin:0;padding:0;list-style:none;display:flex}.pub{grid-template-columns:3.2ch minmax(0,1fr);gap:0 14px;display:grid}.pub .n{font-family:var(--secondary);color:var(--faint);text-align:right;font-variant-numeric:tabular-nums;padding-top:3px;font-size:13px}.pub .body{flex-direction:column;gap:4px;max-width:52em;display:flex}.pub .t{color:var(--ink);margin:0;font-size:17px;font-weight:500;line-height:1.4}.pub .au,.pub .venue{font-family:var(--secondary);color:var(--muted);margin:0;font-size:13px;line-height:1.55}.pub .au b{color:var(--ink);background:linear-gradient(transparent 64%, color-mix(in srgb, var(--accent) 32%, transparent) 64%);font-weight:500}.pub .venue{color:var(--faint)}.pub .venue i{color:var(--muted)}.badge{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--ink);font-family:var(--secondary);white-space:nowrap;border-radius:999px;margin-left:4px;padding:1px 8px;font-size:11.5px;display:inline-block}.pub{grid-template-columns:86px minmax(0,1fr);gap:0 10px}.cv-chip{white-space:nowrap;background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--ink);font-family:var(--secondary);cursor:pointer;border:0;border-radius:999px;align-items:center;margin-top:2px;padding:2px 8px;font-size:11px;line-height:1.4;transition:background .2s;display:inline-flex}.cv-chip:hover{background:color-mix(in srgb, var(--accent) 34%, transparent)}.cover-box{background:var(--paper);width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);color:var(--ink);transform-origin:50%;cursor:zoom-out;border:0;border-radius:16px;padding:10px;overflow:visible;box-shadow:0 40px 90px -30px #0009}.cover-box::backdrop{background:#0a0c12b3}.cover-box[open]::backdrop{animation:.4s ease-out cover-fade}.cover-box.closing::backdrop{animation:.3s ease-in reverse forwards cover-fade}@keyframes cover-fade{0%{opacity:0}to{opacity:1}}.cover-box img{border-radius:6px;height:auto;display:block}.cover-box p{font-family:var(--secondary);color:var(--muted);text-align:center;margin:8px 2px 0;font-size:13px}span.cv-chip{cursor:default}span.cv-chip:hover{background:color-mix(in srgb, var(--accent) 18%, transparent)}.cover-box:focus,.cover-box:focus-visible{outline:none}
