:root{--ink:#29190f;--muted:#725f50;--paper:#f8f2e8;--card:#fffaf2;--gold:#e7a247;--gold2:#f4c46d;--line:#3b2718;--green:#315b47;--shadow:6px 7px 0 var(--line)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Manrope,sans-serif;background-image:radial-gradient(#d7c6b2 1px,transparent 1px);background-size:22px 22px}a{color:inherit}button,a{touch-action:manipulation}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.mono{font-family:"DM Mono",monospace}.eyebrow{font:500 .78rem "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
    nav{position:sticky;top:0;z-index:10;background:rgba(248,242,232,.9);backdrop-filter:blur(12px);border-bottom:1.5px solid rgba(59,39,24,.2)}.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.1rem}.brand-mark{width:50px;height:50px;border:1.5px solid var(--line);background:var(--card);border-radius:12px;object-fit:cover}.nav-links{display:flex;gap:26px;align-items:center}.nav-links a{text-decoration:none;font:500 .83rem "DM Mono",monospace}.nav-links a:hover{text-decoration:underline;text-underline-offset:6px}.menu{display:none;border:1.5px solid var(--line);background:var(--card);border-radius:10px;padding:8px 11px;font-size:1rem}
    header{padding:76px 0 58px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:54px;align-items:center}.hero h1{font-size:clamp(3.3rem,7vw,7rem);line-height:.92;letter-spacing:-.065em;margin:16px 0 24px;max-width:880px}.hero h1 em{font-style:normal;color:var(--gold);text-shadow:2px 2px 0 var(--line)}.lead{font-size:clamp(1.05rem,2vw,1.32rem);max-width:680px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:9px;text-decoration:none;border:1.8px solid var(--line);border-radius:12px;padding:12px 17px;font-weight:700;background:var(--gold2);box-shadow:3px 4px 0 var(--line);transition:.15s}.btn.secondary{background:var(--card)}.btn:hover{transform:translate(2px,2px);box-shadow:1px 2px 0 var(--line)}.stamp{min-height:330px;border:2px solid var(--line);background:var(--card);border-radius:48% 52% 44% 56% / 53% 44% 56% 47%;display:grid;place-items:center;text-align:center;box-shadow:var(--shadow);transform:rotate(2deg);padding:40px}.stamp .potato-logo{width:168px;height:168px;display:block;margin:0 auto 14px;border:1.5px solid var(--line);border-radius:24px;object-fit:cover}.stamp strong{font-size:1.55rem;display:block}.stamp span{font-family:"DM Mono",monospace;font-size:.78rem;color:var(--muted)}
    section{padding:76px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-head h2{font-size:clamp(2.15rem,4vw,3.7rem);line-height:1;letter-spacing:-.05em;margin:8px 0}.section-head p{color:var(--muted);max-width:520px;margin:0}.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px}.panel{border:1.8px solid var(--line);background:var(--card);border-radius:18px;padding:30px;box-shadow:4px 5px 0 var(--line)}.panel h3{font-size:1.45rem;margin:0 0 12px}.profile-card{padding:0;overflow:hidden}.profile-card img{width:100%;height:100%;min-height:430px;display:block;object-fit:cover;object-position:center}.about-copy{display:flex;flex-direction:column;justify-content:center}.about-copy p{color:var(--muted)}.about-copy .intro{font-size:1.16rem;color:var(--ink)}.about-puhtaeto{margin-top:24px;padding-top:22px;border-top:1.4px solid var(--line)}.socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.chip{display:inline-flex;align-items:center;gap:7px;border:1.3px solid var(--line);border-radius:999px;padding:7px 11px;text-decoration:none;background:#fff;font:500 .78rem "DM Mono",monospace}.chip:hover{background:var(--gold2)}.status{display:flex;gap:10px;align-items:center;font:500 .8rem "DM Mono",monospace;color:var(--green)}.status:before{content:"";width:9px;height:9px;border-radius:50%;background:#4c9f70;box-shadow:0 0 0 4px #dcecdf}
    .projects{display:grid;gap:24px}.project{display:grid;grid-template-columns:260px 1fr;border:1.8px solid var(--line);border-radius:20px;background:var(--card);overflow:hidden;box-shadow:var(--shadow)}.project-side{padding:30px;background:#d8e5da;border-right:1.8px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.project-no{font:500 .8rem "DM Mono",monospace}.project-icon{font-size:3.5rem;margin:28px 0}.project-side h3{font-size:2rem;line-height:1;margin:0}.project-main{padding:30px}.project-top{display:flex;justify-content:space-between;gap:22px;align-items:start}.project-main>p{color:var(--muted);margin:0;max-width:760px}.project-links{display:flex;flex-wrap:wrap;gap:8px;min-width:255px;justify-content:flex-end}.project-links a,.project-links span{font:500 .75rem "DM Mono",monospace;border:1.3px solid var(--line);border-radius:8px;text-decoration:none;padding:7px 9px;background:#fff}.project-links span{color:var(--muted)}.build-points{margin:27px 0 0;padding-left:20px;display:grid;gap:10px;color:var(--muted)}.build-points strong{color:var(--ink)}.tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:20px;border-top:1.4px solid var(--line)}.tech span{font:500 .72rem "DM Mono",monospace;background:#eee3d3;border-radius:6px;padding:5px 8px}
    .timeline{position:relative;display:grid;gap:18px;margin-left:16px}.timeline:before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:2px;background:var(--line)}.time-item{display:grid;grid-template-columns:38px 1fr;gap:16px}.dot{width:18px;height:18px;background:var(--gold);border:2px solid var(--line);border-radius:50%;z-index:1;margin-top:26px}.time-card{border:1.5px solid var(--line);border-radius:15px;padding:22px 24px;background:var(--card)}.time-meta{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.time-card span{font:500 .73rem "DM Mono",monospace;color:var(--green)}.time-card h3{margin:4px 0 10px;font-size:1.24rem}.time-card ul{margin:0;padding-left:20px;color:var(--muted);display:grid;gap:7px}.job-tech{margin-top:14px!important;color:var(--ink)!important}.job-tech b{font:500 .72rem "DM Mono",monospace;background:#eee3d3;border-radius:6px;padding:4px 7px;display:inline-block;margin:3px 3px 0 0}
    footer{padding:42px 0;border-top:1.5px solid var(--line);background:var(--ink);color:var(--paper)}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-inner p{margin:0}.footer-inner a{color:var(--gold2)}
    @media(max-width:850px){.hero,.about-grid{grid-template-columns:1fr}.stamp{min-height:260px}.profile-card img{height:min(70vh,620px);min-height:360px}.project{grid-template-columns:1fr}.project-side{border-right:0;border-bottom:1.8px solid var(--line);flex-direction:row;align-items:end}.project-icon{margin:0}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;padding:20px;background:var(--paper);border-bottom:1.5px solid var(--line);flex-direction:column;align-items:start}.nav-links.open{display:flex}.menu{display:block}.project-top{flex-direction:column}.project-links{justify-content:flex-start;min-width:0}.section-head{align-items:start;flex-direction:column}.footer-inner{align-items:start;flex-direction:column}}
    @media(max-width:520px){.wrap{width:min(100% - 24px,1180px)}header{padding-top:48px}.hero h1{font-size:3.2rem}.stamp{min-height:220px}.panel,.project-main{padding:22px}.project-side{padding:22px}.metric-grid{grid-template-columns:1fr}.actions .btn{width:100%;justify-content:center}}
.project.in-progress{background:#f1ece4;border-style:dashed;box-shadow:none;filter:grayscale(1);opacity:.62}.project.in-progress .project-side{background:#e4ded5}.project.in-progress .project-icon{opacity:.6}.project.in-progress .build-points strong{color:var(--muted)}.project-links .wip-badge{color:var(--paper);background:var(--muted);border-color:var(--muted);text-transform:uppercase;letter-spacing:.04em}