/* Small portfolio additions, independent of the original theme animations. */
.portfolio-credit { margin: 0; padding: 28px clamp(20px, 5vw, 80px); font-size: 16px; line-height: 1.6; }
.portfolio-credit span { display: inline-block; margin-right: 12px; font-weight: 600; }
.client-logo-static { display: block; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 480px) { .portfolio-credit span { display: block; } }
/* Long project names must fit narrow screens instead of being clipped by the hero. */
@media (max-width: 767px) {
  .project-hero h1.text-h1 { font-size: clamp(32px, 10vw, 64px); line-height: 1.08; overflow-wrap: anywhere; }
  .project-hero .text-p.p-large { font-size: clamp(16px, 4.6vw, 20px); line-height: 1.4; background: rgba(0, 0, 0, .45); color: #fff; padding: 12px; border-radius: 8px; }
}