/* Contact section Paragraph. */
.paragraph--bp-webform .oles-inner { max-width: var(--reading-width); }
.paragraph--bp-webform { padding-block: clamp(4rem, 10.35vw, 11.1875rem); }
#main-wrapper .paragraph--bp-webform .oles-title { font-size: var(--type-display); max-width: 68.5rem; line-height: 1.25; }
.paragraph--bp-webform .oles-inner > .oles-intro:not(:empty):not(:last-child) { margin-bottom: clamp(3rem, 8.45vw, 9.125rem); }
.paragraph--bp-webform .oles-label { border: 0; background: var(--oles-cream); color: var(--oles-green); padding: .2em .8em; text-transform: uppercase; }
.paragraph--bp-webform .form-item { margin: 0 0 var(--space-3); }
.paragraph--bp-webform label { display: block; font-size: var(--type-small); font-weight: 700; text-transform: uppercase; margin-bottom: var(--space-1); }
.paragraph--bp-webform input:not([type=checkbox]):not([type=radio]):not([type=submit]), .paragraph--bp-webform textarea, .paragraph--bp-webform select { width: 100%; max-width: 100%; min-height: 48px; border: 1px solid transparent; border-radius: 0; padding: var(--space-2); background: rgb(48 35 25 / 15%); color: var(--oles-ink); font: inherit; }
.paragraph--bp-webform input:focus, .paragraph--bp-webform textarea:focus { background: var(--oles-cream); }
.paragraph--bp-webform textarea { min-height: 10rem; }
/* Figma leaves 52px between the message box and submit button. */
.paragraph--bp-webform .js-form-type-textarea { margin-bottom: 0 !important; }
.paragraph--bp-webform .form-actions { padding-top: clamp(1.5rem, 3.027vw, 3.27rem); }
.paragraph--bp-webform .form-item--error-message { display: block; color: var(--oles-ink); font-weight: 700; }
.paragraph--bp-webform .button, .paragraph--bp-webform input[type=submit] { min-height: 48px; padding: var(--space-2) var(--space-4); border: 2px solid transparent; border-radius: 0; background: var(--oles-cream); color: var(--oles-green); font-weight: 700; text-transform: uppercase; }
.paragraph--bp-webform .webform-flexbox { margin: 0; gap: var(--space-3); }
.paragraph--bp-webform .webform-flexbox > .webform-flex:first-child { flex: 1.7; }
.paragraph--bp-webform .webform-flexbox > .webform-flex:last-child { flex: 1; }
.paragraph--bp-webform input[type=submit], .paragraph--bp-webform button[type=submit] { padding-right: 8rem; background-image: url('../images/arrow-right.svg'); background-repeat: no-repeat; background-size: 5rem 1.5rem; background-position: right 1.5rem center; }
.paragraph--bp-webform .webform-flexbox .webform-flex--container { margin: 0; }
@media (max-width: 767px) {
.paragraph--bp-webform .webform-flexbox { display: block; }
}
@media (max-width: 359px) {
.paragraph--bp-webform :is(input, button)[type=submit] { max-width: 100%; padding-left: 1rem; padding-right: 5.5rem; background-size: 3.5rem 1.5rem; }
}