/* Spacing rhythm (8 / 16 / 24 / 32) + nested radii: shell ≈ inset + gap */
:root {
  --ds-space-1: 8px;
  --ds-space-2: 16px;
  --ds-space-3: 24px;
  --ds-space-4: 32px;
  --ds-radius-gap: 4px;
  --ds-radius-inset: 14px;
  --ds-radius-shell: calc(var(--ds-radius-inset) + var(--ds-radius-gap));
}

/* Unified nav gaps (horizontal = vertical control spacing) */
header.nav .nav-links,
.nav .nav-links {
  gap: var(--ds-space-2) !important;
}

header.nav .nav-actions,
.nav .nav-actions {
  gap: var(--ds-space-2) !important;
}

.nav-bar,
.nav-inner {
  column-gap: var(--ds-space-3) !important;
  row-gap: var(--ds-space-2) !important;
}

.brand-logos {
  gap: var(--ds-space-3) !important;
}

.brand,
.brand-hrd-group {
  gap: var(--ds-space-2) !important;
}

@media (min-width: 901px) {
  .nav-bar.nav-search-open,
  .nav-inner.nav-search-open {
    gap: var(--ds-space-2) var(--ds-space-3) !important;
  }

  .nav-bar.nav-search-open .nav-links,
  .nav-inner.nav-search-open .nav-links {
    row-gap: var(--ds-space-2) !important;
  }
}

/* Others Services accordion outer radius lines up with inner 14px + 4px gutter */
.others-services-accordion {
  border-radius: var(--ds-radius-shell) !important;
}

.photography-portfolio-item,
.photography-title-banner {
  border-radius: var(--ds-radius-inset) !important;
}

.photography-portfolio-item img {
  border-radius: inherit;
}