/* Logo service reuses the house-model page's layout and responsive components. */
.logo-concept .hc-hero__media img { aspect-ratio: 3 / 2; }
.logo-concept .hc-size-table .hc-text-link { color: var(--theme-link); font-weight: 700; }
.logo-concept .hc-size-table td { vertical-align: middle; }
.logo-concept :is(#sizes, #examples, #process) { scroll-margin-top: 90px; }
.home-logo-band { padding: 40px 24px; background: var(--theme-info-surface); color: var(--theme-text); }
.home-logo-band__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.home-logo-band h2 { font-family: var(--font-display); font-size: clamp(26px, 3vw, 36px); letter-spacing: -.03em; margin-bottom: 8px; }
.home-logo-band p { color: var(--theme-text-muted); }
@media (max-width: 760px) {
  .home-logo-band__inner { align-items: flex-start; flex-direction: column; }
}

/* Keep the shared full-width button rule from consuming the desktop flex row. */
.logo-concept .hc-enquiry > div { flex: 1 1 0; min-width: 0; }
.logo-concept .hc-enquiry > .btn { width: auto; max-width: 100%; flex: 0 0 auto; }
@media (max-width: 850px) {
  .logo-concept .hc-enquiry > div { flex: auto; }
  .logo-concept .hc-enquiry > .btn { width: 100%; }
}