.pp-contact-card { padding: clamp(1.75rem, 4vw, 3rem); background: var(--pp-colour-surface); border: 1px solid var(--pp-colour-border); border-radius: var(--pp-radius-lg); }
.pp-contact-card .form-control { background: var(--pp-colour-inverse); }
.pp-contact-card textarea.form-control { resize: vertical; }
.pp-form-section--split { width: 100%; padding: clamp(4rem, 7vw, 7rem) 0; background: var(--pp-colour-page); }
.pp-form-section--full-bleed { padding-top: 0; padding-bottom: 0; }
.pp-form-section--full-bleed .container { max-width: none; padding-right: 0; padding-left: 0; }
.pp-form-section--split .pp-contact-card { height: 100%; padding: clamp(1.75rem, 4vw, 3rem); border: 0; border-radius: 0; }
.pp-form-section--surface-alt .pp-contact-card { background: var(--pp-colour-surface-alt); }
.pp-form-section__intro { margin-bottom: 1.75rem; text-align: left; }
.pp-form-section__media { height: 100%; min-height: 0; overflow: hidden; background: var(--pp-colour-surface-alt); }
.pp-form-section__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
@media (min-width: 992px) {
    .pp-form-section__column--image { position: relative; }
    .pp-form-section__media { position: absolute; inset: 0; width: 100%; height: 100%; }
}
@media (max-width: 991.98px) {
    .pp-form-section--split .pp-contact-card { height: auto; }
    .pp-form-section__media { min-height: 20rem; }
    .pp-form-section__media figcaption { display: none; }
}
@media (max-width: 575.98px) {
    .pp-form-section--split .pp-contact-card { padding: 2rem 1.5rem; }
    .pp-form-section__media { min-height: 16rem; }
}