.projects-page{padding-top:0}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:3rem}.portfolio-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .3s ease}.portfolio-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-200, #bfdbfe)}.portfolio-image-wrapper{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--color-gray-200)}.portfolio-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease;display:block}.portfolio-card:hover .portfolio-image{transform:scale(1.07)}.portfolio-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e3a8a99;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-view-hint{display:inline-flex;align-items:center;gap:.625rem;color:var(--color-white);font-family:var(--font-body);font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.5);padding:.5rem 1rem;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f}.portfolio-category{position:absolute;top:.75rem;left:.75rem;background:var(--color-white);color:var(--color-primary-700);font-family:var(--font-body);font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .625rem;border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.portfolio-content{padding:1.125rem 1.25rem;display:flex;flex-direction:column;gap:.25rem}.portfolio-location{display:flex;align-items:center;gap:.375rem;font-family:var(--font-body);font-size:.6875rem;font-weight:500;color:var(--color-primary-600)}.portfolio-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-gray-900);line-height:1.25;margin:.25rem 0 0}.portfolio-title-link{color:inherit;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--color-gray-400);text-underline-offset:3px;display:inline-flex;align-items:baseline;gap:.3em;cursor:pointer;transition:color .2s ease,text-decoration-color .2s ease}.portfolio-title-link:hover{color:var(--color-primary-600);text-decoration-style:solid;text-decoration-color:var(--color-primary-600)}.portfolio-title-link:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px;border-radius:2px}.portfolio-title-link-icon{flex-shrink:0;opacity:.35;align-self:center;transition:opacity .2s ease,translate .2s ease}.portfolio-title-link:hover .portfolio-title-link-icon{opacity:1;translate:1px -1px}.portfolio-subtitle{font-size:.8125rem;line-height:1.5;color:var(--color-gray-500);margin:0}.projects-cta-section{background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.projects-cta-inner{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}.projects-cta-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.125rem);font-weight:700;letter-spacing:-.02em;color:var(--color-gray-900);line-height:1.2;margin:.5rem 0 0}.projects-cta-desc{font-size:.9375rem;line-height:1.8;color:var(--color-gray-600, #4b5563);max-width:480px;margin-top:1rem}.projects-cta-buttons{display:flex;flex-direction:column;gap:.875rem;min-width:220px}@media(max-width:1200px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.projects-cta-inner{grid-template-columns:1fr;gap:2.5rem}.projects-cta-buttons{flex-direction:row;flex-wrap:wrap}}@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}.projects-cta-buttons{flex-direction:column}.projects-cta-buttons a{width:100%;justify-content:center;max-width:320px}}