@font-face{font-family:Space Grotesk;src:url(/_astro/SpaceGrotesk.Brjv1EB3.woff2)format("woff2");font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/_astro/JetBrainsMono.DasMhCV-.woff2)format("woff2");font-style:normal;font-display:swap}:root{--bg:#eef0e6;--panel:#f7f8f2;--ink:#1b231e;--muted:#4c564e;--line:#c7cbb9;--accent:#bd5025;--dark-accent:#8e3715;--positive:#287453;--positive-dim:#dfeee5;--dark-grig:#c7cbb940;--light-grig:#c7cbb980;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--grotesk:"Space Grotesk", sans-serif;--max-width:1500px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);background-image:linear-gradient(var(--dark-grig) 1px, transparent 1px), linear-gradient(90deg, var(--dark-grig) 1px, transparent 1px), linear-gradient(var(--light-grig) 1px, transparent 1px), linear-gradient(90deg, var(--light-grig) 1px, transparent 1px);font-family:var(--grotesk);color:var(--ink);background-size:8px 8px,8px 8px,40px 40px,40px 40px;background-attachment:fixed}a{text-decoration:none}::selection{background:#f3bc2145}.visually-hidden{clip:rect(0, 0, 0, 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.container{width:min(100% - 40px, var(--max-width));margin-inline:auto}.middle{flex-direction:column;align-items:center;margin:2rem;display:flex}.section{padding:110px 0}.section-title{letter-spacing:-.05em;margin-bottom:50px;font-size:clamp(2rem,5vw,3.5rem)}header{z-index:20;backdrop-filter:blur(6px);border-bottom:1px solid var(--line);background:#eef0e6eb;position:fixed;top:0;left:0;right:0}.tabbar{justify-content:space-between;align-items:center;height:auto;display:flex}.tab{font-family:var(--mono);color:var(--ink);background:var(--panel);border:1px solid var(--line);border-bottom:none;border-radius:6px 6px 0 0;align-self:flex-end;margin-top:15px;padding:10px 16px;font-size:13.5px;font-weight:550}.tab .extension{color:var(--muted)}.tabbar nav{gap:18px;display:flex}.tabbar nav a{font-family:var(--mono);color:var(--muted);padding:14px 0;font-size:13px;text-decoration:none}.tabbar nav a:hover{color:var(--ink)}.hero{align-items:center;min-height:100vh;display:flex}.comment-line{font-family:var(--mono);color:var(--positive);margin-bottom:12px;font-size:.9rem}.hero h3{max-width:850px;font-size:clamp(3rem,9vw,7rem);line-height:.88}.hero h3 span{color:var(--accent)}.hero p{max-width:850px;color:var(--muted);margin-top:32px;margin-bottom:20px;font-size:1.1rem}.button{border:1px solid var(--ink);font-family:var(--mono);border-radius:9px;justify-content:center;align-items:center;padding:13px 19px;font-size:.8rem;transition:transform .2s,background .2s;display:inline-flex}.button.primary{background:var(--ink);color:var(--bg)}.button.secondary{background:var(--panel)}.button:hover{transform:translateY(-2px)}.projects{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.project{border:1px solid var(--line);background:var(--bg);border-radius:14px;flex-direction:column;justify-content:space-between;min-height:380px;padding:28px;transition:border-color .25s;display:flex;position:relative;overflow:hidden}.project:hover{border-color:var(--accent)}.project-number{font-family:var(--mono);color:var(--muted);font-size:.75rem}.project-content h3{letter-spacing:-.04em;margin-bottom:10px;font-size:2rem}.project-content p{max-width:500px;color:var(--muted)}.project-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:30px;display:flex}.tags{flex-wrap:wrap;gap:7px;display:flex}.tag{border:1px solid var(--line);font-family:var(--mono);border-radius:100px;padding:5px 9px;font-size:.68rem}.project-link{color:var(--dark-accent);font-family:var(--mono);text-wrap:nowrap;font-size:.8rem}.skills-grid{border:1px solid var(--line);background:var(--line);display:grid}.multi-skills-grid{grid-template-columns:repeat(3,1fr);gap:1px}.others-skills-grid{grid-template-columns:1fr;gap:1px;margin-top:10px}.skill-category{background:var(--panel);padding:30px}.skill-category h3{font-family:var(--mono);color:var(--accent);margin-bottom:20px;font-size:.85rem}.skill-list{flex-wrap:wrap;gap:9px;list-style:none;display:flex}.skill-list li{border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:.85rem}.skill-list .learning{border:1px solid var(--accent);position:relative}.skill-list .learning:before{content:"LEARNING";background:var(--panel);color:var(--accent);font-family:var(--mono);letter-spacing:.04em;border:1px solid var(--accent);border-radius:3px;padding:1px 5px;font-size:.55rem;font-weight:700;position:absolute;top:-9px;right:7px}.timeline{border-top:2px solid var(--line)}.timeline-item{border-bottom:2px solid var(--line);grid-template-columns:180px 1fr auto;align-items:center;gap:30px;padding:25px 0;display:grid}.timeline-date{font-family:var(--mono);color:var(--muted);font-size:.8rem}.timeline-content h3{margin-bottom:3px;font-size:1.1rem}.timeline-content p{color:var(--muted);font-size:.9rem}.timeline-type{font-family:var(--mono);color:var(--accent);font-size:.7rem}.contact{padding:120px 0}.contact-box{border:1px solid var(--ink);background:var(--panel);text-align:center;border-radius:14px;padding:55px}.contact-box h2{letter-spacing:-.07em;margin:25px 0;font-size:clamp(2.5rem,7vw,5.5rem);line-height:.9}.contact-box p{max-width:550px;color:var(--muted);margin:auto}.contact-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}.contact-actions a{color:var(--ink);text-decoration:none}.avail{font-family:var(--mono);color:var(--positive);background:var(--positive-dim);border-radius:100px;padding:5px 10px 5px 8px;font-size:clamp(.8rem,1vw,2rem)}footer{border-top:1px solid var(--line);padding:30px 0}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-content p{color:var(--muted);font-family:var(--grotesk);font-size:.7rem}.socials{gap:15px;display:flex}.socials a{color:var(--muted);font-family:var(--grotesk);font-size:.75rem;text-decoration:none}.socials a:hover{color:var(--ink)}@media (width<=800px){body{background-attachment:scroll}.container{width:min(100% - 28px, var(--max-width))}.section{padding:75px 0}.tabbar nav{display:none}.wrap{margin:0 5%}.hero{min-height:auto;padding-top:150px;padding-bottom:90px}.projects,.multi-skills-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;grid-template-areas:"date""type""content";gap:7px 15px}.timeline-date{grid-area:date}.timeline-type{grid-area:type}.timeline-content{grid-area:content}.contact-box{padding:35px 20px}.avail{background:0 0}.footer-content{flex-direction:column;align-items:start}.footer-content *{margin:.1rem 0}}