@font-face{font-family:General Sans;src:url(/_astro/general-sans.p1VyP7gg.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:200 700}@font-face{font-family:Pixel Hackers;src:url(/_astro/pixel-hackers.DRgDV23i.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400}:root{color-scheme:light;--canvas:#f4f4f1;--paper:#fbfbf8;--ink:#171717;--ink-soft:#484846;--muted:#6b6b67;--line:#d8d8d2;--line-strong:#bdbdb6;--accent:#f2cf45;--accent-ink:#28220a;--link-internal:#00e;--link-external:#155eef;--link-github:#24292f;--link-linkedin:#0a66c2;--link-leetcode:#9a5700;--link-x:#242424;--link-blog:#876800;--link-mail:#c5221f;--link-npm:#cb3837;--link-youtube:#c4302b;--link-vercel:#242424;--photo-wash:#dde2df;--selection:#f2cf45;--shadow:0 18px 55px #1618151f;--font-body:"General Sans", "Helvetica Neue", Arial, sans-serif;--font-display:"Pixel Hackers", "SFMono-Regular", Consolas, monospace;--resume-width:620px;--page-width:720px;--wide-width:980px;--section-space:34px;--ease-out:cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--canvas:#0e0e0e;--paper:#151515;--ink:#f4f4f1;--ink-soft:#b0b0b0;--muted:#828282;--line:#252525;--line-strong:#3c3c3c;--accent:#e5c33f;--accent-ink:#272107;--link-internal:#78a9ff;--link-external:#78a9ff;--link-github:#f0f6fc;--link-linkedin:#70b5f9;--link-leetcode:#ffa116;--link-x:#f2f2f2;--link-blog:#f2cf45;--link-mail:#ff7b72;--link-npm:#f06a6a;--link-youtube:#ff6b65;--link-vercel:#f2f2f2;--photo-wash:#202624;--selection:#665a25;--shadow:0 20px 60px #0000006b}}html[data-theme=light]{color-scheme:light;--canvas:#f4f4f1;--paper:#fbfbf8;--ink:#171717;--ink-soft:#484846;--muted:#6b6b67;--line:#d8d8d2;--line-strong:#bdbdb6;--accent:#f2cf45;--accent-ink:#28220a;--link-internal:#00e;--link-external:#155eef;--link-github:#24292f;--link-linkedin:#0a66c2;--link-leetcode:#9a5700;--link-x:#242424;--link-blog:#876800;--link-mail:#c5221f;--link-npm:#cb3837;--link-youtube:#c4302b;--link-vercel:#242424;--photo-wash:#dde2df;--selection:#f2cf45;--shadow:0 18px 55px #1618151f}html[data-theme=dark]{color-scheme:dark;--canvas:#0e0e0e;--paper:#151515;--ink:#f4f4f1;--ink-soft:#b0b0b0;--muted:#828282;--line:#252525;--line-strong:#3c3c3c;--accent:#e5c33f;--accent-ink:#272107;--link-internal:#78a9ff;--link-external:#78a9ff;--link-github:#f0f6fc;--link-linkedin:#70b5f9;--link-leetcode:#ffa116;--link-x:#f2f2f2;--link-blog:#f2cf45;--link-mail:#ff7b72;--link-npm:#f06a6a;--link-youtube:#ff6b65;--link-vercel:#f2f2f2;--photo-wash:#202624;--selection:#665a25;--shadow:0 20px 60px #0000006b}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas);min-width:320px}body{background:var(--canvas);min-height:100vh;color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.56;overflow-x:hidden}::selection{color:var(--ink);background:var(--selection)}a{color:inherit;text-underline-offset:.24em;text-decoration-thickness:1px}.site-link{--link-interaction:var(--link-internal);color:var(--ink);line-height:inherit;align-items:center;gap:.34em;text-decoration:none;transition:color .18s;display:inline-flex}.site-link__label{text-decoration:none;position:relative}.site-link__label:before,.site-link__label:after{content:"";height:1px;position:absolute;bottom:-.18em;left:0;right:0}.site-link__label:before{background:var(--line-strong)}.site-link__label:after{background:var(--link-interaction);transform-origin:100%;transition:transform .26s var(--ease-out);transform:scaleX(0)}.site-link:hover,.site-link:focus-visible,.site-link[aria-current=page]{color:var(--link-interaction)}.site-link:hover .site-link__label:after,.site-link:focus-visible .site-link__label:after,.site-link[aria-current=page] .site-link__label:after{transform-origin:0;transform:scaleX(1)}.site-link--internal{--link-interaction:var(--link-internal)}.site-link--external{--link-interaction:var(--link-external)}.site-link--brand-github{--link-interaction:var(--link-github)}.site-link--brand-linkedin{--link-interaction:var(--link-linkedin)}.site-link--brand-leetcode{--link-interaction:var(--link-leetcode)}.site-link--brand-x{--link-interaction:var(--link-x)}.site-link--brand-blog{--link-interaction:var(--link-blog)}.site-link--brand-mail{--link-interaction:var(--link-mail)}.site-link--brand-npm{--link-interaction:var(--link-npm)}.site-link--brand-youtube{--link-interaction:var(--link-youtube)}.site-link--brand-vercel{--link-interaction:var(--link-vercel)}.site-link--inline{vertical-align:baseline}.site-link--quiet,.site-link--footer,.site-link--nav{color:var(--muted)}.site-link--quiet{font-size:12px}.site-link--footer{font-size:10px}.site-link--button .site-link__label{text-decoration:none}.site-link--button .site-link__label:before,.site-link--button .site-link__label:after{display:none}.app-icon{color:currentColor;width:1em;height:1em;transition:transform .22s var(--ease-out);flex:none;line-height:0;display:inline-flex}.site-link:hover .app-icon,.site-link:focus-visible .app-icon{transform:translate(1px,-1px)rotate(-4deg)}.app-icon svg{stroke-width:1.8px;width:100%;height:100%}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit}img,picture{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}ul{margin:0;padding:0}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.skip-link{z-index:100;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);padding:7px 10px;font-size:12px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;background:var(--canvas);position:relative}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;width:min(100% - 32px,900px);min-height:48px;margin-inline:auto;display:grid}.wordmark{--link-interaction:var(--link-internal);min-height:44px;color:var(--ink);font-family:var(--font-display);letter-spacing:-.04em;justify-self:start;align-items:center;font-size:13px;font-weight:400;line-height:1;text-decoration:none;transition:color .18s;display:inline-flex}.wordmark:hover,.wordmark:focus-visible{color:var(--link-interaction)}.wordmark-dot{color:#aa8500}.nav-list{align-items:center;gap:13px;list-style:none;display:flex}.nav-link{min-height:44px;color:var(--muted);align-items:center;font-size:12px;text-decoration:none;transition:color .15s;display:inline-flex}.nav-link:hover,.nav-link[aria-current=page]{color:var(--link-interaction)}.theme-toggle{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;justify-self:end;place-items:center;padding:0;display:grid}.theme-toggle:focus-visible{outline:none}.theme-toggle:focus-visible .theme-control{outline:2px solid var(--ink);outline-offset:3px}.theme-control{border:1px solid var(--line-strong);background:var(--paper);width:30px;height:30px;transition:transform .15s var(--ease-out), border-color .15s ease, background .15s ease;border-radius:2px;place-items:center;display:grid;position:relative}.theme-toggle:hover .theme-control{border-color:var(--ink);background:var(--canvas)}.theme-mode-icon{opacity:0;width:14px;height:14px;transition:opacity .16s ease, transform .22s var(--ease-out);grid-area:1/1;transform:rotate(-18deg)scale(.7)}.theme-toggle[data-current=light] .theme-mode-icon-moon,.theme-toggle[data-current=dark] .theme-mode-icon-sun{opacity:1;transform:rotate(0)scale(1)}.theme-toggle:active .theme-control{transform:scale(.9)}.eyebrow,.section-kicker{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:450;line-height:1.4}.button{border:1px solid var(--line-strong);min-height:32px;color:var(--ink);cursor:pointer;transition:transform .15s var(--ease-out), background .15s ease, color .15s ease;background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;line-height:1;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px)scale(.98)}.button-primary{border-color:var(--ink);background:var(--ink);color:var(--canvas)}.button-quiet{background:var(--paper)}.blog-sticker{width:86px;height:86px;color:var(--accent-ink);transition:transform .26s var(--ease-out), filter .22s ease;place-items:center;text-decoration:none;display:inline-grid;position:relative;transform:rotate(6deg)}.blog-sticker>svg{width:100%;height:100%;fill:var(--accent);filter:drop-shadow(0 8px 15px #221d0729);position:absolute;inset:0}.blog-sticker>span{z-index:1;text-align:center;font-size:10px;font-style:italic;font-weight:650;line-height:1.15}.blog-sticker .blog-sticker-icon{vertical-align:-1px;width:9px;height:9px;margin-left:1px;display:inline-flex;position:relative}.blog-sticker:hover{filter:saturate(1.08);transform:rotate(-5deg)scale(1.07)}.blog-sticker.site-link--external{outline:none}.blog-sticker.site-link--external:hover,.blog-sticker.site-link--external:focus-visible{color:var(--accent-ink)}.blog-sticker.site-link--external:focus-visible>svg{filter:drop-shadow(0 8px 15px #221d0729) drop-shadow(0 0 3px var(--link-interaction))}.blog-sticker:active{transform:rotate(-1deg)scale(.96)}.resume-shell{width:min(calc(100% - 40px), var(--resume-width));grid-template-columns:1fr;margin-inline:auto;padding-block:54px 0;display:grid}.home-intro{padding-bottom:38px}.intro-keystone{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.intro-heading{gap:6px;min-width:0;padding-top:8px;display:grid}.cursor-portrait{aspect-ratio:1;border:1px solid var(--line);isolation:isolate;pointer-events:none;background:#fff;border-radius:50%;flex:none;width:112px;margin:0;position:relative;overflow:hidden;box-shadow:0 12px 30px #0e0e0e1f}.cursor-portrait__frame{border-radius:inherit;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .12s var(--ease-out);position:absolute;inset:0}.cursor-portrait__frame--center,.cursor-portrait__frame.is-active{opacity:1}.cursor-portrait__frame--center{z-index:0}.cursor-portrait__frame--directional{z-index:1}.home-intro h1,.page-intro h1,.detail-header h1,.not-found h1{max-width:none;font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(35px,5vw,42px);font-weight:400;line-height:1.05}.intro-role{color:var(--muted);font-size:15px}.intro-story{color:var(--ink-soft);gap:16px;margin-top:30px;font-size:15.5px;line-height:1.58;display:grid}.intro-story a,.connect-note a,.prose a{color:var(--ink);text-decoration-color:var(--line-strong);transition:text-decoration-color .14s}.intro-story a:hover,.connect-note a:hover,.prose a:hover{text-decoration-color:currentColor}.intro-links{flex-wrap:wrap;gap:7px 17px;margin-top:22px;display:flex}.intro-links a,.section-heading-inline>a,.back-link,.detail-footer a,.footer-links a{color:var(--muted);font-size:12px;text-decoration:none}.intro-links a:hover,.section-heading-inline>a:hover,.back-link:hover,.detail-footer a:hover,.footer-links a:hover{color:var(--link-interaction)}.resume-content{min-width:0}.current-note{grid-template-columns:88px minmax(0,1fr);gap:18px;padding:0;display:grid}.current-note h2,.section-heading h2,.connect-note h2{color:var(--muted);letter-spacing:0;margin:0;font-size:14px;font-weight:450;line-height:1.4}.current-note>div{gap:3px;display:grid}.current-note p{color:var(--ink-soft);font-size:14px;line-height:1.48}.current-note time{color:var(--muted);font-size:11px}.resume-section{padding-top:var(--section-space)}.section-heading{justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:8px;padding:0;display:flex}.entry-list,.fact-list,.skill-list{display:grid}.project-continuation{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.45}.resume-entry{--link-interaction:var(--link-internal);color:inherit;transition:transform .22s var(--ease-out);grid-template-columns:minmax(0,1fr) 116px;gap:18px;padding:8px 0;text-decoration:none;display:grid}.entry-main{flex-direction:column;align-items:flex-start;display:flex}.project-entry-heading,.experience-entry-heading{flex-wrap:wrap;align-items:baseline;gap:5px 11px;display:flex}.entry-title{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:.28em;transition:color .18s ease, text-decoration-color .22s var(--ease-out);font-size:14px;font-weight:500;line-height:1.35}.resume-entry[href]:hover .entry-title,.resume-entry[href]:focus-visible .entry-title,.entry-title:hover,.entry-title:focus-visible{color:var(--link-interaction);text-decoration-color:var(--link-interaction)}.project-live-link,.experience-site-link{white-space:nowrap;font-size:11px}.entry-organization{color:var(--muted);margin-top:3px;font-size:12px}.entry-summary{max-width:53ch;color:var(--ink-soft);margin-top:4px;font-size:13px;line-height:1.45}.entry-meta{color:var(--muted);text-align:right;font-size:11px;line-height:1.45}.fact-row{color:var(--ink-soft);grid-template-columns:92px minmax(0,1fr) 76px 56px;gap:12px;padding:5px 0;font-size:12px;display:grid}.fact-row strong{color:var(--ink);font-weight:500}.fact-row span:nth-child(3),.fact-row span:nth-child(4){color:var(--muted);text-align:right}.skill-row{grid-template-columns:92px minmax(0,1fr);gap:12px;padding:5px 0;font-size:12px;display:grid}.skill-row strong{font-weight:500}.skill-row p{color:var(--ink-soft)}.skill-items,.stack-list{flex-wrap:wrap;gap:3px 11px;display:flex}.skill-items .app-mention{--skill-accent:light-dark(#1d4ed8,#78a9ff);transition:transform .18s var(--ease-out), background-color .18s ease, color .18s ease;border-radius:3px;margin:-1px -3px;padding:1px 3px}.skill-items .app-mention:nth-child(6n+1){--skill-accent:light-dark(#1d4ed8,#78a9ff)}.skill-items .app-mention:nth-child(6n+2){--skill-accent:light-dark(#6d28d9,#b69cff)}.skill-items .app-mention:nth-child(6n+3){--skill-accent:light-dark(#be185d,#ff8fbd)}.skill-items .app-mention:nth-child(6n+4){--skill-accent:light-dark(#b45309,#ffb45f)}.skill-items .app-mention:nth-child(6n+5){--skill-accent:light-dark(#047857,#62d6b1)}.skill-items .app-mention:nth-child(6n+6){--skill-accent:light-dark(#3f6212,#a6d769)}.skill-items .app-mention:hover{color:var(--skill-accent);background-color:color-mix(in srgb, var(--skill-accent) 12%, transparent);transform:translateY(-1px)}.skill-items .app-mention .app-icon{transition:transform .2s var(--ease-out), color .18s ease}.skill-items .app-mention:hover .app-icon{color:var(--skill-accent);transform:translateY(-1px)rotate(-5deg)scale(1.08)}.app-mention{white-space:nowrap;align-items:center;gap:.32em;display:inline-flex}.app-mention .app-icon{width:1.05em;height:1.05em;color:var(--muted)}.highlight-list .app-mention{white-space:normal;align-items:flex-start}.highlight-list .app-icon{margin-top:.18em}.highlight-list{gap:5px;list-style:none;display:grid}.highlight-list li{color:var(--ink-soft);font-size:12px;line-height:1.45}.connect-note{grid-template-columns:88px minmax(0,1fr);gap:18px;display:grid}.connect-note h2,.connect-note p{padding:0}.connect-note p{color:var(--ink-soft);font-size:13px;line-height:1.5}.collage-section{width:min(calc(100vw - 32px), var(--wide-width));position:relative;left:50%;transform:translate(-50%)}.personal-collage{isolation:isolate;width:100%;height:620px;position:relative}[data-drag-item]{--drag-x:0px;--drag-y:0px;--hover-y:0px;--rotation:0deg;--scale:1;touch-action:none;cursor:grab;user-select:none;-webkit-user-drag:none}.wall-item{top:var(--wall-y);left:var(--wall-x);z-index:var(--wall-z);width:var(--wall-width);--rotation:var(--wall-rotation);transform:translate3d(var(--drag-x), calc(var(--drag-y) + var(--hover-y)), 0) rotate(var(--rotation)) scale(var(--scale));transition:transform .36s var(--ease-out), z-index 0s;will-change:transform;margin:0;position:absolute}.wall-item:hover,.wall-item:focus-within{z-index:20;--hover-y:-5px;--rotation:0deg;--scale:1.04}.personal-collage [data-dragging=true]{--hover-y:0px;--scale:1.02;cursor:grabbing;transition:none}.collage-link{--link-interaction:var(--link-internal);border:3px solid var(--paper);background:var(--photo-wash);outline-offset:3px;border-radius:2px;outline:1px solid #0000;transition:outline-color .18s;display:block;overflow:hidden;box-shadow:0 11px 30px #0e0e0e29}.collage-link:hover,.collage-link:focus-visible{outline-color:var(--link-interaction)}.collage-link picture,.collage-link img{width:100%}.collage-link img{aspect-ratio:4/3;object-fit:cover;pointer-events:none;height:auto}.wall-object img{object-fit:contain;pointer-events:none;width:100%;height:auto}.wall-object--card,.wall-object--photo{border:3px solid var(--paper);background:var(--paper);border-radius:2px;overflow:hidden;box-shadow:0 12px 30px #0e0e0e2b}.wall-object--cutout{filter:drop-shadow(0 10px 14px #0e0e0e33)}.wall-object--logo{filter:drop-shadow(0 8px 11px #0e0e0e29)}.personal-collage>.blog-sticker{top:var(--wall-y);left:var(--wall-x);z-index:var(--wall-z);width:var(--wall-width);aspect-ratio:1;--rotation:var(--wall-rotation);height:auto;transform:translate3d(var(--drag-x), calc(var(--drag-y) + var(--hover-y)), 0) rotate(var(--rotation)) scale(var(--scale));will-change:transform;position:absolute}.personal-collage>.blog-sticker:hover{--hover-y:-4px;--rotation:-5deg;--scale:1.06}.site-footer{margin-top:8px}.footer-inner{width:min(calc(100% - 40px), var(--resume-width));min-height:62px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-inline:auto;font-size:10px;display:flex}.footer-links{gap:13px;display:flex}.footer-links a{font-size:10px}.page-shell{width:min(calc(100% - 40px), var(--page-width));min-height:calc(100vh - 110px);margin-inline:auto;padding-block:52px 68px}.page-intro{max-width:var(--resume-width);gap:8px;margin-bottom:34px;display:grid}.page-intro>p:last-child,.detail-summary{max-width:55ch;color:var(--ink-soft);font-size:14px;line-height:1.55}.gallery-page{width:min(calc(100% - 40px), var(--wide-width))}.photo-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:30px 14px;display:grid}.photo-card-1{grid-column:1/span 7}.photo-card-2{grid-column:8/span 5;margin-top:34px}.photo-card-3{grid-column:2/span 4}.photo-card-4{grid-column:6/span 7;margin-top:20px}.photo-link{--link-interaction:var(--link-internal);background:var(--photo-wash);outline-offset:3px;outline:1px solid #0000;transition:outline-color .18s;display:block;overflow:hidden}.photo-link:hover,.photo-link:focus-visible{outline-color:var(--link-interaction)}.photo-link picture,.photo-link img{width:100%}.photo-link img{aspect-ratio:4/3;object-fit:cover;height:auto;transition:transform .6s var(--ease-out), filter .24s ease}.photo-link:hover img{filter:saturate(1.04);transform:scale(1.02)}.photo-card figcaption{color:var(--muted);gap:10px;padding-top:6px;font-size:10px;display:flex}.lightbox{color:#f5f6f1;background:#060707f0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:52px clamp(16px,5vw,64px) 26px}.lightbox::backdrop{backdrop-filter:blur(14px);background:#060707b8}.lightbox[open]{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:clamp(8px,3vw,30px);display:grid}.lightbox figure{justify-items:center;gap:10px;display:grid}.lightbox img{object-fit:contain;max-width:min(1100px,100%);max-height:calc(100dvh - 120px)}.lightbox figcaption{font-size:10px}.lightbox-close,.lightbox-nav{color:#f5f6f1;cursor:pointer;background:#0003;border:1px solid #ffffff47}.lightbox-close{padding:6px 9px;font-size:10px;position:absolute;top:14px;right:16px}.lightbox-nav{border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.contact-page{max-width:660px}.contact-card{grid-template-columns:1fr auto;gap:15px 24px;display:grid}.contact-card h2,.elsewhere h2{margin-top:4px;font-size:15px;font-weight:500}.contact-card>p{color:var(--ink);letter-spacing:-.015em;overflow-wrap:anywhere;align-self:end;font-size:18px;font-weight:500}.contact-actions,.detail-links{flex-wrap:wrap;gap:7px;display:flex}.contact-actions{grid-column:1/-1}.contact-actions .button{min-height:40px;padding:9px 13px;font-size:13px}.contact-actions .app-icon{width:1.12em;height:1.12em}.elsewhere{margin-top:38px}.elsewhere h2{margin-bottom:9px}.elsewhere-links{flex-wrap:wrap;gap:0 22px;display:flex}.elsewhere-links a{min-height:42px;color:var(--muted);justify-content:flex-start;align-items:center;padding:4px 0;font-size:13px;text-decoration:none;display:flex}.elsewhere-links a:hover{color:var(--link-interaction)}.elsewhere-links .app-icon{width:1.18em;height:1.18em}.detail-page{max-width:680px}.back-link{margin-bottom:30px;display:inline-block}.detail-header{padding:0}.detail-header h1{max-width:14ch;margin-top:10px}.detail-summary{margin-top:14px}.detail-organization{color:var(--muted);margin-top:7px;font-size:12px}.detail-facts{grid-template-columns:1fr 1fr;gap:12px 28px;margin-top:20px;display:grid}.detail-facts>div{flex-direction:column;gap:2px;display:flex}.detail-facts span{color:var(--muted);text-transform:uppercase;font-size:10px}.detail-facts strong{font-size:13px;font-weight:500}.detail-links{margin-top:14px}.prose{max-width:620px;padding-block:32px}.prose h2{letter-spacing:-.025em;margin:28px 0 9px;font-size:19px;font-weight:500;line-height:1.2}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:var(--ink-soft);font-size:14px;line-height:1.65}.prose p+p{margin-top:12px}.prose strong{color:var(--ink)}.detail-footer{justify-content:space-between;align-items:center;gap:20px;padding-top:6px;display:flex}.detail-footer p{color:var(--muted);font-size:10px}.detail-footer .stack-list{gap:3px 9px;max-width:70%}.not-found{align-content:center;justify-items:start;gap:18px;display:grid}.not-found>p:not(.eyebrow){color:var(--ink-soft)}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s;animation-timing-function:var(--ease-out)}@media (width<=720px){.header-inner{grid-template-columns:auto minmax(0,1fr) auto;column-gap:10px;width:min(100% - 24px,900px);min-height:44px}.header-inner nav{min-width:0;overflow-x:auto}.nav-list{white-space:nowrap;justify-content:center;gap:9px}.nav-link{font-size:11px}.resume-shell,.page-shell,.gallery-page{width:min(calc(100% - 28px), var(--page-width))}.resume-shell{padding-top:40px}.home-intro{padding-bottom:32px}.intro-keystone{gap:18px}.cursor-portrait{width:88px}.home-intro h1,.page-intro h1,.detail-header h1,.not-found h1{font-size:clamp(31px,9vw,38px)}.intro-story{gap:14px;margin-top:25px;font-size:14.5px}.current-note,.connect-note{grid-template-columns:76px minmax(0,1fr);gap:13px}.resume-entry{grid-template-columns:minmax(0,1fr) 96px;gap:13px}.entry-summary{font-size:12.5px}.fact-row{grid-template-columns:1fr auto;gap:2px 12px}.fact-row strong{grid-area:1/1}.fact-row span:nth-child(2){grid-area:2/1/auto/-1}.fact-row span:nth-child(3){text-align:left;grid-area:3/1}.fact-row span:nth-child(4){grid-area:1/2}.skill-row{grid-template-columns:82px minmax(0,1fr)}.collage-section{width:calc(100vw - 28px)}.personal-collage{width:calc(100vw - 28px);height:940px}.wall-item,.personal-collage>.blog-sticker{top:var(--wall-mobile-y);left:var(--wall-mobile-x);width:var(--wall-mobile-width);--rotation:var(--wall-mobile-rotation)}.footer-inner,.detail-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.page-shell{padding-block:40px 56px}.photo-grid{grid-template-columns:1fr;gap:34px}.photo-card-1,.photo-card-2,.photo-card-3,.photo-card-4{grid-column:1;margin-top:0}.lightbox[open]{grid-template-columns:1fr 1fr;align-content:center}.lightbox figure{grid-area:1/1/auto/-1}.lightbox-prev{justify-self:end}.lightbox-next{justify-self:start}.contact-card{grid-template-columns:1fr}.contact-card>p,.contact-actions{grid-column:1}.elsewhere-links{grid-template-columns:1fr 1fr}}@media (width<=480px){.wordmark{font-size:11px}.nav-list{gap:7px}.resume-entry{grid-template-columns:minmax(0,1fr) 82px}.entry-meta{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.site-link__label:after{transform:scaleX(1)}@view-transition{navigation:none}}