@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-400-normal.DnYpCC2O.woff2) format("woff2"),url(/_astro/instrument-serif-latin-400-normal.BVbkICAY.woff) format("woff")}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-400-italic.DKMiL14s.woff2) format("woff2"),url(/_astro/instrument-serif-latin-400-italic.u__WvvIK.woff) format("woff")}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-ext-wght-normal.B5bTHO_g.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-wght-normal.BbzFLZTg.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-500-normal.CB9ihrfo.woff) format("woff")}@font-face{font-family:Gaegu;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/gaegu-latin-400-normal.BZ0xBS4u.woff2) format("woff2"),url(/_astro/gaegu-latin-400-normal.DYQdOmUf.woff) format("woff")}:root,:root[data-theme=creme]{color-scheme:light;--paper: #fbf5e6;--paper-2: #f5ecd6;--card: #fffdf7;--ink: #26241f;--ink-2: #5b574d;--ink-3: #8d877a;--rule: #3b2f8f;--rule-soft: rgba(59, 47, 143, .22);--olive: #7aa317;--olive-ink: #5c7d0e;--violet: #3b2f8f;--terracotta: #ee5a24;--terracotta-ink: #c8461a;--f-sky: #b8d6f2;--f-matcha: #c9d77a;--f-ochre: #ecc35a;--f-lilac: #ddd0ea;--f-terracotta: #f0743f;--f-peach: #f9d2b4;--f-blush: #f2c9c0;--f-sage: #e3edd0;--f-teal: #5ea9ba;--c1: #f4a8bd;--c2: #fbcb9f;--c3: #fbe7b5;--c4: #bcd4ee;--c5: #c8cb92;--c6: #e9e6df;--c7: #fffaf0;--font-display: "Instrument Serif", "Times New Roman", serif;--font-body: "Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-hand: "Gaegu", "Comic Neue", cursive;--t-xs: .74rem;--t-s: .86rem;--t-m: clamp(1rem, .97rem + .15vw, 1.08rem);--t-l: clamp(1.3rem, 1.1rem + .8vw, 1.75rem);--t-xl: clamp(2.2rem, 1.6rem + 2.6vw, 3.8rem);--t-xxl: clamp(3.8rem, 1.6rem + 7.4vw, 8.4rem);--ease: cubic-bezier(.22, 1, .36, 1);--ease-back: cubic-bezier(.34, 1.4, .64, 1);--fast: .2s;--mid: .5s;--slow: .9s;--gutter: clamp(16px, 4vw, 56px);--max: 1160px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:var(--t-m);line-height:1.6;color:var(--ink);background:var(--paper);overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4{margin:0;font-weight:400;line-height:1.05}p{margin:0 0 1em}p:last-child{margin-bottom:0}figure{margin:0}::selection{background:var(--f-matcha);color:var(--ink)}:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:var(--paper);padding:10px 16px}.skip:focus{top:12px}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.mono{font-family:var(--font-mono);font-size:var(--t-s);letter-spacing:.01em}.hand{font-family:var(--font-hand);font-size:1.25rem;line-height:1.15}.plus{display:inline-block;transition:transform var(--mid) var(--ease)}.line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.line>span{display:inline-block;animation:rise var(--slow) var(--ease) both}.line:nth-child(2)>span{animation-delay:.11s}.line:nth-child(3)>span{animation-delay:.22s}@keyframes rise{0%{transform:translateY(105%)}to{transform:none}}html.js [data-reveal]:not(.is-in) .line>span{animation-play-state:paused}.tlink{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--violet);background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat,linear-gradient(var(--rule-soft),var(--rule-soft)) 0 100% / 100% 1px no-repeat;padding-bottom:2px;transition:background-size var(--mid) var(--ease)}.tlink:hover{background-size:100% 1px,100% 1px}.btn{--bc: var(--violet);display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 18px;font-family:var(--font-mono);font-size:var(--t-xs);font-weight:500;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:var(--bc);border:1px solid var(--bc);border-radius:2px;background:linear-gradient(var(--bc),var(--bc)) 0 0 / 0 100% no-repeat;transition:background-size var(--mid) var(--ease),color var(--mid) var(--ease);cursor:pointer}.btn:hover{background-size:100% 100%;color:var(--paper)}.btn:hover .plus{transform:rotate(90deg)}.btn--fill{background-color:var(--bc);color:var(--paper);background-image:linear-gradient(var(--olive-ink),var(--olive-ink))}.btn--fill:hover{color:var(--paper)}.btn--soon{--bc: var(--ink-3);border-style:dashed;cursor:default}.btn--soon:hover{background-size:0 100%;color:var(--bc)}.topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px;padding-inline:var(--gutter);background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.wordmark{display:inline-flex;align-items:baseline;gap:6px;text-decoration:none;color:var(--violet);font-family:var(--font-display);font-size:1.75rem;line-height:1}.wordmark__plus{font-family:var(--font-mono);font-size:1.1rem;transition:transform var(--mid) var(--ease)}.wordmark:hover .wordmark__plus{transform:rotate(180deg)}.topnav{display:flex;align-items:center;gap:28px}.topnav ul{display:flex;gap:26px}.topnav__link{font-family:var(--font-mono);font-size:var(--t-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--violet);display:inline-flex;gap:6px;align-items:baseline}.topnav__link:hover .plus{transform:rotate(45deg)}.topnav__cv:hover .plus{transform:translateY(3px)}.langs{display:flex;gap:12px;padding-left:22px;border-left:1px solid var(--rule-soft);font-family:var(--font-mono);font-size:var(--t-xs)}.lang{position:relative;text-decoration:none;color:var(--violet);letter-spacing:.06em}.lang.is-on{text-decoration:underline;text-underline-offset:5px}.lang.is-soon{color:var(--ink-3);cursor:help}.lang.is-soon small{position:absolute;top:calc(100% + 10px);right:0;white-space:nowrap;font-size:.7rem;background:var(--ink);color:var(--paper);padding:3px 8px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity var(--fast),transform var(--fast)}.lang.is-soon:hover small{opacity:1;transform:none}.menu-btn{display:none;align-items:center;gap:8px;padding:10px 0 10px 12px;background:none;border:0;color:var(--violet);cursor:pointer;font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase}.menu-btn[aria-expanded=true] .plus{transform:rotate(45deg)}html.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity var(--slow) var(--ease),transform var(--slow) var(--ease);transition-delay:var(--d, 0ms)}html.js [data-reveal].is-in{opacity:1;transform:none}.hero{padding-top:clamp(48px,9vw,112px)}.hero__eyebrow{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-bottom:clamp(20px,3vw,36px)}.hero__grid{display:grid;grid-template-columns:1fr auto;align-items:end;gap:32px}.hero__title{font-family:var(--font-display);font-size:var(--t-xxl);line-height:.9;letter-spacing:-.035em;color:var(--olive)}.hero__title em{font-style:italic;color:var(--olive-ink)}.hero__art{position:relative;padding:0 12px 18px 0}.pixcup{display:block;width:clamp(140px,16vw,200px);height:auto;animation:float 5s ease-in-out infinite}.pixcup__steam>g{animation:steam 2.4s steps(4) infinite;opacity:0}@keyframes steam{0%{transform:translateY(1px);opacity:0}25%{opacity:1}75%{opacity:.8}to{transform:translateY(-3px);opacity:0}}@keyframes float{50%{transform:translateY(-6px)}}.hero__annot{position:absolute;right:calc(100% + 4px);bottom:26px;white-space:nowrap;color:var(--terracotta-ink);display:flex;align-items:flex-end;gap:4px;transform:rotate(-4deg)}.hero__annot .doodle{margin-bottom:10px}.hero__bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px 64px;margin-top:clamp(36px,5vw,64px)}.hero__intro{max-width:62ch;font-size:.86rem;line-height:1.95;color:var(--ink);margin:0}.hero__intro strong{font-weight:500;color:var(--violet)}.hero__ctas{display:flex;flex-wrap:wrap;gap:12px}.notes{position:relative;height:540px;margin-top:clamp(56px,8vw,96px);margin-bottom:clamp(40px,6vw,72px)}.note{position:absolute;margin:0;box-shadow:0 1px #26241f0f,0 14px 28px -12px #26241f38;transform:rotate(var(--r, 0deg));transition:transform var(--mid) var(--ease-back),box-shadow var(--mid) var(--ease)}html.js .notes [data-reveal]{transform:translateY(-34px) rotate(calc(var(--r, 0deg) + 9deg));transition-duration:1s}html.js .notes [data-reveal].is-in{transform:rotate(var(--r, 0deg))}.notes .note:hover{transform:rotate(0) translateY(-6px)!important;box-shadow:0 22px 40px -16px #26241f4d;z-index:5}.note--card{left:3%;top:24px;width:min(560px,54%);background:var(--terracotta);color:#fff8ef;padding:58px 40px 42px}.note__holes{position:absolute;top:18px;left:40px;right:40px;display:flex;justify-content:space-between}.note__holes i{width:12px;height:12px;background:var(--paper)}.note__k{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.1em;opacity:.85;margin-bottom:14px}.note__big{font-family:var(--font-display);font-size:clamp(1.45rem,1.1rem + 1.1vw,2rem);line-height:1.6;background-image:linear-gradient(transparent calc(100% - 1.5px),#fff8ef66 0);background-size:100% 1.6em}.note--fold{right:3%;top:220px;width:min(440px,42%);background:var(--f-peach);color:var(--terracotta-ink);padding:30px 32px 40px;clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),calc(100% - 52px) 100%,0 100%)}.note--fold:after{content:"";position:absolute;right:0;bottom:0;width:52px;height:34px;background:linear-gradient(to top left,transparent 50%,var(--terracotta) 50%)}.note--fold .note__k{color:var(--terracotta-ink)}.note__txt{font-size:.95rem;line-height:1.7;margin:0}.note--square{display:grid;place-items:center}.note--matcha{right:25%;top:30px;width:132px;height:112px;background:var(--f-matcha)}.note__han{font-size:4.2rem;line-height:1;color:#3f3d33;font-family:"Noto Serif SC",Songti SC,SimSun,serif}.note--blue{left:45%;top:320px;z-index:2;width:150px;height:150px;background:var(--f-sky)}.ascii{margin:0;font-family:var(--font-mono);font-size:13px;line-height:1.25;color:var(--ink)}.note--tag{left:6%;top:440px;padding:12px 16px;background:var(--card);display:inline-flex;align-items:center;gap:8px;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--violet)}.checker{--cell: 26px;display:grid;grid-template-columns:repeat(auto-fill,var(--cell));grid-auto-rows:var(--cell);justify-content:center;gap:2px;height:calc(var(--cell) * 2 + 2px);overflow:hidden;background:#f1dfc4;padding:0 2px;border-block:2px solid #f1dfc4}.checker span{display:block;transition:background-color 1.6s ease}.checker--foot{height:calc(var(--cell) * 3 + 4px);margin-top:clamp(80px,10vw,130px)}.section{padding-top:clamp(80px,11vw,140px)}.shead{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:22px;border-top:1px solid var(--rule);padding-top:18px;margin-bottom:clamp(32px,5vw,60px)}.shead__n{color:var(--violet);font-size:var(--t-xs)}.shead__t{font-family:var(--font-display);font-size:var(--t-xl);letter-spacing:-.02em}.shead__aside{color:var(--ink-3);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;text-align:right}.subhead{font-family:var(--font-display);font-size:var(--t-l);margin:clamp(56px,8vw,96px) 0 28px}.xp{border-bottom:1px solid var(--rule-soft)}.xp__row{border-top:1px solid var(--rule-soft)}.xp__row summary{display:grid;grid-template-columns:190px 1fr 40px;align-items:center;gap:20px;padding:26px 0;cursor:pointer;list-style:none}.xp__row summary::-webkit-details-marker{display:none}.xp__date{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}.xp__date span{color:var(--ink-3)}.xp__head{display:grid;gap:6px;transition:transform var(--mid) var(--ease)}.xp__row summary:hover .xp__head{transform:translate(8px)}.xp__title{font-family:var(--font-display);font-size:var(--t-l);line-height:1.1}.xp__company{font-family:var(--font-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--violet)}.xp__toggle{width:36px;height:36px;border:1px solid var(--violet);border-radius:50%;display:grid;place-items:center;color:var(--violet);font-family:var(--font-mono);transition:transform var(--mid) var(--ease),background-color var(--mid)}.xp__row[open] .xp__toggle{transform:rotate(45deg);background:var(--f-matcha)}.xp__body{padding:0 0 36px 210px}.xp__row[open] .xp__body{animation:open .6s var(--ease)}@keyframes open{0%{opacity:0;transform:translateY(-8px)}}.xp__summary{max-width:64ch;color:var(--ink-2)}.xp__points{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin:28px 0}.xp__points li{display:grid;grid-template-columns:32px 1fr;column-gap:8px}.xp__pn{color:var(--olive-ink);font-size:var(--t-xs);padding-top:3px;grid-row:span 2}.xp__points h3{font-family:var(--font-body);font-weight:600;font-size:1rem;margin-bottom:6px;line-height:1.3}.xp__points p{font-size:.93rem;color:var(--ink-2)}.xp__stack{font-size:var(--t-xs);color:var(--violet);letter-spacing:.04em}.xp__note{color:var(--terracotta-ink);margin-top:10px;transform:rotate(-2deg);display:inline-block}.folders{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(40px,5vw,64px) clamp(24px,3.5vw,48px)}.folder{position:relative;display:block;aspect-ratio:300 / 210;color:var(--ink);text-decoration:none;perspective:900px}.folder__back{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.folder__back path{fill:color-mix(in oklab,var(--f),#26241f 12%);stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}.folder__sheet{position:absolute;inset:17% 6% 8%;background:var(--card);border:1px solid var(--ink);overflow:hidden;display:grid;place-items:center;color:var(--ink-3);transition:transform .7s var(--ease-back)}.folder__sheet img{width:100%;height:100%;object-fit:cover;object-position:top center}.folder__sheet img.phone{object-fit:contain;background:var(--paper-2)}.folder__front{position:absolute;inset:12.4% 0 0;display:flex;flex-direction:column;padding:16px 18px 14px;background:var(--f);border:1px solid var(--ink);border-radius:3px 4px 6px 6px;transform-origin:50% 100%;transition:transform .7s var(--ease)}.folder__box{width:9px;height:9px;border:1px solid var(--ink);margin-bottom:14px;transition:background-color var(--mid)}.folder__title{font-weight:600;font-size:clamp(1.15rem,1rem + .5vw,1.4rem);letter-spacing:-.01em;line-height:1.15}.folder__kind{font-size:.88rem;margin-top:4px;opacity:.8}.folder__foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.folder__foot .icon{transition:transform var(--mid) var(--ease)}a.folder:hover .folder__sheet{transform:translateY(-34%) rotate(-2deg)}a.folder:hover .folder__front{transform:rotateX(-24deg)}a.folder:hover .folder__box{background:var(--ink)}a.folder:hover .folder__foot .icon{transform:translate(5px)}.folder__links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;font-size:var(--t-xs);min-height:20px}.folder__list{display:grid;gap:6px;margin-top:auto;font-size:.85rem;line-height:1.4}.folder__list strong{font-weight:600}.folder__list .tlink{color:var(--ink);width:fit-content}.skills{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(40px,6vw,88px);align-items:start}.story p{font-family:var(--font-display);font-size:clamp(1.5rem,1.15rem + 1.1vw,2.15rem);line-height:1.5;letter-spacing:-.01em}.story em{color:var(--olive-ink)}.pill{display:inline-block;padding:.12em .7em .08em;margin:.06em 0;font-family:var(--font-body);font-size:.55em;font-weight:500;letter-spacing:.03em;text-transform:uppercase;line-height:1.6;vertical-align:.2em;color:var(--ink);border-radius:999px;background:linear-gradient(var(--p),var(--p)) 0 0 / 100% 100% no-repeat;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--p),#26241f 14%);transition:background-size .9s var(--ease) .25s}html.js [data-reveal]:not(.is-in) .pill{background-size:0% 100%}.flow{position:sticky;top:100px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px 28px;border:1px solid var(--rule-soft);background:color-mix(in srgb,var(--card) 60%,transparent)}.flow figcaption{color:var(--ink-3);font-size:var(--t-xs);margin-bottom:20px}.flow__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px}.flow__plus{font-family:var(--font-display);font-size:1.4rem;color:var(--ink-2)}.flow__line{width:1px;height:30px;background:var(--violet);margin:6px 0;position:relative}.flow__line:after{content:"";position:absolute;bottom:-1px;left:-3px;border:3.5px solid transparent;border-top-color:var(--violet);border-bottom:0}.pill--lg{font-size:.78rem;padding:.55em 1.05em .5em;vertical-align:middle}.pill--wide{font-size:.85rem;padding:.7em 1.5em}.pill--xl{font-family:var(--font-display);text-transform:none;font-size:clamp(1.25rem,1rem + .8vw,1.65rem);letter-spacing:0;padding:.35em .9em}.flow__note{color:var(--terracotta-ink);margin:14px 0 0;transform:rotate(-3deg)}.all-skills{margin-top:48px;border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft)}.all-skills summary{display:flex;justify-content:space-between;align-items:center;padding:18px 0;cursor:pointer;list-style:none;color:var(--violet);text-transform:uppercase;letter-spacing:.08em}.all-skills summary::-webkit-details-marker{display:none}.all-skills summary .mono{font-size:var(--t-xs)}.all-skills[open] summary .plus{transform:rotate(45deg)}.all-skills__legend{color:var(--ink-3);font-size:var(--t-xs)}.all-skills__grid{columns:4 210px;column-gap:36px;padding:12px 0 32px}.all-skills__grid section{break-inside:avoid;margin-bottom:26px}.all-skills__grid h3{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--violet);margin-bottom:10px}.all-skills__grid li{display:grid;grid-template-columns:18px 1fr;padding:4px 0;font-size:.92rem;line-height:1.35}.all-skills__grid small{color:var(--ink-3)}.lvl{color:var(--olive-ink);font-size:.8rem}.softs{display:flex;flex-wrap:wrap;gap:26px 22px}.soft{position:relative;flex:1 1 170px;max-width:280px;background:var(--n);padding:30px 22px 24px;transform:rotate(var(--r));box-shadow:0 12px 24px -14px #26241f47;transition:transform var(--mid) var(--ease-back)}html.js .soft[data-reveal]:not(.is-in){transform:translateY(24px) rotate(var(--r))}html.js .soft[data-reveal].is-in{transform:rotate(var(--r))}.softs .soft:hover{transform:rotate(0) translateY(-6px)}.soft:before{content:"";position:absolute;top:-10px;left:50%;width:74px;height:20px;translate:-50% 0;rotate:-3deg;background:#fffdf799;border:1px solid rgba(38,36,31,.06)}.soft__n{font-size:var(--t-xs);color:var(--ink-2)}.soft h4{font-family:var(--font-display);font-size:1.7rem;margin:6px 0 8px}.soft p{font-size:.9rem;line-height:1.55}.path{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(40px,6vw,88px)}.edu li{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--rule-soft)}.edu li:last-child{border-bottom:1px solid var(--rule-soft)}.edu__d{font-size:var(--t-xs);color:var(--ink-2);padding-top:6px}.edu__d em{font-style:normal;color:var(--olive-ink)}.is-now .edu__d:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--olive);margin-right:8px;vertical-align:1px;animation:blink 2s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.edu h3{font-family:var(--font-display);font-size:var(--t-l)}.edu__s{font-family:var(--font-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--violet);margin:8px 0}.edu__t{font-size:.93rem;color:var(--ink-2)}.langs-list li{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid var(--rule-soft)}.langs-list__hello{font-family:var(--font-display);font-size:clamp(2.2rem,1.6rem + 2vw,3.2rem);line-height:1;color:var(--olive);letter-spacing:-.02em}.langs-list__hello[lang=zh]{font-family:"Noto Serif SC",Songti SC,SimSun,serif;font-size:clamp(1.9rem,1.4rem + 1.8vw,2.8rem)}.langs-list__lvl{font-size:var(--t-xs);color:var(--ink-2);text-align:right;line-height:1.5}.certs{margin-top:36px;padding:22px 22px 18px;background:var(--card);box-shadow:0 12px 26px -16px #26241f40;transform:rotate(-1deg)}.certs__k{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--violet);margin-bottom:8px}.certs li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2px 16px;padding:8px 0;border-top:1px dashed var(--rule-soft);font-size:.95rem}.certs li .mono{font-size:var(--t-xs);color:var(--ink-3)}.sketch{position:relative;min-height:600px}.sketch__center{position:absolute;left:50%;top:0;width:min(300px,40%);translate:-50% 0;text-align:center}html.js .sketch__center[data-reveal]{translate:-50% 0}.sketch__lead{font-family:var(--font-display);font-size:var(--t-l);font-style:italic;margin-bottom:18px}.sketch__ph{aspect-ratio:3 / 4;border:1px dashed var(--ink-3);display:grid;place-content:center;justify-items:center;gap:10px;color:var(--ink-3);background:color-mix(in srgb,var(--card) 70%,transparent)}.sketch__ph .mono{font-size:var(--t-xs);line-height:1.6}.sketch__item{position:absolute;display:flex;align-items:flex-start;gap:14px;width:min(310px,28%);color:var(--ink)}.sketch__item .doodle{flex:none;transition:transform var(--mid) var(--ease-back)}.sketch__item:hover .doodle{transform:rotate(-12deg) scale(1.08)}.sketch__item .hand{margin:0;font-size:1.12rem}.sketch__item .hand strong{font-weight:400;color:var(--terracotta-ink);font-size:1.3rem}.sketch__img{width:120px;aspect-ratio:1;object-fit:cover;border:1px solid var(--ink)}.sketch__item--0{left:2%;top:30px}.sketch__item--1{right:2%;top:70px;flex-direction:row-reverse;text-align:right}.sketch__item--2{left:6%;top:330px}.sketch__item--3{right:4%;top:360px;flex-direction:row-reverse;text-align:right}.contact{padding-top:clamp(110px,14vw,190px)}.contact__inner{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter);display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end}.contact__card{width:300px;background:var(--f-sage);padding:26px 24px 20px;transform:rotate(2.5deg);box-shadow:0 14px 30px -16px #26241f4d;margin-bottom:40px}html.js .contact__card[data-reveal].is-in{transform:rotate(2.5deg)}.contact__card-k{font-size:var(--t-xs);color:var(--ink-2);margin-bottom:10px}.contact__card dl{margin:0}.contact__card div{display:grid;grid-template-columns:92px 1fr;padding:10px 0;border-top:1px dashed rgba(38,36,31,.2)}.contact__card dt{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--violet);padding-top:4px}.contact__card dd{margin:0;font-family:var(--font-display);font-size:1.3rem;line-height:1.2}.contact__card dd span{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--ink-2)}.contact__k{color:var(--ink-3);font-size:var(--t-xs)}.contact__title{font-family:var(--font-display);font-size:var(--t-xxl);line-height:.95;letter-spacing:-.035em;color:var(--olive);margin:10px 0 24px}.contact__lead{font-family:var(--font-mono);font-size:.9rem;line-height:1.8;max-width:52ch}.contact__mail{display:inline-block;margin:14px 0 26px;text-decoration:none;color:var(--violet);font-family:var(--font-display);font-style:italic;font-size:clamp(1.7rem,1rem + 3vw,3.4rem);line-height:1.1;word-break:break-word;background:linear-gradient(var(--f-matcha),var(--f-matcha)) 0 88% / 100% .18em no-repeat;transition:background-size var(--mid) var(--ease)}.contact__mail:hover{background-size:100% .9em}.contact__links{display:flex;flex-wrap:wrap;gap:14px 28px;font-family:var(--font-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em}.contact__ps{display:flex;align-items:center;gap:6px;margin-top:30px;color:var(--terracotta-ink);transform:rotate(-2deg);width:fit-content}.colophon{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding:18px var(--gutter);font-size:var(--t-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;border-top:1px solid var(--rule)}.crumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:28px 0 44px;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.phero{position:relative;background:var(--f);border:1px solid var(--ink);border-radius:0 8px 8px}.phero__tab{position:absolute;bottom:calc(100% - 1px);left:-1px;width:clamp(140px,22%,240px);height:30px;background:var(--f);border:1px solid var(--ink);border-bottom:0;border-radius:6px 26px 0 0}.phero__inner{padding:clamp(32px,5vw,64px) clamp(22px,5vw,64px) clamp(32px,5vw,56px)}.phero__frame{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}.phero__title{font-family:var(--font-display);font-size:clamp(3.2rem,1.8rem + 6vw,7.5rem);line-height:.92;letter-spacing:-.035em}.phero__tagline{font-size:clamp(1.1rem,1rem + .5vw,1.35rem);max-width:40ch;margin:18px 0 0}.phero__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.phero .btn{--bc: var(--ink)}.phero .btn--soon{--bc: color-mix(in oklab, var(--ink), transparent 45%)}.phero .btn--fill{background-image:linear-gradient(var(--violet),var(--violet))}.meta{display:grid;grid-template-columns:repeat(4,1fr);column-gap:28px;margin-top:40px;border-top:1px solid var(--rule)}.meta div{padding:16px 0;border-bottom:1px solid var(--rule-soft)}.meta__wide{grid-column:1 / -1}.meta dt{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--violet)}.meta dd{margin:6px 0 0;font-size:.85rem;line-height:1.55}.pbody{display:grid;grid-template-columns:1.7fr 1fr;gap:clamp(40px,6vw,88px);margin-top:clamp(56px,7vw,88px)}.pbody__main{display:grid;gap:clamp(48px,6vw,72px)}.pbody__h{font-family:var(--font-display);font-size:clamp(1.9rem,1.4rem + 1.6vw,2.8rem);margin-bottom:20px;letter-spacing:-.02em}.pbody__h .mono{font-size:var(--t-xs);color:var(--olive-ink);vertical-align:.6em;margin-right:4px}.pbody__main p{max-width:64ch}.did li{display:grid;grid-template-columns:44px 1fr;padding:13px 0;border-top:1px solid var(--rule-soft);line-height:1.5}.did li:last-child{border-bottom:1px solid var(--rule-soft)}.did .mono{font-size:var(--t-xs);color:var(--violet);padding-top:3px}.hl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding-top:8px}.hl__note{background:var(--card);padding:24px 22px;transform:rotate(var(--r));box-shadow:0 12px 26px -16px #26241f4d;border-top:6px solid var(--f);transition:transform var(--mid) var(--ease-back)}.hl__note:hover{transform:rotate(0) translateY(-4px)}.hl__note h3{font-family:var(--font-display);font-size:1.45rem;margin-bottom:10px}.hl__note p{font-size:.92rem;color:var(--ink-2)}.pbody__side{position:sticky;top:96px;align-self:start}.memo{position:relative;background:var(--card);padding:34px 26px 26px;transform:rotate(1.5deg);box-shadow:0 14px 30px -16px #26241f4d;background-image:linear-gradient(transparent calc(100% - 1px),var(--rule-soft) 0);background-size:100% 2.1rem;background-position:0 20px}.memo__pin{position:absolute;top:12px;left:50%;width:14px;height:14px;border-radius:50%;translate:-50% 0;background:var(--terracotta);box-shadow:0 2px #0000002e}.memo__k{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--violet);margin-bottom:8px}.memo li{font-size:1.28rem;line-height:1.65;padding-left:18px;position:relative}.memo li:before{content:"·";position:absolute;left:4px;color:var(--terracotta)}.memo__note{font-size:var(--t-xs);color:var(--ink-3);margin-top:14px}.side__k{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--violet);margin:32px 0 10px}.side__pills{display:flex;flex-wrap:wrap;gap:8px}.side__pills .pill{font-size:.75rem;vertical-align:baseline}.gallery{margin-top:clamp(72px,9vw,120px)}.gallery__grid{align-items:start;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:40px 32px}.gallery__grid--phones{grid-template-columns:repeat(3,minmax(0,240px));justify-content:center;gap:44px 56px}.fig{background:var(--card);border:1px solid var(--ink);transition:transform var(--mid) var(--ease)}.fig:hover{transform:translateY(-4px)}.fig img{width:100%;height:auto;border-bottom:1px solid var(--ink)}.fig--phone{border-radius:24px;overflow:hidden}.fig figcaption{padding:10px 14px;font-size:var(--t-xs);color:var(--ink-2)}.ph{display:grid;place-items:center;gap:14px;padding:64px 20px;border:1px dashed var(--ink-3);color:var(--ink-3);text-align:center}.pnav{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:clamp(80px,10vw,130px)}.pnav__link{display:flex;flex-direction:column;gap:8px;padding:22px 24px;background:var(--f);border:1px solid var(--ink);border-radius:3px;text-decoration:none;transition:transform var(--mid) var(--ease)}.pnav__link:hover{transform:translateY(-5px)}.pnav__link .mono{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em}.pnav__t{font-family:var(--font-display);font-size:var(--t-l)}.pnav__link--next{text-align:right}@media(max-width:1020px){.topnav ul{gap:18px}.notes{height:600px}.note--matcha{right:8%;top:0}.note--fold{top:300px}.note--tag{left:4%;top:540px}.note--blue{left:50%;top:420px}}@media(max-width:860px){.menu-btn{display:inline-flex}.topnav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:20px;padding:20px var(--gutter) 26px;background:var(--paper);border-bottom:1px solid var(--rule);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--fast),transform var(--mid) var(--ease),visibility 0s linear var(--mid)}.topnav[data-open=true]{opacity:1;visibility:visible;transform:none;transition-delay:0s}html:not(.js) .topnav{position:static;opacity:1;visibility:visible;transform:none}.topnav ul{flex-direction:column;gap:0}.topnav__link{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--rule-soft);font-size:.8rem}.langs{border-left:0;padding-left:0}.lang.is-soon small{position:static;opacity:1;transform:none;background:none;color:var(--ink-3);padding:0 0 0 4px}.hero__grid{grid-template-columns:1fr}.hero__art{justify-self:end;margin-top:-10px}.hero__annot{left:-118px}.hero__bottom{grid-template-columns:1fr}.notes{height:auto;display:flex;flex-direction:column;gap:26px;align-items:flex-start}.note{position:relative;inset:auto!important}.note--card,.note--fold{width:100%}.note--card{padding:52px 24px 30px}.note__holes{left:24px;right:24px}.note--fold{width:92%;align-self:flex-end}.note--tag{position:relative}.note--matcha,.note--blue{position:absolute}.note--square{display:none}.shead{grid-template-columns:auto 1fr}.shead__aside{grid-column:1 / -1;text-align:left}.xp__row summary{grid-template-columns:1fr 40px}.xp__date{grid-column:1;grid-row:1}.xp__head{grid-column:1}.xp__toggle{grid-column:2;grid-row:1 / span 2}.xp__body{padding-left:0}.xp__points{grid-template-columns:1fr}.folders{grid-template-columns:1fr 1fr}.skills,.path,.pbody{grid-template-columns:1fr}.flow,.pbody__side{position:static}.sketch{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:28px 18px}.sketch__center,.sketch__item{position:static;translate:none!important;width:auto;max-width:none}.contact__inner{grid-template-columns:1fr}.contact__card{margin-bottom:0}.sketch__center{grid-column:1 / -1;width:min(260px,70%);justify-self:center}.sketch__item,.sketch__item--1,.sketch__item--3{flex-direction:column;text-align:left}.meta{grid-template-columns:1fr 1fr}.gallery__grid--phones{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media(max-width:560px){.folders{grid-template-columns:1fr}.soft{max-width:none}.hero__annot{display:none}.hero__art{justify-self:start}.hero__ctas .btn{flex:1 1 100%;justify-content:center}.pnav{grid-template-columns:1fr}.checker{--cell: 20px}.phero__links .btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html.js [data-reveal],html.js .notes [data-reveal]{opacity:1;transform:rotate(var(--r, 0deg))}.pixcup__steam>g{opacity:.8}}@media print{.topbar,.checker,.hero__art{display:none!important}html.js [data-reveal]{opacity:1;transform:none}}