:root{color-scheme:dark;--bg:#1d1d1b;--text:#f2eee7;--muted:#c2bdb4;--line:#494640;--link:#f0a6b5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{max-width:740px;margin:0 auto;padding:28px 32px 60px;background:var(--bg);color:var(--text);font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.55}.header{margin-bottom:88px}.nav{display:flex;align-items:baseline;justify-content:space-between;gap:28px}.name{font-size:1.18rem;font-weight:bold}a{color:var(--link);text-underline-offset:3px}.links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 14px;font-family:Arial,sans-serif;font-size:.76rem}.links a{color:var(--muted);text-decoration:none}.links a:hover{color:var(--link);text-decoration:underline}.intro{max-width:590px;margin-bottom:80px;font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.45}.intro p{margin:0 0 17px}section{margin-bottom:76px}h1{margin:0 0 18px;font-size:1.35rem;line-height:1.2}.project-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.project-list li{padding:18px 0;border-bottom:1px solid var(--line)}.project-list a{font-size:1.08rem}.project-list p{margin:4px 0 0;color:var(--muted);font-size:.92rem}#contact>p,.legal p{color:var(--muted)}form{display:grid;gap:16px;max-width:560px;margin-top:30px;font-family:Arial,sans-serif;font-size:.85rem}label{display:grid;gap:7px;color:var(--muted)}input,textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--link)}button{justify-self:start;padding:10px 14px;border:1px solid var(--link);background:transparent;color:var(--link);font:inherit;cursor:pointer}button:hover{background:var(--link);color:var(--bg)}.honeypot{position:absolute;left:-9999px}.legal{padding-top:30px;border-top:1px solid var(--line);font-size:.9rem}.legal p{margin:0 0 18px}footer{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-family:Arial,sans-serif;font-size:.72rem}@media(max-width:640px){body{padding:22px 20px 48px;font-size:17px}.header{margin-bottom:60px}.nav{align-items:flex-start;flex-direction:column;gap:14px}.links{justify-content:flex-start}.intro{margin-bottom:60px}section{margin-bottom:60px}footer{gap:14px;flex-direction:column}}