@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&display=swap";
:root{--ink:#15171c;--muted:#6b7280;--paper:#fbfbf9;--line:#e9e9e7;--blue:#2f6bff;--violet:#7c5cff;--side:200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Hanken Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.52}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}.sidebar{width:var(--side);border-right:1px solid var(--line);z-index:10;background:#fbfbf9f0;padding:84px 30px;position:fixed;inset:0 auto 0 0}.sidebar nav{gap:25px;display:grid}.sidebar nav a{color:var(--ink);justify-content:space-between;align-items:center;padding-left:4px;font-size:17px;display:flex}.sidebar nav a svg{color:#252832}.sidebar nav a.active{color:var(--blue);font-weight:600}.sidebar nav a.active svg{color:var(--blue)}.side-note{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex;position:absolute;bottom:34px;left:34px}.pulse{background:var(--blue);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #2f6bff1c}.site-main{width:min(720px,100% - 56px);margin-left:max(calc(var(--side) + 224px),calc(50% - 280px));padding:84px 0 90px}.hero{padding-top:74px}.name,.eyebrow{color:var(--muted);margin:0 0 12px;font-size:16px;font-weight:500}.hero h1,.archive-header h1,.admin-page h1{letter-spacing:-1.2px;margin:0;font-size:48px;font-weight:700;line-height:1}.hero h1 span{color:var(--blue);-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#2f6bff,#7c5cff,#2f6bff);-webkit-background-clip:text;background-clip:text}.lead{margin:23px 0 0;font-size:20px;line-height:1.8}.lead a,.journey a{border-bottom:1px dashed #979ca7}.socials{gap:18px;margin:28px 0 65px;display:flex}.socials a{color:var(--muted);place-items:center;display:grid}.socials a:hover{color:var(--blue)}.journey{margin:0;padding:0 0 0 24px}.journey li{margin:13px 0;padding-left:2px}.journey li::marker{color:#7a8393}.copy-block{margin-top:88px}.copy-block h2,.block h2{letter-spacing:-.65px;margin:0 0 20px;font-size:32px;line-height:1.25}.copy-block p{margin:0 0 21px;font-size:20px;line-height:1.68}.block{margin-top:92px}.section-heading{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:15px;display:flex}.section-heading>a,.source-link{color:var(--muted);white-space:nowrap;font-size:16px}.section-heading>a:hover,.source-link:hover{color:var(--blue)}.entry-list{border-top:1px solid var(--line)}.entry{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:start;gap:22px;padding:15px 0;display:grid}.entry strong{font-weight:500}.entry span{color:var(--muted)}.entry time{color:var(--muted);white-space:nowrap;font-size:15px}.entry-list.experience .entry{padding:20px 0;display:block}.entry-list.experience .entry time{color:var(--blue);margin-top:4px;display:block}.entry-list.experience .entry span{margin-top:6px;font-size:16px;line-height:1.6;display:block}.entry-list.daily .entry{padding:14px 0}.entry-list.daily .entry strong{color:var(--ink)}.social-posts{gap:10px;display:grid}.social-posts a{border-top:1px solid var(--line);grid-template-columns:100px 1fr auto;gap:14px;padding:15px 0;display:grid}.social-posts a:last-child{border-bottom:1px solid var(--line)}.social-posts span,.social-posts small{color:var(--muted);font-size:14px}.github-graph{border:1px solid var(--line);border-radius:13px;margin-top:90px;padding:20px}.github-graph img{width:100%;height:auto;display:block}.github-graph p:last-child{color:var(--muted);margin:13px 0 0}.archive-header{padding:81px 0 56px}.archive-header h1{margin-bottom:12px}.archive-header p{color:var(--muted);margin:0;font-size:18px}.archive-header .source-link{color:var(--blue);margin-top:22px;display:inline-block}.daily-group{margin-bottom:60px}.empty{color:var(--muted)}.guestbook-action{margin-bottom:54px}.guestbook-action form{gap:10px;display:grid}.guestbook textarea,.entry-form textarea{resize:vertical;min-height:118px}.guestbook textarea,.entry-form input,.entry-form textarea,.entry-form select{font:inherit;background:#fff;border:1px solid #d9d9d6;border-radius:7px;width:100%;padding:12px}.guestbook button,.admin-page button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:7px;width:max-content;padding:11px 15px;font:600 14px Hanken Grotesk,sans-serif}.guestbook button:hover,.admin-page button:hover{background:#245be8}.guestbook small{color:var(--muted)}.guestbook-list{gap:28px;display:grid}.guestbook-list article{font-size:17px;line-height:1.6}.admin-page{max-width:1180px;margin:0 auto;padding:70px 30px}.admin-page header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.admin-page h1{margin-bottom:12px}.admin-page>p{font-size:18px}.admin-page>a{color:var(--blue);margin-top:24px;display:inline-block}.admin-page .secondary{color:#30394b;background:#edf0f7}.admin-page .secondary:hover{background:#e2e8f3}.notice{color:#25408c;background:#e7edff;border-radius:6px;padding:10px 12px}.admin-grid{grid-template-columns:430px 1fr;gap:40px;margin-top:40px;display:grid}.entry-form{border:1px solid var(--line);background:#fff;border-radius:12px;align-content:start;gap:15px;padding:23px;display:grid}.entry-form h2,.admin-entries h2,.moderation h2{margin:0;font-size:22px}.entry-form label{gap:6px;font-size:14px;font-weight:600;display:grid}.entry-form label small{color:var(--muted);font-weight:400}.entry-form .check{align-items:center;gap:8px;display:flex}.entry-form .check input{width:auto}.admin-entries{border:1px solid var(--line);background:#fff;border-radius:12px;padding:23px}.admin-entries article{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr auto auto;align-items:center;gap:10px;padding:14px 0;display:grid}.admin-entries article:last-child{border-bottom:0}.admin-entries span{color:var(--muted);font-size:12px}.admin-entries button,.moderation button{padding:7px 9px;font-size:12px}.admin-entries .delete,.moderation .delete{background:#8d2020}.moderation{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:48px;padding:23px}.moderation>article{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:16px 0;display:flex}.moderation>article:last-child{border-bottom:0}.moderation p{margin:4px 0}.moderation small{color:var(--muted)}@media (max-width:1100px){.site-main{margin-left:calc(var(--side) + 120px)}}@media (max-width:820px){:root{--side:0}.sidebar{border-right:0;border-bottom:1px solid var(--line);background:#fbfbf9f5;align-items:center;width:100%;height:61px;padding:0 18px;display:flex;position:sticky;top:0}.sidebar nav{justify-content:space-between;gap:12px;width:100%;display:flex}.sidebar nav a{font-size:14px}.sidebar nav svg,.side-note{display:none}.site-main{width:min(680px,100% - 40px);margin:0 auto;padding-top:20px}.hero{padding-top:58px}.admin-grid{grid-template-columns:1fr}.admin-page header{display:block}.admin-page header>div:last-child{gap:8px;margin-top:18px;display:flex}.admin-entries article{grid-template-columns:65px 1fr auto auto}}@media (max-width:520px){body{font-size:16px}.site-main{width:calc(100% - 36px)}.hero h1,.archive-header h1,.admin-page h1{letter-spacing:-1px;font-size:40px}.lead{font-size:18px}.copy-block{margin-top:68px}.copy-block h2,.block h2{font-size:28px}.copy-block p{font-size:18px}.block{margin-top:68px}.entry{grid-template-columns:1fr;gap:5px}.entry time{white-space:normal}.section-heading{display:block}.section-heading>a{margin-top:8px;display:inline-block}.social-posts a{grid-template-columns:1fr auto}.social-posts span{grid-column:1/-1}.admin-page{padding:45px 18px}.admin-entries article{grid-template-columns:1fr auto auto}.admin-entries article span{grid-column:1/-1}.moderation>article{display:block}.moderation>article>div:last-child{gap:8px;margin-top:10px;display:flex}}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Hanken Grotesk,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}@media (min-width:1101px){:root{--side:164px}.site-main{margin-left:calc(var(--side) + (100vw - var(--side) - 720px) / 2 + 64px)}.sidebar{padding:76px 24px}.hero{padding-top:44px}}.hero h1,.archive-header h1,.admin-page h1{letter-spacing:-1.45px;font-weight:700}.lead{letter-spacing:-.12px}.sidebar nav a{letter-spacing:-.15px;font-weight:500}.site-main>section:nth-child(2){animation-delay:40ms}.site-main>section:nth-child(3){animation-delay:80ms}.site-main>section:nth-child(4){animation-delay:.12s}.copy-block,.github-graph{border-radius:16px;transition:transform .24s,border-color .24s,box-shadow .24s}.copy-block{background:linear-gradient(135deg,#ffffffa8,#f4f7ff6b);border:1px solid #0000;padding:25px 27px}.copy-block:hover,.github-graph:hover{border-color:#4f7cff3d;transform:translateY(-3px);box-shadow:0 16px 38px #2b3c6b12}.entry-list,.social-posts{border:1px solid var(--line);background:#ffffff94;border-radius:14px;overflow:hidden;box-shadow:0 9px 24px #20283f06}.entry-list .entry,.social-posts a{transition:background-color .2s,padding-left .2s,color .2s;position:relative}.entry-list .entry:after,.social-posts a:after{content:"↗";color:var(--blue);opacity:0;transition:opacity .2s,transform .2s;position:absolute;top:50%;right:15px;transform:translateY(-50%)translate(-5px)}.entry-list .entry:hover:after,.social-posts a:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.socials a,.sidebar nav a,.section-heading>a,.source-link{transition:color .2s,transform .2s,opacity .2s}.socials a:hover{transform:translateY(-3px)scale(1.07)}.sidebar nav a:hover,.section-heading>a:hover,.source-link:hover{transform:translate(4px)}.guestbook button,.admin-page button{transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 7px 16px #2f6bff2e}.guestbook button:hover,.admin-page button:hover{transform:translateY(-2px);box-shadow:0 11px 22px #2f6bff40}.guestbook button:active,.admin-page button:active{transform:translateY(0)scale(.98)}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.site-main>section,.copy-block,.github-graph,.entry-list .entry,.social-posts a,.socials a,.sidebar nav a,.section-heading>a,.source-link,.guestbook button,.admin-page button{transition:none;animation:none}}.site-main>section{animation:none}.copy-block{background:0 0;border:0;border-radius:0;padding:0}.copy-block:hover,.github-graph:hover{border-color:var(--line);box-shadow:none;transform:none}.entry-list,.social-posts{box-shadow:none;background:0 0;border:0;border-radius:0}.entry-list{border-top:1px solid var(--line)}.entry-list .entry,.social-posts a{transition:background-color .18s,color .18s}.entry-list .entry:hover,.social-posts a:hover{background:#2f6bff0b;padding-left:0}.entry-list .entry:after,.social-posts a:after{display:none}.name,.eyebrow{letter-spacing:.035em;font-size:14px;font-weight:600}.sidebar nav a{font-size:16px}.lead{font-size:19px;line-height:1.68}.socials a:nth-child(3){display:none}.copy-block h2,.block h2{font-size:28px}.copy-block p{font-size:18px;line-height:1.64}.entry strong,.social-posts strong{letter-spacing:-.12px;font-size:16px;font-weight:600}.entry span,.entry-list.experience .entry span{font-size:16px}.entry time{font-size:14px}.site-main>section.block:has(+.github-graph){display:none}.home-shortcuts{gap:13px;margin-top:82px;display:grid}.home-shortcuts a{letter-spacing:-.12px;align-items:center;gap:10px;width:fit-content;font-size:16px;font-weight:600;display:inline-flex}.home-shortcuts b{color:var(--blue);font-size:19px;font-weight:500;transition:transform .22s}.home-shortcuts a:hover b{transform:translate(4px,-3px)rotate(-12deg)}.guestbook-header{padding-bottom:36px}.guestbook-header h1{letter-spacing:-1px;font-size:37px}.guestbook-header p{font-size:18px}.guestbook-count{color:var(--muted);margin:0 0 43px;font-size:18px}.guestbook-action{margin-bottom:58px}.guestbook-action>button{color:var(--ink);box-shadow:none;background:#fff;border:1px solid #8aa6ff;align-items:center;gap:10px;font-size:16px;display:inline-flex}.guestbook-action>button:hover{color:var(--ink);box-shadow:none;background:#f5f7ff}.guestbook-action>button span{color:#4285f4;font-weight:700}.guestbook-list{gap:27px}.guestbook-list article{font-size:17px}.guestbook-list article strong{font-weight:600}.admin-intro{max-width:620px;color:var(--muted);margin:0;font-size:17px}.admin-guide{border:1px solid var(--line);background:#ffffffd1;border-radius:12px;grid-template-columns:1fr 1fr;gap:34px;margin-top:34px;padding:24px 26px;display:grid}.admin-guide h2{margin:0 0 8px;font-size:23px}.admin-guide p{color:var(--muted);margin:0}.content-map{grid-template-columns:1fr 1fr;align-content:center;gap:10px 22px;display:grid}.content-map p{gap:2px;font-size:14px;display:grid}.content-map b{color:var(--ink)}.content-map span{color:var(--muted)}.entry-form>div:first-child h2,.admin-section-head h2{margin:0;font-size:22px}.field-help{color:var(--muted);margin:7px 0 0;font-size:14px;font-weight:400;line-height:1.5}.entry-form label small{font-size:12px}.type-helper{border-left:2px solid var(--blue);color:#35415c;background:#f5f7ff;padding:11px 12px;font-size:13px;line-height:1.5}.type-helper span{color:var(--muted)}.entry-form code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.form-actions{align-items:center;gap:9px;display:flex}.admin-section-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px;display:flex}.admin-section-head>a{color:var(--blue);white-space:nowrap;font-size:14px}.moderation .admin-section-head{margin-bottom:4px}.moderation .admin-section-head .field-help{text-align:right;max-width:330px}.admin-page .entry-form,.admin-page .admin-entries,.admin-page .moderation{box-shadow:0 8px 26px #222e4d09}@media (max-width:720px){.admin-guide,.content-map{grid-template-columns:1fr}.moderation .admin-section-head{display:block}.moderation .admin-section-head .field-help{text-align:left}.form-actions{flex-wrap:wrap}}.image-upload{grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;padding:10px 0;display:grid}.image-upload img,.image-upload video{object-fit:cover;border:1px solid var(--line);border-radius:8px;grid-row:1/span 2;width:54px;height:54px}.image-upload small{color:var(--muted);font-size:12px}.upload-control{color:#33415c;cursor:pointer;border:1px solid #cfd7ee;border-radius:7px;align-items:center;width:max-content;padding:8px 10px;font-size:13px!important;display:inline-flex!important}.upload-control input{opacity:0;pointer-events:none;position:absolute;width:1px!important;height:1px!important}.entry.has-image{grid-template-columns:36px 1fr auto}.entry-image{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:36px;height:36px;margin-top:1px}.entry-list.experience .entry.has-image{grid-template-columns:36px 1fr;display:grid}.entry-list.experience .entry.has-image time,.entry-list.experience .entry.has-image span{grid-column:2}.experience-dates{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:12px;display:grid}.experience-dates legend{padding:0 4px;font-size:14px;font-weight:600}.experience-dates legend small{color:var(--muted);font-weight:400}.experience-dates .check{grid-column:1/-1}.profile-settings{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:minmax(220px,.75fr) minmax(320px,1.25fr);align-items:start;gap:35px;margin-top:27px;padding:23px 26px;display:grid}.profile-settings h2{margin:0;font-size:22px}.profile-settings-controls{gap:12px;display:grid}.profile-settings-controls label{color:#30394b;gap:6px;font-size:14px;font-weight:600;display:grid}.profile-settings-controls input,.profile-settings-controls textarea{font:inherit;background:#fff;border:1px solid #d9d9d6;border-radius:7px;width:100%;padding:10px;font-weight:400}.profile-settings-controls textarea{resize:vertical;min-height:100px}.content-controls{grid-template-columns:minmax(0,1fr) 170px;gap:9px;margin:17px 0 5px;display:grid}.content-controls input,.content-controls select{width:100%;font:inherit;background:#fff;border:1px solid #d9d9d6;border-radius:7px;padding:9px 10px}.content-pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:17px 0 2px;font-size:13px;display:flex}.content-pagination>div{gap:7px;display:flex}.content-pagination button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:720px){.profile-settings{grid-template-columns:1fr}}@media (max-width:520px){.content-controls{grid-template-columns:1fr}.content-pagination{flex-direction:column;align-items:flex-start}}.side-note img{object-fit:cover;border:1px solid var(--line);filter:saturate(.92);border-radius:50%;flex:none;width:27px;height:27px}.entry-list.experience{border-top:0;padding-left:2px;position:relative}.entry-list.experience:before{content:"";background:var(--line);width:1px;position:absolute;top:29px;bottom:32px;left:29px}.entry-list.experience .experience-entry{border:0;grid-template-columns:58px minmax(0,1fr);gap:28px;padding:0 0 47px;display:grid;position:relative}.entry-list.experience .experience-entry:last-child{padding-bottom:0}.experience-marker{z-index:1;color:#4c66b9;letter-spacing:.02em;background:#fff;border:1px solid #e1e3e8;border-radius:50%;place-items:center;width:58px;height:58px;font-size:11px;font-weight:700;display:grid;overflow:hidden;box-shadow:0 2px 5px #161e3012}.experience-marker img{object-fit:cover;width:100%;height:100%}.experience-content{min-width:0;padding-top:4px}.experience-content time{color:#667085;letter-spacing:.03em;text-transform:uppercase;margin:0 0 7px;font:600 12px ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.experience-content strong{letter-spacing:-.48px;font-size:22px;font-weight:700;line-height:1.18;display:block}.experience-content strong a:hover{color:var(--blue)}.experience-content>b{margin-top:3px;font-size:16px;font-weight:600;display:block}.experience-content p{color:#68748a;max-width:720px;margin:15px 0 0;font-size:17px;line-height:1.65}.experience-tags{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.experience-tags span{background:#fff;border:1px solid #dfe3ea;border-radius:5px;padding:3px 10px;display:inline-flex;color:#536078!important;width:auto!important;margin:0!important;font-size:13px!important;line-height:1.35!important}@media (max-width:520px){.entry-list.experience .experience-entry{grid-template-columns:44px minmax(0,1fr);gap:15px;padding-bottom:37px}.entry-list.experience:before{left:22px}.experience-marker{width:44px;height:44px;font-size:9px}.experience-content{padding-top:1px}.experience-content strong{font-size:19px}.experience-content p{margin-top:11px;font-size:16px}}.writing-header{padding-bottom:52px}.writing-archive{gap:51px;display:grid}.writing-year h2{color:#667085;letter-spacing:.02em;margin:0 0 18px;font-size:17px;font-weight:700;line-height:1}.writing-rows{gap:0;display:grid}.writing-row{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:24px;padding:9px 0;display:grid}.writing-row strong{letter-spacing:-.15px;font-size:18px;font-weight:500;line-height:1.45}.writing-row a{min-width:0}.writing-row a:hover strong{color:var(--blue)}.writing-row time{color:#667085;white-space:nowrap;font-size:16px}.writing-row:hover{background:0 0}@media (max-width:520px){.writing-archive{gap:39px}.writing-year h2{font-size:16px}.writing-row{grid-template-columns:1fr;gap:1px;padding:8px 0}.writing-row strong{font-size:17px}.writing-row time{font-size:14px}}.social-posts.visual-posts{box-shadow:none;scroll-snap-type:x proximity;scrollbar-width:thin;background:0 0;border:0;border-radius:0;gap:14px;padding:1px 2px 12px;display:flex;overflow-x:auto}.social-posts.visual-posts .visual-post{border:1px solid var(--line);scroll-snap-align:start;background:#fff;border-radius:10px;flex:0 0 220px;grid-template-rows:auto 1fr;min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.social-posts.visual-posts .visual-post>img,.social-posts.visual-posts .visual-post>video,.post-placeholder{aspect-ratio:4/5;object-fit:cover;background:#eef2fb;width:100%;display:block}.social-posts.visual-posts .visual-post>video{background:#10131d}.post-placeholder{background:linear-gradient(145deg,#f1f4ff,#e9eeff 45%,#f7f4ff);position:relative}.post-placeholder:after{content:"↗";color:#6885e8;font-size:22px;position:absolute;top:14px;right:17px}.social-posts.visual-posts .visual-post>a{border:0;grid-template-columns:1fr auto;gap:5px 10px;padding:11px 12px 13px;display:grid}.social-posts.visual-posts .visual-post a span{grid-column:1/-1;font-size:13px}.social-posts.visual-posts .visual-post a strong{font-size:15px;font-weight:600;line-height:1.35}.social-posts.visual-posts .visual-post a small{align-self:end}.social-posts.visual-posts .visual-post:hover{border-color:#b9c9ff;transform:translateY(-3px);box-shadow:0 10px 21px #2a438217}.social-posts.visual-posts .visual-post a:hover{background:0 0;padding:11px 12px 13px}.social-posts.visual-posts .visual-post a:after{display:none}@media (max-width:520px){.social-posts.visual-posts .visual-post{flex-basis:196px}.social-posts.visual-posts .visual-post a strong{font-size:14px}}.social-posts.visual-posts .visual-post{content-visibility:auto;contain-intrinsic-size:220px 350px}@media (max-width:820px){.sidebar{scrollbar-width:none;overflow-x:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar nav{justify-content:flex-start;min-width:max-content}.sidebar nav a{flex:none}}@media (max-width:520px){.entry.has-image{grid-template-columns:36px minmax(0,1fr);gap:10px}.entry.has-image time{grid-column:2}.admin-page header>div:last-child{flex-wrap:wrap}.admin-page header>div:last-child button{min-width:0}}