@font-face{font-family:DM Serif Display;font-style:italic;font-weight:400;font-display:swap;src:url(../media/26a0a19eb96a029d-s.f2d931fb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Serif Display;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fad69795a077455b-s.p.81e64049.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8dd8a3188b79fd8f-s.a45bde5b.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c8f209abc35ee02-s.p.a4b9a15b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Serif Display Fallback;src:local(Times New Roman);ascent-override:94.37%;descent-override:30.51%;line-gap-override:0.0%;size-adjust:109.78%}.dm_serif_display_57324fe0-module__0BEMiW__className{font-family:DM Serif Display,DM Serif Display Fallback;font-weight:400}.dm_serif_display_57324fe0-module__0BEMiW__variable{--font-display:"DM Serif Display","DM Serif Display Fallback"}
@font-face{font-family:DM Mono;font-style:normal;font-weight:300;font-display:swap;src:url(../media/ba8e772932784a28-s.7bb0ada4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:300;font-display:swap;src:url(../media/7546fe8f902b88b8-s.p.5f7c9333.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b12e986493c137cf-s.4b5f6188.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/36363bfb06833f56-s.p.d8302362.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2fa3ef4ca165ab4-s.e316a4a9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a73419dd2ba2d841-s.p.f2813c2a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono Fallback;src:local(Arial);ascent-override:73.71%;descent-override:23.03%;line-gap-override:0.0%;size-adjust:134.59%}.dm_mono_c120ed0a-module__xThxSG__className{font-family:DM Mono,DM Mono Fallback;font-style:normal}.dm_mono_c120ed0a-module__xThxSG__variable{--font-mono:"DM Mono","DM Mono Fallback"}
:root{--black:#0a0a0a;--white:#f5f4f0;--gray-100:#e8e7e3;--gray-300:#b0afa9;--gray-500:#6b6a65;--gray-700:#3a3935;--accent:#d4f028;--accent-dark:#a8be1a;--font-display:"DM Serif Display",serif;--font-mono:"DM Mono",monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--white);color:var(--black);font-family:var(--font-mono);font-size:14px;line-height:1.6;overflow-x:hidden}nav{z-index:200;background:var(--white);border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:1.4rem 3rem;transition:box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{box-shadow:0 2px 20px #00000012}.nav-logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--black);flex-shrink:0;font-size:1.3rem;text-decoration:none}.nav-logo span{color:var(--accent-dark)}.nav-links{align-items:center;gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--gray-500);letter-spacing:.09em;text-transform:uppercase;font-size:11.5px;text-decoration:none;transition:color .2s;position:relative}.nav-links a:not(.nav-cta):after{content:"";background:var(--accent-dark);height:1px;transition:transform .2s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--black)}.nav-links a:not(.nav-cta):hover:after{transform:scaleX(1)}.nav-cta{border-radius:2px;padding:.6rem 1.4rem;background:var(--black)!important;color:var(--white)!important}.nav-cta:hover{background:var(--gray-700)!important}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--black);width:22px;height:1.5px;transition:transform .3s,opacity .3s;display:block}.nav-toggle.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}#hero{grid-template-columns:1fr 1fr;min-height:100vh;padding-top:65px;display:grid}.hero-left{flex-direction:column;justify-content:center;padding:5rem 3rem;display:flex}.hero-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--gray-500);align-items:center;gap:.75rem;margin-bottom:2rem;font-size:11px;animation:.6s .1s both fadeUp;display:flex}.hero-tag:before{content:"";background:var(--accent-dark);flex-shrink:0;width:2rem;height:1px}.hero-h1{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(3rem,5.5vw,5.5rem);line-height:1.05;animation:.7s .2s both fadeUp}.hero-h1 em{color:var(--gray-500);font-style:italic}.hero-desc{color:var(--gray-500);max-width:360px;margin-bottom:3rem;font-size:14px;line-height:1.85;animation:.7s .35s both fadeUp}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;animation:.7s .45s both fadeUp;display:flex}.btn-primary{background:var(--black);color:var(--white);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;border-radius:2px;padding:.9rem 2rem;font-size:12px;text-decoration:none;transition:background .2s,transform .15s;display:inline-block}.btn-primary:hover{background:var(--gray-700);transform:translateY(-1px)}.btn-accent{background:var(--accent);color:var(--black)}.btn-accent:hover{background:var(--accent-dark)!important;color:var(--black)!important}.btn-ghost{color:var(--black);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:12px;text-decoration:none;transition:gap .2s;display:flex}.btn-ghost:hover{gap:.9rem}.btn-ghost span{color:var(--accent-dark)}.hero-right{background:var(--black);animation:1s .5s both fadeIn;position:relative;overflow:hidden}.hero-grid-bg{background-image:linear-gradient(#d4f0280a 1px,#0000 1px),linear-gradient(90deg,#d4f0280a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-right-inner{z-index:2;flex-direction:column;justify-content:flex-end;padding:2.5rem;display:flex;position:absolute;inset:0}.hero-badge{background:var(--accent);color:var(--black);letter-spacing:.1em;text-transform:uppercase;z-index:3;border-radius:2px;padding:.55rem 1rem;font-size:11px;font-weight:500;animation:3s ease-in-out infinite blink;position:absolute;top:2.5rem;right:2.5rem}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}.hero-code{font-family:var(--font-mono);color:var(--gray-300);font-size:13px;line-height:2}.hero-code .ck{color:var(--gray-500)}.hero-code .cfn{color:var(--white)}.hero-code .cs{color:var(--accent)}.hero-code .cb{color:#444}.hero-stats{border-top:1px solid var(--gray-700);gap:2.5rem;margin-top:1.75rem;padding-top:1.75rem;display:flex}.stat-num{font-family:var(--font-display);color:var(--white);letter-spacing:-.03em;margin-bottom:.3rem;font-size:2rem;line-height:1;display:block}.stat-lbl{color:var(--gray-500);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.marquee-bar{background:var(--black);padding:.9rem 0;overflow:hidden}.marquee-track{width:max-content;animation:24s linear infinite marquee;display:flex}.marquee-item{letter-spacing:.12em;text-transform:uppercase;color:var(--gray-500);white-space:nowrap;align-items:center;gap:2.5rem;padding:0 2.5rem;font-size:11px;display:flex}.marquee-item:after{content:"✦";color:var(--accent)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}section{padding:7rem 3rem}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--gray-500);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:11px;display:flex}.section-label:before{content:"";background:var(--accent-dark);flex-shrink:0;width:1.5rem;height:1px}h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:3rem;font-size:clamp(2.4rem,4vw,3.5rem);line-height:1.1}#about{background:var(--black);color:var(--white);grid-template-columns:1fr 1fr;align-items:center;gap:6rem;display:grid}#about h2{color:var(--white)}#about .section-label{color:var(--gray-500)}.about-text{color:var(--gray-300);margin-bottom:1.5rem;font-size:14.5px;line-height:1.9}.about-right{flex-direction:column;gap:1.25rem;display:flex}.about-card{border:1px solid var(--gray-700);border-radius:4px;padding:1.4rem;transition:border-color .2s,background .2s}.about-card:hover{border-color:var(--accent);background:#d4f02808}.about-card-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-size:11px}.about-card-text{color:var(--gray-300);font-size:13px;line-height:1.7}#skills{background:var(--white)}.skills-grid{background:var(--gray-100);border:1.5px solid var(--gray-100);border-radius:4px;grid-template-columns:repeat(3,1fr);gap:1.5px;display:grid;overflow:hidden}.skill-cell{background:var(--white);cursor:default;padding:1.75rem 2rem;transition:background .2s}.skill-cell:hover{background:var(--black)}.skill-name{letter-spacing:.04em;color:var(--black);font-size:13px;transition:color .2s}.skill-cell:hover .skill-name{color:var(--white)}#projects{background:var(--gray-100)}.projects-grid{background:var(--gray-300);border:1.5px solid var(--gray-300);border-radius:4px;grid-template-columns:repeat(2,1fr);gap:1.5px;display:grid;overflow:hidden}.project-card{background:var(--white);cursor:pointer;flex-direction:column;gap:.9rem;padding:2.5rem;transition:background .25s;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--accent);transform-origin:0;height:3px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{background:var(--black)}.project-card:hover .project-num{color:var(--gray-700)}.project-card:hover .project-title{color:var(--white)}.project-card:hover .project-desc{color:var(--gray-500)}.project-card:hover .project-tag{border-color:var(--gray-700);color:var(--gray-500)}.project-card:hover .project-link{color:var(--accent)}.project-num{font-family:var(--font-display);color:var(--gray-100);font-size:2.8rem;line-height:1;transition:color .25s}.project-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.55rem;transition:color .25s}.project-desc{color:var(--gray-500);flex:1;font-size:13px;line-height:1.75;transition:color .25s}.project-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.project-tags{flex-wrap:wrap;gap:.4rem;display:flex}.project-tag{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--gray-100);color:var(--gray-500);border-radius:2px;padding:.22rem .55rem;font-size:10px;transition:border-color .25s,color .25s}.project-link{letter-spacing:.1em;text-transform:uppercase;color:var(--gray-500);white-space:nowrap;flex-shrink:0;font-size:11px;text-decoration:none;transition:color .25s}#blog{background:var(--white)}.blog-list{flex-direction:column;display:flex}.blog-item{border-bottom:1px solid var(--gray-100);color:inherit;cursor:pointer;border-radius:2px;grid-template-columns:7.5rem 1fr 2rem;align-items:center;gap:1.5rem;padding:1.6rem .5rem;text-decoration:none;transition:padding-left .2s;display:grid}.blog-item:first-child{border-top:1px solid var(--gray-100)}.blog-item:hover{padding-left:1rem}.blog-item:hover .blog-title{color:var(--gray-700)}.blog-item:hover .blog-arrow{color:var(--accent-dark);transform:translate(4px)}.blog-date{letter-spacing:.08em;text-transform:uppercase;color:var(--gray-300);font-size:11px}.blog-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.15rem;transition:color .2s}.blog-arrow{color:var(--gray-300);text-align:right;font-size:1rem;transition:transform .2s,color .2s}#contact{background:var(--black);color:var(--white);text-align:center;padding:9rem 3rem}#contact .section-label{justify-content:center}#contact h2{color:var(--white)}.contact-sub{color:var(--gray-500);max-width:400px;margin:0 auto 2.5rem;line-height:1.85}.contact-email{font-family:var(--font-display);color:var(--white);letter-spacing:-.02em;border-bottom:2px solid var(--accent);margin-bottom:3rem;padding-bottom:3px;font-size:clamp(1.4rem,3vw,2.4rem);text-decoration:none;transition:color .2s;display:inline-block}.contact-email:hover{color:var(--accent)}.social-links{flex-wrap:wrap;justify-content:center;gap:2rem;list-style:none;display:flex}.social-links a{letter-spacing:.12em;text-transform:uppercase;color:var(--gray-500);font-size:11px;text-decoration:none;transition:color .2s}.social-links a:hover{color:var(--accent)}footer{background:var(--black);border-top:1px solid var(--gray-700);justify-content:space-between;align-items:center;padding:1.4rem 3rem;display:flex}footer span{letter-spacing:.08em;color:var(--gray-700);text-transform:uppercase;font-size:11px}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.js-ready .reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(22px)}.js-ready .reveal.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.js-ready .reveal{opacity:1!important;transform:none!important}}.cursor-dot{background:var(--accent);pointer-events:none;z-index:9999;mix-blend-mode:multiply;border-radius:50%;width:8px;height:8px;position:fixed;transform:translate(-50%,-50%)}@media (max-width:768px){nav{padding:1rem 1.25rem}.nav-toggle{display:flex}.nav-links{background:var(--white);border-bottom:1px solid var(--gray-100);z-index:199;flex-direction:column;gap:0;padding:.5rem 1.25rem 1.5rem;display:none;position:fixed;top:57px;left:0;right:0;box-shadow:0 8px 30px #00000014}.nav-links.open{display:flex}.nav-links li{border-bottom:1px solid var(--gray-100);text-align:center;width:100%}.nav-links li:last-child{border:none;margin-top:1.25rem}.nav-links a{padding:.85rem 0;font-size:13px;display:block}.nav-links a.nav-cta{padding:.9rem 4rem;display:inline-block!important}#hero{grid-template-columns:1fr;min-height:auto;padding-top:57px}.hero-left{order:1;padding:3rem 1.25rem 2rem}.hero-right{order:2;min-height:320px}.hero-badge{padding:.4rem .7rem;font-size:10px;top:1rem;right:1rem}.hero-right-inner{padding:1.5rem}.hero-code{font-size:11.5px;line-height:1.85}.hero-stats{gap:2rem;margin-top:1.25rem;padding-top:1.25rem}.stat-num{font-size:1.5rem}.marquee-item{gap:1.75rem;padding:0 1.75rem;font-size:10px}section{padding:4rem 1.25rem}h2{margin-bottom:2rem}#about{grid-template-columns:1fr;gap:2.5rem;padding:4rem 1.25rem}.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-cell{padding:1.25rem 1.5rem}.projects-grid{grid-template-columns:1fr}.project-card{padding:2rem 1.5rem}.blog-item{grid-template-rows:auto auto;grid-template-columns:1fr 1.5rem;gap:.2rem .75rem;padding:1.2rem .5rem}.blog-date{grid-area:1/1}.blog-title{grid-area:2/1;font-size:1rem}.blog-arrow{grid-area:1/2/3;align-self:center}#contact{padding:5rem 1.25rem}footer{text-align:center;flex-direction:column;gap:.5rem;padding:1.25rem}.cursor-dot{display:none}}@media (max-width:420px){.skills-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:flex-start}.hero-stats{gap:1.5rem}}