/* The service portfolio uses actual artifact captures, not generic category icons. */
.portfolio-service-head{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:36px}
.portfolio-service-head p{max-width:56ch}.portfolio-service-head h2{margin-bottom:20px}
.atlas-hero-collage img{aspect-ratio:4/3;object-fit:contain;background:var(--ink-surface)}
.portfolio-filter{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.portfolio-filter button{min-height:44px;font-size:13px;padding:10px 18px}
.portfolio-filter button[aria-pressed="true"]{outline:1px solid var(--ink-paper);outline-offset:3px}
.portfolio-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}
.portfolio-service-card{min-width:0;border-top:1px solid var(--ink-line);padding-top:20px}
.portfolio-service-image{display:block;overflow:hidden;border:1px solid var(--ink-line);background:var(--ink-surface)}
.portfolio-service-image img{display:block;width:100%;aspect-ratio:1.44;object-fit:cover;object-position:top;transition:transform .4s var(--ink-ease)}
.portfolio-service-card h3{font:400 clamp(28px,3vw,40px)/1.12 var(--ink-display);margin:14px 0}
.portfolio-service-card p{font-size:14px;margin:12px 0}.portfolio-service-card .portfolio-category{font-size:12px;color:var(--ink-platinum);margin-top:20px;line-height:1.5}
.portfolio-output{border-top:1px solid var(--ink-line-soft);padding-top:16px;color:var(--ink-platinum)}
.portfolio-card-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:20px;font-size:13px}
.portfolio-card-links a{min-height:44px;display:inline-flex;align-items:center}
.portfolio-scope{border-left:2px solid var(--ink-platinum);padding:16px 20px;margin-top:40px;max-width:80ch;font-size:14px;background:var(--ink-surface)}
.portfolio-service-status{font-size:13px;color:var(--ink-platinum);min-height:24px;margin:20px 0 32px}
.portfolio-sample-link{border-top:1px solid var(--ink-line)}
@media(hover:hover){.portfolio-service-image:hover img{transform:scale(1.025)}}
@media(max-width:1000px){.portfolio-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-service-head{grid-template-columns:1fr;gap:12px}}
@media(max-width:600px){.portfolio-service-grid{grid-template-columns:1fr;gap:36px}.portfolio-filter{gap:10px}.portfolio-filter button{font-size:12px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.portfolio-service-image img{transition:none;transform:none!important}}
@media print{.portfolio-filter,.portfolio-service-status{display:none!important}.portfolio-service-grid{display:block}.portfolio-service-card{break-inside:avoid;margin-bottom:32px}}