.projects-page:where(.astro-arbd3op2){min-height:100vh;background:linear-gradient(180deg,#f4b41a05,#0a0a0a05)}.hero:where(.astro-arbd3op2){padding:8rem 1.5rem 5rem;text-align:center;background:linear-gradient(135deg,#f4b41a1a,#f4b41a00 70%);opacity:0;transform:translateY(35px);transition:opacity .6s ease,transform .6s ease}.hero:where(.astro-arbd3op2).animate{opacity:1;transform:translateY(0)}.hero-label:where(.astro-arbd3op2){display:inline-block;padding:.5rem 1.5rem;border-radius:2rem;background:var(--color-main);color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem}.hero:where(.astro-arbd3op2) h1:where(.astro-arbd3op2){font-size:clamp(2.5rem,6vw,4rem);margin-bottom:1rem;color:var(--color-text)}.hero-description:where(.astro-arbd3op2){max-width:720px;margin:0 auto;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6;color:var(--color-text-muted)}.projects-section:where(.astro-arbd3op2){padding:4rem 1.5rem 2rem}.projects-container:where(.astro-arbd3op2){max-width:1200px;margin:0 auto;display:grid;gap:3rem}.project-card:where(.astro-arbd3op2){display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;position:relative;box-shadow:0 20px 50px #00000026;opacity:0;transform:translateY(35px);transition:opacity .6s ease,transform .6s ease,border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.project-card:where(.astro-arbd3op2):before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(215,14,29,.08) 0%,transparent 100%);opacity:0;pointer-events:none;transition:opacity var(--transition-smooth)}.project-card:where(.astro-arbd3op2).animate{opacity:1;transform:translateY(0)}.project-image-wrapper:where(.astro-arbd3op2){position:relative;min-height:320px;overflow:hidden}.project-image-wrapper:where(.astro-arbd3op2) img:where(.astro-arbd3op2){width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.project-card:where(.astro-arbd3op2):hover .project-image-wrapper:where(.astro-arbd3op2) img:where(.astro-arbd3op2){transform:scale(1.05)}.project-overlay:where(.astro-arbd3op2){position:absolute;inset:0;mix-blend-mode:multiply;opacity:.35;transition:opacity .4s ease}.project-card:where(.astro-arbd3op2):hover .project-overlay:where(.astro-arbd3op2){opacity:.55}.project-number:where(.astro-arbd3op2){position:absolute;bottom:1.5rem;left:1.5rem;font-size:1rem;letter-spacing:.2em;color:#ffffffd9;text-transform:uppercase;font-weight:700}.project-content:where(.astro-arbd3op2){position:relative;padding:3rem;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;background:var(--color-bg-card);color:var(--color-text)}.project-header:where(.astro-arbd3op2) h2:where(.astro-arbd3op2){font-size:clamp(1.8rem,3vw,2.4rem);margin:0;color:var(--color-text)}.project-accent:where(.astro-arbd3op2){width:80px;height:4px;border-radius:2px;margin-top:.75rem;transition:width .4s ease}.project-card:where(.astro-arbd3op2):hover .project-accent:where(.astro-arbd3op2){width:120px}.project-description:where(.astro-arbd3op2){font-size:1.1rem;line-height:1.6;color:var(--color-text);opacity:.85}.project-full-description:where(.astro-arbd3op2){font-size:.95rem;line-height:1.7;color:var(--color-text);opacity:.7}.project-card:where(.astro-arbd3op2):hover{border-color:#d70e1d4d;box-shadow:0 24px 70px #d70e1d2e}.project-card:where(.astro-arbd3op2):hover:before{opacity:1}.cta-section:where(.astro-arbd3op2){margin:6rem auto;padding:4rem 1.5rem;max-width:960px;text-align:center;border-radius:1.5rem;background:linear-gradient(135deg,var(--color-main) 0%,var(--color-accent) 100%);color:#fff;box-shadow:0 18px 40px #00000026}.cta-section:where(.astro-arbd3op2) h2:where(.astro-arbd3op2){font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.cta-section:where(.astro-arbd3op2) p:where(.astro-arbd3op2){font-size:clamp(1rem,2vw,1.25rem);margin-bottom:2rem;line-height:1.6}.cta-button:where(.astro-arbd3op2){display:inline-flex;align-items:center;gap:.75rem;padding:1.15rem 2.5rem;background:#fff;color:var(--color-main);border-radius:3rem;font-weight:700;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 12px 25px #00000026}.cta-button:where(.astro-arbd3op2):hover{transform:translateY(-4px);box-shadow:0 18px 35px #0003}.cta-button:where(.astro-arbd3op2) svg:where(.astro-arbd3op2){transition:transform .3s ease}.cta-button:where(.astro-arbd3op2):hover svg:where(.astro-arbd3op2){transform:translate(4px)}.mdx-section:where(.astro-arbd3op2){padding:4rem 1.5rem 6rem;background:#0a0a0a05}.content-container:where(.astro-arbd3op2){max-width:800px;margin:0 auto;background:#fff;border-radius:1.25rem;padding:3rem;box-shadow:0 10px 30px #00000014}@media (max-width: 1024px){.hero:where(.astro-arbd3op2){padding:6rem 1.5rem 4rem}.project-card:where(.astro-arbd3op2){grid-template-columns:1fr}.project-content:where(.astro-arbd3op2){padding:2.5rem}}@media (max-width: 640px){.hero:where(.astro-arbd3op2){padding:5rem 1.25rem 3rem}.hero-description:where(.astro-arbd3op2){font-size:1rem}.project-content:where(.astro-arbd3op2){padding:2rem}.project-number:where(.astro-arbd3op2){font-size:.85rem}.cta-section:where(.astro-arbd3op2){margin:4rem 1rem;padding:3rem 1.5rem}.content-container:where(.astro-arbd3op2){padding:2rem}}
