@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap");:root{color-scheme:light;--ink:#20211f;--muted:#767872;--paper:#fff;--soft:#f7f8f6;--line:#e8eae6;--line-strong:#e2e5e0;--card:#fff;--accent:#416b56;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:#dce9df}.container{width:min(1040px,calc(100% - 64px));margin-inline:auto}.site-header{position:relative;z-index:5;border-bottom:1px solid var(--line);background:var(--paper)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:21px;font-weight:700;letter-spacing:-1.5px}.brand span{color:var(--accent)}.nav-brand{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:7px 9px;border-radius:999px}.brand-mark{position:relative;z-index:1}.nav-links{display:flex;gap:15px;color:#595c57;font-size:12px}.nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:999px;transition:color .18s}.nav-link-label{position:relative;z-index:1}.nav-link.is-active,.nav-link:hover{color:var(--ink)}.nav-active-circle{position:absolute;inset:0;z-index:0;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--paper));border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}.nav-cta{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border:1px solid var(--line);padding:10px 13px;border-radius:4px}.nav-cta:hover{border-color:var(--accent);color:var(--accent)}.route-stage{position:relative;overflow-x:clip;min-height:calc(100vh - 146px)}.home-hero{min-height:440px;display:flex;align-items:center;justify-content:space-between;padding-block:62px}.hero-content{max-width:690px}.intro-label,.kicker,.section-number{font-family:var(--mono);font-size:10px;letter-spacing:.7px}.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent);margin:0 0 32px;background:#f1f6f2;padding:8px 10px;border-radius:3px}.status-dot{width:7px;height:7px;border-radius:50%;background:#6f9b78}.intro-label{color:var(--muted);margin:0 0 14px}.hero h1,.page-heading h1{font-size:clamp(45px,6vw,68px);line-height:1.08;letter-spacing:-3.5px;margin:0;font-weight:600}.hero h1 span{color:#8a8e88}.hero-description{font-size:14px;line-height:1.8;color:#686b66;max-width:490px;margin:20px 0}.location{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin:23px 0 0}.location span{color:#b6b8b3}.home-index{height:185px;width:150px;margin-right:45px;border-left:1px solid var(--line);position:relative;padding:12px 0 0 20px;color:#939690;display:flex;flex-direction:column;gap:8px}.home-index span,.home-index strong{font:10px var(--mono);font-weight:400}.home-index strong{font-size:19px;color:#565a54}.home-index i{position:absolute;left:20px;bottom:5px;width:40px;height:1px;background:#b8c9bc}.home-sections{border-top:1px solid var(--line);background:var(--soft);padding:55px 0 62px}.home-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-number{display:block;color:var(--accent)}.home-section-heading p{font-size:11px;color:var(--muted);margin:0}.section-links{border-top:1px solid #e2e5e0}.section-link-card{display:grid;grid-template-columns:55px 1fr 25px;grid-gap:14px;gap:14px;align-items:center;min-height:98px;border-bottom:1px solid #e2e5e0;transition:padding .18s}.section-link-card:hover{padding-inline:8px}.card-number{font:10px var(--mono);color:#969a94;align-self:start;padding-top:29px}.card-copy{display:grid;grid-gap:6px;gap:6px}.card-copy strong{font-size:16px;font-weight:600}.card-copy small{font-size:11px;color:var(--muted)}.card-arrow{color:#7d827b}.section-link-card:hover .card-arrow{color:var(--accent)}.home-contact{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;margin-top:24px}.home-contact span{color:var(--muted);font-weight:400}.home-contact svg{color:var(--accent)}.page-main{min-height:calc(100vh - 146px);background:var(--soft)}.detail-page{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:80px;gap:80px;padding-top:94px;padding-bottom:100px}.page-heading{align-self:start;position:-webkit-sticky;position:sticky;top:35px}.page-heading .section-number{margin-bottom:22px}.page-heading h1{font-size:clamp(41px,5vw,55px);letter-spacing:-2.6px}.page-heading>p{font-size:12px;line-height:1.7;color:var(--muted);max-width:260px;margin:17px 0 0}.page-content{max-width:590px;padding-top:44px}.lead{font-size:19px;line-height:1.55;letter-spacing:-.35px;font-weight:600;margin:0 0 17px}.about-content>p:not(.lead){font-size:13px;line-height:1.9;color:#696d67;margin:0 0 14px}.about-facts{border-top:1px solid #e0e3de;margin-top:31px;padding-top:20px;display:grid;grid-gap:18px;gap:18px}.about-facts>div{display:flex;align-items:center;gap:12px;color:var(--accent)}.about-facts>div>span{display:grid;grid-gap:5px;gap:5px;color:var(--ink)}.about-facts small{font:9px var(--mono);letter-spacing:.5px;color:#858982}.about-facts strong{font-size:11px;font-weight:600}.projects-page{grid-template-columns:.8fr 1.2fr}.project-list{border-top:1px solid var(--line-strong);margin-top:5px}.project-row{display:grid;grid-template-columns:32px 58px 1fr 38px;grid-gap:12px;gap:12px;align-items:start;padding:24px 0;border-bottom:1px solid var(--line-strong)}.project-index{font:10px var(--mono);color:#989c96;padding-top:4px}.project-main h2{font-size:16px;letter-spacing:-.3px;margin:0 0 7px}.project-main>p{font-size:11px;line-height:1.7;color:var(--muted);margin:0;max-width:560px}.tag-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.tag-list span{font:9px var(--mono);color:#636760;background:var(--card);border:1px solid var(--line);border-radius:3px;padding:5px 8px}.project-arrow{width:33px;height:33px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#666a64;transition:all .18s}.project-arrow:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.github-link{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;margin-top:22px;transition:color .18s}.technology-list{border-top:1px solid var(--line-strong);margin-top:5px}.technology-item{min-height:55px;display:grid;grid-template-columns:42px 1fr;align-items:center;border-bottom:1px solid var(--line-strong)}.technology-item>span{font:9px var(--mono);color:#999d96}.technology-item strong{font-size:13px;font-weight:500}.site-footer{background:#20211f;color:#fff}.footer-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between}.footer-copy{font-size:10px;color:#a9aca6}.social-links{display:flex;align-items:center;gap:16px;color:#c4c7c1}.social-links a{display:grid;transition:color .18s}.social-links a:hover{color:#c5dcc9}.home-index:before{content:"";position:absolute;z-index:-1;width:160px;height:160px;top:10px;left:29px;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 17px color-mix(in srgb,var(--accent) 5%,transparent),0 0 0 34px color-mix(in srgb,var(--accent) 3%,transparent)}.home-index{z-index:0;align-items:flex-start}.home-index .home-index-label{font:10px var(--mono);color:var(--muted)}.profile-avatar{position:relative;width:102px;height:102px;align-self:center;flex:none;overflow:hidden;margin-top:10px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:50%;background:var(--soft);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 7%,transparent)}.profile-avatar img{object-fit:cover;object-position:center 36%}.home-index small{align-self:center;font:8px var(--mono);letter-spacing:.5px;color:var(--muted);margin-top:12px}.home-index i{left:50%;transform:translateX(-50%);bottom:-4px;width:32px}.card-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--card);color:var(--accent);transition:transform .2s,background .2s,color .2s}.section-link-card:hover .card-icon{transform:rotate(-7deg) scale(1.07);background:var(--accent);color:#fff}.project-preview{height:58px;width:58px;display:flex;flex-direction:column;justify-content:space-between;padding:9px;color:#365442;background:#dce9df;transition:transform .2s}.project-row:hover .project-preview{transform:translateY(-3px) rotate(-3deg)}.project-preview span{align-self:end;font:8px var(--mono);opacity:.7}.preview-2{background:#e7e3d4;color:#716744}.preview-3{background:#dce3ec;color:#526881}.github-link:focus-visible,.home-contact:focus-visible,.nav a:focus-visible,.project-arrow:focus-visible,.section-link-card:focus-visible,.social-links a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.hero-content>*{animation:rise-in .55s both}.hero-content>:nth-child(2){animation-delay:.06s}.hero-content>:nth-child(3){animation-delay:.12s}.hero-content>:nth-child(4){animation-delay:.18s}.hero-content>:nth-child(5){animation-delay:.24s}.section-link-card{animation:rise-in .45s both}.section-link-card:nth-child(2){animation-delay:.06s}.section-link-card:nth-child(3){animation-delay:.12s}@keyframes rise-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.technology-item{transition:padding .18s,background .18s}.technology-item:hover{padding-inline:10px;background:color-mix(in srgb,var(--accent) 5%,transparent)}.project-main h2{transition:color .18s}.project-row:hover .project-main h2{color:var(--accent)}@media(max-width:760px){.container{width:calc(100% - 44px)}.home-hero{min-height:390px}.home-index{margin-right:5px;width:120px}.detail-page{gap:42px;grid-template-columns:.75fr 1.25fr;padding-top:72px;padding-bottom:75px}.page-heading h1{font-size:43px}}@media(max-width:560px){.container{width:calc(100% - 40px)}.nav{height:66px}.brand{font-size:19px}.nav-links{gap:2px;font-size:10px}.nav-link{padding:8px 7px}.nav-brand{padding:6px 7px}.nav-cta{font-size:10px;padding:9px}.home-hero{position:relative;min-height:unset;padding-top:62px;padding-bottom:55px}.kicker{font-size:8px;margin-bottom:27px}.hero h1{font-size:clamp(39px,10vw,53px);letter-spacing:-2.5px}.hero-description{font-size:13px}.home-index{display:flex;position:absolute;top:57px;right:20px;width:auto;height:auto;margin:0;padding:0;border:0}.home-index i,.home-index small,.home-index-label,.home-index:before{display:none}.profile-avatar{width:42px;height:42px;margin:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 7%,transparent)}.location{font-size:10px}.home-sections{padding:42px 0 48px}.home-section-heading{display:block}.home-section-heading p{margin-top:10px}.section-link-card{grid-template-columns:33px 1fr 20px;gap:8px;min-height:94px}.section-link-card:hover{padding-inline:3px}.card-copy strong{font-size:14px}.card-copy small{font-size:10px;line-height:1.5}.home-contact{flex-wrap:wrap}.detail-page{display:block;padding-top:51px;padding-bottom:63px}.page-heading{position:static;margin-bottom:34px}.page-heading .section-number{margin-bottom:15px}.page-heading h1{font-size:42px}.page-heading>p{margin-top:10px}.page-content{padding-top:0}.lead{font-size:17px}.about-content>p:not(.lead){font-size:12px}.project-row{grid-template-columns:26px 48px 1fr 33px;gap:7px;padding:20px 0}.project-main h2{font-size:14px}.technology-item{min-height:51px}.footer-inner{min-height:65px;gap:10px}.footer-copy{font-size:9px}.social-links{gap:11px}.social-links svg{width:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#eef0ec;--muted:#a2a79f;--paper:#151815;--soft:#1d211e;--line:#303631;--line-strong:#343a35;--card:#242a25;--accent:#a2c9aa}::selection{background:#355540;color:#fff}.site-header{background:var(--paper)}.nav-links{color:#c2c7c0}.hero h1 span{color:#a3aaa2}.home-index{color:#a2a79f}.home-index:before{border-color:#303a32}.project-list,.project-row,.section-link-card,.section-links,.technology-item,.technology-list{border-color:var(--line-strong)}.card-icon{background:#272e28}.card-copy small,.home-contact span,.home-section-heading p,.page-heading>p,.project-main>p{color:var(--muted)}.project-preview{background:#294033;color:#b5d8bc}.preview-2{background:#383629;color:#ded19a}.preview-3{background:#29343f;color:#b3cbe2}.tag-list span{background:#242a25;border-color:#353c36;color:#d0d5ce}.project-arrow{border-color:#414841;color:#d0d5ce}.project-arrow:hover{background:#eef0ec;border-color:#eef0ec;color:#151815}.about-facts{border-color:var(--line-strong)}.about-content>p:not(.lead){color:#b8bdb6}.about-facts small,.technology-item>span{color:#a2a79f}.technology-item,.technology-list{border-color:var(--line-strong)}.nav-cta{border-color:#414841}.nav-cta:hover{border-color:var(--accent)}.section-link-card:hover .card-icon{color:#151815}.home-sections{border-color:var(--line)}}@media(max-width:390px){.container{width:calc(100% - 30px)}.nav-links{gap:9px;font-size:9px}.nav-cta{gap:3px;padding:8px;font-size:9px}.brand{font-size:18px}.home-contact{font-size:10px}.project-preview{width:45px;height:50px;padding:7px}.project-row{grid-template-columns:20px 45px 1fr 30px;gap:6px}.project-main h2{font-size:13px}.project-main>p{font-size:10px}}@media(min-width:561px){.home-index{width:190px;height:190px;margin-right:25px;padding:0;border:0;display:grid;place-items:center}.home-index:before{width:170px;height:170px;top:10px;left:50%;transform:translateX(-50%)}.home-index i,.home-index small,.home-index-label{display:none}.profile-avatar{width:150px;height:150px;margin:0;border:4px solid var(--paper);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 46%,transparent),0 0 0 9px color-mix(in srgb,var(--accent) 8%,transparent)}.profile-avatar img{object-position:center 32%}}@media(max-width:560px){.home-index{width:62px;height:62px;right:20px;top:51px;align-items:center;justify-content:center}.home-index:before{display:block;left:50%;top:0;width:62px;height:62px;transform:translateX(-50%);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 5%,transparent)}.profile-avatar{width:52px;height:52px;margin:0;border:2px solid var(--paper);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 42%,transparent)}.profile-avatar img{object-position:center 32%}}.route-stage .hero-content>*,.route-stage .section-link-card{animation:none}.project-row{grid-template-columns:32px minmax(130px,168px) minmax(0,1fr) 38px;align-items:center}.project-preview{position:relative;width:100%;height:auto;aspect-ratio:1.5;overflow:hidden;border:1px solid var(--line);border-radius:8px;padding:0;background:var(--card);transition:transform .2s,box-shadow .2s}.project-row:hover .project-preview{transform:translateY(-2px);box-shadow:0 8px 20px #1112}.project-preview img{object-fit:cover;transition:transform .35s}.project-row:hover .project-preview img{transform:scale(1.035)}.project-placeholder{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#f1f5f1,#e7eee8);color:#27352c}.preview-2 .project-placeholder{background:linear-gradient(135deg,#f5f1e7,#ebe5d4);color:#443d2f}.preview-3 .project-placeholder{background:linear-gradient(135deg,#edf1f6,#dfe7f0);color:#303e50}.preview-browser-bar{height:17px;padding:0 6px;display:flex;align-items:center;gap:3px;background:#ffffffbd;border-bottom:1px solid #0000000d}.preview-browser-bar>span{width:4px;height:4px;border-radius:50%;background:#c6d0c8}.preview-browser-bar>span:first-child{background:#d8998f}.preview-browser-bar>span:nth-child(2){background:#ddc990}.preview-browser-bar>span:nth-child(3){background:#9cbea5}.preview-browser-bar small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:4px;font:6px var(--mono);opacity:.65}.preview-browser-content{height:calc(100% - 17px);padding:9px;display:flex;flex-direction:column;align-items:flex-start}.preview-eyebrow{font:5px var(--mono);letter-spacing:.4px;opacity:.65}.preview-browser-content strong{font-size:10px;line-height:1.1;letter-spacing:-.25px;margin-top:4px;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-browser-content i{display:block;width:75%;height:2px;border-radius:2px;background:currentColor;opacity:.18;margin-top:5px}.preview-browser-content i:nth-of-type(2){width:54%;margin-top:3px}.preview-button{width:32px;height:8px;border-radius:2px;background:currentColor;opacity:.75;margin-top:7px}.preview-pending{position:absolute;right:5px;bottom:4px;font:5px var(--mono);letter-spacing:.2px;opacity:.57}@media(max-width:560px){.project-row{grid-template-columns:26px 96px minmax(0,1fr) 33px}.project-preview{aspect-ratio:1.45}}@media(max-width:390px){.project-row{grid-template-columns:20px 76px minmax(0,1fr) 30px}.project-preview{aspect-ratio:1.35}.preview-browser-content{padding:7px}.preview-browser-content strong{font-size:8px}}