@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-opsz-normal.Czevyj-6.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-opsz-normal.CJcjJNj7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-opsz-normal.DihXLNYH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fbfaf7;--fg:#2e2d2a;--muted:#6b6a66;--line:#e3e1dc;--card:#fff;--paper:#fbfaf7;--accent:#d97706;--study-text:#115737;--accent-text:#b45309;--ph:#fff1a8;--ok:#2f8f4e;--no:#c0392b;--wait:#d99a1c;--tint-mix:100%;--glow:0;--halo:none;--moon:block;--sun:none;--serif:"Fraunces Variable", Georgia, serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-caption:.6875rem;--fs-small:.8125rem;--fs-base:.9375rem;--fs-h3:1.125rem;--fs-h2:1.5rem;--fs-h1:2.125rem;--stroke:1.3px;--lh-tight:1.2;--lh-snug:1.4;--lh-body:1.65;--header:64px;--sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:32px;--sp-6:48px;--sp-8:64px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1c1b19;--fg:#d8d5cd;--muted:#9a978f;--line:#353430;--card:#242320;--paper:#211f1d;--accent:#fbbf24;--accent-text:#fbbf24;--ph:#5c4f12;--study-text:#6cc497;--ok:#6cc58a;--no:#ef8a80;--wait:#f2c45a;--tint-mix:50%;--glow:.55;--halo:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);--moon:none;--sun:block;color-scheme:dark}}:root[data-theme=dark]{--bg:#1c1b19;--fg:#d8d5cd;--muted:#9a978f;--line:#353430;--card:#242320;--paper:#211f1d;--accent:#fbbf24;--accent-text:#fbbf24;--ph:#5c4f12;--study-text:#6cc497;--ok:#6cc58a;--no:#ef8a80;--wait:#f2c45a;--tint-mix:50%;--glow:.55;--halo:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);--moon:none;--sun:block;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font:400 var(--fs-base)/var(--lh-body) var(--serif);margin:0}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:var(--stroke)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{line-height:var(--lh-tight);margin:0}h2{font:400 var(--fs-h2)/var(--lh-tight) var(--serif);margin-bottom:var(--sp-4)}h3{font:400 var(--fs-h3)/var(--lh-snug) var(--serif)}p{margin:var(--sp-1) 0}.muted{color:var(--muted)}mark.ph{background:var(--ph);color:inherit;border-radius:2px;padding:0 2px}.plain{margin:0;padding:0;list-style:none}.line-icon{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.ledger th,.ledger .ref span,.route figcaption,.route .alongside,.file-label,.tray-stage,.checklist h3,.kit-label{font:var(--fs-caption) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.topbar{z-index:10;height:var(--header);pointer-events:none;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);grid-template-columns:1fr auto 1fr;align-items:start;padding:12px 24px;display:grid;position:sticky;top:0}.topbar>*{pointer-events:auto}@supports (backdrop-filter:blur(1px)){.topbar{background:color-mix(in srgb, var(--bg) 68%, transparent);backdrop-filter:blur(18px)saturate(1.4)}}.logo{width:72px;height:32px;color:var(--fg);place-items:center;text-decoration:none;display:grid}.logo img{width:auto;height:30px}.logo-off{display:var(--moon)}.logo-on{display:var(--sun)}.logo,.theme,.coffee-icon{background:0 0;border:0}.brand{align-items:center;gap:var(--sp-1);display:flex}.coffee-icon{min-height:34px;color:var(--muted);font:400 var(--fs-base)/1 var(--serif);align-items:center;gap:6px;padding:0 6px;text-decoration:none;transition:color .15s;display:inline-flex}.coffee-icon:hover{color:var(--fg)}.coffee-icon .line-icon{width:20px;height:20px}.coffee-label{display:none}#nav{justify-self:center}#nav-links{align-items:center;gap:6px;display:flex}#nav a{font:400 var(--fs-base)/1 var(--serif);color:var(--muted);border:1px solid #0000;text-decoration:none;transition:color .18s}#nav a:hover,#nav a[aria-current]{color:var(--fg)}.theme{min-width:42px;height:34px;color:inherit;cursor:pointer;border-radius:999px;justify-self:end;place-items:center;padding:0 9px;transition:background-color .18s,transform .18s;display:grid}#nav a[aria-current]:after{content:"";left:var(--u,12px);right:var(--u,12px);background:currentColor;height:6px;position:absolute;bottom:0;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 6' preserveAspectRatio='none'%3E%3Cpath d='M1 3.6C18 2.4 40 3.8 58 3S86 2.2 99 3.3' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.theme:hover{background:color-mix(in srgb, var(--line) 55%, transparent)}.theme:active{transform:translateY(1px)scale(.98)}.theme .moon{display:var(--moon)}.theme .sun{display:var(--sun)}@media (width>=1024px){.coffee-label{display:inline}.topbar{max-width:1200px;padding-inline:var(--sp-4);margin:0 auto}#nav a{padding:8px 16px 7px;position:relative}}@media (width<=1023px){.topbar{grid-template-columns:1fr auto auto auto;padding-inline:16px}.brand{display:contents}#nav{display:none}}.layout{gap:var(--sp-6);padding:var(--sp-4) 16px 0;flex-direction:column;display:flex}.rail{gap:var(--sp-3);flex-direction:column;display:flex}.flow{gap:var(--sp-6);flex-direction:column;min-width:0;max-width:720px;display:flex}.block,#case-study{scroll-margin-top:calc(var(--header) + 24px)}.footer{padding:var(--sp-3) 16px;font-size:var(--fs-small);color:var(--muted);flex-direction:column;align-items:center;display:flex}.footer p{margin:12px 0 0}@media (width>=1024px){.layout{max-width:1200px;padding:var(--sp-8) var(--sp-4) 0;grid-template-columns:300px minmax(0,1fr);gap:56px;margin:0 auto;display:grid}.rail{top:calc(var(--header) + var(--sp-4));max-height:calc(100dvh - var(--header) - var(--sp-8));scrollbar-width:none;align-self:start;position:sticky;overflow-y:auto}.rail::-webkit-scrollbar{display:none}.flow{gap:var(--sp-8)}.footer{justify-content:center;gap:var(--sp-3);padding-block:var(--sp-2);flex-direction:row;grid-column:1/-1}.footer p{margin:0}}@media (width<=1023px){.layout.sub>.rail{display:none}}.hero h1{font:400 var(--fs-h1)/1.15 var(--serif)}.tags{margin:var(--sp-2) 0 0;flex-wrap:wrap;align-items:center;padding:0;list-style:none;display:flex}.tags,.positioning,.profile-meta{font:400 .875rem/1.5 var(--serif)}.tags{line-height:1.3}.tag{cursor:pointer;font:inherit;color:var(--fg);background:0 0;border:0;padding:0;transition:transform .15s}.tags li:not(.tag-break)+li:not(.tag-break):before{content:"|";color:var(--muted);margin:0 .5em}.tag:hover,.tag:focus-visible,.tag.demo{transform:translateY(-2px)}:root[data-look="0"] .tag[data-i="0"],:root[data-look="1"] .tag[data-i="1"],:root[data-look="2"] .tag[data-i="2"],:root[data-look="3"] .tag[data-i="3"]{text-decoration:underline 1.5px var(--accent);text-underline-offset:4px}.tag.life{color:var(--muted);font-style:italic;transition:transform .15s,opacity .3s}:root[data-work-hours]:not([data-look="3"]) .tag.life:not(:hover,:focus-visible){opacity:.45}.hero-links{align-items:center;gap:var(--sp-2);margin:var(--sp-2) 0 0;font:400 .875rem/1.5 var(--serif);display:flex}.hero-links a{color:inherit}.open-badge{text-decoration:underline 1.5px var(--accent);text-underline-offset:4px}.hero-links .btn{margin-left:auto}.cv-download{margin-left:calc(var(--sp-2) * -.5);display:inline-flex}.cv-download svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.tag-break{flex-basis:100%}.positioning{max-width:30em;margin:var(--sp-2) 0 0;font-size:var(--fs-base)}.profile-meta{margin:var(--sp-2) 0 0;gap:4px;padding:0;list-style:none;display:grid}.profile-meta li{align-items:center;gap:9px;display:flex}.profile-meta li[hidden]{display:none}.profile-meta svg{fill:none;width:16px;height:16px;stroke:var(--muted);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 16px}.meta-label{color:var(--muted)}.local-time{font-variant-numeric:tabular-nums}@keyframes enter{0%{opacity:0;filter:blur(2px);transform:translateY(6px)}}.enter{animation:.4s ease-out both enter;animation-delay:calc(var(--i) * 60ms)}.postnominal{color:var(--muted);letter-spacing:.04em;vertical-align:.35em;font-size:.55em;font-weight:600}.avatar{aspect-ratio:1;border-radius:50%;width:180px;position:relative}.avatar-art,.avatar-image{width:100%;height:100%;position:absolute;inset:0}.avatar-art{border-radius:50%;overflow:hidden}.avatar-image{object-fit:contain;transition:opacity .3s;display:block}.avatar-night,.avatar-costume{opacity:0}:root[data-theme=dark] .avatar-night{opacity:1}:root[data-theme=dark] .avatar-day{opacity:0}@media (prefers-color-scheme:dark){:root:not([data-theme]) .avatar-night{opacity:1}:root:not([data-theme]) .avatar-day{opacity:0}}.avatar.dressed .avatar-day,.avatar.dressed .avatar-night{opacity:0}.avatar.dressed .avatar-costume{opacity:1}.avatar-steam{color:#8a7f70;opacity:0;width:12%;height:14%;transition:opacity .3s;position:absolute;top:65.5%;left:10.3%}.avatar-crab{transform-origin:87.7% 54.5%}.avatar.dressed .avatar-steam,.avatar-blink{visibility:hidden}.avatar.blinking .avatar-blink{visibility:visible}.avatar-blink-ca{visibility:hidden}.avatar.blinking[data-look="0"] .avatar-blink-ca{visibility:visible}.avatar.instant .avatar-image{transition:none}@media (prefers-reduced-motion:no-preference) and (hover:hover){.avatar-steam path{animation:3.2s ease-in-out infinite steam}.avatar-steam path+path{animation-delay:1.6s}.avatar-steam{opacity:1}.avatar:hover .avatar-crab{animation:.56s cubic-bezier(.3,.7,.4,1) crab-hop}}@keyframes steam{0%{opacity:0;transform:translateY(4px)scaleY(.8)}40%{opacity:.55}to{opacity:0;transform:translateY(-5px)scaleY(1.1)}}@keyframes crab-hop{0%,to{transform:none}18%{transform:scale(1.06,.9)}45%{transform:translateY(-3.5%)scale(.96,1.06)}75%{transform:scale(1.04,.95)}}@media (prefers-reduced-motion:reduce){.avatar-image{transition:none}}@media (width>=1024px){.avatar{width:220px}}@media (width>=1024px) and (height<=800px){.avatar{width:160px}}.chips{gap:var(--sp-1);font-size:var(--fs-small);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chips li{align-items:center;gap:6px;display:inline-flex}.chips li+li:before{content:"|";color:var(--muted)}.chips .line-icon{width:16px;height:16px;color:var(--muted)}.btn{border:1px solid var(--fg);color:inherit;border-radius:6px;margin:0;padding:3px 12px;text-decoration:none;display:inline-block}.ph-btn{color:var(--muted);border-style:dashed}.socials{gap:12px;display:flex}.socials a{width:40px;height:40px;color:var(--muted);place-items:center;transition:color .15s;display:grid}.socials a:hover{color:var(--fg)}.socials svg{width:18px;height:18px}.sketch-btn{isolation:isolate;font:500 var(--fs-small)/1.4 var(--serif);color:var(--fg);align-items:center;gap:7px;padding:10px 20px;text-decoration:none;transition:transform .15s;display:inline-flex;position:relative}.sketch-btn .frame{z-index:-1;width:100%;height:100%;fill:var(--card);stroke:currentColor;stroke-width:var(--stroke);position:absolute;inset:0;overflow:visible}.sketch-btn .frame path{vector-effect:non-scaling-stroke}a.sketch-btn:hover{transform:translateY(-2px)}.ph-icon{border:1px dashed var(--muted);color:var(--muted);font-weight:600}.tile{background:var(--c)}.tile:after{content:"";width:60%;height:60%;mask:var(--src) center / contain no-repeat;background:#fff}.block>h2{align-items:center;gap:12px;display:flex}.h-icon{stroke-width:1.3px;flex:none;width:40px;height:40px;overflow:visible}.h-icon .ink{stroke:var(--accent)}.h-icon .front{fill:var(--bg)}#about .swing{transform-origin:24px 9px;animation:4s ease-in-out infinite badge-swing}#selected-work .peek{animation:4s ease-in-out infinite folder-peek}@keyframes badge-swing{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}#skills .tick{stroke-dasharray:1;stroke-dashoffset:1px;animation:4s infinite tick}#skills .tick:nth-of-type(5){animation-delay:.4s}#skills .tick:nth-of-type(6){animation-delay:.8s}#interests .mark{transform-box:fill-box;transform-origin:50%;animation:4s infinite postmark}@keyframes tick{0%{stroke-dashoffset:1px;opacity:1}10%,70%{stroke-dashoffset:0;opacity:1}80%,to{stroke-dashoffset:0;opacity:0}}@keyframes postmark{0%,40%{opacity:0;transform:scale(1.4)rotate(-12deg)}46%{opacity:1;transform:scale(.94)rotate(-12deg)}50%,88%{opacity:1;transform:rotate(-12deg)}96%,to{opacity:0;transform:rotate(-12deg)}}@keyframes folder-peek{0%,55%,to{transform:none}25%,35%{transform:translateY(-5px)}}#now .ink{stroke-dasharray:1;stroke-dashoffset:1px;animation:6s infinite now-write}#now .pen{animation:6s infinite now-pen}@keyframes now-write{0%,8%{stroke-dashoffset:1px;opacity:1}45%,85%{stroke-dashoffset:0;opacity:1}95%,to{stroke-dashoffset:0;opacity:0}}@keyframes now-pen{0%,8%{transform:translate(-11px)}45%,85%{transform:none}to{transform:translate(-11px)}}.prose p+p{margin-top:20px}.now-updated{font:var(--fs-small) var(--mono);color:var(--muted);margin:0}.about-more{text-align:center;margin-top:32px}.milestone-records{min-width:0}#milestones .resume{margin:var(--sp-3) 0 0;font-size:var(--fs-small);text-align:left}.ledger-wrap{gap:var(--sp-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.ledger{border-collapse:collapse;width:100%;font-size:var(--fs-small)}.ledger th{text-align:left;border-bottom:1px solid var(--fg);padding:6px 8px;font-weight:600}.ledger td{vertical-align:top;border-bottom:1px solid var(--line);padding:10px 8px;transition:background-color .15s}.ledger tbody tr:hover td{background:color-mix(in srgb, var(--line) 35%, transparent)}.ledger .year{font:var(--fs-small) var(--mono);color:var(--muted);white-space:nowrap}.ledger .ref span{letter-spacing:.04em;border:1px solid;border-radius:3px;padding:2px 4px;line-height:1}.ledger .life .ref span{color:var(--accent-text)}.ledger .study .ref span{color:var(--study-text)}.ledger h3{font:500 var(--fs-base)/1.3 var(--serif)}.ledger .life h3{font-weight:400}.ledger ul{margin:4px 0 0;padding-left:1.1em}.ledger .place{white-space:nowrap}.ledger .place-inline{margin:2px 0 0;display:none}.ledger tfoot td{border-top:1px solid var(--fg);border-bottom:2px double var(--fg);font-weight:600}.route{max-width:300px;margin:12px 0 0;padding:0}.route figcaption,.route .alongside{font-size:var(--fs-caption);color:var(--muted)}.route figcaption{margin-bottom:12px}.journey{position:relative}.journey-line{pointer-events:none;width:100%;height:360px;color:var(--muted);position:absolute;inset:0}.journey-line path{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-dasharray:2 6;stroke-linecap:round;opacity:.35}.journey-particle{fill:var(--accent);offset-path:var(--journey-path);offset-rotate:0deg;offset-anchor:0px 0px;animation:14s linear infinite journey-travel}.journey-particle-halo{opacity:.14}.journey-particle-core{stroke:var(--bg);stroke-width:.8px}@keyframes journey-travel{0%{offset-distance:100%;opacity:0}6%{opacity:1}94%{opacity:1}to{offset-distance:0%;opacity:0}}.route ol{margin:0;padding:0;list-style:none;position:relative}.route .stop{text-align:center;justify-items:center;gap:2px;transition:opacity .15s;display:grid}.route ol .stop{width:45%;min-height:90px}.route ol .stop:nth-child(2n){margin-left:55%}.route .art{object-fit:contain;width:60px;height:60px}.route strong{font:500 var(--fs-small)/1.3 var(--serif)}.route .years{font:var(--fs-caption) var(--mono);color:var(--muted)}.route .stop.on strong{color:var(--accent-text)}.route.focus .stop:not(.on){opacity:.4}.route .alongside{margin:20px 0 0}.route .recurring{margin:8px 0 0;padding:0;list-style:none}.route .recurring .stop{text-align:left;grid-template-columns:60px 1fr;place-items:center start;gap:10px}.route .recurring .art{opacity:.85;width:54px;height:54px}.route .recurring .note{font:italic 400 var(--fs-small)/1.35 var(--serif);color:var(--muted);margin-top:4px;display:block}.route-mobile{display:none}@media (width<=1023px){.route-mobile{max-width:none;margin:0 0 var(--sp-4);display:block}.route-mobile .journey-line{height:100%}.route-mobile ol{flex-direction:row-reverse;align-items:flex-start;display:flex}.route-mobile ol .stop,.route-mobile ol .stop:nth-child(2n){width:25%;min-height:0;margin:0}.route-mobile ol .stop:nth-child(2n){margin-top:40px}.route-mobile .years{white-space:nowrap}.route-mobile .art,.route-mobile .recurring .art{width:48px;height:48px}.route-mobile .alongside-group{width:fit-content;max-width:260px;margin:16px auto 0}.route-mobile .alongside{display:none}.alongside-inline{font:var(--fs-caption) var(--mono);color:var(--muted)}}@media (width<=700px){.ledger th:nth-child(4),.ledger td.place{display:none}.ledger .place-inline{display:block}}@media (width<=480px){.ledger thead{display:none}.ledger,.ledger tbody,.ledger tfoot,.ledger tfoot tr,.ledger tfoot td{display:block}.ledger tbody tr{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;padding:12px 0;display:grid}.ledger tbody td{border:0;padding:0}.ledger tbody td:nth-child(3){grid-column:1/-1;margin-top:6px}.ledger tfoot td{padding:10px 0}}@media (width>=1024px){.milestones-layout{padding-top:32px}.milestones-layout>.rail{top:calc(var(--header) + 16px);max-height:calc(100dvh - var(--header) - 32px);gap:16px}.milestones-layout .avatar{width:80px}.milestones-layout .route{width:100%;margin:0}.milestones-layout .route figcaption{margin-bottom:10px}.milestones-layout .route ol{padding-left:0}.milestones-layout .route ol .stop{gap:2px;width:130px;min-height:96px}.milestones-layout .route ol .stop+.stop{margin-top:-24px}.milestones-layout .route ol .stop:nth-child(odd){margin-left:170px}.milestones-layout .route ol .stop:nth-child(2n){text-align:left;justify-items:start;margin-left:0}.milestones-layout .route .art{width:60px;height:60px}.milestones-layout .journey-line{height:100%}.milestones-layout .route .alongside{margin-top:18px}.milestones-layout .route .recurring{margin-top:8px}.milestones-layout .route .recurring .stop{grid-template-columns:60px 1fr;gap:12px}.milestones-layout .route .recurring .art{width:60px;height:60px}.milestones-layout .route .recurring .note{font-size:var(--fs-caption)}}.desk{padding-top:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:36px 24px;display:grid}.desk-item{margin:0;container-type:inline-size}.desk-item figcaption{font:400 var(--fs-h3)/1.25 var(--serif);text-wrap:balance;margin-top:14px}.file{aspect-ratio:5/4;width:100%;font:inherit;color:inherit;transform-origin:50% 90%;background:0 0;border:0;padding:0;transition:transform .26s cubic-bezier(.2,.8,.25,1);display:block;position:relative}.file.open{cursor:pointer}.file-label.live{color:var(--accent-text)}.file,.kit-pocket{--fg:#1d1d1b;--kraft:#e8dcc2;--muted:#6b6a66;--line:#e3e1dc;--paper:#fbfaf7;--card:#fff;--bg:#fbfaf7;--accent:#d97706;--accent-text:#b45309;--ok:#2f8f4e;--no:#c0392b;--wait:#d99a1c;--tint-mix:100%;color:var(--fg)}.file-paper{--accent:#b5562f;background:var(--paper);border-radius:6px;transition:transform .25s;position:absolute;inset:34px 6% 6%;overflow:hidden;box-shadow:0 1px 2px #3c2d191a,0 3px 10px #3c2d1914}.file-paper:has(img){background:#fbfaf7;padding:7px}.file-paper img{object-fit:cover;object-position:top;filter:sepia(.06)saturate(.94);width:100%;height:100%;box-shadow:0 1px 3px #3c2d1924}.memo{font-size:var(--fs-small);color:var(--muted);padding:12px 14px;line-height:1.5;display:block}.file.open:hover,.file.open:focus-visible{transform:translateY(-5px) rotate(var(--r,1.2deg))}.file.open:hover .file-paper,.file.open:focus-visible .file-paper{transform:translateY(-10px)}.file-back{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.file-back path{fill:var(--kraft);stroke:var(--fg);stroke-width:var(--stroke);stroke-linejoin:round;vector-effect:non-scaling-stroke}.file-label{z-index:1;letter-spacing:.08em;justify-content:center;align-items:center;width:31%;height:12%;display:flex;position:absolute;top:0;left:3%}.file-dialog{border:var(--stroke) solid var(--fg);background:var(--card);width:100%;max-width:min(560px,100vw - 32px);color:var(--fg);border-radius:14px;padding:28px}.file-dialog::backdrop{background:#0000004d}.file-dialog .close{width:44px;height:44px;color:var(--muted);font-size:var(--fs-h2);cursor:pointer;background:0 0;border:0;position:absolute;top:8px;right:8px}.case-collection-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}.case-collection-dialog h2{margin-bottom:20px}.case-discipline,.case-eyebrow{font:var(--fs-small)/1.5 var(--mono);color:var(--muted)}.case-eyebrow{margin:0 0 12px}.case-index{margin:0;padding:0;list-style:none}.case-index li{border-top:1px solid var(--line)}.case-index a{padding:16px 0;text-decoration:none;display:block}.case-index a:hover .case-index-title{text-underline-offset:3px;text-decoration:underline}.case-index-title{font:400 var(--fs-h3)/1.3 var(--serif);justify-content:space-between;gap:12px;display:flex}.case-index-title>span{color:var(--accent-text)}.case-index-summary{color:var(--muted);font-size:var(--fs-small);margin-top:8px;line-height:1.6;display:block}.case-index-tags{font:.7rem/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block}.case-index .site-row{grid-template-columns:96px 1fr;align-items:start;gap:16px;display:grid}.case-index div.site-row{padding:16px 0}.site-row img{aspect-ratio:4/3;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:4px;width:100%}.site-thumb-empty{aspect-ratio:4/3;border:1px dashed var(--line);border-radius:4px}.tray-row{justify-items:start;gap:6px;padding:16px 0;display:grid}.tray-row .case-index-title{justify-self:stretch}.tray-row .case-index-summary{margin-top:0}.tray-stage{letter-spacing:.08em;color:var(--accent-text);line-height:1}.tray-cover{text-align:left;gap:10px;margin:0;padding:16px 18px 16px 34px;display:grid}.sites-cover{padding:0}.file-paper.sites-cover,.file-paper.case-dividers{inset:22% 10% 10%}.file-paper.sites-cover img{width:72%;height:72%;position:absolute;box-shadow:0 2px 6px #0000001a}.sites-cover img:first-child{top:5%;left:5%}.sites-cover img:nth-child(2){top:14%;left:14%}.sites-cover img:nth-child(3){top:23%;left:23%}.file-paper.case-dividers{box-shadow:none;background:0 0;padding:0;overflow:visible}.case-dividers .divider{background:#ece7de;border-radius:4px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 1px 2px #3c2d191f}.case-dividers .divider+.divider{background:#f4f0e8;box-shadow:0 1px 2px #3c2d1914}.divider-front{text-align:left;background:var(--paper);border-radius:4px;flex-direction:column;gap:4px;padding:14px 18px;display:flex;position:absolute;inset:20px 0 0;box-shadow:0 -1px 3px #3c2d1914,0 2px 6px #3c2d190f}.divider-front strong{font:400 1.35rem/1.15 var(--serif);text-wrap:balance}.divider-front small{font-size:var(--fs-small);color:var(--muted)}.case-study{min-width:0;max-width:66ch}.case-back{font-size:var(--fs-small);color:var(--muted);margin-bottom:32px;display:inline-block}.case-header{border-bottom:1px solid var(--line);padding-bottom:32px}.case-header h1{font:400 clamp(2rem, 4vw, 2.75rem)/1.12 var(--serif);text-wrap:balance}.case-lead{font-size:var(--fs-h3);margin:20px 0 0;line-height:1.55}.case-body{gap:36px;margin-top:36px;display:grid}.case-body h2,.case-related h2{font-size:var(--fs-h2);margin-bottom:14px}.case-body p{margin:0 0 16px;line-height:1.75}.case-body p:last-child{margin-bottom:0}.case-related{border-top:1px solid var(--line);margin-top:48px;padding-top:24px}.case-related ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.case-related a{padding-block:4px;display:inline-block}.toolkit-wrap{container-type:inline-size}.kit-label{margin:0}.checklist{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px 24px;margin-top:28px;padding-top:20px;display:grid}.checklist h3{margin:0 0 8px}.checklist p{font:400 .9375rem/1.55 var(--serif);color:var(--fg);text-wrap:pretty;margin:0}.checklist ul{margin:0;padding:0;list-style:none}.checklist li{align-items:baseline;gap:8px;display:flex}.checklist .line-icon{width:9px;height:9px;stroke:var(--accent);stroke-width:1.3px;flex:none;transform:translateY(-1px)}.toolkit{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px 24px;padding-top:24px;display:grid}.kit-folder{min-width:0;margin:0;position:relative}.kit-name{font:400 var(--fs-small)/1.25 var(--serif);position:absolute;top:9%;left:6%;right:30%}.kit-pocket{aspect-ratio:260/190;isolation:isolate;perspective:700px;position:relative}.kit-back{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.kit-back path{fill:var(--kraft);stroke:var(--fg);stroke-width:var(--stroke);vector-effect:non-scaling-stroke}.kit-cards{margin:0;padding:0;list-style:none;transition:z-index 0s .5s;position:absolute;inset:0}.kit-pocket:has(.kit-toggle[aria-expanded=true]) .kit-cards{z-index:1;transition-delay:0s}.kit-card{left:var(--x);background:var(--card);border:1px solid var(--muted);width:88%;height:78%;transform:translateY(-6%) rotate(var(--lean));transform-origin:50% 100%;border-radius:6px;flex-direction:column;padding:0;transition:transform .56s cubic-bezier(.22,.8,.25,1),left .56s cubic-bezier(.22,.8,.25,1),top .56s cubic-bezier(.22,.8,.25,1),box-shadow .4s;display:flex;position:absolute;top:14%;overflow:hidden;box-shadow:0 3px 8px #3c2d191f}.kit-page-bar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--preview-accent) 12%, var(--card));align-items:center;gap:5px;min-height:23px;padding:5px 6px;display:flex}.kit-page-bar>span:first-child{color:var(--preview-accent);letter-spacing:1px;font:8px/1 system-ui}.kit-tool-name{white-space:nowrap;font-size:clamp(8px,1.5cqw,10px);line-height:1.15}.kit-preview-image{object-fit:cover;object-position:top;flex:1;width:100%;min-height:0;display:block}.kit-preview-placeholder{flex:1;grid-template-columns:20% 1fr;gap:8px;padding:8px;display:grid;position:relative}.kit-page-sidebar{background:color-mix(in srgb, var(--preview-accent) 10%, var(--bg));border-radius:2px}.kit-page-lines{background:repeating-linear-gradient(to bottom, var(--line) 0 3px, transparent 3px 9px);height:35%}.kit-preview-note{text-align:center;color:var(--muted);font:8px/1.2 system-ui;position:absolute;inset:auto 4px 12px 24%}.scene{--tint:color-mix(in srgb, var(--preview-accent) var(--tint-mix), #fff);flex:1;min-height:0;padding:6px 8px 8px}.s-art{width:100%;height:100%;display:block;overflow:visible}.s-art .g{fill:var(--line)}.s-art .d{fill:color-mix(in srgb, var(--muted) 55%, var(--card))}.s-art .b{fill:var(--tint)}.s-art .bl{fill:color-mix(in srgb, var(--tint) 30%, var(--card))}.s-art .ok{fill:var(--ok)}.s-art .no{fill:var(--no)}.s-art .wait{fill:var(--wait)}.s-art .box,.s-art .doc{fill:var(--card);stroke:var(--line)}.s-art .okb{stroke:var(--ok)}.s-art .bl-box{fill:color-mix(in srgb, var(--tint) 12%, var(--card));stroke:var(--tint)}.s-art .okl{stroke:var(--ok);stroke-width:1.5px}.s-art .w{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.s-art .ln,.s-art .ax,.s-art .ax-c{fill:none;stroke:var(--muted)}.s-art .grid{fill:none;stroke:var(--line)}.s-art .err{fill:color-mix(in srgb, var(--no) 14%, var(--card))}.s-art .null{fill:none;stroke:var(--muted);stroke-dasharray:2 2}.s-art .arrow{fill:none;stroke:var(--tint);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.s-art .ring,.s-art .ring-b{fill:none;stroke:var(--line);stroke-width:7px}.s-art .ring-b{stroke:var(--tint);stroke-dasharray:65 100}.s-art .area{fill:color-mix(in srgb, var(--tint) 20%, transparent)}.s-art .trend{fill:none;stroke:var(--tint);stroke-width:2px;stroke-linejoin:round}.kit-front{isolation:isolate;transform-origin:50% 100%;border:0;place-items:center;transition:transform .55s cubic-bezier(.22,.8,.25,1);display:grid;position:absolute;inset:35% -1% 0 0;transform:rotateX(-5deg);container-type:inline-size}.kit-front-outline{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.kit-front-outline path{fill:var(--kraft);stroke:var(--fg);stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.kit-seam{border-bottom:1px solid var(--line);position:absolute;inset:auto 8px 7px}.kit-brand-stickers{flex-wrap:wrap-reverse;justify-content:flex-end;gap:5px 6px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:13px;left:12px;right:12px}.kit-brand-stickers li{transform:rotate(var(--brand-tilt));background:var(--card);border-radius:6px}.label-sticker{font:clamp(7px, 3.4cqw, 9px)/1 var(--mono);white-space:nowrap;border:1px solid var(--fg);background:var(--card);border-radius:4px;padding:3px 5px;display:block}.kit-brand-stickers .tile,.kit-brand-stickers img,.kit-brand-stickers .ph-icon{border-radius:5px;place-items:center;width:clamp(16px,10cqw,27px);height:clamp(16px,10cqw,27px);font-size:.6rem;display:grid}.kit-brand-stickers img{box-shadow:0 0 0 1px var(--line)}.kit-brand-stickers li.retired{filter:grayscale();opacity:.5}.kit-brand-stickers li.minor img{width:clamp(12px,7.2cqw,19px);height:clamp(12px,7.2cqw,19px)}.kit-brand-stickers li.minor.wide img{width:auto}.kit-brand-stickers li.sticker-break{background:0 0;flex-basis:100%;height:0}.kit-brand-stickers li.wide img{aspect-ratio:124/48;border-radius:4px;width:auto}.kit-toggle{z-index:3;cursor:pointer;background:0 0;border:0;border-radius:12px;position:absolute;inset:-12% -5% -5%}.kit-toggle:focus-visible{outline-offset:5px}.kit-folder:has(.kit-toggle[aria-expanded=true]){z-index:2}.kit-pocket:has(.kit-toggle[aria-expanded=true]) .kit-front{transform:rotateX(-62deg)}.kit-pocket:has(.kit-toggle[aria-expanded=true]) .kit-card:not(.bot){left:var(--ox);top:var(--oy);transform:rotate(var(--fan));transition-delay:var(--delay);box-shadow:0 8px 14px #3c2d1929}.kit-card.phone{border-radius:12px;width:44%;height:84%;top:8%}@container (width<=557px){.kit-pocket:has(.kit-toggle[aria-expanded=true]) .kit-card:not(.bot){left:var(--nx);top:var(--ny);width:47%;height:46%}.kit-pocket:has(.kit-toggle[aria-expanded=true]) .kit-card.phone{width:24%;height:58%}}@media (width<=1023px){@container (width>=558px){.kit-folder:first-child .kit-pocket:has(.kit-toggle[aria-expanded=true]) .kit-card:not(.bot){left:calc(var(--ox) + 20%)}}}.kit-card.bot{width:var(--w);height:auto;transform:translateY(calc(-6% + var(--bob))) rotate(var(--tilt));box-shadow:none;background:0 0;border:0;align-items:center;gap:3px;transition-timing-function:cubic-bezier(.34,1.7,.5,1);top:22%;overflow:visible}.mascot{filter:drop-shadow(0 3px 4px #3c2d192e);width:100%;height:auto;display:block}.kit-pocket:has(.kit-toggle[aria-expanded=true]) .kit-card.bot{transform:translateY(calc(-58% + var(--bob) * 2)) rotate(calc(var(--fan) / 2 + var(--tilt)));transition-delay:calc(var(--delay) * 3);box-shadow:none}@media (prefers-reduced-motion:reduce){.journey-particle{display:none}.enter,#now .pen,#about .swing,#selected-work .peek,#interests .mark{animation:none}#skills .tick,#now .ink{stroke-dashoffset:0;animation:none}*,:before,:after{transition:none!important}}.menu-btn{display:none}.menu-btn .cross,body:has(.menu:popover-open) .menu-btn .bars{display:none}body:has(.menu:popover-open) .menu-btn .cross{display:block}@media (width<=1023px){.menu-btn{display:grid}}.menu{inset:calc(var(--header) - 8px) 12px auto auto;min-width:168px;color:var(--fg);background:color-mix(in srgb, var(--bg) 62%, transparent);backdrop-filter:blur(18px)saturate(1.4);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:12px;margin:0;padding:8px 0;box-shadow:0 1px 2px #281e140f,0 12px 32px -8px #281e142e}.menu::backdrop{background:0 0}.menu a{font:400 var(--fs-base)/1.2 var(--serif);color:var(--muted);padding:11px 22px;text-decoration:none;transition:color .15s;display:block;position:relative}.menu a:hover,.menu a:focus-visible,.menu a[aria-current]{color:var(--fg);outline:0}.menu a span{position:relative}.menu a[aria-current] span:after{content:"";background:var(--accent);height:5px;position:absolute;bottom:-5px;left:-2px;right:-2px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 6' preserveAspectRatio='none'%3E%3Cpath d='M1 3.6C18 2.4 40 3.8 58 3S86 2.2 99 3.3' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}@media (prefers-reduced-motion:no-preference){.menu:popover-open{transform-origin:100% 0;animation:.22s cubic-bezier(.2,.8,.25,1) menu-in}.menu:popover-open li{animation:.26s cubic-bezier(.2,.8,.25,1) both menu-item;animation-delay:calc(40ms + var(--i) * 35ms)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes menu-item{0%{opacity:0;transform:translateY(-3px)}}}@container (width<=300px){.divider-front{padding:10px 12px}.divider-front strong{font-size:var(--fs-small)}.divider-front small,.divider-front .case-discipline{display:none}}