@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--slate-900:#0f172a;--slate-800:#1e293b;--slate-500:#64748b;--slate-400:#94a3b8;--slate-200:#e2e8f0;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-900:#134e4a;--bg-main:var(--slate-900);--text-main:var(--slate-400);--text-highlight:var(--slate-200);--accent:var(--teal-300)}html{scroll-behavior:smooth;background-color:var(--bg-main);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}::selection{background-color:var(--teal-300);color:var(--teal-900)}a{color:inherit;text-decoration:none;transition:color .2s}.spotlight-wrapper{min-height:100vh;position:relative}.spotlight-bg{pointer-events:none;z-index:30;transition:background .3s;position:fixed;inset:0}.container{flex-direction:column;max-width:1280px;margin:0 auto;padding:3rem 1.5rem;display:flex}@media (width>=1024px){.container{flex-direction:row;justify-content:space-between;padding:0 6rem}}.header-col{flex-direction:column;justify-content:space-between;display:flex}@media (width>=1024px){.header-col{width:48%;max-height:100vh;padding-top:6rem;padding-bottom:6rem;position:sticky;top:0}}.content-col{padding-top:6rem}@media (width>=1024px){.content-col{width:52%;padding-bottom:6rem}}section{margin-bottom:4rem;scroll-margin-top:6rem}@media (width>=1024px){section{margin-bottom:9rem}}h1{color:var(--text-highlight);letter-spacing:-.025em;margin:0;font-size:2.5rem;font-weight:700;line-height:1.2}@media (width>=640px){h1{font-size:3rem}}h2{color:var(--text-highlight);margin-top:.75rem;margin-bottom:0;font-size:1.125rem;font-weight:500}@media (width>=640px){h2{font-size:1.25rem}}.bio{max-width:20rem;margin-top:1rem}p{margin-top:0;margin-bottom:1rem}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-highlight);margin-bottom:1rem;font-size:.875rem;font-weight:700;display:block}@media (width>=1024px){.section-title{display:none}}nav ul{margin-top:4rem;padding:0;list-style:none;display:none}@media (width>=1024px){nav ul{display:block}}nav li a{text-transform:uppercase;letter-spacing:.1em;color:var(--slate-500);align-items:center;padding:.75rem 0;font-size:.75rem;font-weight:700;display:flex}nav li a .line{background-color:var(--slate-500);width:2rem;height:1px;margin-right:1rem;transition:all .2s ease-in-out;display:inline-block}nav li a:hover,nav li a.active{color:var(--text-highlight)}nav li a:hover .line,nav li a.active .line{background-color:var(--text-highlight);width:4rem}.socials{align-items:center;margin-top:2rem;padding:0;list-style:none;display:flex}.socials li{margin-right:1.25rem}.socials a{color:var(--slate-400)}.socials a:hover{color:var(--text-highlight)}.card-list{margin:0;padding:0;list-style:none}.card{border-radius:.5rem;gap:1rem;margin:-1rem -1rem 2rem;padding:1rem;transition:all .3s;display:grid;position:relative}@media (width>=640px){.card{grid-template-columns:repeat(8,1fr)}}@media (width>=1024px){.card:hover{background-color:#1e293b80;box-shadow:inset 0 1px #94a3b81a,0 10px 15px -3px #0000001a}}.card-header{text-transform:uppercase;color:var(--slate-500);grid-column:span 2;margin-top:.25rem;font-size:.75rem;font-weight:600}.card-content{grid-column:span 6}.card-title{color:var(--text-highlight);align-items:baseline;margin:0 0 .5rem;font-size:1rem;font-weight:500;display:inline-flex}.card-title a{align-items:center;display:flex}.card-title a svg{width:1rem;height:1rem;margin-left:.25rem;transition:transform .2s}.card:hover .card-title a svg{color:var(--accent);transform:translate(.25rem,-.25rem)}.card:hover .card-title{color:var(--accent)}.card-subtitle{color:var(--slate-500);font-weight:400}.card-description{margin-bottom:1rem;font-size:.875rem;line-height:1.5}.tags{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.tags li{color:var(--teal-300);background-color:#2dd4bf1a;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.text-link{color:var(--text-highlight);font-weight:500;transition:color .2s}.text-link:hover{color:var(--accent)}.project-img{aspect-ratio:16/9;object-fit:cover;border:2px solid #e2e8f01a;border-radius:.25rem;width:100%;transition:border-color .2s}.card:hover .project-img{border-color:#e2e8f04d}.logo-image{border-radius:8px;max-width:120px;margin-bottom:1.5rem;display:block}