.receptionist {
  --reception-gap: clamp(1.5rem, 3vw, 3rem);
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--reception-gap);
  min-height: 0;
  scroll-margin-top: 7rem;
}
.reception-copy,
.reception-services { min-width: 0; }
.reception-copy .product-label {
  margin: 0 0 1rem;
  font-size: .75rem;
}
.receptionist h3 {
  font-size: clamp(2rem, 3.5vw, 3rem);
  line-height: 1.08;
  overflow-wrap: break-word;
}
.reception-intro {
  font-size: 1.125rem;
  color: var(--ink-soft);
  margin: 1.5rem 0 1rem;
}
.reception-detail { color: #526187; margin: 0 0 2rem; }
.reception-cta {
  background: var(--ink);
  color: var(--white);
  gap: 1rem;
  font-size: .9375rem;
  min-height: 2.75rem;
}
.reception-cta:focus-visible {
  outline: 3px solid var(--blue);
  outline-offset: 4px;
}
.reception-services {
  background: var(--paper);
  border-radius: 1rem;
  padding: clamp(1.25rem, 2.5vw, 2rem);
}
.reception-heading { margin: 0; font-weight: 750; font-size: 1.125rem; }
.reception-services > ul:not(.reception-channels) {
  margin: 1.5rem 0 2rem;
  display: grid;
  gap: 1rem;
}
.receptionist li { margin: 0; }
.receptionist li::before { content: none; }
.reception-services strong { display: block; font-size: 1rem; }
.reception-services li span { display: block; color: #526187; font-size: .9375rem; }
.reception-channel-label {
  margin: 0 0 .75rem;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .08em;
  color: #526187;
}
.reception-services .reception-channels {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0;
}
.reception-channels li {
  padding: .375rem .75rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: .5rem;
  font-size: .8125rem;
  color: var(--ink-soft);
}
.reception-note { margin: 1rem 0 0; font-size: .8125rem; color: #526187; }
@media (max-width: 830px) {
  .receptionist { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .reception-cta { transition: none; }
  .reception-cta:hover { transform: none; }
}