/* work: content left, form right */
.work{position:relative;isolation:isolate;padding:120px 0;background:var(--bk-color-surface, var(--nude-2));overflow:hidden;overflow:clip}
.work-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:72px;align-items:stretch}
.work-intro{max-width:600px;display:flex;flex-direction:column}
/* the hidden .sec-label leaves the heading with the UA h2 margins (0.83em); drop them so the column top IS the heading top */
.work .work-intro>h2{margin-top:0;margin-bottom:0}
.work-lead{margin-top:28px;margin-bottom:36px;font-size:var(--bk-p-size, 17px);color:var(--bk-p-color, var(--bk-color-ink, var(--ink-2)));line-height:var(--bk-p-line-height, 1.65);max-width:52ch}
.work-cta{margin-top:30px}
.work-list{margin-top:0;padding:32px 0 0;background:none;border:0;border-top:1px solid var(--bk-color-ink, var(--rule-2));border-radius:0;box-shadow:none}
.work-sub{font-size:var(--bk-overline-size, 11px);letter-spacing:var(--bk-overline-letter-spacing, .16em);text-transform:var(--bk-overline-transform, uppercase);color:var(--bk-color-secondary, var(--mute));margin-bottom:26px}
.work-items{list-style:none;display:flex;flex-direction:column;gap:24px;margin:0;padding:0}
.work-items li{display:flex;gap:18px;align-items:flex-start;padding:0;border-top:0}
.work-items li:first-child{border-top:0}
.work-items li:last-child{padding-bottom:0}
.work-num{flex:0 0 22px;min-width:22px;width:auto;height:auto;padding:3px 0 0;display:block;border-radius:0;background:none;color:var(--bk-color-secondary, var(--champion));font-size:var(--bk-p-size, 12px);font-weight:var(--bk-p-weight, 600);letter-spacing:var(--bk-p-letter-spacing, .02em);line-height:var(--bk-p-line-height, 1.4)}
.work-items p{margin:0;font-size:var(--bk-p-size, 15.5px);color:var(--bk-p-color, var(--bk-color-ink, var(--royal)));line-height:var(--bk-p-line-height, 1.55)}
.work-foot{margin-top:12px;padding:4px 0 4px 18px;border-top:0;border-left:3px solid var(--bk-color-secondary, var(--champion));font-size:var(--bk-p-size, 15px);color:var(--bk-p-color, var(--bk-color-ink, var(--ink-2)));line-height:var(--bk-p-line-height, 1.6)}
.work-side{position:relative;display:flex;flex-direction:column}
@media (max-width:1199px){.work-grid{gap:56px}}
/* gc-consultations-page.css stacks .work-grid at 1024px; follow that breakpoint */
@media (max-width:1024px){
.work-grid{grid-template-columns:minmax(0,1fr);gap:48px}
.work-intro,.work-side{max-width:760px}

}
@media (max-width:767px){
.work-lead{margin-bottom:32px}
.work-list{padding:26px 0 0}
}

/* work with us: the section's native form widget, moved into the right column by snippet.js */
/* editor: the same rules also style the form widget where the editor keeps it; snippet.js overlays it on the slot (body.fee only) */
.work .work-form-slot{margin-top:0;flex:1 1 auto;display:flex;flex-direction:column}
.work .work-form-slot:empty{display:none}
/* editor: the form widget stays below this section there, so mark where it will appear */
body.fee .work .work-form-slot:empty{display:flex;align-items:center;justify-content:center;min-height:360px;padding:28px;border:2px dashed color-mix(in srgb, var(--bk-color-background, #ffffff) 22%, transparent);border-radius:18px;background:color-mix(in srgb, var(--bk-color-background, #ffffff) 3%, transparent);text-align:center}
body.fee .work .work-form-slot:empty::before{content:"Work with us form\A Shown here on the live site \2014  edit it in the form widget below this section.";white-space:pre-line;font-size:var(--bk-p-size, 13px);line-height:var(--bk-p-line-height, 1.6);color:color-mix(in srgb, var(--bk-color-background, #ffffff) 65%, transparent)}
.work .work-form-card{position:relative;max-width:none;width:100%;margin:0;padding:40px 36px 34px;background:radial-gradient(120% 70% at 100% 0%,color-mix(in srgb, var(--bk-color-secondary, #a4ace5) 22%, transparent) 0%,color-mix(in srgb, var(--bk-color-secondary, #a4ace5) 0%, transparent) 60%),linear-gradient(165deg,var(--bk-color-primary, #272052) 0%,var(--bk-color-primary, var(--royal)) 55%,var(--bk-color-primary, #17132e) 100%);border:0;border-radius:24px;box-shadow:var(--shadow-3);overflow:hidden;flex:1 1 auto;display:flex;flex-direction:column}
.work .work-form-slot .widget-form,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form{position:static;max-width:none;width:100%;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;flex:1 1 auto;display:flex;flex-direction:column}
.work .work-form-head{margin:0 0 26px;padding:0 0 22px;border-bottom:1px solid color-mix(in srgb, var(--bk-color-background, #ffffff) 10%, transparent)}
.work .work-form-card .work-form-title{margin:0;padding:0;font-family:var(--bk-h3-family, var(--bk-font-heading, Montserrat,sans-serif));font-size:var(--bk-h3-size, 28px);font-weight:var(--bk-h3-weight, 500);line-height:var(--bk-h3-line-height, 1.2);letter-spacing:var(--bk-h3-letter-spacing, -0.015em);text-transform:none;color:var(--bk-color-background, #ffffff)}
.work .work-form-card .work-form-title em{font-style:var(--bk-h3-style, normal);color:var(--bk-color-secondary, var(--champion))}
.work .work-form-card .work-form-head .work-foot{margin:12px 0 0;padding:0;border:0;font-size:var(--bk-p-size, 15px);line-height:var(--bk-p-line-height, 1.6);color:color-mix(in srgb, var(--bk-color-background, #ffffff) 70%, transparent)}
.work .work-form-slot .widget-form .custom-form,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .custom-form{margin:0;padding:0;background:none;max-width:none;width:100%;flex:1 1 auto;display:flex;flex-direction:column}
.work .work-form-slot .widget-form .double-input-row,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .double-input-row{display:flex;gap:18px;margin:0}
/* the row carries a clearfix ::after, which would become a third flex item (and a second gap) */
.work .work-form-slot .widget-form .double-input-row::before,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .double-input-row::before,.work .work-form-slot .widget-form .double-input-row::after,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .double-input-row::after{display:none}
.work .work-form-slot .widget-form .double-input-row>*,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .double-input-row>*{flex:1 1 0;min-width:0;max-width:none;width:auto;float:none;margin:0;padding:0}
.work .work-form-slot .widget-form .single-input-row,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .single-input-row{margin:0}
.work .work-form-slot .widget-form .form-row,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row{position:relative;display:flex;flex-direction:column;gap:4px;width:100%;margin:0 0 22px;padding:var(--bk-btn-tertiary-pad, 0);float:none}
/* labels follow the Partnership form's label font (Montserrat 14/400, no caps) */
.work .work-form-slot .widget-form .form-row>label,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row>label{display:block;width:auto;float:none;margin:0;padding:0;font-family:var(--bk-p-family, var(--bk-font-base, Montserrat,sans-serif));font-size:var(--bk-p-size, 14px);font-weight:var(--bk-p-weight, 400);font-style:var(--bk-p-style, normal);line-height:var(--bk-p-line-height, 28px);letter-spacing:var(--bk-p-letter-spacing, normal);text-transform:none;color:color-mix(in srgb, var(--bk-color-background, #ffffff) 92%, transparent);text-align:left}
.work .work-form-slot .widget-form .form-row.mandatory>label::after,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row.mandatory>label::after{content:" *";color:var(--bk-color-accent, #ff0000)}
.work .work-form-slot .widget-form .form-row input[type="text"],body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row input[type="text"],
.work .work-form-slot .widget-form .form-row input[type="email"],
body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row input[type="email"],
.work .work-form-slot .widget-form .form-row input[type="tel"],
body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row input[type="tel"],
.work .work-form-slot .widget-form .form-row select,
body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row select,
.work .work-form-slot .widget-form .form-row textarea,
body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row textarea{-webkit-appearance:none;appearance:none;display:block;width:100%;max-width:none;height:54px;margin:0;padding:0 18px;border:1px solid color-mix(in srgb, var(--bk-color-background, #ffffff) 14%, transparent);border-radius:14px;background:color-mix(in srgb, var(--bk-color-background, #ffffff) 6%, transparent);box-shadow:none;font-family:var(--bk-p-family, var(--bk-font-base, var(--font-sans)));font-size:var(--bk-p-size, 15px);font-weight:var(--bk-p-weight, 500);line-height:var(--bk-p-line-height, 1.4);color:var(--bk-color-background, #ffffff);transition:border-color .2s,box-shadow .2s,background-color .2s}
.work .work-form-slot .widget-form .form-row input::placeholder,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row input::placeholder,
.work .work-form-slot .widget-form .form-row textarea::placeholder,
body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row textarea::placeholder{color:color-mix(in srgb, var(--bk-color-background, #ffffff) 45%, transparent);opacity:1}
/* the theme paints every select with a remote arrow image (!important) */
.work .work-form-slot .widget-form .form-row select,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row select{padding-right:40px;background:color-mix(in srgb, var(--bk-color-background, #ffffff) 6%, transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a4ace5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 18px center / 16px 16px !important;cursor:pointer}
.work .work-form-slot .widget-form .form-row select option,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row select option{color:var(--bk-p-color, var(--bk-color-ink, var(--royal)));background:var(--bk-color-background, var(--white))}
.work .work-form-slot .widget-form .form-row textarea,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row textarea{height:auto;min-height:148px;padding:15px 18px;line-height:var(--bk-p-line-height, 1.55);resize:vertical}
.work .work-form-slot .widget-form .form-row input:hover,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row input:hover,
.work .work-form-slot .widget-form .form-row select:hover,
body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row select:hover,
.work .work-form-slot .widget-form .form-row textarea:hover,
body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row textarea:hover{border-color:color-mix(in srgb, var(--bk-color-secondary, #a4ace5) 65%, transparent)}
.work .work-form-slot .widget-form .form-row input:focus,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row input:focus,
.work .work-form-slot .widget-form .form-row select:focus,
body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row select:focus,
.work .work-form-slot .widget-form .form-row textarea:focus,
body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row textarea:focus{outline:none;border-color:var(--bk-color-secondary, var(--champion));background-color:color-mix(in srgb, var(--bk-color-background, #ffffff) 9%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--bk-color-secondary, #a4ace5) 22%, transparent)}
/* validation (WC adds the classes and an .errorlist after the field) */
.work .work-form-slot .widget-form .form-row .validation-error,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row .validation-error,
.work .work-form-slot .widget-form .form-row .error-field-error,
body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row .error-field-error{border-color:var(--bk-color-accent, #e8a3b3) !important;background-color:color-mix(in srgb, var(--bk-color-accent, #e8a3b3) 8%, transparent)}
.work .work-form-slot .widget-form .form-row .validation-error:focus,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row .validation-error:focus,
.work .work-form-slot .widget-form .form-row .error-field-error:focus,
body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row .error-field-error:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--bk-color-accent, #e8a3b3) 22%, transparent)}
.work .work-form-slot .widget-form .errorlist,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .errorlist{position:static;display:block;margin:0;padding:0;background:none;border:0;box-shadow:none}
.work .work-form-slot .widget-form .errorlist .pointer,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .errorlist .pointer,
.work .work-form-slot .widget-form .errorlist .close-btn,
body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .errorlist .close-btn{display:none}
.work .work-form-slot .widget-form .errorlist .message-text,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .errorlist .message-text{margin:0;padding:0;font-family:var(--bk-p-family, var(--bk-font-base, var(--font-sans)));font-size:var(--bk-p-size, 12.5px);font-weight:var(--bk-p-weight, 500);line-height:var(--bk-p-line-height, 1.3);color:var(--bk-color-accent, #f4b9c7)}
.work .work-form-slot .widget-form .form-row.turnstile-row>label,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row.turnstile-row>label,
.work .work-form-slot .widget-form .form-row.btn-row>label,
body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row.btn-row>label{display:none}
.work .work-form-slot .widget-form .form-row.turnstile-row,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row.turnstile-row{margin:4px 0 22px}
.work .work-form-slot .widget-form .form-row.btn-row,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row.btn-row{margin:auto 0 0;padding-top:0;border-top:0}
.work .work-form-slot .widget-form .form-row.btn-row .submit-button,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row.btn-row .submit-button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;width:auto;min-width:152px;max-width:none;height:auto;margin:0;padding:var(--bk-btn-secondary-pad, 14px 26px);border:0;border-radius:var(--bk-btn-secondary-radius, var(--radius-pill));background:var(--bk-btn-secondary-fill, var(--bk-color-secondary, rgb(179,187,233)));color:var(--bk-btn-secondary-text, var(--bk-color-ink, #1e193a));box-shadow:none;font-family:var(--bk-btn-secondary-font-family, var(--bk-font-base, Montserrat,sans-serif));font-size:var(--bk-btn-secondary-font-size, 14px);font-weight:var(--bk-btn-secondary-font-weight, 500);line-height:1.6;letter-spacing:var(--bk-btn-secondary-font-letter-spacing, -0.003em);text-transform:var(--bk-btn-secondary-font-transform, capitalize);white-space:nowrap;cursor:pointer;transition:transform .18s ease,background .2s,color .2s,box-shadow .2s,border-color .2s}
.work .work-form-slot .widget-form .form-row.btn-row .submit-button:hover:not(:disabled),body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row.btn-row .submit-button:hover:not(:disabled){background:var(--bk-btn-hover-bg, var(--bk-color-secondary, rgb(144,155,217)));color:var(--bk-btn-hover-color, var(--bk-color-ink, #1e193a));box-shadow:none;transform:none}
.work .work-form-slot .widget-form .form-row.btn-row .submit-button:focus-visible,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row.btn-row .submit-button:focus-visible{outline:2px solid var(--bk-color-secondary, var(--champion-ink));outline-offset:3px}
/* WC disables the button until the required fields are valid; the theme greys disabled buttons with !important */
.work .work-form-slot .widget-form .form-row.btn-row .submit-button:disabled,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row.btn-row .submit-button:disabled{background:var(--bk-btn-secondary-fill, var(--bk-color-secondary, rgb(179,187,233))) !important;border:0 !important;color:var(--bk-btn-secondary-text, var(--bk-color-ink, #1e193a)) !important;opacity:.5;box-shadow:none;cursor:not-allowed}
/* narrower two-column widths: keep "Genetic counsellor" from truncating in the half-width select */
@media (min-width:1025px) and (max-width:1199px){
.work .work-form-card{padding-left:28px;padding-right:28px}
.work .work-form-slot .widget-form .double-input-row,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .double-input-row{gap:12px}
.work .work-form-slot .widget-form .form-row select,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .form-row select{padding-left:14px;padding-right:34px;font-size:var(--bk-p-size, 14px);background-position:right 12px center !important}
}
@media (max-width:767px){
.work .work-form-card{padding:32px 20px 24px;border-radius:20px}
.work .work-form-card .work-form-title{font-size:var(--bk-h3-size, 24px)}
.work .work-form-slot .widget-form .double-input-row,body.fee .fee-widget-content:has(> .widget-snippet .work-form-slot) > .fee-column-section-added-from-editor .widget-form .double-input-row{flex-direction:column;gap:0}
}