html,body{margin:0;padding:0;font-family:Urbanist,sans-serif;user-select:none}:root{--spacer-small: 24px;--spacer-medium: 32px;--spacer-large: 48px;--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-200: #e4e4e7;--zinc-300: #d4d4d8;--zinc-400: #a1a1aa;--zinc-500: #71717a;--zinc-600: #52525b;--zinc-700: #3f3f46;--zinc-800: #27272a;--zinc-900: #18181b;--zinc-950: #09090b}html{scroll-behavior:smooth}body{background:var(--zinc-950);color:#fff}p{color:var(--zinc-300);line-height:150%;font-weight:500;font-size:16px}h2{margin-bottom:2rem;margin-top:0;font-size:20px}header{padding:24px 0;position:sticky;z-index:3;width:100%;top:0;background:var(--zinc-950);border-bottom:solid 1px transparent;transition:.2s}header.scrolled{border-bottom:solid 1px var(--zinc-800);padding:16px 0}header .wrapper{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:800;text-decoration:none;color:#fff;font-size:20px;display:flex;gap:8px;align-items:center}.logo svg{transition:.4s}.logo:hover svg{transform:rotate(90deg)}nav{display:flex;align-items:center;gap:20px}nav a{font-weight:600;text-decoration:none;font-size:16px;color:var(--zinc-400);transition:.2s}nav a:hover{color:#fff}img{max-width:100%;height:auto;border-radius:16px}.wrapper{width:88%;max-width:880px;margin:0 auto}section{scroll-margin-top:57px;margin:var(--spacer-small) 0px}section#intro{margin:calc(var(--spacer-small) * 2) 0px}section .wrapper{padding:var(--spacer-small) 0px}#intro h1{font-size:30px;max-width:720px;margin-bottom:0}#intro .hi{font-weight:500}.projects-list{display:flex;flex-direction:column;gap:16px}.project-card{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:16px;text-decoration:none;color:#fff;background:var(--zinc-900);align-items:flex-start;transition:background .3s,transform .3s cubic-bezier(.68,-.55,.27,1.55);transform:scale(1)}.project-card:hover{background:var(--zinc-700);transform:scale(1.02)}.project-card:hover .project-card-emoji{transform:rotate(-30deg)}.project-card *{margin:0}.project-card-top{width:100%;display:flex;flex-direction:column;align-items:start}.project-card-title{margin-top:0;font-size:20px;order:2}.project-card-date{font-size:16px;color:var(--zinc-400);font-weight:600;order:1;margin-bottom:8px}.project-tags{display:flex;gap:12px;flex-wrap:wrap}.project-card .project-tags{display:none}.pill{display:inline-block;border-radius:16px;background:var(--zinc-800);padding:6px 16px;font-size:14px;font-weight:600}.skills{display:grid;gap:16px;margin-top:32px}.skill{display:flex;gap:12px;align-items:center;background:var(--zinc-900);border-radius:16px;padding:16px}.skill span{font-size:32px}.skill p{margin:0;color:#fff}.form-thanks .button{margin-top:40px}.form-layout{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.form-layout label{display:flex;flex-direction:column;width:100%;gap:8px}label span{font-weight:600}.form-split{display:flex;flex-direction:column;gap:16px;width:100%}.form-layout input,.form-layout textarea{border-radius:8px;background:var(--zinc-900);border:none;padding:8px 16px;font-size:16px;font-weight:600;color:#fff;font-family:Urbanist,"sans-serif";line-height:150%;transition:.3s}textarea{resize:vertical}.form-layout input:hover,.form-layout textarea:hover{background:var(--zinc-800)}.form-layout input:focus,.form-layout textarea:focus{background:var(--zinc-800);outline:none}.button{display:inline-flex;align-items:center;gap:8px;background:var(--zinc-700);border:none;border-radius:8px;padding:12px 16px;font-family:Urbanist,"sans-serif";font-weight:600;font-size:16px;color:#fff;text-decoration:none;transition:.2s;transform:scale(1)}.button:hover{background:var(--zinc-600);transform:scale(1.03)}.button span{font-size:18px;color:var(--zinc-400)}footer{padding:24px 0}footer p{font-size:12px;color:var(--zinc-500)}hr{border:none;border-bottom:solid 2px var(--zinc-800);margin-top:clamp(40px,10vw,80px);margin-bottom:clamp(40px,10vw,80px)}#project img{margin-top:clamp(40px,10vw,80px);margin-bottom:clamp(40px,10vw,80px)}#project ul{list-style:none}#project li{margin-bottom:1.5rem;position:relative}#project li:before{content:"";position:absolute;width:8px;height:8px;background:var(--zinc-600);border-radius:999px;top:6px;left:-24px}blockquote{border-left:solid 4px var(--zinc-800);margin:32px 0;padding:16px 24px}blockquote p{font-size:clamp(1rem,1vw + 1rem,1.5rem);line-height:150%;display:block;color:#fff;margin-top:0}blockquote p:last-of-type{font-size:16px;margin-bottom:0}#project-intro{background:var(--zinc-900)}#project-intro .wrapper{padding:clamp(40px,10vw,80px) 0px}.project-page-intro h1{font-size:24px;line-height:150%}@media (min-width: 400px){section{margin:var(--spacer-medium) 0px}section#intro{margin:calc(var(--spacer-medium) * 2) 0px}h2{font-size:24px}nav{gap:32px}#intro .hi{font-size:20px}section .wrapper{padding:var(--spacer-medium) 0px}#intro h1{font-size:36px}.projects-list{gap:20px}.project-card{padding:32px}.project-card-top{flex-direction:row;align-items:center;justify-content:space-between}.project-card-title{order:1}.project-card-date{order:2;margin-bottom:0}.skills{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}.skill{flex-direction:column;justify-content:center;padding:24px}.form-split,.form-layout{gap:20px}#project-intro h1{font-size:32px}}@media (min-width: 800px){section{margin:var(--spacer-large) 0px}section#intro{margin:calc(var(--spacer-large) * 2) 0px}p{font-size:18px}section .wrapper{padding:var(--spacer-large) 0px}#intro h1{font-size:48px}.projects-list{gap:24px}.project-card .project-tags{display:flex}.skills{grid-template-columns:repeat(4,1fr);gap:24px}.form-split{flex-direction:row;gap:24px}.form-layout{gap:24px}#project-intro h1{font-size:40px}}