/* =========================================================================
   WBK design system – tokens, section schemes, widgets, site chrome.
   Colours read Elementor Global Colors first (Site Settings → WBK …),
   falling back to the design values.
   Breakpoints follow Elementor: tablet ≤1024px, mobile ≤767px.
   ========================================================================= */

body {
	--wbk-dark: var(--e-global-color-wbkdark, #161616);
	--wbk-black: var(--e-global-color-wbkblack, #0e0e0e);
	--wbk-yellow: var(--e-global-color-wbkyellow, #f2c200);
	--wbk-ochre: var(--e-global-color-wbkochre, #8a7400);
	--wbk-cream: var(--e-global-color-wbkcream, #f3f1ea);
	--wbk-panel: var(--e-global-color-wbkpanel, #2b2b2b);
	--wbk-line-dark: var(--e-global-color-wbklinedk, #2e2e2e);
	--wbk-line-light: var(--e-global-color-wbkline, #d6d2c7);
	--wbk-stone: var(--e-global-color-wbkstone, #cfccc3);
	--wbk-muted: var(--e-global-color-wbkmuted, #8d8a82);
	--wbk-muted-2: #a9a69d;
	--wbk-input: #c9c4b7;
	--wbk-stripe: #d9ae00;
	--wbk-f-body: 'Barlow', system-ui, sans-serif;
	--wbk-f-head: 'Barlow Condensed', 'Barlow', sans-serif;
	--wbk-f-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
	--wbk-gutter: 56px;
	--wbk-max: 1280px;
}

/* ---------- Section base ---------- */

.wbk-section {
	--wbk-pad-t: 104px;
	--wbk-pad-b: 104px;
	--wbk-pad-l: var(--wbk-gutter);
	--wbk-pad-r: var(--wbk-gutter);
	position: relative;
	background-color: var(--wbk-bg);
	color: var(--wbk-fg);
	font-family: var(--wbk-f-body);
	-webkit-font-smoothing: antialiased;
}

.wbk-section *,
.wbk-site * {
	box-sizing: border-box;
}

body .wbk-section a,
body .wbk-site a {
	color: inherit;
	text-decoration: none;
}

body .wbk-section a:hover,
body .wbk-site a:hover {
	color: var(--wbk-hover, inherit);
}

.wbk-section :where(h1, h2, h3, h4, p, ol, ul, dl, dd, figure) {
	margin: 0;
}

.wbk-container {
	max-width: var(--wbk-max);
	margin: 0 auto;
	padding: var(--wbk-pad-t) var(--wbk-pad-r) var(--wbk-pad-b) var(--wbk-pad-l);
}

.wbk-cover {
	background-color: #222;
	background-size: cover;
	background-repeat: no-repeat;
}

/* ---------- Colour schemes ---------- */

.wbk-scheme-light,
.wbk-scheme-white {
	--wbk-bg: var(--wbk-cream);
	--wbk-fg: var(--wbk-dark);
	--wbk-muted-fg: #444;
	--wbk-eyebrow: var(--wbk-ochre);
	--wbk-line: var(--wbk-line-light);
	--wbk-line-strong: var(--wbk-dark);
	--wbk-accent: var(--wbk-ochre);
	--wbk-hover: #c79f00;
}

.wbk-scheme-white {
	--wbk-bg: #fff;
}

.wbk-scheme-dark,
.wbk-scheme-black {
	--wbk-bg: var(--wbk-dark);
	--wbk-fg: var(--wbk-cream);
	--wbk-muted-fg: var(--wbk-stone);
	--wbk-eyebrow: var(--wbk-yellow);
	--wbk-line: var(--wbk-line-dark);
	--wbk-line-strong: var(--wbk-yellow);
	--wbk-accent: var(--wbk-yellow);
	--wbk-hover: var(--wbk-yellow);
}

.wbk-scheme-black {
	--wbk-bg: var(--wbk-black);
}

.wbk-scheme-yellow {
	--wbk-bg: var(--wbk-yellow);
	--wbk-fg: var(--wbk-dark);
	--wbk-muted-fg: var(--wbk-dark);
	--wbk-eyebrow: var(--wbk-dark);
	--wbk-line: rgba(0, 0, 0, .15);
	--wbk-line-strong: var(--wbk-dark);
	--wbk-accent: var(--wbk-dark);
	--wbk-hover: var(--wbk-dark);
}

/* ---------- Typography primitives ---------- */

.wbk-section .wbk-eyebrow {
	font: 500 13px/1.3 var(--wbk-f-mono);
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--wbk-eyebrow);
	margin-bottom: 16px;
}

.wbk-section .wbk-eyebrow--ochre {
	color: var(--wbk-ochre);
}

.wbk-section .wbk-title {
	margin: 0;
	font: 700 64px/.95 var(--wbk-f-head);
	text-transform: uppercase;
	color: inherit;
	letter-spacing: 0;
	text-wrap: balance;
}

.wbk-section .wbk-hl {
	color: var(--wbk-accent);
}

.wbk-section .wbk-body {
	font: 18px/1.65 var(--wbk-f-body);
	color: var(--wbk-muted-fg);
}

.wbk-section .wbk-body p + p {
	margin-top: 20px;
}

.wbk-section .wbk-body strong,
.wbk-section .wbk-body b {
	color: var(--wbk-fg);
}

.wbk-mono {
	font: 500 12px/1.3 var(--wbk-f-mono);
	letter-spacing: .08em;
	text-transform: uppercase;
}

.wbk-crumb {
	font: 500 12px/1.3 var(--wbk-f-mono);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wbk-muted);
}

.wbk-meta {
	display: block;
	font: 500 12px/1.3 var(--wbk-f-mono);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wbk-muted);
}

.wbk-muted {
	color: var(--wbk-muted);
}

.wbk-head {
	margin-bottom: 48px;
}

.wbk-head .wbk-eyebrow:last-child {
	margin-bottom: 0;
}

.wbk-head--split {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 32px;
}

.wbk-head__note {
	max-width: 380px;
	font: 16px/1.55 var(--wbk-f-body);
	color: var(--wbk-muted-2);
}

.wbk-head__count {
	color: var(--wbk-muted);
	font-size: 13px;
}

.wbk-bars {
	display: flex;
	gap: 6px;
	margin-bottom: 22px;
}

.wbk-bars span {
	height: 8px;
	background: var(--wbk-yellow);
}

.wbk-bars span:nth-child(1) { width: 56px; }
.wbk-bars span:nth-child(2) { width: 36px; }
.wbk-bars span:nth-child(3) { width: 18px; }

/* Tiles: 2px gutters drawn by the parent background. */
.wbk-tiles {
	display: grid;
	gap: 2px;
	padding: 2px;
	background: var(--wbk-line-dark);
}

.wbk-tiles--dark {
	background: var(--wbk-dark);
}

/* ---------- Buttons & links ---------- */

.wbk-section .wbk-btn,
.wbk-site .wbk-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 16px 26px;
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
	font: 700 15px/1.2 var(--wbk-f-body);
	letter-spacing: .04em;
	text-transform: uppercase;
	border: 0;
	cursor: pointer;
	transition: filter .15s ease;
}

.wbk-section .wbk-btn:hover,
.wbk-site .wbk-btn:hover {
	color: var(--wbk-dark);
	filter: brightness(.93);
}

.wbk-section .wbk-btn--dark,
.wbk-scheme-yellow .wbk-btn {
	background: var(--wbk-dark);
	color: var(--wbk-yellow);
}

.wbk-section .wbk-btn--dark:hover,
.wbk-scheme-yellow .wbk-btn:hover {
	color: var(--wbk-yellow);
	filter: brightness(1.3);
}

.wbk-btn--sm {
	height: 44px;
	padding: 0 18px !important;
	font-size: 13px !important;
	letter-spacing: .03em !important;
}

.wbk-btn--block {
	display: flex !important;
	width: 100%;
	height: 52px;
	margin-top: 24px;
	font-size: 14px !important;
}

.wbk-section .wbk-btn-ghost {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1.5px solid #5a5a5a;
	font: 700 13px/1 var(--wbk-f-body);
	letter-spacing: .03em;
	text-transform: uppercase;
}

.wbk-section .wbk-btn-outline {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 52px;
	margin: 28px 20px 48px;
	border: 1.5px solid var(--wbk-cream);
	font: 700 14px/1 var(--wbk-f-body);
	text-transform: uppercase;
}

.wbk-section .wbk-btn-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 52px;
	padding: 0 20px;
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
	font: 700 15px/1 var(--wbk-f-body);
	letter-spacing: .04em;
	text-transform: uppercase;
}

.wbk-section .wbk-btn-row--dark {
	background: var(--wbk-dark);
	color: var(--wbk-yellow);
	height: 48px;
	padding: 0 18px;
	font-size: 14px;
}

.wbk-section .wbk-btn-row:hover {
	filter: brightness(.93);
	color: inherit;
}

.wbk-section .wbk-btn-row--dark:hover {
	color: var(--wbk-yellow);
	filter: brightness(1.4);
}

.wbk-section .wbk-textlink {
	font: 700 15px/1.2 var(--wbk-f-body);
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--wbk-yellow);
}

.wbk-section .wbk-underline-link {
	font: 700 14px/1.2 var(--wbk-f-body);
	text-transform: uppercase;
	border-bottom: 3px solid var(--wbk-yellow);
}

.wbk-section .wbk-bar-link {
	justify-content: space-between;
	align-items: center;
	height: 64px;
	padding: 0 20px;
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
	font: 800 22px/1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-section .wbk-linkrow {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 52px;
	border-top: 1px solid var(--wbk-line-light);
	font: 800 22px/1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-section .wbk-linkrow:first-of-type {
	border-top: 2px solid var(--wbk-dark);
}

.wbk-section .wbk-linkrow:last-of-type {
	border-bottom: 1px solid var(--wbk-line-light);
}

.wbk-badge {
	position: absolute;
	top: 0;
	left: 0;
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
	font: 600 12px/1 var(--wbk-f-mono);
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 10px 16px;
}

.wbk-clip-bl {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 56px 100%, 0 calc(100% - 56px));
}

.wbk-clip-br {
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 28px), calc(100% - 28px) 100%, 0 100%);
}

/* =========================================================================
   Widgets
   ========================================================================= */

/* ---------- Page Hero ---------- */

.wbk-page-hero {
	height: 440px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #222;
}

.wbk-page-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(14, 14, 14, .92) 0%, rgba(14, 14, 14, .55) 60%, rgba(14, 14, 14, .2) 100%);
}

.wbk-section .wbk-page-hero__crumb {
	position: absolute;
	left: var(--wbk-gutter);
	right: var(--wbk-gutter);
	top: 36px;
	color: var(--wbk-muted-2);
}

.wbk-page-hero__content {
	position: absolute;
	left: var(--wbk-gutter);
	bottom: 64px;
	max-width: 760px;
}

.wbk-page-hero .wbk-eyebrow {
	margin-bottom: 14px;
}

.wbk-section.wbk-page-hero .wbk-title {
	font-weight: 800;
	font-size: 76px;
	line-height: .92;
}

.wbk-section .wbk-page-hero__intro {
	margin-top: 18px;
	max-width: 600px;
	font: 19px/1.5 var(--wbk-f-body);
	color: var(--wbk-stone);
}

/* ---------- Intro ---------- */

.wbk-intro__grid {
	display: grid;
	grid-template-columns: 1fr 1.3fr;
	gap: 88px;
}

.wbk-section.wbk-intro .wbk-title {
	font-size: 60px;
}

.wbk-intro__text {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.wbk-stats {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	border-top: 2px solid var(--wbk-line-strong);
	margin-top: 12px;
}

.wbk-stat {
	padding: 18px 0;
}

.wbk-stat__value {
	font: 800 38px/1 var(--wbk-f-head);
}

.wbk-stat__label {
	margin-top: 4px;
	font: 600 13px/1.3 var(--wbk-f-body);
	text-transform: uppercase;
	color: #666;
}

/* ---------- Image Statement ---------- */

.wbk-image-statement {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: var(--wbk-min-h, 560px);
}

.wbk-image-statement--right .wbk-image-statement__img {
	order: 2;
}

.wbk-image-statement__img {
	background-position: center;
}

.wbk-image-statement__text {
	padding: 96px 64px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.wbk-image-statement .wbk-eyebrow {
	margin-bottom: 20px;
}

.wbk-section .wbk-title.wbk-statement {
	font: 700 40px/1.1 var(--wbk-f-head);
	text-wrap: pretty;
}

/* ---------- Numbered Cards ---------- */

.wbk-numbered-cards__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wbk-card {
	background: var(--wbk-bg);
	padding: 32px 28px 40px;
}

.wbk-card__num {
	font: 800 72px/1 var(--wbk-f-head);
	color: var(--wbk-yellow);
}

.wbk-section .wbk-card__title {
	margin: 28px 0 12px;
	font: 700 24px/1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-section .wbk-card__text {
	font: 16px/1.55 var(--wbk-f-body);
	color: var(--wbk-muted-fg);
}

/* ---------- Feature Grid ---------- */

.wbk-feature-grid__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px 48px;
}

.wbk-feature-grid--lines .wbk-feature {
	border-top: 2px solid var(--wbk-line-strong);
	padding-top: 20px;
}

.wbk-section .wbk-feature__title {
	margin: 0 0 8px;
	font: 700 24px/1.1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-section .wbk-feature__text {
	font: 16px/1.55 var(--wbk-f-body);
	color: #555;
}

.wbk-scheme-dark .wbk-feature__text,
.wbk-scheme-black .wbk-feature__text {
	color: var(--wbk-stone);
}

.wbk-feature-grid--cards .wbk-feature-grid__grid {
	gap: 2px;
}

.wbk-feature-grid--cards .wbk-feature {
	background: #fff;
	color: var(--wbk-dark);
	padding: 28px 24px 32px;
}

.wbk-feature__bar {
	display: block;
	width: 40px;
	height: 6px;
	background: var(--wbk-yellow);
	margin-bottom: 28px;
}

.wbk-section.wbk-feature-grid--cards .wbk-feature__title {
	font-weight: 800;
	font-size: 26px;
	line-height: 1;
	margin-bottom: 10px;
}

.wbk-section.wbk-feature-grid--cards .wbk-feature__text {
	font-size: 15px;
	color: #555;
}

/* ---------- Link Tiles ---------- */

.wbk-link-tiles__grid {
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
}

.wbk-section .wbk-tile {
	position: relative;
	display: block;
	height: 260px;
	overflow: hidden;
	color: var(--wbk-cream);
}

.wbk-tile__img {
	position: absolute;
	inset: 0;
	background-position: center;
	transition: transform .5s ease;
}

.wbk-tile:hover .wbk-tile__img {
	transform: scale(1.04);
}

.wbk-tile__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(14, 14, 14, .1), rgba(14, 14, 14, .88));
}

.wbk-tile__body {
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 24px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.wbk-tile__label {
	display: block;
	font: 500 12px/1.3 var(--wbk-f-mono);
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--wbk-yellow);
}

.wbk-tile__title {
	display: block;
	margin-top: 6px;
	font: 800 32px/1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-tile__arrow {
	font: 700 24px/1 var(--wbk-f-body);
	color: var(--wbk-yellow);
}

/* ---------- Policy ---------- */

.wbk-policy__grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: 72px;
	align-items: start;
}

.wbk-section .wbk-policy__lead {
	margin-bottom: 48px;
	font: 600 26px/1.4 var(--wbk-f-body);
	text-wrap: pretty;
}

.wbk-policy__main .wbk-eyebrow {
	margin-bottom: 8px;
}

.wbk-section .wbk-numlist {
	list-style: none;
	padding: 0;
	margin: 0;
}

.wbk-numlist li {
	display: grid;
	grid-template-columns: 72px 1fr;
	padding: 24px 0;
	border-top: 1px solid var(--wbk-line);
}

.wbk-numlist li:first-child {
	border-top: 2px solid var(--wbk-line-strong);
}

.wbk-numlist li:last-child {
	border-bottom: 1px solid var(--wbk-line);
}

.wbk-numlist__n {
	font: 800 36px/1 var(--wbk-f-head);
}

.wbk-numlist__t {
	font: 17px/1.6 var(--wbk-f-body);
	color: #333;
}

.wbk-policy__side {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 2px;
	background: var(--wbk-dark);
}

.wbk-policy__doc {
	background: var(--wbk-dark);
	color: var(--wbk-cream);
	padding: 32px;
}

.wbk-section .wbk-policy__doc .wbk-eyebrow {
	font-size: 12px;
	letter-spacing: .1em;
	color: var(--wbk-yellow);
	margin: 0;
}

.wbk-policy__doc-title {
	margin: 12px 0 10px;
	font: 800 34px/1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-policy__doc-meta {
	margin-bottom: 24px;
	font: 15px/1.5 var(--wbk-f-body);
	color: var(--wbk-muted-2);
}

.wbk-policy__commit {
	background: #fff;
	padding: 28px 32px;
}

.wbk-section .wbk-policy__commit .wbk-eyebrow {
	font-size: 12px;
	letter-spacing: .1em;
}

.wbk-policy__commit-body {
	display: flex;
	flex-direction: column;
	gap: 16px;
	font: 15px/1.55 var(--wbk-f-body);
	color: #444;
}

.wbk-policy__commit-body strong,
.wbk-policy__commit-body b {
	color: var(--wbk-dark);
}

.wbk-policy__logos {
	background: #fff;
	padding: 24px 32px;
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}

.wbk-section .wbk-policy__logo {
	height: 56px;
	width: auto;
	display: block;
}

.wbk-policy__logos .wbk-underline-link {
	margin-left: auto;
}

/* ---------- Statement Banner ---------- */

.wbk-statement-banner {
	background-size: cover;
	background-position: center;
}

.wbk-statement-banner__overlay {
	position: absolute;
	inset: 0;
	background: var(--wbk-black);
	opacity: .82;
}

.wbk-statement-banner .wbk-container {
	position: relative;
	--wbk-pad-t: 96px;
	--wbk-pad-b: 96px;
}

.wbk-statement-banner__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 72px;
	align-items: center;
}

.wbk-section.wbk-statement-banner .wbk-title {
	font-weight: 800;
	line-height: .92;
}

.wbk-statement-banner .wbk-body {
	font-size: 17px;
	line-height: 1.6;
}

.wbk-statement-banner .wbk-body p + p {
	margin-top: 18px;
}

/* ---------- Accreditation Bar ---------- */

.wbk-accreditation-bar .wbk-container {
	--wbk-pad-t: 28px;
	--wbk-pad-b: 28px;
}

.wbk-accreditation-bar__row {
	display: flex;
	align-items: center;
	gap: 40px;
}

.wbk-section .wbk-accreditation-bar__logo {
	height: 72px;
	width: auto;
	display: block;
	background: #fff;
	padding: 6px;
}

.wbk-accreditation-bar__text {
	flex: 1;
	font: 17px/1.5 var(--wbk-f-body);
}

.wbk-accreditation-bar__num {
	text-align: right;
}

.wbk-accreditation-bar__value {
	font: 800 40px/1 var(--wbk-f-head);
}

/* ---------- Certificates ---------- */

.wbk-certificates .wbk-container {
	--wbk-pad-t: 96px;
	--wbk-pad-b: 96px;
}

.wbk-certificates__list {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.wbk-cert {
	background: #fff;
	color: var(--wbk-dark);
	display: grid;
	grid-template-columns: 280px 1fr 260px;
	align-items: center;
	gap: 48px;
	padding: 40px 48px;
	border-top: 4px solid var(--wbk-dark);
}

.wbk-section .wbk-cert__logo {
	width: 200px;
	height: auto;
	display: block;
	justify-self: center;
}

.wbk-cert__code {
	font: 600 13px/1.3 var(--wbk-f-mono);
	letter-spacing: .08em;
	color: var(--wbk-ochre);
}

.wbk-section .wbk-cert__title {
	margin: 8px 0 14px;
	font: 800 44px/1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-cert__text {
	font: 17px/1.6 var(--wbk-f-body);
	color: #444;
}

.wbk-cert__side {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.wbk-cert__meta {
	font: 14px/1.5 var(--wbk-f-body);
	color: #666;
}

.wbk-cert__meta b {
	color: var(--wbk-dark);
}

/* ---------- CTA ---------- */

.wbk-cta .wbk-container {
	--wbk-pad-t: 64px;
	--wbk-pad-b: 64px;
}

.wbk-scheme-dark.wbk-cta .wbk-container,
.wbk-scheme-black.wbk-cta .wbk-container {
	--wbk-pad-t: 72px;
	--wbk-pad-b: 72px;
}

.wbk-cta__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
}

.wbk-section.wbk-cta .wbk-title {
	font-weight: 800;
	font-size: 52px;
	margin-bottom: 8px;
}

.wbk-cta .wbk-title:last-child {
	margin-bottom: 0;
}

.wbk-cta .wbk-body {
	font-size: 17px;
	color: inherit;
}

.wbk-section .wbk-cta__btn {
	flex: none;
	padding: 18px 30px;
	font-size: 16px;
}

/* ---------- Services ---------- */

.wbk-services__index {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	gap: 2px;
	padding: 2px;
	background: var(--wbk-black);
}

.wbk-section .wbk-services__index a {
	display: flex;
	gap: 10px;
	padding: 18px 20px;
	background: var(--wbk-dark);
	color: var(--wbk-cream);
	font: 700 15px/1.15 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-section .wbk-services__index a:hover {
	background: var(--wbk-panel);
	color: var(--wbk-cream);
}

.wbk-services__index .wbk-mono {
	color: var(--wbk-yellow);
	letter-spacing: 0;
}

.wbk-service {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 440px;
	scroll-margin-top: 100px;
}

.wbk-service--flip .wbk-service__img {
	order: 2;
}

.wbk-service__body {
	padding: 72px 64px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.wbk-service__num {
	font: 800 96px/.8 var(--wbk-f-head);
	color: var(--wbk-yellow);
	-webkit-text-stroke: 2px var(--wbk-dark);
}

.wbk-section .wbk-service__title {
	margin: 20px 0 14px;
	font: 800 52px/.95 var(--wbk-f-head);
	text-transform: uppercase;
}

/* ---------- Fleet ---------- */

.wbk-fleet__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wbk-fleet__cat {
	background: var(--wbk-bg);
	padding: 28px;
}

.wbk-fleet__head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	border-bottom: 2px solid var(--wbk-yellow);
	padding-bottom: 14px;
	margin-bottom: 14px;
}

.wbk-fleet__name {
	font: 800 28px/1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-fleet__count {
	font: 500 12px/1 var(--wbk-f-mono);
	text-transform: uppercase;
	color: var(--wbk-muted);
	white-space: nowrap;
}

.wbk-section .wbk-fleet__models {
	list-style: none;
	padding: 0;
	font: 16px/2.1 var(--wbk-f-body);
	color: var(--wbk-muted-fg);
}

/* ---------- Project Hero ---------- */

.wbk-project-hero__media {
	position: relative;
	height: 620px;
	background-position: center;
}

.wbk-project-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(14, 14, 14, .4) 0%, rgba(14, 14, 14, .2) 40%, rgba(14, 14, 14, .95) 100%);
}

.wbk-section .wbk-project-hero__crumb {
	position: absolute;
	left: var(--wbk-gutter);
	top: 36px;
	color: var(--wbk-stone);
}

.wbk-project-hero__bottom {
	position: absolute;
	left: var(--wbk-gutter);
	right: var(--wbk-gutter);
	bottom: 56px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 32px;
}

.wbk-project-hero .wbk-eyebrow {
	margin-bottom: 14px;
}

.wbk-section.wbk-project-hero .wbk-title {
	font-weight: 800;
	font-size: 104px;
	line-height: .88;
}

.wbk-project-hero__stats {
	display: flex;
	gap: 2px;
	flex: none;
}

.wbk-project-hero__stat {
	background: rgba(14, 14, 14, .86);
	padding: 22px 26px;
}

.wbk-project-hero__stat .wbk-mono {
	font-size: 11px;
	letter-spacing: 0;
	color: var(--wbk-muted);
}

.wbk-project-hero__value {
	margin-top: 6px;
	font: 800 40px/1 var(--wbk-f-head);
	color: var(--wbk-yellow);
}

.wbk-project-hero__value span {
	font-size: 18px;
	color: var(--wbk-cream);
}

.wbk-project-hero__stats-m {
	grid-template-columns: 1fr 1fr;
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
}

.wbk-project-hero__stats-m > div {
	padding: 20px;
}

.wbk-project-hero__stats-m > div + div {
	border-left: 1px solid rgba(0, 0, 0, .15);
}

.wbk-project-hero__value-m {
	font: 800 32px/1 var(--wbk-f-head);
}

.wbk-project-hero__label-m {
	font: 600 12px/1.3 var(--wbk-f-body);
	text-transform: uppercase;
}

/* ---------- Project Overview ---------- */

.wbk-project-overview__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 80px;
}

.wbk-section.wbk-project-overview .wbk-title {
	font-size: 56px;
	margin-bottom: 24px;
}

.wbk-project-overview .wbk-body p + p {
	margin-top: 18px;
}

.wbk-facts {
	align-self: start;
	background: var(--wbk-dark);
	color: var(--wbk-cream);
	padding: 32px;
	display: flex;
	flex-direction: column;
}

.wbk-section .wbk-facts .wbk-eyebrow {
	font-size: 12px;
	letter-spacing: .1em;
	color: var(--wbk-yellow);
	margin-bottom: 12px;
}

.wbk-facts__row {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 14px 0;
	border-top: 1px solid var(--wbk-line-dark);
	font: 16px/1.4 var(--wbk-f-body);
}

.wbk-facts__row span {
	color: var(--wbk-muted);
}

.wbk-facts__row b {
	font-weight: 600;
	text-align: right;
}

.wbk-facts__scope {
	padding-top: 14px;
	border-top: 1px solid var(--wbk-line-dark);
	font: 16px/1.4 var(--wbk-f-body);
}

.wbk-facts__scope > span {
	color: var(--wbk-muted);
}

.wbk-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
}

.wbk-tag {
	background: var(--wbk-panel);
	padding: 6px 10px;
	font: 600 13px/1.2 var(--wbk-f-body);
}

/* ---------- Timeline ---------- */

.wbk-timeline .wbk-container {
	--wbk-pad-t: 96px;
	--wbk-pad-b: 96px;
}

.wbk-section.wbk-timeline .wbk-title {
	font-size: 56px;
	margin-bottom: 40px;
}

.wbk-timeline__bar {
	position: relative;
	display: flex;
	gap: 4px;
	height: 64px;
}

.wbk-timeline__seg {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 20px;
	color: var(--wbk-dark);
	min-width: 0;
}

.wbk-timeline__seg b {
	font: 800 22px/1 var(--wbk-f-head);
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wbk-timeline__seg .wbk-mono {
	margin-top: 4px;
	letter-spacing: 0;
}

.wbk-timeline__seg--done {
	background: var(--wbk-cream);
}

.wbk-timeline__seg--active {
	background: repeating-linear-gradient(135deg, var(--wbk-yellow) 0 16px, var(--wbk-stripe) 16px 32px);
}

.wbk-timeline__today {
	position: absolute;
	left: var(--wbk-today, 85%);
	top: -10px;
	bottom: -10px;
	width: 3px;
	background: #fff;
}

.wbk-timeline__today-label {
	position: absolute;
	left: var(--wbk-today, 85%);
	top: -34px;
	transform: translateX(-50%);
	font: 600 12px/1 var(--wbk-f-mono);
	text-transform: uppercase;
	color: var(--wbk-yellow);
}

.wbk-timeline__years {
	display: flex;
	margin-top: 12px;
	font: 500 12px/1 var(--wbk-f-mono);
	color: var(--wbk-muted);
}

.wbk-timeline__years span {
	flex: 1;
}

.wbk-timeline__years .is-now,
.wbk-timeline__years-m .is-now {
	color: var(--wbk-yellow);
}

.wbk-timeline__years-m {
	justify-content: space-between;
	margin-top: 8px;
	font: 500 11px/1 var(--wbk-f-mono);
	color: var(--wbk-muted);
}

/* ---------- Location & Map ---------- */

.wbk-location {
	grid-template-columns: 1fr 1.3fr;
}

.wbk-location__panel {
	background: var(--wbk-bg);
	padding: 56px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 32px;
}

.wbk-section.wbk-location .wbk-title {
	font-size: 48px;
	margin-bottom: 16px;
}

.wbk-location .wbk-body {
	font-size: 16px;
	line-height: 1.6;
	color: var(--wbk-muted-2);
}

.wbk-location .wbk-textlink {
	align-self: flex-start;
}

.wbk-map-frame {
	display: block;
	width: 100%;
	height: 420px;
	border: 0;
}

.wbk-map .wbk-map-frame {
	height: 380px;
}

.wbk-map--gray .wbk-map-frame {
	filter: grayscale(1) contrast(1.1);
}

/* ---------- Gallery ---------- */

.wbk-gallery .wbk-container {
	--wbk-pad-t: 96px;
	--wbk-pad-b: 96px;
}

.wbk-head--split + .wbk-gallery__grid,
.wbk-gallery .wbk-head {
	margin-bottom: 40px;
}

.wbk-section.wbk-gallery .wbk-title {
	font-size: 56px;
}

.wbk-gallery__grid {
	grid-template-columns: 2fr 1fr 1fr;
	grid-template-rows: 240px 240px;
}

.wbk-section .wbk-gallery__item {
	position: relative;
	display: block;
	background-position: center;
}

.wbk-gallery__item:first-child {
	grid-row: span 2;
}

.wbk-gallery__item--hidden {
	display: none !important;
}

.wbk-gallery__more {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(14, 14, 14, .6);
	font: 800 28px/1 var(--wbk-f-head);
	text-transform: uppercase;
	color: var(--wbk-yellow);
}

/* ---------- News ---------- */

.wbk-news-list .wbk-container {
	--wbk-pad-t: 0px;
	--wbk-pad-b: 0px;
}

.wbk-news-head {
	border-bottom: 1px solid var(--wbk-line-dark);
}

.wbk-news-head .wbk-container {
	padding-top: 72px;
	padding-bottom: 48px;
}

.wbk-news-head .wbk-crumb {
	margin-bottom: 28px;
}

.wbk-news-head__row {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 32px;
	flex-wrap: wrap;
}

.wbk-news-head .wbk-eyebrow {
	margin-bottom: 14px;
}

.wbk-section.wbk-news-list .wbk-news-head .wbk-title {
	font-weight: 800;
	font-size: 96px;
	line-height: .88;
}

.wbk-filters {
	display: flex;
	gap: 2px;
	flex-wrap: wrap;
}

.wbk-section .wbk-filters a {
	display: flex;
	align-items: center;
	padding: 12px 20px;
	background: var(--wbk-panel);
	font: 700 14px/1 var(--wbk-f-body);
	letter-spacing: .04em;
	text-transform: uppercase;
}

.wbk-section .wbk-filters a.is-active {
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
}

.wbk-news-body {
	padding-top: 56px !important;
}

.wbk-news-featured {
	grid-template-columns: 1.4fr 1fr;
}

.wbk-news-featured__img {
	position: relative;
	display: block;
	height: 440px;
	background-position: center;
}

.wbk-news-featured__body {
	background: var(--wbk-dark);
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
}

.wbk-news-featured__title {
	display: block;
	margin: 16px 0;
	font: 800 48px/.95 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-news-featured__excerpt {
	display: block;
	font: 17px/1.6 var(--wbk-f-body);
	color: var(--wbk-stone);
}

.wbk-news-featured .wbk-textlink {
	color: var(--wbk-yellow);
}

.wbk-news-featured + .wbk-news-grid {
	margin-top: 2px;
}

.wbk-news-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wbk-section .wbk-news-card {
	background: var(--wbk-dark);
	display: flex;
	flex-direction: column;
}

.wbk-news-card__img {
	display: block;
	height: 280px;
	background-position: center;
}

.wbk-news-card__body {
	display: block;
	padding: 24px 24px 28px;
}

.wbk-news-card__title {
	display: block;
	margin-top: 10px;
	font: 800 28px/1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-news-card:hover .wbk-news-card__title,
.wbk-news-featured:hover .wbk-news-featured__title,
.wbk-post-row:hover .wbk-post-row__title {
	color: var(--wbk-yellow);
}

.wbk-pager {
	display: flex;
	justify-content: center;
	gap: 2px;
	padding: 40px 0 96px;
}

.wbk-section .wbk-pager a {
	min-width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--wbk-panel);
	font: 700 15px/1 var(--wbk-f-body);
}

.wbk-section .wbk-pager a.is-active {
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
}

.wbk-section .wbk-pager .wbk-pager__next {
	padding: 0 20px;
	text-transform: uppercase;
}

.wbk-news-grid:last-child,
.wbk-news-featured:last-child {
	margin-bottom: 96px;
}

.wbk-news-empty {
	padding-top: 56px !important;
	padding-bottom: 96px !important;
}

.wbk-section .wbk-post-row {
	display: grid;
	grid-template-columns: 200px 1fr;
	min-height: 150px;
	background: var(--wbk-dark);
}

.wbk-post-row__img {
	display: block;
	background-size: cover;
	background-position: center;
	background-color: #222;
	clip-path: polygon(0 0, 100% 0, 82% 100%, 0 100%);
}

.wbk-post-row__body {
	display: block;
	padding: 24px 24px 24px 10px;
}

.wbk-post-row .wbk-meta {
	color: #888;
}

.wbk-post-row__title {
	display: block;
	margin-top: 8px;
	font: 800 26px/1 var(--wbk-f-head);
	text-transform: uppercase;
}

/* ---------- Related ---------- */

.wbk-related .wbk-container {
	--wbk-pad-t: 72px;
	--wbk-pad-b: 72px;
}

.wbk-related__head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 28px;
}

.wbk-section.wbk-related .wbk-related__title {
	font-weight: 800;
	font-size: 44px;
}

.wbk-related .wbk-textlink {
	font-size: 14px;
	letter-spacing: 0;
}

.wbk-related__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* ---------- Contact ---------- */

.wbk-contact__grid {
	display: grid;
	grid-template-columns: 1fr 1.15fr;
}

.wbk-contact__info {
	padding: 72px var(--wbk-gutter);
	display: flex;
	flex-direction: column;
}

.wbk-contact__info .wbk-crumb {
	margin-bottom: 28px;
}

.wbk-section.wbk-contact .wbk-contact__info .wbk-title {
	font-weight: 800;
	font-size: 88px;
	line-height: .88;
	margin-bottom: 20px;
}

.wbk-section .wbk-contact__intro {
	max-width: 460px;
	margin-bottom: 48px;
	font: 18px/1.6 var(--wbk-f-body);
	color: var(--wbk-stone);
}

.wbk-section .wbk-contact__rows {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.wbk-contact__rows > div {
	background: var(--wbk-dark);
	padding: 22px 24px;
	display: grid;
	grid-template-columns: 140px 1fr;
	gap: 16px;
}

.wbk-contact__rows dt {
	font: 500 12px/1.6 var(--wbk-f-mono);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wbk-yellow);
}

.wbk-section .wbk-contact__rows dd {
	margin: 0;
	font: 16px/1.6 var(--wbk-f-body);
}

.wbk-strong {
	font-weight: 600;
}

.wbk-contact__social {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
}

.wbk-contact__form {
	background: var(--wbk-cream);
	color: var(--wbk-dark);
	padding: 72px var(--wbk-gutter);
	scroll-margin-top: 100px;
}

.wbk-contact__form .wbk-eyebrow {
	margin-bottom: 12px;
}

.wbk-section .wbk-contact__form-title {
	margin-bottom: 32px;
	font: 800 44px/1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-purpose {
	border: 0;
	padding: 0;
	margin: 0 0 24px;
	min-width: 0;
}

.wbk-purpose legend {
	padding: 0;
	margin-bottom: 10px;
	font: 600 14px/1.3 var(--wbk-f-body);
}

.wbk-purpose__opts {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	gap: 2px;
	padding: 2px;
	background: var(--wbk-dark);
}

.wbk-purpose label {
	display: block;
	margin: 0;
	cursor: pointer;
}

.wbk-purpose input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.wbk-purpose span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	padding: 0 12px;
	background: #fff;
	text-align: center;
	font: 600 15px/1.1 var(--wbk-f-body);
	letter-spacing: .03em;
	text-transform: uppercase;
}

.wbk-purpose input:checked + span {
	background: var(--wbk-yellow);
	font-weight: 700;
}

.wbk-purpose input:focus-visible + span {
	outline: 3px solid var(--wbk-ochre);
	outline-offset: -3px;
}

.wbk-form__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px 16px;
}

.wbk-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.wbk-field--full {
	grid-column: span 2;
}

.wbk-field label {
	font: 600 14px/1.3 var(--wbk-f-body);
}

.wbk-section .wbk-field input,
.wbk-section .wbk-field textarea {
	width: 100%;
	height: 52px;
	border: 1.5px solid var(--wbk-input);
	border-radius: 0;
	background: #fff;
	color: var(--wbk-dark);
	padding: 0 16px;
	font: 16px/1.4 var(--wbk-f-body);
	outline: none;
	box-shadow: none;
}

.wbk-section .wbk-field textarea {
	height: 140px;
	padding: 14px 16px;
	resize: vertical;
}

.wbk-section .wbk-field input:focus,
.wbk-section .wbk-field textarea:focus {
	border-color: var(--wbk-dark);
}

.wbk-form__foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	margin-top: 28px;
}

.wbk-form__note {
	font: 14px/1.3 var(--wbk-f-body);
	color: #666;
}

.wbk-form__foot .wbk-btn {
	height: 56px;
	padding: 0 32px;
	font-size: 16px;
}

.wbk-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.wbk-notice {
	margin-bottom: 24px;
	padding: 14px 18px;
	font: 600 15px/1.4 var(--wbk-f-body);
	border-left: 6px solid;
}

.wbk-notice--ok {
	background: #fff;
	border-color: var(--wbk-yellow);
}

.wbk-notice--err {
	background: #fff3f0;
	border-color: #c0392b;
}

/* ---------- WBK Form extras ---------- */

.wbk-section .wbk-field select {
	width: 100%;
	height: 52px;
	border: 1.5px solid var(--wbk-input);
	border-radius: 0;
	background: #fff;
	color: var(--wbk-dark);
	padding: 0 16px;
	font: 16px/1.4 var(--wbk-f-body);
}

.wbk-section .wbk-field input[type="file"] {
	height: auto;
	padding: 12px 16px;
	background: #fff;
}

.wbk-section .wbk-field select:focus {
	border-color: var(--wbk-dark);
	outline: none;
}

.wbk-form__grid > .wbk-purpose,
.wbk-form__grid > .wbk-checks {
	grid-column: span 2;
	margin-bottom: 6px;
}

.wbk-checks {
	border: 0;
	padding: 0;
	margin: 0;
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
}

.wbk-checks legend {
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
	font: 600 14px/1.3 var(--wbk-f-body);
}

.wbk-checks label {
	display: flex;
	align-items: center;
	gap: 10px;
	font: 16px/1.4 var(--wbk-f-body);
	cursor: pointer;
}

.wbk-section .wbk-checks input[type="checkbox"] {
	flex: none;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 0;
	accent-color: var(--wbk-dark);
}

.wbk-form__heading {
	margin-top: 12px;
	padding-top: 16px;
	border-top: 2px solid var(--wbk-dark);
	font: 800 22px/1.1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-form-wrap .wbk-head .wbk-body {
	margin-top: 16px;
	font-size: 17px;
}

@media (max-width: 767px) {
	.wbk-form__grid > .wbk-purpose,
	.wbk-form__grid > .wbk-checks {
		grid-column: auto;
	}
}

/* ---------- WPForms in the WBK style ---------- */

.wbk-wpforms .wpforms-container {
	margin: 0 !important;
}

.wbk-wpforms .wpforms-field {
	padding: 0 0 18px !important;
}

.wbk-wpforms .wpforms-field-label {
	font: 600 14px/1.3 var(--wbk-f-body) !important;
	color: var(--wbk-dark) !important;
	margin-bottom: 8px !important;
}

.wbk-wpforms .wpforms-required-label {
	color: var(--wbk-dark) !important;
}

.wbk-wpforms input[type="text"],
.wbk-wpforms input[type="email"],
.wbk-wpforms input[type="tel"],
.wbk-wpforms input[type="number"],
.wbk-wpforms input[type="url"],
.wbk-wpforms select,
.wbk-wpforms textarea {
	width: 100% !important;
	max-width: none !important;
	height: 52px !important;
	border: 1.5px solid var(--wbk-input) !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: var(--wbk-dark) !important;
	padding: 0 16px !important;
	font: 16px/1.4 var(--wbk-f-body) !important;
	box-shadow: none !important;
}

.wbk-wpforms textarea {
	height: 140px !important;
	padding: 14px 16px !important;
}

.wbk-wpforms input:focus,
.wbk-wpforms select:focus,
.wbk-wpforms textarea:focus {
	border-color: var(--wbk-dark) !important;
	outline: none !important;
}

/* Radio choices become segmented buttons, like the design's purpose picker. */
.wbk-wpforms .wpforms-field-radio ul {
	display: grid !important;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	gap: 2px !important;
	padding: 2px !important;
	margin: 0 !important;
	background: var(--wbk-dark);
	list-style: none !important;
}

.wbk-wpforms .wpforms-field-radio li {
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
}

.wbk-wpforms .wpforms-field-radio input[type="radio"] {
	position: absolute !important;
	opacity: 0;
}

.wbk-wpforms .wpforms-field-radio li label {
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 52px;
	padding: 0 12px !important;
	margin: 0 !important;
	background: #fff;
	font: 600 15px/1.1 var(--wbk-f-body) !important;
	letter-spacing: .03em;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}

.wbk-wpforms .wpforms-field-radio li.wpforms-selected label,
.wbk-wpforms .wpforms-field-radio input:checked + label {
	background: var(--wbk-yellow);
	font-weight: 700 !important;
}

.wbk-wpforms .wpforms-submit-container {
	padding-top: 10px !important;
	text-align: right;
}

.wbk-wpforms button[type="submit"],
.wbk-wpforms .wpforms-submit {
	height: 56px !important;
	padding: 0 32px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: var(--wbk-dark) !important;
	color: var(--wbk-yellow) !important;
	font: 700 16px/1 var(--wbk-f-body) !important;
	letter-spacing: .04em;
	text-transform: uppercase;
	cursor: pointer;
}

.wbk-wpforms .wpforms-confirmation-container-full {
	background: #fff !important;
	border: 0 !important;
	border-left: 6px solid var(--wbk-yellow) !important;
	color: var(--wbk-dark) !important;
	font: 600 15px/1.4 var(--wbk-f-body);
}

@media (max-width: 767px) {
	.wbk-wpforms .wpforms-field-radio ul {
		grid-auto-flow: row;
	}

	.wbk-wpforms button[type="submit"],
	.wbk-wpforms .wpforms-submit {
		width: 100% !important;
	}
}

/* ---------- Jobs ---------- */

.wbk-jobs {
	display: flex;
	flex-direction: column;
}

.wbk-section .wbk-job {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 140px;
	align-items: center;
	gap: 16px;
	padding: 24px 0;
	border-top: 1px solid var(--wbk-line-dark);
}

.wbk-section .wbk-job:first-child {
	border-top: 2px solid var(--wbk-yellow);
}

.wbk-section .wbk-job:last-child {
	border-bottom: 1px solid var(--wbk-line-dark);
}

.wbk-job__title {
	font: 800 28px/1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-job__col {
	font: 15px/1.4 var(--wbk-f-body);
	color: var(--wbk-stone);
}

.wbk-job__apply {
	text-align: right;
	font: 700 14px/1 var(--wbk-f-body);
	text-transform: uppercase;
	color: var(--wbk-yellow);
}

.wbk-job:hover .wbk-job__title {
	color: var(--wbk-yellow);
}

.wbk-section .wbk-jobs__portal {
	margin-top: 32px;
	padding: 16px 28px;
	font-size: 16px;
}

.wbk-jobs__empty {
	padding: 24px 0;
	border-top: 2px solid var(--wbk-yellow);
}

/* ---------- Steps ---------- */

.wbk-steps .wbk-container {
	--wbk-pad-t: 88px;
	--wbk-pad-b: 88px;
}

.wbk-section.wbk-steps .wbk-title {
	font-weight: 800;
	font-size: 56px;
	margin-bottom: 40px;
}

.wbk-steps__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wbk-step {
	background: var(--wbk-bg);
	padding: 24px;
}

.wbk-step__num {
	font: 800 56px/1 var(--wbk-f-head);
}

.wbk-step__title {
	margin-top: 12px;
	font: 800 22px/1.05 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-step__text {
	margin-top: 6px;
	font: 15px/1.5 var(--wbk-f-body);
}

.wbk-steps__note {
	margin-top: 24px;
	font: 15px/1.5 var(--wbk-f-body);
}

/* =========================================================================
   Homepage
   ========================================================================= */

.wbk-bars--dark span {
	background: var(--wbk-dark);
}

.wbk-section .wbk-btn-line {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 16px 28px;
	border: 1.5px solid var(--wbk-cream);
	color: var(--wbk-cream);
	font: 600 16px/1.2 var(--wbk-f-body);
	letter-spacing: .04em;
	text-transform: uppercase;
}

.wbk-section .wbk-btn-line:hover {
	background: var(--wbk-cream);
	color: var(--wbk-dark);
}

/* Home hero */
.wbk-home-hero {
	height: 700px;
	overflow: hidden;
	background-size: cover;
	background-color: #222;
}

.wbk-home-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(14, 14, 14, .92) 0%, rgba(14, 14, 14, .45) 58%, rgba(14, 14, 14, .1) 100%);
}

.wbk-home-hero__content {
	position: absolute;
	left: var(--wbk-gutter);
	bottom: 140px;
	max-width: 780px;
}

.wbk-home-hero .wbk-bars {
	margin-bottom: 28px;
}

.wbk-section.wbk-home-hero .wbk-title {
	max-width: 640px;
	font-weight: 800;
	font-size: 68px;
}

.wbk-section .wbk-home-hero__text {
	margin: 24px 0 36px;
	max-width: 560px;
	font: 20px/1.5 var(--wbk-f-body);
	color: var(--wbk-stone);
}

.wbk-home-hero__btns {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}

.wbk-home-hero__btns .wbk-btn {
	padding: 16px 28px;
	font-size: 16px;
}

.wbk-home-hero__pillars {
	position: absolute;
	left: var(--wbk-gutter);
	right: var(--wbk-gutter);
	bottom: 0;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	gap: 24px;
}

.wbk-pillar {
	border-top: 4px solid rgba(255, 255, 255, .3);
	padding: 16px 0 26px;
	color: var(--wbk-stone);
}

.wbk-pillar.is-on {
	border-color: var(--wbk-yellow);
	color: var(--wbk-cream);
}

.wbk-pillar .wbk-mono {
	letter-spacing: 0;
}

.wbk-pillar.is-on .wbk-mono {
	color: var(--wbk-yellow);
}

.wbk-pillar__title {
	margin-top: 4px;
	font: 700 20px/1.1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-home-hero__progress {
	gap: 6px;
	margin-top: 22px;
}

.wbk-home-hero__progress span {
	flex: 1;
	height: 3px;
	background: rgba(255, 255, 255, .3);
}

.wbk-home-hero__progress .is-on {
	background: var(--wbk-yellow);
}

/* Hero carousel */
.wbk-hh {
	position: absolute;
	inset: 0;
}

.wbk-hh__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity .8s ease, visibility .8s;
}

.wbk-hh__slide.is-active {
	opacity: 1;
	visibility: visible;
}

.wbk-hh__bg {
	position: absolute;
	inset: 0;
	transform: scale(1.04);
	transition: transform 7s linear;
}

.wbk-hh__slide.is-active .wbk-hh__bg {
	transform: scale(1);
}

.wbk-home-hero__pillars {
	z-index: 2;
}

.wbk-section .wbk-pillar {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 16px 0 26px;
	border: 0;
	border-top: 4px solid rgba(255, 255, 255, .3);
	border-radius: 0;
	background: none;
	color: var(--wbk-stone);
	text-align: left;
	font: inherit;
	cursor: pointer;
}

.wbk-section .wbk-pillar:hover,
.wbk-section .wbk-pillar:focus {
	background: none;
	color: var(--wbk-cream);
}

.wbk-section .wbk-pillar.is-on {
	border-color: rgba(255, 255, 255, .3);
	color: var(--wbk-cream);
}

.wbk-pillar .wbk-mono,
.wbk-pillar__title {
	display: block;
}

.wbk-pillar__fill {
	position: absolute;
	left: 0;
	top: -4px;
	height: 4px;
	width: 0;
	background: var(--wbk-yellow);
}

.wbk-pillar.is-on .wbk-pillar__fill {
	width: 100%;
}

.wbk-hh.is-playing .wbk-pillar.is-on .wbk-pillar__fill {
	animation: wbk-fill var(--wbk-hero-interval, 6s) linear;
}

.wbk-hh.is-paused .wbk-pillar.is-on .wbk-pillar__fill {
	animation-play-state: paused;
}

@keyframes wbk-fill {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}

.wbk-section .wbk-hh__dot {
	flex: 1;
	height: 23px;
	margin: -10px 0;
	padding: 10px 0;
	border: 0;
	border-radius: 0;
	background: rgba(255, 255, 255, .3);
	background-clip: content-box;
	cursor: pointer;
}

.wbk-section .wbk-hh__dot.is-on {
	background-color: var(--wbk-yellow);
}

/* Stat bar */
.wbk-statbar {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
}

.wbk-statbar__item {
	padding: 32px 40px;
	border-right: 1px solid rgba(0, 0, 0, .15);
}

.wbk-statbar__item:first-child {
	padding-left: var(--wbk-gutter);
}

.wbk-statbar__item:last-child {
	border-right: 0;
}

.wbk-statbar__value {
	font: 800 52px/1 var(--wbk-f-head);
}

.wbk-statbar__label {
	margin-top: 6px;
	font: 600 14px/1.3 var(--wbk-f-body);
	letter-spacing: .05em;
	text-transform: uppercase;
}

/* About mosaic */
.wbk-about-mosaic .wbk-container {
	--wbk-pad-t: 112px;
	--wbk-pad-b: 112px;
}

.wbk-about-mosaic__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 88px;
	align-items: center;
}

.wbk-about-mosaic .wbk-title {
	margin: 0 0 24px;
}

.wbk-about-mosaic .wbk-body {
	color: #555;
}

.wbk-about-mosaic__links {
	display: flex;
	gap: 32px;
	flex-wrap: wrap;
	margin-top: 36px;
}

.wbk-section .wbk-about-mosaic__links .wbk-underline-link {
	font-size: 15px;
	letter-spacing: .04em;
	padding-bottom: 4px;
}

.wbk-mosaic {
	grid-template-columns: 1.25fr 1fr;
	grid-template-rows: 300px 260px;
}

.wbk-mosaic__main {
	position: relative;
	grid-row: span 2;
	background-position: center;
}

.wbk-mosaic__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(14, 14, 14, 0) 55%, rgba(14, 14, 14, .85) 100%);
}

.wbk-mosaic__caption {
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: 22px;
	color: var(--wbk-cream);
}

.wbk-mosaic__caption .wbk-mono {
	color: var(--wbk-yellow);
	letter-spacing: .12em;
}

.wbk-mosaic__title {
	margin-top: 6px;
	font: 700 30px/1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-mosaic__small {
	position: relative;
	background-position: center;
}

.wbk-mosaic__tag {
	position: absolute;
	left: 0;
	bottom: 0;
	background: var(--wbk-dark);
	color: var(--wbk-yellow);
	font: 500 12px/1 var(--wbk-f-mono);
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 9px 14px;
}

.wbk-mosaic__card {
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
	padding: 26px 26px 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.wbk-mosaic__card .wbk-bars {
	margin: 0;
	gap: 5px;
}

.wbk-mosaic__card .wbk-bars span {
	height: 6px;
}

.wbk-mosaic__card-title {
	font: 800 52px/.9 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-mosaic__card-text {
	margin-top: 10px;
	font: 500 15px/1.4 var(--wbk-f-body);
}

/* Services showcase */
.wbk-showcase {
	grid-template-columns: 1.35fr 1fr;
}

.wbk-showcase__panels {
	position: relative;
	height: 600px;
}

.wbk-showcase__panel {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%);
}

.wbk-showcase__panel.is-active {
	opacity: 1;
	visibility: visible;
}

.wbk-showcase__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(14, 14, 14, .15) 35%, rgba(14, 14, 14, .92) 100%), linear-gradient(90deg, rgba(14, 14, 14, .35), rgba(14, 14, 14, 0) 60%);
}

.wbk-showcase .wbk-badge {
	font-size: 13px;
	letter-spacing: .08em;
}

.wbk-showcase__body {
	position: absolute;
	left: 40px;
	right: 110px;
	bottom: 40px;
}

.wbk-section .wbk-showcase__title {
	margin: 0 0 14px;
	font: 800 56px/.92 var(--wbk-f-head);
	text-transform: uppercase;
	color: var(--wbk-cream);
}

.wbk-section .wbk-showcase__desc {
	margin: 0 0 22px;
	max-width: 460px;
	font: 18px/1.55 var(--wbk-f-body);
	color: var(--wbk-stone);
}

.wbk-showcase__list {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.wbk-section .wbk-showcase__tab {
	flex: 1;
	display: grid;
	grid-template-columns: 52px 1fr 24px;
	align-items: center;
	padding: 0 28px;
	min-height: 64px;
	border: 0;
	border-radius: 0;
	background: var(--wbk-dark);
	color: var(--wbk-cream);
	text-align: left;
	cursor: pointer;
	transition: background .15s ease;
}

.wbk-section .wbk-showcase__tab:hover,
.wbk-section .wbk-showcase__tab:focus {
	background: #1f1f1f;
	color: var(--wbk-cream);
}

.wbk-showcase__tab .wbk-mono {
	color: var(--wbk-yellow);
	letter-spacing: 0;
}

.wbk-showcase__tab-title {
	font: 700 26px/1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-showcase__arrow {
	font: 400 20px/1 var(--wbk-f-body);
	color: #777;
}

.wbk-section .wbk-showcase__tab.is-active {
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
}

.wbk-showcase__tab.is-active .wbk-mono,
.wbk-showcase__tab.is-active .wbk-showcase__arrow {
	color: var(--wbk-dark);
	font-weight: 700;
}

.wbk-showcase__tab.is-active .wbk-showcase__tab-title {
	font-weight: 800;
}

/* Mobile accordion */
.wbk-showcase__acc {
	flex-direction: column;
	gap: 2px;
}

.wbk-acc {
	background: var(--wbk-dark);
}

.wbk-section .wbk-acc__head {
	width: 100%;
	display: grid;
	grid-template-columns: 36px 1fr 20px;
	align-items: center;
	min-height: 56px;
	padding: 0 18px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--wbk-cream);
	text-align: left;
	cursor: pointer;
}

.wbk-acc__head .wbk-mono {
	color: var(--wbk-yellow);
	letter-spacing: 0;
}

.wbk-acc__title {
	font: 700 20px/1.05 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-acc__plus {
	color: #777;
}

.wbk-acc__body {
	display: none;
}

.wbk-acc.is-open .wbk-acc__head {
	display: none;
}

.wbk-acc.is-open .wbk-acc__body {
	display: block;
}

.wbk-acc__img {
	position: relative;
	height: 200px;
	background-position: center;
}

.wbk-acc__img .wbk-badge {
	font-size: 12px;
	padding: 8px 12px;
}

.wbk-acc__text {
	padding: 18px 18px 20px;
}

.wbk-acc__name {
	font: 800 26px/1 var(--wbk-f-head);
	text-transform: uppercase;
	color: var(--wbk-yellow);
}

.wbk-section .wbk-acc__text p {
	margin-top: 10px;
	font: 15px/1.55 var(--wbk-f-body);
	color: var(--wbk-stone);
}

/* Project feature */
.wbk-project-feature {
	background-size: cover;
	background-position: center;
}

.wbk-project-feature__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(14, 14, 14, .55) 0%, rgba(14, 14, 14, .35) 35%, rgba(14, 14, 14, .94) 72%);
}

.wbk-project-feature .wbk-container {
	position: relative;
}

.wbk-project-feature__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 40px;
}

.wbk-section.wbk-project-feature .wbk-title {
	font-weight: 800;
	font-size: 88px;
	line-height: .9;
}

.wbk-project-feature__aside {
	max-width: 420px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: flex-start;
}

.wbk-project-feature__text {
	font: 17px/1.55 var(--wbk-f-body);
	color: #e0ddd5;
}

.wbk-project-feature__text strong {
	color: #fff;
	font-weight: 600;
}

.wbk-project-feature__stats {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	gap: 2px;
	margin-top: 220px;
}

.wbk-pf-stat {
	background: rgba(14, 14, 14, .86);
	padding: 30px 32px;
}

.wbk-pf-stat .wbk-mono,
.wbk-pf-timeline__head {
	color: var(--wbk-muted);
}

.wbk-pf-stat__row {
	display: flex;
	align-items: baseline;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 10px;
}

.wbk-pf-stat__value {
	font: 800 72px/1 var(--wbk-f-head);
	color: var(--wbk-yellow);
}

.wbk-pf-stat__unit {
	font: 700 22px/1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-pf-timeline {
	background: rgba(14, 14, 14, .86);
	margin-top: 2px;
	padding: 28px 32px 26px;
}

.wbk-pf-timeline__head {
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.wbk-pf-timeline__today {
	color: var(--wbk-yellow);
}

.wbk-pf-timeline__bar {
	position: relative;
	display: flex;
	gap: 4px;
	height: 34px;
}

.wbk-pf-timeline__bar .wbk-timeline__seg {
	flex: 1;
	flex-direction: row;
	align-items: center;
	padding: 0 14px;
}

.wbk-pf-timeline__bar .wbk-timeline__seg b {
	font: 700 15px/1 var(--wbk-f-head);
	letter-spacing: .04em;
}

.wbk-pf-timeline__bar .wbk-timeline__today {
	top: -8px;
	bottom: -8px;
}

.wbk-pf-timeline__years {
	display: flex;
	margin-top: 10px;
	font: 500 12px/1 var(--wbk-f-mono);
	color: var(--wbk-muted);
}

.wbk-pf-timeline__years span {
	flex: 1;
}

.wbk-pf-timeline__years .is-now {
	color: var(--wbk-yellow);
}

/* Fleet table */
.wbk-fleet-table {
	border-bottom: 1px solid var(--wbk-line-dark);
}

.wbk-fleet-table__grid {
	display: grid;
	grid-template-columns: 1fr 1.8fr;
	gap: 72px;
}

.wbk-fleet-table .wbk-title {
	margin-bottom: 20px;
}

.wbk-fleet-table .wbk-body {
	margin-bottom: 28px;
	font-size: 17px;
	line-height: 1.55;
	color: var(--wbk-muted-2);
}

.wbk-ftable {
	display: flex;
	flex-direction: column;
	font: 16px/1.6 var(--wbk-f-body);
}

.wbk-ftable__head,
.wbk-ftable__row {
	display: grid;
	grid-template-columns: 170px 1fr 70px;
	gap: 12px;
}

.wbk-ftable__head {
	padding-bottom: 12px;
	color: #777;
	border-bottom: 1px solid #444;
}

.wbk-ftable__head span:last-child,
.wbk-ftable__units {
	text-align: right;
}

.wbk-ftable__row {
	padding: 20px 0;
	border-bottom: 1px solid var(--wbk-line-dark);
}

.wbk-ftable__cat {
	font: 700 22px/1.1 var(--wbk-f-head);
	text-transform: uppercase;
	color: var(--wbk-yellow);
}

.wbk-ftable__models {
	color: var(--wbk-stone);
}

.wbk-ftable__units {
	color: #777;
}

/* QHSE showcase */
.wbk-qhse__head {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 72px;
	align-items: end;
	margin-bottom: 56px;
}

.wbk-qhse__head .wbk-body {
	margin-bottom: 24px;
	font-size: 17px;
	line-height: 1.6;
	color: #555;
}

.wbk-qhse__grid {
	grid-template-columns: minmax(0, 1.15fr) repeat(3, minmax(0, 1fr));
}

.wbk-qhse__card {
	position: relative;
	min-height: 440px;
	background-position: center;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 48px 100%, 0 calc(100% - 48px));
}

.wbk-qhse__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(14, 14, 14, 0) 40%, rgba(14, 14, 14, .88) 100%);
}

.wbk-qhse__card-body {
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 28px;
	color: var(--wbk-cream);
}

.wbk-qhse__card-body .wbk-mono {
	color: var(--wbk-yellow);
	letter-spacing: .1em;
	margin-bottom: 10px;
}

.wbk-qhse__card-title {
	font: 800 34px/.95 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-qhse__card-text {
	margin-top: 10px;
	font: 15px/1.5 var(--wbk-f-body);
	color: var(--wbk-stone);
}

.wbk-qcert {
	background: #fff;
	color: var(--wbk-dark);
	padding: 32px 30px 28px;
	display: flex;
	flex-direction: column;
}

.wbk-section .wbk-qcert__logo {
	height: 132px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	display: block;
	align-self: flex-start;
}

.wbk-qcert__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	margin-top: 24px;
}

.wbk-qcert__bar {
	display: block;
	width: 48px;
	height: 4px;
	background: var(--wbk-yellow);
	margin: 14px 0 18px;
}

.wbk-section .wbk-qcert__title {
	margin: 0 0 10px;
	font: 700 24px/1 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-section .wbk-qcert__text {
	margin: 0 0 28px;
	font: 15px/1.55 var(--wbk-f-body);
	color: #555;
}

.wbk-section .wbk-qcert__link {
	margin-top: auto;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #e3dfd5;
	padding-top: 16px;
	font: 700 14px/1 var(--wbk-f-body);
	letter-spacing: .04em;
	text-transform: uppercase;
}

.wbk-qhse__strip {
	display: flex;
	align-items: center;
	gap: 28px;
	background: #fff;
	margin-top: 2px;
	padding: 20px 28px;
	outline: 2px solid var(--wbk-dark);
}

.wbk-section .wbk-qhse__strip img {
	height: 64px;
	width: auto;
	display: block;
}

.wbk-qhse__strip-text {
	flex: 1;
	font: 16px/1.5 var(--wbk-f-body);
	color: #555;
}

.wbk-qhse__strip-text strong {
	color: var(--wbk-dark);
	font-weight: 600;
}

.wbk-qhse__strip-num {
	text-align: right;
}

.wbk-qhse__strip-num .wbk-mono {
	color: #777;
}

.wbk-qhse__strip-value {
	font: 800 32px/1 var(--wbk-f-head);
}

/* Latest news */
.wbk-latest {
	grid-template-columns: 1.35fr 1fr;
	grid-template-rows: 240px 240px;
}

.wbk-section .wbk-latest__featured {
	position: relative;
	grid-row: span 2;
	overflow: hidden;
	background-position: center;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%);
}

.wbk-latest__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(14, 14, 14, .1) 30%, rgba(14, 14, 14, .92) 100%);
}

.wbk-latest__body {
	position: absolute;
	left: 32px;
	right: 96px;
	bottom: 32px;
}

.wbk-latest__body .wbk-meta {
	margin-bottom: 10px;
	color: var(--wbk-stone);
}

.wbk-latest__title {
	display: block;
	font: 700 40px/.98 var(--wbk-f-head);
	text-transform: uppercase;
	color: var(--wbk-cream);
	text-wrap: balance;
}

.wbk-latest__body .wbk-textlink {
	display: block;
	margin-top: 16px;
	font-size: 14px;
}

.wbk-latest .wbk-post-row {
	min-height: 0;
}

.wbk-latest .wbk-post-row__title {
	font-weight: 700;
	font-size: 28px;
}

/* Split CTA */
.wbk-split-cta {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.wbk-split-cta__img {
	order: 2;
	background-position: center 70%;
}

.wbk-split-cta__body {
	padding: 72px var(--wbk-gutter);
}

.wbk-split-cta .wbk-bars {
	margin-bottom: 24px;
}

.wbk-split-cta .wbk-bars span {
	height: 7px;
}

.wbk-section.wbk-split-cta .wbk-title {
	margin-bottom: 16px;
	font-weight: 800;
	line-height: .92;
}

.wbk-split-cta .wbk-body {
	max-width: 440px;
	margin-bottom: 28px;
	font-size: 17px;
	line-height: 1.55;
}

.wbk-split-cta .wbk-btn {
	padding: 16px 28px;
	font-size: 16px;
}

@media (max-width: 1024px) {
	.wbk-about-mosaic__grid,
	.wbk-fleet-table__grid,
	.wbk-qhse__head {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.wbk-qhse__grid {
		grid-template-columns: 1fr 1fr;
	}

	.wbk-statbar__item {
		padding: 24px;
	}

	.wbk-statbar__value {
		font-size: 36px;
	}

	.wbk-section.wbk-project-feature .wbk-title {
		font-size: 64px;
	}

	.wbk-project-feature__head {
		flex-direction: column;
		align-items: flex-start;
	}

	.wbk-project-feature__stats {
		margin-top: 80px;
	}

	.wbk-pf-stat__value {
		font-size: 52px;
	}
}

@media (max-width: 767px) {
	.wbk-show-m.wbk-home-hero__progress,
	.wbk-show-m.wbk-showcase__acc {
		display: flex;
	}

	.wbk-home-hero {
		height: 620px;
		background-position: var(--wbk-pos-m, center) !important;
	}

	.wbk-hh__bg[style*="--wbk-pos-m"] {
		background-position: var(--wbk-pos-m) !important;
	}

	.wbk-home-hero__overlay {
		background: linear-gradient(180deg, rgba(14, 14, 14, .05) 15%, rgba(14, 14, 14, .94) 78%);
	}

	.wbk-home-hero__content {
		left: 20px;
		right: 20px;
		bottom: 24px;
	}

	.wbk-home-hero .wbk-bars {
		margin-bottom: 18px;
	}

	.wbk-section.wbk-home-hero .wbk-title {
		font-size: 46px;
		line-height: .92;
	}

	.wbk-home-hero .wbk-title br {
		display: none;
	}

	.wbk-section .wbk-home-hero__text {
		margin: 14px 0 22px;
		font-size: 16px;
	}

	.wbk-home-hero__btns {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}

	.wbk-section .wbk-home-hero__btns a {
		height: 50px;
		padding: 0 8px;
		font-size: 14px;
	}

	.wbk-statbar {
		grid-auto-flow: row;
		grid-template-columns: 1fr 1fr;
	}

	.wbk-statbar__item,
	.wbk-statbar__item:first-child {
		padding: 20px;
		border-bottom: 1px solid rgba(0, 0, 0, .15);
	}

	.wbk-statbar__item:nth-child(2n) {
		border-right: 0;
	}

	.wbk-statbar__item:nth-last-child(-n + 2) {
		border-bottom: 0;
	}

	.wbk-statbar__value {
		font-size: 32px;
	}

	.wbk-statbar__label {
		margin-top: 4px;
		font-size: 12px;
		letter-spacing: .04em;
	}

	.wbk-about-mosaic .wbk-container {
		--wbk-pad-t: 64px;
		--wbk-pad-b: 64px;
	}

	.wbk-about-mosaic__grid {
		gap: 24px;
	}

	.wbk-section.wbk-about-mosaic .wbk-title,
	.wbk-section.wbk-services-showcase .wbk-title,
	.wbk-section.wbk-fleet-table .wbk-title,
	.wbk-section.wbk-qhse-showcase .wbk-title,
	.wbk-section.wbk-latest-news .wbk-title,
	.wbk-section.wbk-split-cta .wbk-title {
		font-size: 42px;
		margin-bottom: 20px;
	}

	.wbk-mosaic {
		grid-template-columns: 1.2fr 1fr;
		grid-template-rows: 150px 150px;
	}

	.wbk-mosaic__caption {
		left: 14px;
		bottom: 12px;
	}

	.wbk-mosaic__caption .wbk-mono {
		font-size: 10px;
	}

	.wbk-mosaic__title {
		font-size: 20px;
	}

	.wbk-mosaic__card {
		padding: 14px;
		justify-content: flex-end;
	}

	.wbk-mosaic__card-title {
		font-size: 26px;
	}

	.wbk-show-m.wbk-about-mosaic__links {
		display: flex;
		margin-top: 0;
	}

	.wbk-showcase {
		display: block;
	}

	.wbk-services-showcase .wbk-head {
		margin-bottom: 0;
	}

	.wbk-project-feature {
		background-size: auto 360px;
		background-repeat: no-repeat;
		background-position: center top;
		background-color: var(--wbk-dark);
	}

	.wbk-project-feature__shade {
		background: linear-gradient(180deg, rgba(14, 14, 14, .35) 0, rgba(14, 14, 14, .6) 200px, #161616 340px);
	}

	.wbk-section.wbk-project-feature .wbk-title {
		font-size: 52px;
		margin-bottom: 14px;
	}

	.wbk-project-feature__head {
		gap: 0;
	}

	.wbk-project-feature__text {
		font-size: 16px;
	}

	.wbk-project-feature__stats {
		grid-auto-flow: row;
		margin-top: 96px;
	}

	.wbk-pf-stat,
	.wbk-pf-timeline {
		background: #1f1f1f;
		padding: 18px;
	}

	.wbk-pf-stat .wbk-mono,
	.wbk-pf-timeline__head {
		font-size: 11px;
	}

	.wbk-pf-stat__row {
		gap: 8px;
		margin-top: 6px;
	}

	.wbk-pf-stat__value {
		font-size: 44px;
	}

	.wbk-pf-stat__unit {
		font-size: 16px;
	}

	.wbk-pf-timeline__bar {
		height: 28px;
		gap: 3px;
	}

	.wbk-pf-timeline__bar .wbk-timeline__seg {
		padding: 0 8px;
	}

	.wbk-pf-timeline__bar .wbk-timeline__seg b {
		font-size: 13px;
	}

	.wbk-pf-timeline__years {
		justify-content: space-between;
		font-size: 11px;
		margin-top: 8px;
	}

	.wbk-pf-timeline__years span {
		flex: none;
	}

	.wbk-section .wbk-project-feature .wbk-btn-row {
		display: flex;
		margin-top: 20px;
	}

	.wbk-fleet-table .wbk-container {
		padding-top: 0;
	}

	.wbk-fleet-table__grid {
		gap: 0;
	}

	.wbk-ftable__row {
		display: block;
		padding: 14px 0;
		border-bottom: 0;
		border-top: 1px solid var(--wbk-line-dark);
		font-size: 15px;
		line-height: 1.55;
	}

	.wbk-ftable__row:last-child {
		border-bottom: 1px solid var(--wbk-line-dark);
	}

	.wbk-ftable__cat {
		font-size: 19px;
	}

	.wbk-ftable__units {
		float: right;
		margin-top: -24px;
	}

	.wbk-ftable__models {
		display: block;
	}

	.wbk-section .wbk-fleet-table .wbk-textlink.wbk-show-m {
		display: inline-block;
		margin-top: 20px;
		font-size: 14px;
	}

	.wbk-qhse__head {
		gap: 0;
		margin-bottom: 0;
	}

	.wbk-qhse__head .wbk-body {
		font-size: 16px;
	}

	.wbk-qhse__grid {
		display: flex;
		flex-direction: column;
	}

	.wbk-qcert {
		display: grid;
		grid-template-columns: 84px 1fr;
		gap: 16px;
		align-items: center;
		padding: 20px;
	}

	.wbk-section .wbk-qcert__logo {
		width: 84px;
		height: auto;
	}

	.wbk-qcert__body {
		margin-top: 0;
	}

	.wbk-section .wbk-qcert__title {
		margin: 4px 0 0;
		font-size: 20px;
		line-height: 1.05;
	}

	.wbk-section .wbk-qcert__link {
		margin-top: 8px;
		display: inline-flex;
		gap: 6px;
		align-self: flex-start;
		border-top: 0;
		border-bottom: 2px solid var(--wbk-yellow);
		padding: 0;
		font-size: 13px;
	}

	.wbk-qhse__strip {
		gap: 14px;
		padding: 16px 20px;
		outline: 0;
		border: 2px solid var(--wbk-dark);
		border-top: 0;
	}

	.wbk-section .wbk-qhse__strip img {
		height: 52px;
	}

	.wbk-qhse__strip-text {
		font-size: 14px;
	}

	.wbk-section .wbk-qhse-showcase .wbk-btn--block {
		margin-top: 20px;
	}

	.wbk-latest {
		display: flex;
		flex-direction: column;
	}

	.wbk-section .wbk-latest__featured {
		height: 300px;
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 32px), calc(100% - 32px) 100%, 0 100%);
	}

	.wbk-latest .wbk-badge {
		font-size: 11px;
		padding: 8px 12px;
	}

	.wbk-latest__body {
		left: 18px;
		right: 40px;
		bottom: 20px;
	}

	.wbk-latest__title {
		font-size: 26px;
		line-height: 1;
	}

	.wbk-latest .wbk-post-row__title {
		font-size: 20px;
	}

	.wbk-split-cta {
		display: block;
	}

	.wbk-split-cta__img {
		height: 180px;
	}

	.wbk-split-cta__body {
		padding: 40px 20px 48px;
	}

	.wbk-split-cta .wbk-bars {
		margin-bottom: 18px;
	}

	.wbk-split-cta .wbk-body {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.wbk-split-cta .wbk-btn {
		display: flex;
		width: 100%;
		height: 52px;
		font-size: 14px;
	}
}

/* =========================================================================
   Site chrome: header, footer, single article
   ========================================================================= */

.wbk-site {
	font-family: var(--wbk-f-body);
}

/* ---------- Header ---------- */

.wbk-topbar {
	background: var(--wbk-black);
	color: var(--wbk-muted-2);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: 0 var(--wbk-gutter);
	height: 40px;
	font: 500 12px/1 var(--wbk-f-mono);
	letter-spacing: .06em;
	text-transform: uppercase;
}

.wbk-topbar__right,
.wbk-topbar__social,
.wbk-topbar__lang {
	display: flex;
	align-items: center;
}

.wbk-topbar__right { gap: 28px; }
.wbk-topbar__social { gap: 16px; }
.wbk-topbar__lang { gap: 6px; }

.wbk-topbar__lang b {
	color: var(--wbk-yellow);
}

.wbk-site.wbk-topbar a:hover {
	color: #c79f00;
}

.wbk-header {
	position: relative;
	z-index: 50;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 0 var(--wbk-gutter);
	height: 88px;
}

.wbk-header.is-sticky {
	position: sticky;
	top: 0;
}

.wbk-header__brand {
	display: block;
	flex: none;
}

body .wbk-header .wbk-logo {
	height: 40px;
	width: auto;
	display: block;
}

.wbk-logo--text {
	font: 800 24px/1 var(--wbk-f-head);
	text-transform: uppercase;
	color: var(--wbk-dark);
}

.wbk-nav {
	display: flex;
	align-items: center;
	gap: 30px;
}

.wbk-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wbk-nav__menu {
	display: flex;
	gap: 30px;
	align-items: center;
}

.wbk-nav__menu > li {
	position: relative;
}

.wbk-site .wbk-nav__menu > li > a {
	display: flex;
	gap: 6px;
	align-items: center;
	height: 88px;
	font: 600 15px/1 var(--wbk-f-body);
	color: #2b2b2b;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.wbk-site .wbk-nav__menu > li > a:hover {
	color: #c79f00;
}

.wbk-site .wbk-nav__menu > li.current-menu-item > a,
.wbk-site .wbk-nav__menu > li.current-menu-ancestor > a,
.wbk-site .wbk-nav__menu > li.current-menu-parent > a,
.wbk-site .wbk-nav__menu > li.current_page_parent > a {
	color: var(--wbk-dark);
	box-shadow: inset 0 -4px 0 var(--wbk-yellow);
}

.wbk-nav__menu .menu-item-has-children > a::after {
	content: "▼";
	font-size: 9px;
	color: #999;
}

.wbk-nav__menu .sub-menu {
	position: absolute;
	top: 100%;
	left: -20px;
	min-width: 260px;
	background: #fff;
	border-top: 4px solid var(--wbk-yellow);
	box-shadow: 0 16px 32px rgba(0, 0, 0, .12);
	padding: 8px 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .15s ease, transform .15s ease, visibility .15s;
}

.wbk-nav__menu > li:hover > .sub-menu,
.wbk-nav__menu > li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.wbk-site .wbk-nav__menu .sub-menu a {
	display: block;
	padding: 12px 20px;
	font: 600 14px/1.3 var(--wbk-f-body);
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #2b2b2b;
}

.wbk-site .wbk-nav__menu .sub-menu a:hover,
.wbk-site .wbk-nav__menu .sub-menu .current-menu-item > a {
	background: var(--wbk-cream);
	color: var(--wbk-dark);
}

.wbk-site .wbk-nav__cta {
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
	font: 700 15px/1 var(--wbk-f-body);
	letter-spacing: .04em;
	text-transform: uppercase;
	padding: 12px 22px;
	white-space: nowrap;
}

.wbk-site .wbk-nav__cta:hover {
	color: var(--wbk-dark);
	filter: brightness(.93);
}

.wbk-burger {
	display: none;
	width: 44px;
	height: 44px;
	border: 0;
	padding: 0;
	background: var(--wbk-yellow);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

.wbk-burger span {
	width: 20px;
	height: 2px;
	background: var(--wbk-dark);
	transition: transform .2s ease, opacity .2s ease;
}

.wbk-nav-open .wbk-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.wbk-nav-open .wbk-burger span:nth-child(2) { opacity: 0; }
.wbk-nav-open .wbk-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ---------- Footer ---------- */

.wbk-footer {
	background: var(--wbk-black);
	color: var(--wbk-cream);
	padding: 56px var(--wbk-gutter) 32px;
}

.wbk-site.wbk-footer a:hover {
	color: var(--wbk-yellow);
}

.wbk-footer__top {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1fr;
	gap: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--wbk-line-dark);
}

.wbk-footer__brand {
	display: flex;
	gap: 14px;
	align-items: center;
}

body .wbk-footer__mark {
	width: 48px;
	height: 48px;
	display: block;
	object-fit: contain;
}

.wbk-footer__name {
	font: 800 26px/1 var(--wbk-f-head);
	text-transform: uppercase;
	white-space: nowrap;
}

.wbk-footer__tagline {
	margin-top: 8px;
	font: 500 11px/1.2 var(--wbk-f-mono);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--wbk-yellow);
}

.wbk-footer__col {
	font: 15px/1.9 var(--wbk-f-body);
	color: var(--wbk-muted-2);
}

.wbk-footer__label {
	margin-bottom: 6px;
	font: 12px/1.5 var(--wbk-f-mono);
	text-transform: uppercase;
	color: var(--wbk-muted);
}

.wbk-footer__col a {
	display: block;
}

.wbk-footer__bottom {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	padding-top: 24px;
	font: 12px/1.5 var(--wbk-f-mono);
	text-transform: uppercase;
	color: var(--wbk-muted);
}

.wbk-footer__links {
	display: flex;
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.wbk-footer__social-m {
	display: none;
}

/* ---------- Single article ---------- */

.wbk-article-head .wbk-container {
	--wbk-pad-t: 64px;
	--wbk-pad-b: 0px;
}

.wbk-article-head .wbk-crumb {
	margin-bottom: 28px;
}

.wbk-article-head__inner {
	max-width: 900px;
}

.wbk-article-head__meta {
	display: flex;
	gap: 16px;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 18px;
	font: 500 12px/1 var(--wbk-f-mono);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wbk-muted-2);
}

.wbk-article-head__tag {
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
	padding: 6px 10px;
}

.wbk-section.wbk-article-head .wbk-title {
	font-weight: 800;
	font-size: 72px;
	line-height: .92;
	margin-bottom: 48px;
}

.wbk-article-head__img {
	position: relative;
	z-index: 2;
	height: 520px;
	margin-bottom: -120px;
	background-position: center;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%);
}

.wbk-article-body .wbk-container {
	--wbk-pad-t: 176px;
	--wbk-pad-b: 96px;
	display: grid;
	grid-template-columns: 160px minmax(0, 720px);
	justify-content: center;
	gap: 64px;
}

.wbk-article-body--noimg .wbk-container {
	--wbk-pad-t: 72px;
}

.wbk-share {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-self: start;
	position: sticky;
	top: 120px;
	font: 500 12px/1 var(--wbk-f-mono);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #777;
}

.wbk-section .wbk-share a,
.wbk-section .wbk-share button {
	height: 44px;
	display: flex;
	align-items: center;
	padding: 0 14px;
	background: #fff;
	color: var(--wbk-dark);
	border: 0;
	border-radius: 0;
	font: 600 14px/1 var(--wbk-f-body);
	letter-spacing: 0;
	text-transform: none;
	cursor: pointer;
	text-align: left;
}

.wbk-section .wbk-share a:hover,
.wbk-section .wbk-share button:hover {
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
}

.wbk-prose {
	font: 19px/1.75 var(--wbk-f-body);
	color: #333;
	max-width: 720px;
	min-width: 0;
}

.wbk-section .wbk-prose > * + * {
	margin-top: 24px;
}

.wbk-section .wbk-prose > p:first-child {
	font-weight: 600;
	font-size: 22px;
	line-height: 1.55;
	color: var(--wbk-dark);
}

.wbk-section .wbk-prose h2,
.wbk-section .wbk-prose h3 {
	margin-top: 40px;
	font: 800 36px/1 var(--wbk-f-head);
	text-transform: uppercase;
	color: var(--wbk-dark);
}

.wbk-section .wbk-prose h3 {
	font-size: 28px;
}

.wbk-section .wbk-prose h2 + *,
.wbk-section .wbk-prose h3 + * {
	margin-top: 16px;
}

.wbk-section .wbk-prose a {
	color: var(--wbk-dark);
	border-bottom: 2px solid var(--wbk-yellow);
}

.wbk-section .wbk-prose ol {
	list-style: none;
	padding: 0;
	counter-reset: wbk;
}

.wbk-prose ol > li {
	counter-increment: wbk;
	display: grid;
	grid-template-columns: 44px 1fr;
	padding: 14px 0;
	border-top: 1px solid var(--wbk-line-light);
}

.wbk-prose ol > li::before {
	content: counter(wbk, decimal-leading-zero);
	font: 800 22px/1.4 var(--wbk-f-head);
	color: var(--wbk-ochre);
}

.wbk-prose ol > li:first-child {
	border-top: 2px solid var(--wbk-dark);
}

.wbk-prose ol > li:last-child {
	border-bottom: 1px solid var(--wbk-line-light);
}

.wbk-section .wbk-prose ul {
	padding-left: 22px;
}

.wbk-section .wbk-prose blockquote,
.wbk-section .wbk-prose .wp-block-quote,
.wbk-section .wbk-prose .wp-block-pullquote {
	margin: 32px 0;
	padding: 36px 40px;
	background: var(--wbk-dark);
	color: var(--wbk-cream);
	border: 0;
	border-left: 8px solid var(--wbk-yellow);
	text-align: left;
}

.wbk-section .wbk-prose blockquote p {
	margin: 0;
	font: 800 34px/1.05 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-section .wbk-prose blockquote cite {
	display: block;
	margin-top: 16px;
	font: 500 12px/1 var(--wbk-f-mono);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wbk-yellow);
	font-style: normal;
}

.wbk-prose img,
.wbk-prose video,
.wbk-prose iframe {
	max-width: 100%;
	height: auto;
	display: block;
}

.wbk-prose .wp-block-embed iframe,
.wbk-prose > iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.wbk-prose figcaption {
	margin-top: 8px;
	font: 500 12px/1.4 var(--wbk-f-mono);
	text-transform: uppercase;
	color: #777;
}

/* ---------- Archive fallback ---------- */

.wbk-archive .wbk-news-grid {
	margin-bottom: 0;
}

/* =========================================================================
   Visibility helpers
   ========================================================================= */

@media (min-width: 768px) {
	.wbk-show-m {
		display: none !important;
	}
}

/* =========================================================================
   Tablet ≤1024px
   ========================================================================= */

@media (max-width: 1024px) {
	body {
		--wbk-gutter: 32px;
	}

	.wbk-section {
		--wbk-pad-t: 80px;
		--wbk-pad-b: 80px;
	}

	.wbk-section .wbk-title {
		font-size: 52px;
	}

	.wbk-intro__grid,
	.wbk-policy__grid,
	.wbk-project-overview__grid,
	.wbk-statement-banner__grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.wbk-cert {
		grid-template-columns: 160px 1fr;
		gap: 32px;
	}

	.wbk-section .wbk-cert__logo {
		width: 140px;
	}

	.wbk-cert__side {
		grid-column: 2;
	}

	.wbk-section.wbk-project-hero .wbk-title {
		font-size: 80px;
	}

	.wbk-project-hero__bottom {
		flex-direction: column;
		align-items: flex-start;
	}

	.wbk-services__index {
		grid-auto-flow: row;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.wbk-service__body {
		padding: 56px 40px;
	}

	.wbk-gallery__grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 200px 200px 200px;
	}

	.wbk-gallery__item:first-child {
		grid-column: span 2;
		grid-row: auto;
	}

	.wbk-contact__grid {
		grid-template-columns: 1fr;
	}

	.wbk-section.wbk-news-list .wbk-news-head .wbk-title {
		font-size: 72px;
	}

	.wbk-news-featured {
		grid-template-columns: 1fr;
	}

	.wbk-news-featured__img {
		height: 360px;
	}

	.wbk-job {
		grid-template-columns: 1.6fr 1fr 1fr 100px;
	}

	/* Header collapses to the burger menu. */
	.wbk-topbar {
		display: none;
	}

	.wbk-header {
		height: 64px;
		padding: 0 12px 0 20px;
	}

	body .wbk-header .wbk-logo {
		height: 28px;
	}

	.wbk-burger {
		display: flex;
	}

	.wbk-nav {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		display: none;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: 8px 20px 24px;
		background: var(--wbk-dark);
		max-height: calc(100vh - 64px);
		overflow-y: auto;
	}

	.wbk-nav-open .wbk-nav {
		display: flex;
	}

	.wbk-nav__menu {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.wbk-nav__menu > li {
		border-bottom: 1px solid var(--wbk-line-dark);
	}

	.wbk-site .wbk-nav__menu > li > a {
		height: 56px;
		color: var(--wbk-cream);
		font: 800 22px/1 var(--wbk-f-head);
		justify-content: space-between;
	}

	.wbk-site .wbk-nav__menu > li.current-menu-item > a,
	.wbk-site .wbk-nav__menu > li.current-menu-ancestor > a,
	.wbk-site .wbk-nav__menu > li.current-menu-parent > a {
		box-shadow: none;
		color: var(--wbk-yellow);
	}

	.wbk-nav__menu .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		display: none;
		min-width: 0;
		background: transparent;
		border: 0;
		box-shadow: none;
		padding: 0 0 12px;
	}

	.wbk-nav__menu li.is-open > .sub-menu {
		display: block;
	}

	.wbk-site .wbk-nav__menu .sub-menu a {
		color: var(--wbk-stone);
		padding: 10px 0 10px 16px;
	}

	.wbk-site .wbk-nav__menu .sub-menu a:hover {
		background: transparent;
		color: var(--wbk-yellow);
	}

	.wbk-site .wbk-nav__cta {
		margin-top: 20px;
		height: 52px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.wbk-footer__top {
		grid-template-columns: 1fr 1fr;
	}

	.wbk-footer__brand {
		grid-column: span 2;
	}

	.wbk-article-body .wbk-container {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.wbk-share {
		position: static;
		order: 2;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 6px;
	}

	.wbk-share > span {
		grid-column: span 3;
	}

	.wbk-section .wbk-share a,
	.wbk-section .wbk-share button {
		justify-content: center;
	}
}

/* =========================================================================
   Mobile ≤767px
   ========================================================================= */

@media (max-width: 767px) {
	.wbk-hide-m {
		display: none !important;
	}

	body {
		--wbk-gutter: 20px;
	}

	.wbk-section {
		--wbk-pad-t: 56px;
		--wbk-pad-b: 56px;
	}

	.wbk-section .wbk-eyebrow {
		font-size: 12px;
		letter-spacing: .12em;
		margin-bottom: 12px;
	}

	.wbk-section .wbk-title {
		font-size: 38px;
	}

	.wbk-section .wbk-body {
		font-size: 16px;
		line-height: 1.6;
	}

	.wbk-head {
		margin-bottom: 20px;
	}

	.wbk-head--split {
		display: block;
	}

	.wbk-section .wbk-bar-link,
	.wbk-show-m.wbk-bar-link {
		display: flex;
	}

	.wbk-bars {
		gap: 5px;
		margin-bottom: 16px;
	}

	.wbk-bars span {
		height: 6px;
	}

	.wbk-bars span:nth-child(1) { width: 40px; }
	.wbk-bars span:nth-child(2) { width: 26px; }
	.wbk-bars span:nth-child(3) { width: 13px; }

	/* Page Hero */
	.wbk-page-hero {
		height: 400px;
		background-position: var(--wbk-pos-m, inherit) !important;
	}

	.wbk-page-hero__overlay {
		background: linear-gradient(180deg, rgba(14, 14, 14, .2) 10%, rgba(14, 14, 14, .94) 80%);
	}

	.wbk-section .wbk-page-hero__crumb {
		left: 20px;
		right: 20px;
		top: 20px;
		font-size: 11px;
		letter-spacing: .06em;
		color: var(--wbk-stone);
	}

	.wbk-page-hero__content {
		left: 20px;
		right: 20px;
		bottom: 28px;
	}

	.wbk-page-hero .wbk-eyebrow {
		margin-bottom: 10px;
	}

	.wbk-section.wbk-page-hero .wbk-title {
		font-size: 46px;
	}

	.wbk-section .wbk-page-hero__intro {
		margin-top: 12px;
		font-size: 16px;
	}

	/* Intro */
	.wbk-intro__grid {
		gap: 16px;
	}

	.wbk-section.wbk-intro .wbk-title {
		font-size: 38px;
	}

	.wbk-intro--hide-stats-m .wbk-stats {
		display: none;
	}

	.wbk-intro .wbk-body p + p {
		margin-top: 16px;
	}

	/* Image statement */
	.wbk-image-statement {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.wbk-image-statement__img {
		height: 220px;
		order: 0 !important;
	}

	.wbk-image-statement__text {
		padding: 48px 20px;
	}

	.wbk-image-statement .wbk-eyebrow {
		margin-bottom: 14px;
	}

	.wbk-section .wbk-title.wbk-statement {
		font-size: 28px;
	}

	/* Numbered cards */
	.wbk-numbered-cards .wbk-container {
		padding-top: 0;
	}

	.wbk-numbered-cards .wbk-title {
		display: none;
	}

	.wbk-card {
		display: grid;
		grid-template-columns: 52px 1fr;
		gap: 12px;
		padding: 20px;
	}

	.wbk-card__num {
		font-size: 40px;
	}

	.wbk-section .wbk-card__title {
		margin: 0;
		font-size: 20px;
	}

	.wbk-section .wbk-card__text {
		margin-top: 4px;
		font-size: 15px;
		line-height: 1.5;
	}

	/* Feature grid */
	.wbk-feature-grid__grid {
		gap: 24px;
	}

	.wbk-section.wbk-feature-grid .wbk-title {
		font-size: 36px;
	}

	.wbk-feature-grid--cards .wbk-feature-grid__grid {
		gap: 0;
		padding: 0;
		background: transparent;
	}

	.wbk-feature-grid--cards .wbk-feature {
		background: transparent;
		padding: 14px 0;
		border-top: 1px solid var(--wbk-line-light);
	}

	.wbk-feature-grid--cards .wbk-feature:first-child {
		border-top: 2px solid var(--wbk-dark);
	}

	.wbk-feature-grid--cards .wbk-feature:last-child,
	.wbk-feature-grid--cards .wbk-feature:has(+ .wbk-hide-m) {
		border-bottom: 1px solid var(--wbk-line-light);
	}

	.wbk-feature-grid--cards .wbk-feature__bar {
		display: none;
	}

	.wbk-section.wbk-feature-grid--cards .wbk-feature__title {
		font-size: 20px;
		margin-bottom: 4px;
	}

	/* Link tiles */
	.wbk-link-tiles--m-bar .wbk-link-tiles__grid {
		display: none;
	}

	.wbk-link-tiles__grid {
		grid-auto-flow: row;
		grid-template-columns: 1fr;
	}

	.wbk-section .wbk-tile {
		height: 180px;
	}

	/* Policy */
	.wbk-policy .wbk-container {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.wbk-section .wbk-policy__lead {
		margin-bottom: 28px;
		font-size: 19px;
		line-height: 1.45;
	}

	.wbk-numlist li {
		grid-template-columns: 44px 1fr;
		padding: 16px 0;
	}

	.wbk-numlist__n {
		font-size: 26px;
	}

	.wbk-numlist__t {
		font-size: 15px;
		line-height: 1.55;
	}

	.wbk-section .wbk-policy .wbk-btn-row--dark {
		display: flex;
		height: 52px;
		margin-top: 28px;
	}

	/* Statement banner */
	.wbk-statement-banner--noimg-m {
		background-image: none !important;
	}

	.wbk-statement-banner--noimg-m .wbk-statement-banner__overlay {
		display: none;
	}

	.wbk-statement-banner .wbk-container {
		--wbk-pad-t: 48px;
		--wbk-pad-b: 48px;
	}

	.wbk-statement-banner__grid {
		gap: 14px;
	}

	.wbk-statement-banner .wbk-body {
		font-size: 15px;
	}

	/* Accreditation */
	.wbk-accreditation-bar .wbk-container {
		--wbk-pad-t: 20px;
		--wbk-pad-b: 20px;
	}

	.wbk-accreditation-bar__row {
		gap: 14px;
	}

	.wbk-section .wbk-accreditation-bar__logo {
		height: 56px;
		padding: 4px;
	}

	.wbk-accreditation-bar__text {
		font-size: 14px;
		line-height: 1.45;
	}

	/* Certificates */
	.wbk-certificates .wbk-container {
		--wbk-pad-t: 40px;
		--wbk-pad-b: 40px;
	}

	.wbk-certificates__list {
		gap: 12px;
	}

	.wbk-cert {
		display: block;
		padding: 24px 20px;
	}

	.wbk-section .wbk-cert__logo {
		width: 110px;
	}

	.wbk-cert__code {
		margin-top: 16px;
		font-size: 12px;
		letter-spacing: 0;
	}

	.wbk-section .wbk-cert__title {
		margin: 6px 0 8px;
		font-size: 28px;
	}

	.wbk-cert__text {
		margin-bottom: 16px;
		font-size: 15px;
		line-height: 1.55;
	}

	.wbk-section .wbk-cert .wbk-btn-row--dark {
		padding: 0 16px;
		font-size: 13px;
	}

	/* CTA */
	.wbk-cta--m-bar .wbk-cta__row,
	.wbk-cta--m-hide {
		display: none;
	}

	.wbk-cta--m-bar .wbk-container {
		display: none;
	}

	.wbk-cta--m-bar {
		background: transparent;
	}

	.wbk-cta__row {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.wbk-section.wbk-cta .wbk-title {
		font-size: 34px;
	}

	/* Services */
	.wbk-service {
		display: block;
		min-height: 0;
	}

	.wbk-service__img {
		height: 200px;
	}

	.wbk-service__body {
		padding: 28px 20px 36px;
	}

	.wbk-service__num {
		font-size: 56px;
		-webkit-text-stroke-width: 1.5px;
	}

	.wbk-section .wbk-service__title {
		margin: 12px 0 8px;
		font-size: 32px;
	}

	.wbk-service .wbk-body {
		font-size: 15px;
		line-height: 1.55;
	}

	.wbk-services__more {
		padding: 0 20px 36px;
		display: flex;
		flex-direction: column;
	}

	.wbk-services__more-label {
		margin-bottom: 10px;
		font: 600 13px/1.3 var(--wbk-f-mono);
		text-transform: uppercase;
		color: var(--wbk-ochre);
	}

	/* Fleet */
	.wbk-section.wbk-fleet .wbk-title {
		font-size: 40px;
	}

	.wbk-fleet__grid {
		display: flex;
		flex-direction: column;
		gap: 0;
		padding: 0;
		background: transparent;
	}

	.wbk-fleet__cat {
		background: transparent;
		padding: 14px 0;
		border-top: 1px solid var(--wbk-line-dark);
	}

	.wbk-fleet__cat:first-child {
		border-top: 2px solid var(--wbk-yellow);
	}

	.wbk-fleet__cat:last-child {
		border-bottom: 1px solid var(--wbk-line-dark);
	}

	.wbk-fleet__head {
		border: 0;
		padding: 0;
		margin: 0;
	}

	.wbk-fleet__name {
		font-weight: 700;
		font-size: 20px;
	}

	.wbk-section .wbk-fleet__models {
		font-size: 15px;
		line-height: 1.55;
	}

	.wbk-fleet__models li {
		display: inline;
	}

	.wbk-fleet__models li + li::before {
		content: " · ";
	}

	/* Project hero */
	.wbk-project-hero__media {
		height: 400px;
	}

	.wbk-project-hero__overlay {
		background: linear-gradient(180deg, rgba(14, 14, 14, .2) 10%, rgba(14, 14, 14, .94) 80%);
	}

	.wbk-section .wbk-project-hero__crumb {
		left: 20px;
		top: 20px;
		font-size: 11px;
		letter-spacing: .06em;
	}

	.wbk-project-hero__bottom {
		left: 20px;
		right: 20px;
		bottom: 28px;
	}

	.wbk-project-hero .wbk-eyebrow {
		margin-bottom: 10px;
	}

	.wbk-section.wbk-project-hero .wbk-title {
		font-size: 46px;
		line-height: .92;
	}

	.wbk-project-hero .wbk-title br {
		display: none;
	}

	.wbk-show-m.wbk-project-hero__stats-m {
		display: grid;
	}

	/* Project overview */
	.wbk-project-overview .wbk-container {
		--wbk-pad-t: 48px;
		--wbk-pad-b: 48px;
	}

	.wbk-project-overview__grid {
		gap: 24px;
	}

	.wbk-facts {
		background: transparent;
		color: var(--wbk-dark);
		padding: 0;
	}

	.wbk-facts__row {
		padding: 12px 0;
		border-top: 1px solid var(--wbk-line-light);
		font-size: 15px;
	}

	.wbk-facts__row span {
		color: #777;
	}

	.wbk-facts .wbk-facts__row:first-of-type {
		border-top: 2px solid var(--wbk-dark);
	}

	.wbk-facts > .wbk-facts__row:nth-last-child(1 of :not(.wbk-hide-m)) {
		border-bottom: 1px solid var(--wbk-line-light);
	}

	/* Timeline */
	.wbk-timeline .wbk-container {
		--wbk-pad-t: 40px;
		--wbk-pad-b: 40px;
	}

	.wbk-section.wbk-timeline .wbk-eyebrow {
		font-size: 11px;
		letter-spacing: .08em;
		color: var(--wbk-muted);
	}

	.wbk-timeline__bar {
		height: 32px;
		gap: 3px;
	}

	.wbk-timeline__seg {
		padding: 0 10px;
	}

	.wbk-timeline__seg b {
		font-weight: 700;
		font-size: 14px;
	}

	.wbk-timeline__seg--active {
		background: repeating-linear-gradient(135deg, var(--wbk-yellow) 0 10px, var(--wbk-stripe) 10px 20px);
	}

	.wbk-timeline__today {
		top: -6px;
		bottom: -6px;
	}

	.wbk-show-m.wbk-timeline__years-m {
		display: flex;
	}

	/* Location */
	.wbk-location {
		display: block;
		padding: 0;
	}

	.wbk-location__panel {
		padding: 40px 20px;
	}

	.wbk-section.wbk-location .wbk-title {
		font-size: 34px;
	}

	.wbk-map-frame,
	.wbk-map .wbk-map-frame {
		height: 260px;
	}

	/* Gallery */
	.wbk-gallery .wbk-container {
		padding: 0;
	}

	.wbk-gallery__grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 140px 140px;
	}

	.wbk-gallery__item:nth-child(n + 4) {
		display: none;
	}

	.wbk-gallery__more {
		display: none;
	}

	/* News */
	.wbk-news-head {
		border-bottom: 0;
	}

	.wbk-news-head .wbk-container {
		padding-top: 36px;
		padding-bottom: 24px;
	}

	.wbk-news-head .wbk-eyebrow {
		margin-bottom: 10px;
	}

	.wbk-section.wbk-news-list .wbk-news-head .wbk-title {
		font-size: 52px;
	}

	.wbk-news-head__row {
		display: block;
	}

	.wbk-filters {
		margin-top: 20px;
	}

	.wbk-section .wbk-filters a {
		height: 44px;
		padding: 0 16px;
		font-size: 13px;
	}

	.wbk-news-list .wbk-news-body {
		padding: 0 !important;
	}

	.wbk-section .wbk-news-featured-m {
		position: relative;
		display: block;
		height: 320px;
		background-position: center;
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 32px), calc(100% - 32px) 100%, 0 100%);
		margin: 2px;
	}

	.wbk-news-featured-m__shade {
		position: absolute;
		inset: 0;
		background: linear-gradient(180deg, rgba(14, 14, 14, .05) 30%, rgba(14, 14, 14, .92));
	}

	.wbk-news-featured-m .wbk-badge {
		font-size: 11px;
		padding: 8px 12px;
	}

	.wbk-news-featured-m__body {
		position: absolute;
		left: 18px;
		right: 40px;
		bottom: 20px;
	}

	.wbk-news-featured-m .wbk-meta {
		margin-bottom: 6px;
		font-size: 11px;
		color: var(--wbk-stone);
	}

	.wbk-news-featured-m__title {
		display: block;
		font: 800 28px/1 var(--wbk-f-head);
		text-transform: uppercase;
	}

	.wbk-show-m.wbk-news-rows {
		display: grid;
	}

	.wbk-section .wbk-post-row {
		grid-template-columns: 120px 1fr;
		min-height: 110px;
	}

	.wbk-post-row__body {
		padding: 16px 16px 16px 6px;
	}

	.wbk-post-row .wbk-meta {
		font-size: 11px;
	}

	.wbk-post-row__title {
		margin-top: 6px;
		font-size: 20px;
		line-height: 1.05;
	}

	.wbk-section .wbk-btn-outline.wbk-show-m {
		display: flex;
	}

	.wbk-news-rows:last-child {
		margin-bottom: 48px;
	}

	/* Related */
	.wbk-related .wbk-container {
		--wbk-pad-t: 48px;
		--wbk-pad-b: 48px;
	}

	.wbk-section.wbk-related .wbk-related__title {
		font-size: 32px;
	}

	.wbk-related__grid {
		grid-template-columns: 1fr;
	}

	/* Contact */
	.wbk-contact__info {
		padding: 40px 20px 32px;
	}

	.wbk-section.wbk-contact .wbk-contact__info .wbk-title {
		font-size: 52px;
		margin-bottom: 14px;
	}

	.wbk-contact .wbk-title br {
		display: none;
	}

	.wbk-section .wbk-contact__intro {
		margin-bottom: 24px;
		font-size: 16px;
		line-height: 1.55;
	}

	.wbk-show-m.wbk-contact__btns {
		display: flex;
		gap: 8px;
		flex-wrap: wrap;
	}

	.wbk-contact__office-m {
		padding-top: 24px;
		font: 15px/1.6 var(--wbk-f-body);
		color: var(--wbk-stone);
	}

	.wbk-contact__office-m .wbk-eyebrow {
		margin-bottom: 4px;
		font-size: 11px;
	}

	.wbk-contact__form {
		padding: 40px 20px;
	}

	.wbk-section .wbk-contact__form-title {
		margin-bottom: 20px;
		font-size: 32px;
	}

	.wbk-purpose__opts {
		grid-auto-flow: row;
		grid-template-columns: 1fr;
	}

	.wbk-purpose span {
		height: 48px;
		font-size: 14px;
	}

	.wbk-purpose {
		margin-bottom: 20px;
	}

	.wbk-form__grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.wbk-field--full {
		grid-column: auto;
	}

	.wbk-field {
		gap: 6px;
	}

	.wbk-section .wbk-field input {
		height: 50px;
		padding: 0 14px;
	}

	.wbk-section .wbk-field textarea {
		height: 120px;
		padding: 12px 14px;
	}

	.wbk-form__foot {
		margin-top: 20px;
	}

	.wbk-form__foot .wbk-btn {
		width: 100%;
		height: 54px;
		font-size: 15px;
	}

	/* Jobs */
	.wbk-job-list .wbk-container {
		--wbk-pad-t: 48px;
		--wbk-pad-b: 48px;
	}

	.wbk-job-list .wbk-head {
		margin-bottom: 0;
	}

	.wbk-section .wbk-job {
		display: flex;
		justify-content: space-between;
		padding: 18px 0;
	}

	.wbk-job__title {
		font-size: 22px;
	}

	.wbk-job__meta-m {
		display: block;
		font: 14px/1.4 var(--wbk-f-body);
		text-transform: none;
		color: var(--wbk-muted-2);
	}

	/* Steps */
	.wbk-section.wbk-steps .wbk-title {
		font-size: 36px;
		margin-bottom: 24px;
	}

	.wbk-step__num {
		font-size: 40px;
	}

	/* Footer */
	.wbk-footer {
		padding: 44px 20px 28px;
	}

	.wbk-footer__top {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		padding-bottom: 24px;
		border: 0;
	}

	.wbk-footer__brand {
		grid-column: span 2;
		gap: 12px;
		margin-bottom: 8px;
	}

	body .wbk-footer__mark {
		width: 40px;
		height: 40px;
	}

	.wbk-footer__name {
		font-size: 21px;
		white-space: normal;
	}

	.wbk-footer__tagline {
		margin-top: 5px;
		font-size: 10px;
		letter-spacing: .12em;
	}

	.wbk-footer__col {
		line-height: 1.7;
	}

	.wbk-footer__col--social,
	.wbk-footer__links {
		display: none;
	}

	.wbk-footer__social-m {
		display: flex;
		gap: 8px;
		margin-bottom: 24px;
	}

	.wbk-site .wbk-footer__social-m a {
		flex: 1;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--wbk-line-dark);
		font-size: 14px;
		color: var(--wbk-muted-2);
	}

	.wbk-footer__bottom {
		border-top: 1px solid var(--wbk-line-dark);
		padding-top: 20px;
	}

	/* Article */
	.wbk-article-head .wbk-container {
		--wbk-pad-t: 28px;
	}

	.wbk-article-head__meta {
		gap: 10px;
		margin-bottom: 14px;
		font-size: 11px;
		letter-spacing: 0;
	}

	.wbk-article-head__tag {
		padding: 5px 8px;
	}

	.wbk-section.wbk-article-head .wbk-title {
		font-size: 40px;
		margin-bottom: 28px;
	}

	.wbk-article-head__img {
		height: 220px;
		margin: 0 -20px;
		clip-path: none;
	}

	.wbk-article-body .wbk-container {
		--wbk-pad-t: 32px;
		--wbk-pad-b: 48px;
	}

	.wbk-prose {
		font-size: 16px;
		line-height: 1.7;
	}

	.wbk-section .wbk-prose > * + * {
		margin-top: 18px;
	}

	.wbk-section .wbk-prose > p:first-child {
		font-size: 18px;
		line-height: 1.5;
	}

	.wbk-section .wbk-prose h2 {
		font-size: 28px;
	}

	.wbk-section .wbk-prose blockquote,
	.wbk-section .wbk-prose .wp-block-quote {
		padding: 24px;
		border-left-width: 6px;
	}

	.wbk-section .wbk-prose blockquote p {
		font-size: 24px;
	}

	.wbk-share > span {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wbk-hh__slide,
	.wbk-hh__bg,
	.wbk-tile__img,
	.wbk-nav__menu .sub-menu,
	.wbk-burger span {
		transition: none;
	}
}

/* ---------- Job detail + application ---------- */

.wbk-job-head .wbk-title {
	max-width: 900px;
}

.wbk-job-head__lead {
	max-width: 720px;
	margin-top: 16px;
	color: var(--wbk-muted-fg);
}

.wbk-job-head__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin: 32px 0;
	border-top: 1px solid var(--wbk-line);
	border-bottom: 1px solid var(--wbk-line);
}

.wbk-job-head__meta > div {
	padding: 16px 32px 16px 0;
	margin-right: 32px;
	border-right: 1px solid var(--wbk-line);
}

.wbk-job-head__meta > div:last-child {
	border-right: 0;
}

.wbk-job-head__meta dt {
	font: 600 12px/1.4 var(--wbk-f-mono, monospace);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wbk-eyebrow);
}

.wbk-job-head__meta dd {
	margin: 4px 0 0;
	font: 600 17px/1.4 var(--wbk-f-body);
}

.wbk-job-body {
	max-width: 820px;
}

.wbk-job-apply .wbk-form-wrap {
	max-width: 960px;
}

.wbk-consent {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	font: 400 14px/1.5 var(--wbk-f-body);
}

.wbk-consent input {
	margin-top: 3px;
	width: 18px;
	height: 18px;
	flex: none;
	accent-color: var(--wbk-dark);
}

@media (max-width: 767px) {
	.wbk-job-head__meta {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.wbk-job-head__meta > div {
		margin: 0;
		padding: 12px 12px 12px 0;
		border-right: 0;
	}
}

/* ---------- Job flyer + share ---------- */

.wbk-job-head--flyer .wbk-container {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
	gap: 56px;
	align-items: start;
}

.wbk-job-head__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 32px;
}

.wbk-job-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
	font: 600 14px/1.4 var(--wbk-f-body);
}

.wbk-job-share span {
	font: 600 12px/1 var(--wbk-f-mono);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wbk-muted-fg);
}

.wbk-job-share a,
.wbk-job-share button {
	padding: 0;
	background: none;
	border: 0;
	color: var(--wbk-fg);
	font: inherit;
	text-decoration: underline;
	text-underline-offset: 4px;
	cursor: pointer;
}

.wbk-job-share a:hover,
.wbk-job-share button:hover {
	color: var(--wbk-accent);
}

.wbk-flyer {
	margin: 0;
}

.wbk-flyer__open {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	background: var(--wbk-panel);
	border: 1px solid var(--wbk-line);
	cursor: zoom-in;
	overflow: hidden;
}

.wbk-flyer__open img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform .4s ease;
}

.wbk-flyer__open:hover img {
	transform: scale(1.03);
}

.wbk-flyer__zoom {
	position: absolute;
	right: 12px;
	bottom: 12px;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
	font-size: 20px;
}

.wbk-flyer figcaption {
	display: flex;
	justify-content: space-between;
	margin-top: 12px;
	font: 600 14px/1.4 var(--wbk-f-body);
}

.wbk-flyer figcaption a,
.wbk-flyer figcaption button {
	padding: 0;
	background: none;
	border: 0;
	color: var(--wbk-fg);
	font: inherit;
	cursor: pointer;
}

.wbk-flyer figcaption a:hover,
.wbk-flyer figcaption button:hover {
	color: var(--wbk-accent);
}

.wbk-flyer-dialog {
	max-width: min(92vw, 900px);
	max-height: 92vh;
	padding: 0;
	background: transparent;
	border: 0;
	overflow: visible;
}

.wbk-flyer-dialog::backdrop {
	background: rgba(0, 0, 0, .85);
}

.wbk-flyer-dialog img {
	display: block;
	max-width: 100%;
	max-height: 88vh;
	margin: 0 auto;
}

.wbk-flyer-dialog__close {
	position: absolute;
	top: -44px;
	right: 0;
	width: 40px;
	height: 40px;
	background: var(--wbk-yellow);
	border: 0;
	color: var(--wbk-dark);
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
}

/* ---------- Application form sections ---------- */

.wbk-apply__sec {
	margin: 0 0 40px;
	padding: 0;
	border: 0;
	min-width: 0;
}

.wbk-apply__legend {
	display: flex;
	gap: 16px;
	align-items: center;
	width: 100%;
	margin-bottom: 24px;
	padding: 0 0 16px;
	border-bottom: 1px solid var(--wbk-line-light, rgba(0, 0, 0, .12));
}

.wbk-apply__num {
	display: grid;
	place-items: center;
	flex: none;
	width: 44px;
	height: 44px;
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
	font: 700 16px/1 var(--wbk-f-mono);
}

.wbk-apply__legend strong {
	display: block;
	font: 700 22px/1.2 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-apply__legend small {
	display: block;
	margin-top: 2px;
	font: 400 14px/1.4 var(--wbk-f-body);
	color: var(--wbk-muted-fg);
}

.wbk-req {
	color: #c0392b;
}

.wbk-field__help {
	display: block;
	margin-top: 6px;
	font: 400 13px/1.4 var(--wbk-f-body);
	color: var(--wbk-muted-fg);
}

.wbk-apply input.is-touched:invalid,
.wbk-apply select.is-touched:invalid,
.wbk-apply textarea.is-touched:invalid {
	border-color: #c0392b;
}

.wbk-file__label {
	display: block;
	margin-bottom: 8px;
	font: 600 14px/1.4 var(--wbk-f-body);
}

.wbk-file {
	position: relative;
	display: flex;
	gap: 16px;
	align-items: center;
	padding: 20px;
	background: var(--wbk-cream);
	border: 1.5px dashed var(--wbk-input);
	cursor: pointer;
	transition: border-color .2s, background .2s;
}

.wbk-file:hover,
.wbk-file.is-over {
	border-color: var(--wbk-dark);
	background: #fff;
}

.wbk-file.has-file {
	border-style: solid;
	border-color: var(--wbk-ochre);
}

.wbk-section .wbk-file input[type="file"] {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.wbk-file__icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 44px;
	height: 44px;
	background: var(--wbk-dark);
	color: var(--wbk-yellow);
	font-size: 20px;
	font-weight: 700;
}

.wbk-file.has-file .wbk-file__icon {
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
}

.wbk-file__text strong {
	display: block;
	font: 600 15px/1.4 var(--wbk-f-body);
	word-break: break-all;
}

.wbk-file__text small {
	display: block;
	margin-top: 2px;
	font: 400 13px/1.4 var(--wbk-f-body);
	color: var(--wbk-muted-fg);
}

.wbk-apply .wbk-consent {
	margin: 8px 0 24px;
	padding: 16px 20px;
	background: var(--wbk-cream);
}

.wbk-apply button[disabled] {
	opacity: .6;
	cursor: progress;
}

@media (max-width: 1024px) {
	.wbk-job-head--flyer .wbk-container {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.wbk-flyer {
		max-width: 420px;
	}
}

@media (max-width: 767px) {
	.wbk-apply__legend strong {
		font-size: 19px;
	}

	.wbk-file {
		padding: 16px;
	}
}

/* ---------- Job cards ---------- */

.wbk-jobs__filters {
	margin-bottom: 32px;
}

.wbk-section .wbk-filters button {
	display: flex;
	gap: 8px;
	align-items: center;
	padding: 12px 20px;
	background: var(--wbk-panel);
	border: 0;
	color: var(--wbk-cream);
	font: 700 14px/1 var(--wbk-f-body);
	letter-spacing: .04em;
	text-transform: uppercase;
	cursor: pointer;
}

.wbk-section .wbk-filters button span {
	opacity: .6;
	font-family: var(--wbk-f-mono);
}

.wbk-section .wbk-filters button.is-active {
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
}

.wbk-jobcards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.wbk-jobcard[hidden],
.wbk-job[hidden] {
	display: none !important;
}

.wbk-section a.wbk-jobcard {
	position: relative;
	display: flex;
	flex-direction: column;
	background: var(--wbk-panel);
	color: var(--wbk-cream);
	text-decoration: none;
	border: 1px solid var(--wbk-line);
	transition: transform .25s ease, border-color .25s ease;
}

.wbk-section a.wbk-jobcard:hover {
	transform: translateY(-4px);
	border-color: var(--wbk-yellow);
}

.wbk-jobcard__img {
	display: block;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background: var(--wbk-black);
}

.wbk-jobcard__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}

.wbk-jobcard:hover .wbk-jobcard__img img {
	transform: scale(1.04);
}

.wbk-jobcard__img--blank {
	display: flex;
	align-items: flex-end;
	aspect-ratio: 4 / 5;
	padding: 24px;
	background: repeating-linear-gradient(135deg, var(--wbk-black) 0 18px, #1b1b1b 18px 36px);
	border-bottom: 6px solid var(--wbk-yellow);
}

.wbk-jobcard__img--blank span {
	font: 700 32px/1 var(--wbk-f-head);
	text-transform: uppercase;
	color: var(--wbk-yellow);
}

.wbk-jobcard__badge {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 6px 10px;
	background: var(--wbk-yellow);
	color: var(--wbk-dark);
	font: 700 11px/1 var(--wbk-f-mono);
	letter-spacing: .06em;
	text-transform: uppercase;
}

.wbk-jobcard__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	padding: 24px;
}

.wbk-jobcard__dept {
	font: 600 12px/1 var(--wbk-f-mono);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wbk-yellow);
}

.wbk-jobcard__title {
	font: 700 28px/1.05 var(--wbk-f-head);
	text-transform: uppercase;
}

.wbk-jobcard__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.wbk-jobcard__meta span {
	padding: 5px 10px;
	border: 1px solid rgba(255, 255, 255, .18);
	font: 500 13px/1.2 var(--wbk-f-body);
	color: var(--wbk-stone);
}

.wbk-jobcard__cta {
	margin-top: auto;
	padding-top: 12px;
	font: 700 14px/1 var(--wbk-f-body);
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--wbk-yellow);
}

.wbk-scheme-light a.wbk-jobcard,
.wbk-scheme-white a.wbk-jobcard {
	background: #fff;
	color: var(--wbk-dark);
}

.wbk-scheme-light .wbk-jobcard__dept,
.wbk-scheme-white .wbk-jobcard__dept,
.wbk-scheme-light .wbk-jobcard__cta,
.wbk-scheme-white .wbk-jobcard__cta {
	color: var(--wbk-ochre);
}

.wbk-scheme-light .wbk-jobcard__meta span,
.wbk-scheme-white .wbk-jobcard__meta span {
	color: #444;
	border-color: rgba(0, 0, 0, .12);
}

@media (max-width: 1024px) {
	.wbk-jobcards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.wbk-jobcards {
		grid-template-columns: 1fr;
	}

	.wbk-jobs__filters {
		flex-wrap: nowrap;
		overflow-x: auto;
	}

	.wbk-section .wbk-filters button {
		flex: none;
	}
}

.wbk-jobcards--plain .wbk-jobcard__img--blank {
	aspect-ratio: 16 / 7;
}
