.projects-hero:where(.astro-dsm6tn2l){position:relative;padding:8rem 2rem 6rem;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);text-align:center;overflow:hidden}.projects-hero:where(.astro-dsm6tn2l):before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(245,158,11,.1) 0%,transparent 50%);pointer-events:none}.hero-content:where(.astro-dsm6tn2l){position:relative;z-index:1;max-width:800px;margin:0 auto}.projects-hero:where(.astro-dsm6tn2l) h1:where(.astro-dsm6tn2l){font-size:clamp(2.5rem,6vw,5rem);margin:0 0 1rem;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-hero:where(.astro-dsm6tn2l) p:where(.astro-dsm6tn2l){font-size:clamp(1.1rem,2vw,1.5rem);opacity:.8;font-weight:300}.projects-container:where(.astro-dsm6tn2l){max-width:1400px;margin:0 auto;padding:4rem 2rem;display:grid;gap:4rem}.project-card:where(.astro-dsm6tn2l){display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:#ffffff05;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}.project-card:where(.astro-dsm6tn2l):before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 100%);opacity:0;transition:opacity .5s ease;pointer-events:none}.project-card:where(.astro-dsm6tn2l):hover{transform:translateY(-8px);border-color:#ffffff26;box-shadow:0 20px 60px #0006}.project-card:where(.astro-dsm6tn2l):hover:before{opacity:1}.project-card:where(.astro-dsm6tn2l)[data-index="1"]{grid-template-columns:1fr 1fr}.project-card:where(.astro-dsm6tn2l)[data-index="1"] .project-image:where(.astro-dsm6tn2l){order:2}.project-card:where(.astro-dsm6tn2l)[data-index="1"] .project-content:where(.astro-dsm6tn2l){order:1}.project-image:where(.astro-dsm6tn2l){position:relative;overflow:hidden;min-height:400px}.project-image:where(.astro-dsm6tn2l) img:where(.astro-dsm6tn2l){width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1)}.project-card:where(.astro-dsm6tn2l):hover .project-image:where(.astro-dsm6tn2l) img:where(.astro-dsm6tn2l){transform:scale(1.1)}.project-overlay:where(.astro-dsm6tn2l){position:absolute;inset:0;opacity:0;transition:opacity .5s ease;mix-blend-mode:multiply}.project-card:where(.astro-dsm6tn2l):hover .project-overlay:where(.astro-dsm6tn2l){opacity:.3}.project-content:where(.astro-dsm6tn2l){padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative}.project-header:where(.astro-dsm6tn2l){margin-bottom:1.5rem}.project-number:where(.astro-dsm6tn2l){font-size:1rem;font-weight:700;letter-spacing:.1em;opacity:.7;display:block;margin-bottom:.5rem}.project-content:where(.astro-dsm6tn2l) h2:where(.astro-dsm6tn2l){font-size:clamp(1.8rem,3vw,2.5rem);margin:0 0 1rem;font-weight:700;letter-spacing:-.02em}.project-description:where(.astro-dsm6tn2l){font-size:1.1rem;line-height:1.7;opacity:.9;margin-bottom:1rem}.project-full-description:where(.astro-dsm6tn2l){font-size:.95rem;line-height:1.7;opacity:.7;font-weight:300}.project-accent:where(.astro-dsm6tn2l){width:60px;height:4px;margin-top:2rem;border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1)}.project-card:where(.astro-dsm6tn2l):hover .project-accent:where(.astro-dsm6tn2l){width:120px}@media (max-width: 1024px){.projects-hero:where(.astro-dsm6tn2l){padding:6rem 2rem 4rem}.project-card:where(.astro-dsm6tn2l),.project-card:where(.astro-dsm6tn2l)[data-index="1"]{grid-template-columns:1fr;gap:0}.project-card:where(.astro-dsm6tn2l)[data-index="1"] .project-image:where(.astro-dsm6tn2l){order:1}.project-card:where(.astro-dsm6tn2l)[data-index="1"] .project-content:where(.astro-dsm6tn2l){order:2}.project-image:where(.astro-dsm6tn2l){min-height:300px;max-height:350px}.project-content:where(.astro-dsm6tn2l){padding:2rem}}@media (max-width: 640px){.projects-container:where(.astro-dsm6tn2l){padding:2rem 1rem;gap:2rem}.projects-hero:where(.astro-dsm6tn2l){padding:5rem 1.5rem 3rem}.project-card:where(.astro-dsm6tn2l){border-radius:16px}.project-image:where(.astro-dsm6tn2l){min-height:250px;max-height:280px}.project-content:where(.astro-dsm6tn2l){padding:1.5rem}.project-content:where(.astro-dsm6tn2l) h2:where(.astro-dsm6tn2l){font-size:1.6rem}.project-description:where(.astro-dsm6tn2l){font-size:1rem}.project-full-description:where(.astro-dsm6tn2l){font-size:.9rem}}
