@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;700&display=swap";:root{--color-bg: #e2e2e5;--color-text: #222222;--color-card: #fcfcfd;--color-line: #333333}[data-theme=dark]{--color-bg: #19191b;--color-text: #faf3e1;--color-card: #232326;--color-line: #0c0c0d}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;transition:background-color .2s ease,color .2s ease}#root{min-height:100vh}.dot-corner{position:fixed;width:12px;height:12px;border-radius:50%;background-color:var(--color-text);bottom:104px;right:96px;z-index:3;border:none;cursor:pointer;transition:transform .1s ease,background-color .2s ease}.dot-corner:hover{transform:scale(1.2)}.dot-corner:focus{outline:none}@media(max-width:768px){.dot-corner{bottom:44px;right:36px}}.container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:100%;padding:136px 2rem 2rem 136px}@media(max-width:768px){.container{align-items:center;padding:2rem;padding-top:96px;max-width:60ch;margin:0 auto}}.content{display:flex;align-items:flex-start;gap:1.5rem}.stage{position:fixed;inset:40px 56px 64px 40px;transform:translate(10px,12px);clip-path:url(#stage-clip);background:#00d26a;pointer-events:none;z-index:0}.sketch{position:fixed;pointer-events:none}.sketch svg{display:block;width:100%;height:100%;overflow:visible}.sketch path{fill:none;stroke:var(--color-line);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s ease}.sketch-stage{inset:40px 56px 64px 40px;transform:translate(10px,12px);z-index:1}.sketch-card{inset:40px 56px 64px 40px;z-index:3}.beetle-bg{width:100%;height:100%;border:none;display:block}.frame-card{position:fixed;inset:40px 56px 64px 40px;background:var(--color-card);clip-path:url(#card-clip);z-index:2;overflow:auto;transition:background-color .2s ease}@media(max-width:768px){.stage,.sketch-stage{inset:8px 16px 24px 20px;transform:translate(12px,14px)}.frame-card,.sketch-card{inset:8px 16px 24px 8px}}.sections{display:flex;flex-direction:column;gap:2.5rem}.posts,.projects-list{display:flex;flex-direction:column;gap:.5rem}.section-title{position:relative;font-family:Geist Mono,monospace;font-size:.85rem;font-weight:500;color:var(--color-text);opacity:.5;margin-bottom:.5rem;text-transform:lowercase}.post-link{font-family:Geist Mono,monospace;font-size:.95rem;color:var(--color-text);text-decoration:none;transition:opacity .2s ease}.post-link:hover{opacity:.5}.dot{display:block;width:12px;height:12px;background-color:#00d26a;border-radius:50%;margin-top:-10%;transition:transform .1s ease,background-color .2s ease}.dot:hover{transform:scale(1.2);background-color:#f7e396}.project-link-wrap{display:contents}.post-link-mobile{display:none}@media(max-width:1024px){.post-link-desktop{display:none}.post-link-mobile{display:inline}}.container{position:relative}.about-content{flex-direction:column;align-items:flex-end;position:relative;z-index:1}.about-text{font-family:Geist Mono,monospace;font-size:.95rem;color:var(--color-text);max-width:60ch}.dot-about{display:block;width:12px;height:12px;background-color:#00d26a;border-radius:50%;margin-right:-12%;margin-top:-7%;transition:transform .1s ease,background-color .2s ease}.dot-about:hover{transform:scale(1.2);background-color:#f7e396}.post-content{flex-direction:column;align-items:flex-end}.post-text{font-family:Geist Mono,monospace;font-size:.95rem;color:var(--color-text);max-width:60ch}.post-text h1{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.post-text p{margin-bottom:1rem;line-height:1.6}.post-text p:last-of-type{margin-bottom:0}.dot-post{display:block;width:12px;height:12px;background-color:#00d26a;border-radius:50%;margin-right:-7%;transition:transform .1s ease,background-color .2s ease}.dot-post:hover{transform:scale(1.2);background-color:#f7e396}@media(max-width:768px){.dot-post{align-self:flex-start;margin-right:0}}