.service-portfolio{padding:var(--section-y-sm) var(--space-page-x);background:var(--gradient-page);color:var(--color-text)}.service-portfolio-container{max-width:var(--container-lg);margin:0 auto}.service-portfolio-heading{text-align:center;margin:0 auto 48px;max-width:760px}.service-portfolio-eyebrow{margin:0 0 10px;color:var(--portfolio-accent);font-size:var(--text-meta);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em}.service-portfolio-heading h2{margin:0;font-size:var(--text-card-title-lg);font-weight:var(--font-weight-heavy);line-height:1.2}.service-portfolio-lead{margin:16px auto 0;color:var(--color-text-faint);font-size:var(--text-section-note);line-height:var(--lh-regular)}.service-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-portfolio-card{min-width:0;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-card-soft)}.service-portfolio-image{display:block;position:relative;width:100%;padding:0;border:0;background:var(--color-bg-deep);cursor:zoom-in}.service-portfolio-image img{display:block;width:100%;height:auto}.service-portfolio-expand{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:#091426e0;color:#fff;transition:background .2s}.service-portfolio-image:hover .service-portfolio-expand{background:#087b70}.service-portfolio-image:focus-visible{outline:3px solid var(--portfolio-accent);outline-offset:-3px}.service-portfolio-copy{padding:24px}.service-portfolio-category{margin:0 0 10px;color:var(--portfolio-accent);font-size:12px;font-weight:var(--font-weight-semibold);line-height:1.5;letter-spacing:.04em;text-transform:uppercase}.service-portfolio-copy h3{margin:0 0 12px;font-size:24px;font-weight:var(--font-weight-bold);line-height:1.2}.service-portfolio-description{margin:0;color:var(--color-text-muted);font-size:var(--text-small);line-height:var(--lh-regular)}.service-portfolio-footer{margin-top:36px;text-align:center}.service-portfolio-all{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:var(--button-padding-sm);color:#fff;background:var(--portfolio-gradient);border-radius:var(--radius-pill);font-size:var(--text-button);font-weight:var(--font-weight-semibold);text-transform:uppercase;text-decoration:none;transition:filter .2s}.service-portfolio-all:hover{filter:brightness(1.08)}.service-portfolio-all:focus-visible{outline:2px solid var(--portfolio-accent);outline-offset:4px}@media(max-width:959px){.service-portfolio-grid{grid-template-columns:minmax(0,1fr);max-width:560px;margin:0 auto;gap:24px}}@media(max-width:767px){.service-portfolio-heading{margin-bottom:32px}.service-portfolio-copy{padding:22px}.service-portfolio-copy h3{font-size:23px}}