/* Scoped updates for the existing Home and Client Work portfolio sections. */
[data-theme="dark"] .portfolio-refresh-page .button:not(.button-secondary),
[data-theme="dark"] .portfolio-refresh-page .mobile-contact-bar a:last-child { color: var(--paper); }
.portfolio-refresh-page .logo-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.portfolio-refresh-page .client-logo { min-width: 0; text-decoration: none; transition: border-color 180ms ease, box-shadow 180ms ease; }
.portfolio-refresh-page .client-logo:hover { border-color: var(--brand); box-shadow: var(--shadow-sm); }
.portfolio-refresh-page .client-logo img { filter: none; }
.portfolio-refresh-page .brand-logo-original { display: block; max-width: 100%; width: auto; height: auto; object-fit: contain; }
.portfolio-refresh-page .project-showcase-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.portfolio-refresh-page .project-showcase-card { min-width: 0; }
.portfolio-refresh-page .project-logo { min-width: 0; }
.portfolio-refresh-page .project-logo .brand-logo-original { max-height: 112px; }
.portfolio-refresh-page .project-logo .brand-logo-agri-vis { max-height: 128px; }
.portfolio-refresh-page .project-logo .brand-logo-sunshine-coast { max-height: 132px; }
.portfolio-refresh-page .project-scope { padding-top: .9rem; border-top: 1px solid var(--line); margin-top: .8rem; }
.portfolio-refresh-page .project-scope strong { color: var(--ink); }
.portfolio-refresh-page .client-website-link::after { content: none; }
.portfolio-refresh-page .project-service-links { margin-top: .85rem; display: flex; gap: .5rem; flex-wrap: wrap; }
.portfolio-refresh-page .project-service-links a { display: inline-flex; align-items: center; padding: .35rem .65rem; border: 1px solid var(--line); border-radius: 999px; background: var(--surface-2); font-size: .75rem; line-height: 1.45; text-decoration: none; }
.portfolio-refresh-page .portfolio-update-intro { color: var(--ink-soft); max-width: 80ch; }
@media(max-width:1040px) {
  .portfolio-refresh-page .logo-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .portfolio-refresh-page .project-showcase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width:720px) {
  .portfolio-refresh-page .logo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .portfolio-refresh-page .project-showcase-grid { grid-template-columns: minmax(0, 1fr); }
}
@media(max-width:480px) {
  .portfolio-refresh-page .logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}