@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500;700&display=swap");#main{background-color:transparent;padding:80px 0}#main .container{max-width:1400px;margin:0 auto;padding:0 2rem}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px}.box{display:flex;flex-direction:column;gap:12px;background:rgba(22,27,39,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:16px;box-shadow:0 4px 20px rgba(0,0,0,.25);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.box:hover{border-color:rgba(99,102,241,.45);box-shadow:0 8px 32px rgba(99,102,241,.15);transform:translateY(-4px)}.section-header{text-align:center;margin-bottom:2.5rem}.section-heading{font-family:Space Grotesk,sans-serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:var(--text-primary,#f1f5f9);margin:0;letter-spacing:-.02em}@keyframes projectFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.box-image{position:relative;width:100%;height:180px;border-radius:10px;overflow:hidden}.box h3{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.95rem;color:var(--text-primary,#f1f5f9);margin:0}.button.alt{align-self:flex-start;margin-top:auto;background-color:rgba(99,102,241,.12);color:#c4b5fd;border:1px solid rgba(99,102,241,.5);padding:8px 16px;text-decoration:none;display:inline-block;font-size:.82rem;font-family:DM Sans,sans-serif;font-weight:500;border-radius:8px;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer}.button.alt:hover{background-color:var(--accent-primary,#6366f1);color:#fff;border-color:var(--accent-primary,#6366f1);box-shadow:0 4px 14px rgba(99,102,241,.35)}.projects-list{gap:20px}.project-item,.projects-list{display:flex;flex-direction:column}.project-item{gap:12px;background:rgba(22,27,39,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.2);padding:20px;border-radius:14px;box-shadow:0 4px 20px rgba(0,0,0,.3);opacity:0;transform:translateY(12px);animation:projectFadeIn .42s ease-out forwards;transition:border-color .2s ease,box-shadow .2s ease}.project-item:hover{border-color:rgba(99,102,241,.45);box-shadow:0 8px 32px rgba(99,102,241,.15)}.project-media{width:100%}.project-image{width:100%;height:auto;border-radius:10px;object-fit:cover;display:block}.video-container{width:100%;border-radius:10px;overflow:hidden;background:#000;position:relative}.video-container>div{position:relative;width:100%;height:0;padding-bottom:56.25%}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;border:none}.project-type-badge{display:inline-block;padding:5px 12px;background:rgba(99,102,241,.22);color:#c4b5fd;border-radius:6px;font-size:.78rem;font-weight:500;font-family:DM Sans,sans-serif;border:1px solid rgba(99,102,241,.5)}.project-content{text-align:left}.project-title{margin:4px 0 8px;font-family:Space Grotesk,sans-serif;font-weight:600;color:var(--text-primary,#f1f5f9)}.project-description{margin:0 0 10px;font-family:DM Sans,sans-serif;color:var(--text-muted,#94a3b8);font-size:.95rem;line-height:1.6}.project-actions{margin-top:4px}@media (max-width:480px){.video-container,.video-container iframe{border-radius:6px}}