/* Display the selected original PNG proportionally; frame only its white margins. */
.brand-mark { position: relative; display: block; width: 280px; max-width: 100%; aspect-ratio: 1552 / 417; overflow: hidden; flex: 0 0 auto; }
.brand-image { position: absolute; display: block; width: 107.731959%; max-width: none; height: auto; left: -4.639175%; top: -59.712230%; }
.header .logo { flex-shrink: 0; }
.header .brand-mark { width: clamp(176px, 24vw, 280px); }
.header .nav { gap: clamp(1rem, 2vw, 2rem); }
@media (max-width: 768px) { .header .brand-mark { width: min(240px, calc(100vw - 128px)); } }

/* Balanced vertical breathing room for the selected horizontal artwork. */
:root { --site-header-height: 104px; }
.header-inner { height: var(--site-header-height); }
.hero { padding-top: var(--site-header-height); }
.page-header { padding-top: calc(var(--site-header-height) + var(--space-xl)); }
@media (max-width: 768px) {
  :root { --site-header-height: 96px; }
  .header .nav { top: var(--site-header-height); }
}

/* Five core services: a balanced row of three, then two centered cards. */
.practice-services-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.practice-services-grid > .service-card { grid-column: span 2; min-width: 0; }
.practice-services-grid > .service-card:nth-child(4) { grid-column: 2 / span 2; }
.practice-services-grid > .service-card:nth-child(5) { grid-column: 4 / span 2; }
.service-detail, .service-anchor { scroll-margin-top: calc(var(--site-header-height) + 24px); }
.service-anchor { display: block; }
@media (max-width: 1000px) {
 .practice-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .practice-services-grid > .service-card,
 .practice-services-grid > .service-card:nth-child(4),
 .practice-services-grid > .service-card:nth-child(5) { grid-column: auto; }
 .practice-services-grid > .service-card:last-child { grid-column: 1 / -1; }
}
@media (max-width: 600px) { .practice-services-grid { grid-template-columns: minmax(0, 1fr); } }