.projects{position:relative;padding:clamp(128px,calc(128px + 554.6667 * ((100vw - 1440px) / 6240)),682.6667px) 0;background:linear-gradient(to bottom,#0f172a,#020617)}.projects__separator{position:absolute;top:0;left:0;right:0;height:clamp(1px,calc(1px + 4.3333 * ((100vw - 1440px) / 6240)),5.3333px);background:linear-gradient(to right,transparent,#334155,transparent)}.projects__header{margin-bottom:clamp(80px,calc(80px + 346.6667 * ((100vw - 1440px) / 6240)),426.6667px)}@media(max-width:768px){.projects__header{margin-bottom:40px}}.projects__tag{display:inline-flex;align-items:center;gap:clamp(8px,calc(8px + 34.6667 * ((100vw - 1440px) / 6240)),42.6667px);padding:clamp(4px,calc(4px + 17.3333 * ((100vw - 1440px) / 6240)),21.3333px) clamp(12px,calc(12px + 52 * ((100vw - 1440px) / 6240)),64px);margin-bottom:clamp(24px,calc(24px + 104 * ((100vw - 1440px) / 6240)),128px);border-radius:clamp(9999px,calc(9999px + 6.94375*(100vw - 1440px)),53328px);border:clamp(1px,calc(1px + 4.3333 * ((100vw - 1440px) / 6240)),5.3333px) solid #334155;background-color:#1e293b80}.projects__tag span{font-size:clamp(12px,calc(12px + 52 * ((100vw - 1440px) / 6240)),64px);color:#94a3b8;letter-spacing:.1em;text-transform:uppercase}.projects__heading{font-size:clamp(48px,calc(48px + 208 * ((100vw - 1440px) / 6240)),256px);color:#f8fafc;margin-bottom:clamp(16px,calc(16px + 69.3333 * ((100vw - 1440px) / 6240)),85.3333px);line-height:1.15}@media(max-width:768px){.projects__heading{font-size:36px}}.projects__heading-accent{background:linear-gradient(to right,#fb923c,#fcd34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects__description{color:#94a3b8;max-width:clamp(480px,calc(480px + 2080 * ((100vw - 1440px) / 6240)),2560px);line-height:1.7}.projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,calc(24px + 104 * ((100vw - 1440px) / 6240)),128px)}@media(max-width:768px){.projects__grid{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1023px){.projects__grid{grid-template-columns:repeat(2,1fr)}}.projects__card{position:relative;border-radius:clamp(16px,calc(16px + 69.3333 * ((100vw - 1440px) / 6240)),85.3333px);overflow:hidden;border:clamp(1px,calc(1px + 4.3333 * ((100vw - 1440px) / 6240)),5.3333px) solid #1e293b;background-color:#0f172a99;transition:border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.projects__card:hover{border-color:#334155;box-shadow:0 clamp(25px,calc(25px + 108.3333 * ((100vw - 1440px) / 6240)),133.3333px) clamp(50px,calc(50px + 216.6667 * ((100vw - 1440px) / 6240)),266.6667px) #0006}.projects__card:hover .projects__image{transform:scale(1.05)}.projects__image-wrap{position:relative;aspect-ratio:344/208;overflow:hidden;background-color:#1e293b;flex-shrink:0}@media(max-width:768px){.projects__image-wrap{aspect-ratio:344/180}}@media(max-width:576px){.projects__image-wrap{aspect-ratio:344/230}}.projects__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;display:block}.projects__image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1e293b,#334155)}.projects__image-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0f172a,rgba(15,23,42,.2),transparent)}.projects__category-badge{position:absolute;top:clamp(16px,calc(16px + 69.3333 * ((100vw - 1440px) / 6240)),85.3333px);left:clamp(16px,calc(16px + 69.3333 * ((100vw - 1440px) / 6240)),85.3333px);display:none;align-items:center;gap:clamp(6px,calc(6px + 26 * ((100vw - 1440px) / 6240)),32px);padding:clamp(4px,calc(4px + 17.3333 * ((100vw - 1440px) / 6240)),21.3333px) clamp(10px,calc(10px + 43.3333 * ((100vw - 1440px) / 6240)),53.3333px);font-size:clamp(12px,calc(12px + 52 * ((100vw - 1440px) / 6240)),64px);border-radius:clamp(9999px,calc(9999px + 6.94375*(100vw - 1440px)),53328px);border:clamp(1px,calc(1px + 4.3333 * ((100vw - 1440px) / 6240)),5.3333px) solid;-webkit-backdrop-filter:blur(clamp(4px,calc(4px + 17.3333 * ((100vw - 1440px) / 6240)),21.3333px));backdrop-filter:blur(clamp(4px,calc(4px + 17.3333 * ((100vw - 1440px) / 6240)),21.3333px))}.projects__category-badge--orange{color:#fb923c;border-color:#f973164d;background-color:#f973161a}.projects__category-badge--green{color:#4ade80;border-color:#22c55e4d;background-color:#22c55e1a}.projects__category-badge--cyan{color:#22d3ee;border-color:#06b6d44d;background-color:#06b6d41a}.projects__category-badge--amber{color:#fbbf24;border-color:#fbbf244d;background-color:#fbbf241a}.projects__body{padding:clamp(24px,calc(24px + 104 * ((100vw - 1440px) / 6240)),128px);height:100%;display:flex;flex-direction:column;gap:clamp(30px,calc(30px + 130 * ((100vw - 1440px) / 6240)),160px);justify-content:space-between}.projects__card-title{font-size:clamp(18px,calc(18px + .0125*(100vw - 1440px)),96px);color:#f8fafc;margin-bottom:clamp(8px,calc(8px + 34.6667 * ((100vw - 1440px) / 6240)),42.6667px)}.projects__card-description{font-size:clamp(14px,calc(14px + 60.6667 * ((100vw - 1440px) / 6240)),74.6667px);color:#94a3b8;line-height:1.7;margin-bottom:clamp(16px,calc(16px + 69.3333 * ((100vw - 1440px) / 6240)),85.3333px)}.projects__tech-list{display:flex;flex-wrap:wrap;gap:clamp(6px,calc(6px + 26 * ((100vw - 1440px) / 6240)),32px);margin-top:0;margin-bottom:clamp(20px,calc(20px + 86.6667 * ((100vw - 1440px) / 6240)),106.6667px);list-style:none;padding:0}.projects__tech-tag{padding:clamp(2px,calc(2px + 8.6667 * ((100vw - 1440px) / 6240)),10.6667px) clamp(8px,calc(8px + 34.6667 * ((100vw - 1440px) / 6240)),42.6667px);font-size:clamp(12px,calc(12px + 52 * ((100vw - 1440px) / 6240)),64px);border-radius:clamp(4px,calc(4px + 17.3333 * ((100vw - 1440px) / 6240)),21.3333px);border:clamp(1px,calc(1px + 4.3333 * ((100vw - 1440px) / 6240)),5.3333px) solid #334155;background-color:#1e293b;color:#94a3b8}.projects__links{display:flex;align-items:center;gap:clamp(16px,calc(16px + 69.3333 * ((100vw - 1440px) / 6240)),85.3333px)}.projects__link{display:inline-flex;align-items:center;gap:clamp(6px,calc(6px + 26 * ((100vw - 1440px) / 6240)),32px);font-size:clamp(14px,calc(14px + 60.6667 * ((100vw - 1440px) / 6240)),74.6667px);color:#94a3b8;text-decoration:none;transition:color .2s ease}.projects__link:hover{color:#f8fafc}.projects__link:focus-visible{outline:clamp(3px,calc(3px + 13 * ((100vw - 1440px) / 6240)),16px) solid orange;outline-offset:clamp(3px,calc(3px + 13 * ((100vw - 1440px) / 6240)),16px)}.projects__link svg{width:clamp(14px,calc(14px + 60.6667 * ((100vw - 1440px) / 6240)),74.6667px);height:clamp(14px,calc(14px + 60.6667 * ((100vw - 1440px) / 6240)),74.6667px)}