@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";*,:after,:before{box-sizing:border-box}*{margin:0}html{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}body{min-height:100vh}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none;transition:opacity .3s ease-out}a:hover{opacity:.67}.container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1.25rem;padding-right:1.25rem;width:100%}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.projects-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:4rem}@media(min-width:768px){.projects-grid{gap:3rem;grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.projects-grid{gap:4rem}}.intro{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;margin-top:4rem}@media(min-width:768px){.intro{flex-direction:row;justify-content:space-between;margin-bottom:3rem}}.intro-text{padding-right:1rem}.intro-title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;line-height:1.25;text-align:center}@media(min-width:768px){.intro-title{font-size:2.25rem;text-align:left}}.intro-subtitle{font-size:1rem;padding-top:.25rem;text-align:center}@media(min-width:768px){.intro-subtitle{text-align:left}}.intro-links{align-items:center;display:flex;flex-direction:row;gap:.5rem;padding:.5rem}.intro-link{align-items:center;background-color:#e0e7ff;box-shadow:0 1px 2px #0000000d;color:#312e81;display:inline-flex;font-weight:700;letter-spacing:-.025em;padding:.5rem 1rem;transition:transform .2s ease-out,box-shadow .2s ease-out}.intro-link:hover{box-shadow:0 4px 6px #0000001a;opacity:1;transform:translateY(-2px)}@media(prefers-color-scheme:dark){.intro-link{background-color:#312e81;color:#e0e7ff}}.project-card{background-color:#f8fafc;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;overflow:hidden}.project-card-image{cursor:pointer}.project-card-content{border-top:1px solid #e2e8f0;padding:1.5rem}.project-card-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;line-height:1.375;margin-bottom:.5rem}.project-card-title a:hover{opacity:1;text-decoration:underline}.project-card-description{font-size:1rem}.cover-image-wrapper{align-items:center;display:flex;overflow:hidden}.cover-image{box-shadow:0 1px 2px #0000000d;height:auto;-o-object-fit:cover;object-fit:cover;transition:box-shadow .2s ease;width:100%}.cover-image.clickable:hover{box-shadow:0 4px 6px #0000001a}.project-page{padding-top:2rem}.back-link{background-color:#f1f5f9;display:inline-block;margin-bottom:2rem;padding:.5rem;text-decoration:underline}.back-link,.project-title{font-weight:700;letter-spacing:-.025em}.project-title{font-size:1.25rem;line-height:1.25;margin-bottom:1rem}@media(min-width:768px){.project-title{font-size:1.875rem;margin-bottom:2rem}}@media(min-width:1024px){.project-title{font-size:2.25rem}}.tech-tags{margin-bottom:1rem}@media(min-width:768px){.tech-tags{margin-bottom:2rem}}.tech-tag{background-color:#fefce8;border:1px solid rgba(202,138,4,.2);color:#854d0e;display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:.5rem;margin-right:.5rem;padding:.25rem 1rem;text-align:center}.prose{font-size:.875rem;letter-spacing:-.025em;line-height:1.75;margin-bottom:1rem}@media(min-width:768px){.prose{margin-bottom:1.5rem}}.prose p{margin-bottom:1rem}.prose img{height:auto;margin:1rem 0;width:100%}.video-wrapper{border:2px solid #334155;margin-bottom:1rem}@media(min-width:768px){.video-wrapper{margin-bottom:2rem}}.video-wrapper video{height:auto;width:100%}.external-link{align-items:center;background:linear-gradient(to bottom right,#9333ea,#3b82f6);border-radius:12px;box-shadow:0 1px 2px #0000000d;color:#fff;display:inline-flex;font-weight:700;letter-spacing:-.05em;padding:.5rem 1rem;transition:transform .2s ease-out,box-shadow .2s ease-out}.external-link:hover{background:linear-gradient(to bottom left,#9333ea,#3b82f6);box-shadow:0 4px 6px #0000001a;opacity:1;transform:translateY(-2px)}.hero-image-wrapper{margin-bottom:2rem;margin-top:2rem;max-width:42rem}@media(min-width:768px){.hero-image-wrapper{margin-bottom:4rem}}.footer{border-top:1px solid #e2e8f0;padding:2.5rem 0}.footer-content{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;line-height:1.25;margin-bottom:2.5rem;text-align:center}@media(min-width:1024px){.footer-content{margin-bottom:0;padding-right:1rem;text-align:left;width:50%}}.footer-link{background-color:#f1f5f9;padding:.5rem;text-decoration:underline;transition:all .2s ease}