@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;700&family=Syne:wght@500;700;800&display=swap";:root{--bg: #f4f0e6;--ink: #18171a;--lilac: #8b5cf6;--orange: #ff6b1a;--card: #fffdf7;--rule: #18171a;--muted: #6b6866}:root.dark{--bg: #18171a;--ink: #f4f0e6;--lilac: #a78bfa;--orange: #ff8a3d;--card: #221f24;--rule: #f4f0e6;--muted: #8e8a88}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{background:var(--bg);color:var(--ink);font-family:Syne,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;transition:background .35s,color .35s}body{max-width:820px;margin:0 auto;padding:20px 24px 28px;border-left:2px solid var(--rule);border-right:2px solid var(--rule);position:relative;min-height:100vh}a{color:inherit;text-decoration:none}.mark{position:fixed;width:16px;height:16px;pointer-events:none;opacity:.5;z-index:10}.mark:before,.mark:after{content:"";position:absolute;background:var(--rule)}.mark:before{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.mark:after{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.mark.tl{top:10px;left:10px}.mark.tr{top:10px;right:10px}.mark.bl{bottom:10px;left:10px}.mark.br{bottom:10px;right:10px}.head{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding-bottom:14px;border-bottom:2px solid var(--rule);font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.head .time{color:var(--muted)}.head .controls{display:flex;gap:6px}.btn{background:transparent;border:1.5px solid var(--rule);color:var(--ink);padding:4px 9px;font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background .15s,color .15s}.btn:hover{background:var(--ink);color:var(--bg)}.btn.active{background:var(--orange);border-color:var(--orange);color:var(--ink)}.hero{display:grid;grid-template-columns:40px 1fr 50px;gap:20px;margin:36px 0 44px;position:relative}.sidebar{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted);letter-spacing:.1em;writing-mode:vertical-rl;transform:rotate(180deg);align-self:end;padding-bottom:8px;white-space:nowrap}.hero-main{min-width:0}.h1 .row{display:block;overflow:hidden;padding:2px 0}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--lilac);margin-bottom:14px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:28px;height:1.5px;background:var(--lilac)}.h1{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(36px,6vw,64px);line-height:.95;letter-spacing:-.03em;word-break:break-word;hyphens:none}.h1 .row span{display:inline-block;animation:wipe .7s cubic-bezier(.77,0,.175,1) backwards}.h1 .row.r1 span{animation-delay:.1s}.h1 .row.r2 span{animation-delay:.25s}.h1 .row.r3 span{animation-delay:.4s}@keyframes wipe{0%{transform:translateY(100%)}to{transform:translateY(0)}}.h1 u{text-decoration:none;background:var(--lilac);color:var(--bg);padding:0 10px 2px;font-style:italic;font-weight:700}.hi{position:relative;display:inline-block;padding:0 6px;z-index:0}.hi:before{content:"";position:absolute;inset:18% -2px 8%;background:var(--orange);z-index:-1;transform-origin:left center;transform:scaleX(0) skew(-4deg);animation:hi-swipe .65s 1s cubic-bezier(.77,0,.175,1) forwards;opacity:.85;border-radius:2px 6px 3px 8px}@keyframes hi-swipe{0%{transform:scaleX(0) skew(-4deg)}60%{transform:scaleX(1.03) skew(-4deg)}to{transform:scaleX(1) skew(-4deg)}}.hi:hover:before{animation:hi-pulse 1.2s ease-in-out infinite}@keyframes hi-pulse{0%,to{opacity:.85;transform:scaleX(1) skew(-4deg)}50%{opacity:1;transform:scaleX(1.02) skew(-4deg)}}.year-stamp{font-family:Syne,sans-serif;font-weight:800;font-size:14px;letter-spacing:.1em;color:var(--orange);border:2px solid var(--orange);padding:8px 10px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);align-self:start;cursor:pointer;transition:transform .6s cubic-bezier(.34,1.56,.64,1);user-select:none}.year-stamp.spin{transform:rotate(540deg)}.tag-line{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--muted);margin-top:20px;max-width:480px;line-height:1.55;animation:fade-up .8s .6s backwards}.tag-line em{color:var(--ink);font-style:italic}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sticker{position:absolute;top:30px;right:74px;background:var(--orange);color:var(--ink);border:2px solid var(--rule);padding:8px 12px;font-family:Syne,sans-serif;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.05em;transform:rotate(6deg);cursor:grab;user-select:none;box-shadow:4px 4px 0 var(--rule);transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:5;text-align:center;line-height:1.15}.sticker:hover{transform:rotate(-5deg) scale(1.08)}.sticker:active{cursor:grabbing}.section{margin-top:44px;scroll-margin-top:80px}.section-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1.5px solid var(--rule);margin:0 0 2px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:inherit;text-transform:uppercase;letter-spacing:.1em}.section-head .count{color:var(--muted)}.about{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:20px 2px}.about-label{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);padding-top:4px}.about p{font-family:Syne,sans-serif;font-size:17px;line-height:1.55;margin:0 0 12px;max-width:560px;font-weight:500}.about p em{background:var(--lilac);color:var(--bg);font-style:normal;padding:0 4px}.proj-header{display:grid;grid-template-columns:36px 1.7fr 1fr 1.3fr 60px 22px;gap:12px;padding:10px 2px;font-family:IBM Plex Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border-bottom:1px dashed var(--rule)}.proj{display:grid;grid-template-columns:36px 1.7fr 1fr 1.3fr 60px 22px;gap:12px;align-items:center;padding:16px 2px;border-bottom:1px solid var(--rule);cursor:pointer;position:relative;transition:padding-left .25s}.proj:before{content:"";position:absolute;inset:0;background:var(--lilac);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.77,0,.175,1);z-index:0}.proj:hover:before{transform:scaleX(1)}.proj:hover{padding-left:14px}.proj:hover>*{color:var(--bg)}.proj:hover .proj-year,.proj:hover .proj-role,.proj:hover .proj-stack{color:var(--bg);opacity:.75}.proj:hover .proj-arrow{transform:translate(4px)}.proj>*{position:relative;z-index:1;transition:color .25s}.proj-num{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);font-weight:500}.proj-title{font-family:Syne,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.02em;line-height:1.1}.proj-role{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.proj-stack{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);letter-spacing:.02em}.proj-year{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);text-align:right}.proj-arrow{font-family:Syne,sans-serif;font-weight:700;font-size:18px;text-align:right;transition:transform .25s}.write{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:baseline;padding:14px 2px;border-bottom:1px solid var(--rule);transition:padding-left .25s}.write:hover{padding-left:14px}.write:hover .write-title{color:var(--lilac)}.write:hover .write-arrow{transform:translate(4px);color:var(--lilac)}.write-num{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted)}.write-title{font-family:Syne,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.015em;transition:color .2s}.write-meta{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:10px}.write-arrow{font-family:Syne,sans-serif;font-weight:700;transition:transform .2s,color .2s;display:inline-block}.empty{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);padding:22px 2px;text-align:center;border-bottom:1px solid var(--rule);font-style:italic}.exp{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:baseline;padding:13px 2px;border-bottom:1px solid var(--rule)}.exp-num{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted)}.exp-role{font-family:Syne,sans-serif;font-weight:700;font-size:16px}.exp-role small{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400;color:var(--muted);margin-left:8px;text-transform:uppercase;letter-spacing:.04em}.exp-date{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted)}.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;padding:6px 0}.contact a{display:flex;flex-direction:column;justify-content:space-between;padding:20px 18px;min-height:118px;border:1px solid var(--rule);margin:-.5px;font-family:Syne,sans-serif;transition:background .25s,color .25s;cursor:pointer}.contact a:hover{background:var(--lilac);color:var(--bg)}.contact .c-top{display:flex;justify-content:space-between;align-items:flex-start;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:400;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.contact a:hover .c-top{color:var(--bg);opacity:.75}.contact .c-action{font-weight:800;font-size:19px;letter-spacing:-.02em;line-height:1.1}.contact .c-arrow{font-weight:700;font-size:18px;transition:transform .25s}.contact a:hover .c-arrow{transform:translate(4px,-4px)}.foot{margin-top:48px;padding-top:18px;border-top:2px solid var(--rule);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.dots{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}.dots i{width:6px;height:6px;border-radius:50%;background:var(--rule);display:inline-block}.dots i:nth-child(2){background:var(--orange)}.dots i:nth-child(3){background:var(--lilac)}.prose{padding:0 2px}.prose p{font-size:16px;line-height:1.7;margin:1.1rem 0;max-width:620px}.prose h2{font-family:Syne,sans-serif;font-weight:800;font-size:24px;letter-spacing:-.02em;margin:2.2rem 0 .8rem}.prose h3{font-family:Syne,sans-serif;font-weight:700;font-size:18px;margin:1.8rem 0 .6rem}.prose a{border-bottom:2px solid var(--lilac)}.prose a:hover{background:var(--lilac);color:var(--bg)}.prose ul,.prose ol{margin:1rem 0 1rem 1.5rem;line-height:1.7;font-size:16px}.prose pre{background:var(--card);border:1px solid var(--rule);padding:14px 16px;overflow-x:auto;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.5;margin:1.2rem 0}.prose code{font-family:IBM Plex Mono,monospace;font-size:.9em;background:var(--card);padding:1px 5px;border:1px solid var(--rule)}.prose pre code{border:none;padding:0;background:transparent}.prose blockquote{border-left:3px solid var(--orange);padding:2px 0 2px 16px;margin:1.4rem 0;color:var(--muted);font-style:italic}.back{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;display:inline-block;margin-bottom:28px;border-bottom:1.5px solid transparent;transition:color .2s,border-color .2s}.back:hover{color:var(--lilac);border-color:var(--lilac)}.detail-head{margin-bottom:36px}.detail-meta{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;display:flex;flex-wrap:wrap;gap:14px}.detail-title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(32px,5vw,48px);letter-spacing:-.03em;line-height:1;margin-bottom:14px}.detail-desc{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--muted);line-height:1.55;max-width:560px;margin-bottom:18px}.detail-links{display:flex;gap:10px;flex-wrap:wrap}.detail-links a{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:6px 12px;border:1.5px solid var(--rule);transition:background .2s,color .2s}.detail-links a:hover{background:var(--lilac);color:var(--bg);border-color:var(--lilac)}@media (max-width: 640px){body{padding:14px 16px 20px}.hero{grid-template-columns:1fr;gap:10px}.sidebar{display:none}.year-stamp{writing-mode:horizontal-tb;transform:none;align-self:start;font-size:11px}.year-stamp.spin{transform:rotate(360deg)}.sticker{right:14px;top:14px;font-size:10px;padding:6px 9px}.proj,.proj-header{grid-template-columns:28px 1fr 24px}.proj-header>:nth-child(3),.proj-header>:nth-child(4),.proj-header>:nth-child(5){display:none}.proj>.proj-role,.proj>.proj-stack,.proj>.proj-year{display:none}.about{grid-template-columns:1fr}.about-label{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}