.swd-portfolio-hero { display: grid; height: auto; min-height: clamp(480px, 58vh, 600px); max-height: none; }
.swd-portfolio-hero .swd-package-hero__content { height: auto; }
.swd-project-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; padding: 0; }
.swd-project-card picture { display: block; aspect-ratio: 1349 / 596; overflow: hidden; background: var(--swd-colour-surface-alt); }
.swd-project-card picture img { width: 100%; height: 100%; object-fit: cover; }
.swd-project-card__body { display: flex; flex: 1; flex-direction: column; padding: var(--swd-space-5); }
.swd-project-card__body h3 { margin-bottom: .55rem; }
.swd-project-card__body p { margin-bottom: .9rem; }
.swd-project-card__type { margin-bottom: .65rem !important; color: var(--swd-colour-blue) !important; font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.swd-project-card__link { margin-top: auto; color: var(--swd-colour-blue); font-weight: 700; }
.swd-portfolio-points { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--swd-space-3); margin: 0; padding: 0; list-style: none; }
.swd-portfolio-points li { min-width: 0; padding: var(--swd-space-4); border-top: 4px solid var(--swd-colour-blue); background: var(--swd-colour-surface-alt); }
.swd-portfolio-points strong, .swd-portfolio-points span { display: block; }
.swd-portfolio-points span { margin-top: .6rem; color: var(--swd-colour-muted); font-size: .9rem; }
.swd-portfolio-bridge { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); align-items: center; gap: var(--swd-space-6); }
.swd-portfolio-bridge h2 { font-size: clamp(1.9rem, 3.5vw, 3rem); }
.swd-portfolio-bridge .swd-button-row { justify-content: flex-start; }
/* Allow long Afrikaans compound words to wrap inside narrow cards */
.swd-card h3 {overflow-wrap: anywhere; word-break: normal; hyphens: auto;}
@media (max-width: 900px) {
  .swd-portfolio-points { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .swd-portfolio-bridge { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .swd-portfolio-points { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .swd-portfolio-hero { min-height: clamp(500px, 68svh, 620px); }
}

@media (max-width: 340px) {
  html[lang="af"] {
  .swd-utility__message {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .swd-utility__message strong,
  .swd-utility__message span,
  .swd-navlinks > a,
  .swd-nav-disclosure__button {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  }
}
@media (max-width: 340px) {
  html[lang="af"] #featured-work-title {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}