html{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}body{color:#111;background:#d9ccff;margin:0;font-family:DM Sans,sans-serif}html[data-app=blog] body{background:#fff}a{color:inherit;text-decoration:none}::selection{color:#ffe680;background:#111}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bob1{50%{transform:translateY(-12px)rotate(-5deg)}}@keyframes bob2{50%{transform:translateY(-12px)rotate(6deg)}}@keyframes bob3{50%{transform:translateY(-10px)rotate(-3deg)}}@keyframes blink{50%{opacity:.25}}@keyframes swing{0%{rotate:-4deg}to{rotate:4deg}}@keyframes abA{0%{opacity:0;translate:0 10px;scale:.95}to{opacity:1;translate:0;scale:1}}@keyframes abB{0%{opacity:0;translate:0 10px;scale:.95}to{opacity:1;translate:0;scale:1}}@keyframes stA{0%{opacity:0;transform:translateY(34px)scale(.4)}to{opacity:1;transform:none}}@keyframes stB{0%{opacity:0;transform:translateY(34px)scale(.4)}to{opacity:1;transform:none}}html[data-app=blog] a:hover{color:inherit}input::placeholder{opacity:.5}@keyframes rise{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:none}}@keyframes chipin{0%{opacity:0;transform:translateY(14px)scale(.6)}to{opacity:1;transform:none}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.rise{animation:.65s cubic-bezier(.2,.7,.2,1) backwards rise;animation-delay:calc(var(--i,0)*var(--s,70ms))}.chipin{animation:.5s cubic-bezier(.3,1.5,.5,1) backwards chipin;animation-delay:calc(var(--i,0)*45ms)}.grow{transform-origin:top;animation:.9s cubic-bezier(.2,.7,.2,1) .15s backwards grow}.rise-kids>*{animation:.65s cubic-bezier(.2,.7,.2,1) .9s backwards rise}.rise-kids>:first-child{animation-delay:50ms}.rise-kids>:nth-child(2){animation-delay:.12s}.rise-kids>:nth-child(3){animation-delay:.19s}.rise-kids>:nth-child(4){animation-delay:.26s}.rise-kids>:nth-child(5){animation-delay:.33s}.rise-kids>:nth-child(6){animation-delay:.4s}.rise-kids>:nth-child(7){animation-delay:.47s}.rise-kids>:nth-child(8){animation-delay:.54s}.rise-kids>:nth-child(9){animation-delay:.61s}.rise-kids>:nth-child(10){animation-delay:.68s}.rise-kids>:nth-child(11){animation-delay:.75s}.rise-kids>:nth-child(12){animation-delay:.82s}@keyframes rise2{0%{opacity:0;translate:0 28px;scale:.97}to{opacity:1;translate:0;scale:1}}.rise-t{animation:.7s cubic-bezier(.2,.7,.2,1) backwards rise2;animation-delay:calc(var(--i,0)*var(--s,80ms))}@media (prefers-reduced-motion:reduce){.rise-t,.rise,.chipin,.grow,.rise-kids>*{animation:none}}html[data-app=blog]{--bg:#fff;--card:#fff;--ink:#111;--ink-inv:#fff;--violet:#6d3fd6;--dots:#1111114d;--ink-a:#1111111a;--hl:#ffe680;--logo-bg:#111;--logo-fg:#ffe680;--logo-sh:#ffe680}html[data-app=blog][data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15121d;--card:#201c2d;--ink:#f4f0ff;--ink-inv:#15121d;--violet:#b8a4ff;--dots:#f4f0ff29;--ink-a:#f4f0ff24;--hl:#ffe68066;--logo-bg:#ffe680;--logo-fg:#111;--logo-sh:#fff}html[data-app=blog] body{background:var(--bg);color:var(--ink)}html[data-app=blog][data-theme=dark] ::selection{color:#111;background:#ffe680}html[data-app=blog][data-theme=dark] mark[data-bt-hl]{color:#111}html[data-app=blog] input::placeholder{color:var(--ink)}.hero{grid-template-columns:minmax(0,1fr);align-items:center;gap:30px 40px;display:grid}.hero-art{min-width:0;height:min(560px,92vw);min-height:440px;position:relative}@media (width>=1344px){.hero{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=520px) and (width<=1343px){.hero{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"badge badge""h1 h1""copy art";align-content:center;align-items:start;gap:0 clamp(16px,3vw,40px)}.hero-left{display:contents}.hero-badge{grid-area:badge;justify-self:start}.hero-h1{grid-area:h1}.hero-copy{grid-area:copy}.hero-art{zoom:var(--hz,.5);grid-area:art;width:600px;height:430px;min-height:0;margin-top:18px}}.hdr-menu{display:none!important}@media (width<=1019px) and (width>=721px){.hdr{align-items:center!important;gap:8px!important;padding:14px!important}.hdr>a{padding:6px 12px!important;font-size:18px!important}.hdr-nav{gap:6px!important;margin:-12px -4px!important;padding:14px 10px!important}.hdr-nav a{padding:7px 11px!important;font-size:13px!important}.hdr-right{gap:8px!important}.hdr-right a,.hdr-right button{padding:8px 12px!important;font-size:13px!important}}@media (width<=860px) and (width>=721px){.hdr>a{padding:5px 10px!important;font-size:16px!important}.hdr-nav{gap:4px!important}.hdr-nav a{padding:6px 9px!important;font-size:12px!important}.hdr-right a,.hdr-right button{padding:7px 10px!important;font-size:12px!important}}@media (width<=720px){.hdr-nav,.hdr-right{display:none!important}.hdr-menu{display:flex!important}.hdr{align-items:center!important;padding:12px 14px!important}.hdr>a{padding:6px 14px!important;font-size:19px!important}}@media (width<=1343px){.hero{align-content:start!important;min-height:0!important;padding-top:120px!important;padding-bottom:70px!important}}@media (width<=519px){.hero-art{zoom:var(--hz,.59);width:600px;height:430px;min-height:0;margin-top:10px}.hero-h1{font-size:calc(10.101vw - 4.0404px)!important}.hero-copy p{font-size:17px!important}}@media (width<=600px){#about{padding-top:70px!important;padding-bottom:50px!important}#work{padding:70px 0!important}.sec-tools{padding-top:70px!important}#experience{padding-top:60px!important;padding-bottom:70px!important}.tl-row{grid-template-columns:minmax(0,1fr)!important}.tl-tag{justify-self:start}.c-card{padding:28px 20px!important}.c-btn{white-space:nowrap;box-sizing:border-box;text-align:center;max-width:100%;padding:14px 12px!important;font-size:min(12.5px,3.2vw)!important}.c-h{font-size:10.5vw!important}#about [data-reveal]>div:first-child>div:nth-child(2){font-size:clamp(17px,5.2vw,22px)!important}.idcard{width:min(80%,290px)!important}.idcard-kv{font-size:11.5px!important}}.shiki-code{font:inherit;white-space:pre;background:0 0;padding:0}.shiki-code .line{min-height:1.85em;display:block}
