@import url(https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1d295e;--crimson:#9e2626;--bg:#f8fafc;--surface:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--radius:8px}body{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--bg);color:#111827;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:16px;line-height:1.6}.hero{background:#1d295e;background:var(--navy);color:#fff;padding:80px 24px 72px}.hero-inner{margin:0 auto;max-width:720px}.hero-label{color:#ffffff73;font-size:.75rem;font-weight:500;letter-spacing:.1em;margin-bottom:18px;text-transform:uppercase}.hero h1{font-family:Archivo,sans-serif;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;letter-spacing:-.025em;line-height:1.08;margin-bottom:18px}.hero-sub{color:#ffffffa6;font-size:1.05rem;line-height:1.6;margin-bottom:36px;max-width:460px}.hero-links{align-items:center;display:flex;flex-wrap:wrap;font-size:.88rem;gap:2px 0}.hero-links a{color:#ffffffbf;cursor:pointer;text-decoration:none;transition:color .15s}.hero-links a:focus-visible,.hero-links a:hover{color:#fff;outline:none}.hero-links a:focus-visible{text-decoration:underline}.dot{color:#ffffff40;margin:0 10px;-webkit-user-select:none;user-select:none}.main{margin:0 auto;max-width:720px;padding:72px 24px 80px}.section{margin-bottom:64px}.section h2{color:#9e2626;color:var(--crimson);font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.12em;margin-bottom:20px;text-transform:uppercase}.section>p{color:#374151;font-size:.975rem;line-height:1.8;max-width:640px}.section>p+p{margin-top:16px}.animate{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.animate.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.animate{opacity:1;transform:none;transition:none}}.project-grid{grid-gap:1px;background:#e5e7eb;background:var(--border);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:grid;gap:1px;grid-template-columns:1fr;overflow:hidden}.project-card{background:#fff;background:var(--surface);padding:24px;position:relative;transition:background .15s}.project-card:hover{background:#fafafa}.project-card h3{color:#1d295e;color:var(--navy);font-family:Archivo,sans-serif;font-size:.975rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.project-card>p{color:#6b7280;color:var(--muted);font-size:.875rem;line-height:1.65;margin-bottom:18px;max-width:580px}.project-footer{align-items:center;gap:10px;justify-content:space-between}.project-footer,.tech-tags{display:flex;flex-wrap:wrap}.tech-tags{gap:6px}.tech-tags span{background:#f8fafc;background:var(--bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:4px;color:#6b7280;color:var(--muted);font-size:.72rem;font-weight:500;letter-spacing:.01em;padding:2px 8px}.project-links{display:flex;gap:14px}.project-links a{color:#1d295e;color:var(--navy);cursor:pointer;font-size:.82rem;font-weight:500;text-decoration:none;transition:color .15s}.project-links a:focus-visible,.project-links a:hover{color:#9e2626;color:var(--crimson);outline:none}.project-wip{background:#fff;background:var(--surface)}.wip-badge{background:#9e262612;border:1px solid #9e26262e;border-radius:4px;color:#9e2626;color:var(--crimson);font-size:.68rem;font-weight:600;letter-spacing:.07em;padding:2px 8px;position:absolute;right:20px;text-transform:uppercase;top:20px}.skills-grid{display:flex;flex-wrap:wrap;gap:8px}.skills-grid span{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#111827;color:var(--text);cursor:default;font-size:.84rem;font-weight:500;padding:6px 14px;transition:border-color .15s,color .15s}.skills-grid span:hover{border-color:#1d295e;border-color:var(--navy);color:#1d295e;color:var(--navy)}footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);color:#6b7280;color:var(--muted);font-size:.82rem;padding:32px 24px;text-align:center}@media (max-width:600px){.hero{padding:56px 20px 48px}.hero-links{align-items:flex-start;flex-direction:column;gap:6px}.dot{display:none}.main{padding:48px 20px 64px}.project-footer{align-items:flex-start;flex-direction:column}.wip-badge{display:inline-block;margin-bottom:10px;position:static}}
/*# sourceMappingURL=main.b4ed58fa.css.map*/