.consultation-section { padding-block: var(--section-space); }
.consultation-banner { position: relative; display: grid; grid-template-columns: minmax(0,527fr) minmax(0,585fr); min-height: 340px; background: linear-gradient(110deg,var(--color-pink),var(--color-pink-light)); border-radius: var(--radius-card); box-shadow: 0 16px 32px color-mix(in srgb,var(--color-pink) 16%,transparent); }
.consultation-banner__artwork { position: absolute; left: 123px; bottom: 0; width: 296px; height: 404px; }
.consultation-banner__image { display: block; width: 100%; height: 100%; object-fit: contain; object-position: bottom; }
.consultation-banner__copy { grid-column: 2; padding: var(--space-11) var(--space-15) var(--space-11) 0; align-self: center; }
.consultation-banner h2 { font-size: var(--text-cta); line-height: var(--leading-cta); color: var(--color-white); margin: 0; font-weight: var(--font-weight-bold); }
.consultation-banner__copy > p { margin: var(--space-3) 0 var(--space-8); font-size: var(--text-base); color: var(--color-white); }
.consultation-banner .form-fields { display: flex; flex-wrap: wrap; gap: var(--space-5); }
.consultation-banner .form-field { min-width: 0; flex: 1 1 150px; }
.consultation-banner .form-field input { width: 100%; background: var(--color-white); color: var(--color-ink); border: 0; border-radius: var(--radius-input); padding: var(--space-5); min-height: var(--touch-target); font: inherit; font-size: var(--text-small); }
.consultation-banner .form-submit { min-height: var(--touch-target); padding: var(--space-5) var(--space-7); background: var(--color-ink); color: var(--color-white); border-radius: var(--radius-input); font-size: var(--text-small); justify-content: center; }
.consultation-banner .form-consent { color: var(--color-ink); font-size: var(--text-micro); margin-top: var(--space-5); }
.consultation-banner .booking-menu .shell-button { background: var(--color-ink); color: var(--color-white); }
.consultation-section--inline .consultation-banner { grid-template-columns: minmax(0,215fr) minmax(0,585fr); }
.consultation-section--inline .consultation-banner__artwork { left: 0; width: 224px; height: 404px; }
@media(min-width:768px) and (max-width:1100px) { .consultation-banner__artwork { left: 24px; width: 260px; height: 354.865px; } .consultation-banner__copy { padding-right: var(--space-8); } .consultation-section--inline .consultation-banner__artwork { left: 0; width: 210px; height: 378.75px; } }
@media(max-width:767px) { .consultation-banner, .consultation-section--inline .consultation-banner { display: flex; flex-direction: column; gap: 0; padding: var(--space-8); } .consultation-banner__artwork, .consultation-section--inline .consultation-banner__artwork { position: relative; left: auto; width: min(240px,100%); height: auto; aspect-ratio: 296/404; margin-top: -64px; align-self: center; } .consultation-section--inline .consultation-banner__artwork { width: min(224px,100%); height: auto; aspect-ratio: 224/404; } .consultation-banner__copy { padding: 0; width: 100%; } .consultation-banner h2 { font-size: var(--text-h4); line-height: var(--leading-h4); } .consultation-banner .form-fields { flex-direction: column; } .consultation-banner .form-field { flex: 0 1 auto; } .consultation-banner .form-field input { font-size: var(--text-base); } }

.consultation-banner { border-radius: var(--radius-map); }
.consultation-banner__copy > p { font-weight: var(--font-weight-medium); margin-bottom: var(--space-7); }
.consultation-banner .form-field input { min-height: 48px; padding: var(--space-5) var(--space-6); font-size: var(--text-card-name); line-height: var(--leading-micro); }
.consultation-banner .form-submit { min-height: 48px; font-size: var(--text-card-name); line-height: var(--leading-micro); }
.consultation-banner__image--mobile { display: none; }
@media(max-width:767px) {
  .consultation-banner, .consultation-section--inline .consultation-banner { display: block; padding: var(--space-9) var(--space-7) 400px; min-height: 744px; }
  .consultation-banner h2 { font-size: var(--text-h4); line-height: 1.2; }
  .consultation-banner__artwork, .consultation-section--inline .consultation-banner__artwork { position: absolute; left: -4px; bottom: 0; margin: 0; width: 354px; height: 414px; aspect-ratio: 354/414; }
  .consultation-banner__image--desktop { display: none; }
  .consultation-banner__image--mobile { display: block; }
  .consultation-banner__copy { position: relative; z-index: 1; }
}

@media(max-width:767px) { .consultation-banner__artwork, .consultation-section--inline .consultation-banner__artwork { width: calc(100% + 4px); max-width: 354px; height: auto; aspect-ratio: 354/414; } }