/* ==========================================================================
   VBC North — theme stylesheet
   Built from the VBC North Inc. — Website Figma file.
   Tokens: red #d52b1e · ink #141414 · body #6b6f76 · sand #f4f3f0
   ========================================================================== */

:root {
	--vbc-red: #d52b1e;
	--vbc-red-dark: #b8241a;
	--vbc-ink: #141414;
	--vbc-body: #6b6f76;
	--vbc-muted: #9a9da3;
	--vbc-sand: #f4f3f0;
	--vbc-line: #e6e3dc;
	--vbc-blush: #fbeae8;
	--vbc-pink: #f6c9c5;
	--vbc-mist: #c9cbcf;
	--vbc-gutter: clamp(20px, 6vw, 120px);
	--vbc-sec: clamp(72px, 8.5vw, 112px);
	--vbc-max: 1200px;
	--vbc-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 156'%3E%3Cpath d='M50 0Q55.5 70 100 78Q55.5 86 50 156Q44.5 86 0 78Q44.5 70 50 0Z'/%3E%3C/svg%3E");
	--vbc-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath d='M10 0H11V44H10A10 10 0 0 1 0 34V10A10 10 0 0 1 10 0Z'/%3E%3Cpath d='M33 0H34A10 10 0 0 1 44 10V34A10 10 0 0 1 34 44H33Z'/%3E%3Cpath d='M22 10.8Q24.1 19.9 29.6 22Q24.1 24.1 22 33.2Q19.9 24.1 14.4 22Q19.9 19.9 22 10.8Z'/%3E%3C/svg%3E");
}

html { scroll-behavior: smooth; }
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
img { max-width: 100%; height: auto; }
:where(a) { text-underline-offset: 3px; }
:focus-visible { outline: 2px solid var(--vbc-red); outline-offset: 3px; }

.vbc-skip-link {
	position: absolute; left: 12px; top: -60px; z-index: 1000;
	background: var(--vbc-ink); color: #fff; padding: 10px 16px; border-radius: 10px;
	font-weight: 600; text-decoration: none;
}
.vbc-skip-link:focus { top: 12px; }

/* --------------------------------------------------------------------------
   Layout primitives
   -------------------------------------------------------------------------- */
.vbc-main { margin: 0; }
.vbc-content { margin: 0 !important; }
.vbc-content > * { margin-block: 0 !important; }

.vbc-section {
	position: relative;
	padding: var(--vbc-sec) var(--vbc-gutter) !important;
	background: #fff;
	overflow: hidden;
}
.vbc-section > * { max-width: var(--vbc-max); margin-left: auto !important; margin-right: auto !important; }
.vbc-section.is-sand { background: var(--vbc-sand); }
.vbc-section.is-dark { background: var(--vbc-ink); color: #fff; }
.vbc-section.is-red { background: var(--vbc-red); color: #fff; }
.vbc-section.is-tight { padding-top: clamp(56px, 6vw, 80px) !important; padding-bottom: clamp(56px, 6vw, 80px) !important; }
.vbc-section.is-band { padding-top: clamp(40px, 4vw, 56px) !important; padding-bottom: clamp(40px, 4vw, 56px) !important; }
.vbc-section.no-top { padding-top: 0 !important; }

.vbc-stack { display: flex; flex-direction: column; gap: 20px; }
.vbc-stack.gap-24 { gap: 24px; }
.vbc-stack.gap-28 { gap: 28px; }
.vbc-stack.gap-32 { gap: 32px; }
.vbc-stack.gap-16 { gap: 16px; }
.vbc-stack.gap-12 { gap: 12px; }
.vbc-stack.gap-8 { gap: 8px; }
.vbc-stack > * { margin: 0 !important; }

.vbc-block { display: flex; flex-direction: column; gap: 56px; }
.vbc-block > * { margin: 0 !important; }

.vbc-grid { display: grid; gap: 24px; }
.vbc-grid > * { margin: 0 !important; min-width: 0; }
.vbc-grid.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vbc-grid.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vbc-grid.cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.vbc-grid.cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.vbc-grid.gap-20 { gap: 20px; }
.vbc-grid.is-top { align-items: start; }

.vbc-split { display: grid; grid-template-columns: 440px minmax(0, 1fr); gap: 80px; align-items: start; }
.vbc-split > * { margin: 0 !important; min-width: 0; }
.vbc-split.left-400 { grid-template-columns: 400px minmax(0, 1fr); }
.vbc-split.left-480 { grid-template-columns: 480px minmax(0, 1fr); }
.vbc-split.left-520 { grid-template-columns: 520px minmax(0, 1fr); }
.vbc-split.halves { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.vbc-row-between { display: flex; justify-content: space-between; align-items: flex-start; gap: 32px; flex-wrap: wrap; }
.vbc-row-between > * { margin: 0 !important; }

/* --------------------------------------------------------------------------
   Typography
   -------------------------------------------------------------------------- */
.vbc-section h1, .vbc-section h2, .vbc-section h3, .vbc-section h4 { margin: 0; color: var(--vbc-ink); }
.vbc-section p { margin: 0; }
.vbc-section.is-dark h1, .vbc-section.is-dark h2, .vbc-section.is-dark h3,
.vbc-card.is-dark h3, .vbc-card.is-red h3, .vbc-cta-panel h2 { color: #fff; }

.vbc-h1 { font-size: clamp(38px, 4.2vw, 54px) !important; font-weight: 700; line-height: 1.06 !important; letter-spacing: -0.025em; max-width: 760px; }
.vbc-h1.is-home { font-size: clamp(40px, 4.6vw, 58px) !important; max-width: 640px; }
.vbc-h2 { font-size: clamp(32px, 3.6vw, 48px) !important; font-weight: 700; line-height: 1.08 !important; letter-spacing: -0.02em; max-width: 760px; }
.vbc-h2.is-md { font-size: clamp(30px, 3vw, 40px) !important; }
.vbc-h2.is-cta { font-size: clamp(30px, 3.3vw, 44px) !important; line-height: 1.1 !important; max-width: 660px; }
.vbc-h2.is-narrow { max-width: 560px; }
.vbc-h3 { font-size: 19px !important; font-weight: 600; line-height: 1.28 !important; }
.vbc-h3.is-lg { font-size: clamp(24px, 2.2vw, 30px) !important; font-weight: 700; line-height: 1.18 !important; letter-spacing: -0.015em; }
.vbc-h3.is-step { font-size: 22px !important; line-height: 1.24 !important; letter-spacing: -0.01em; }
.vbc-h3.is-20 { font-size: 20px !important; line-height: 1.24 !important; }
.vbc-h3.is-17 { font-size: 17px !important; line-height: 1.3 !important; }
.vbc-h3.is-16 { font-size: 16px !important; line-height: 1.3 !important; }

.vbc-lead { font-size: clamp(16px, 1.3vw, 18px); line-height: 1.58; color: var(--vbc-body); max-width: 680px; }
.vbc-lead.is-hero { max-width: 640px; }
.vbc-lead.is-home { max-width: 600px; }
.vbc-text { font-size: 15px; line-height: 1.6; color: var(--vbc-body); }
.vbc-small { font-size: 14px; line-height: 1.55; color: var(--vbc-body); }
.vbc-note { font-size: 14px; line-height: 1.6; color: var(--vbc-body); max-width: 800px; }
.vbc-body-17 { font-size: 17px; line-height: 1.65; color: var(--vbc-body); }
.is-dark .vbc-lead, .is-dark .vbc-text, .is-dark .vbc-small, .is-dark .vbc-body-17,
.vbc-card.is-dark .vbc-text, .vbc-card.is-dark .vbc-small, .vbc-cta-panel .vbc-lead { color: var(--vbc-mist); }

.vbc-eyebrow {
	display: inline-flex; align-items: center; gap: 10px;
	font-size: 12px !important; font-weight: 600; line-height: 1.3; letter-spacing: 0.16em;
	text-transform: uppercase; color: var(--vbc-red);
}
.vbc-eyebrow::before { content: ""; flex: 0 0 28px; height: 2px; background: currentColor; }
.vbc-eyebrow.no-rule::before { display: none; }
.is-dark .vbc-eyebrow, .vbc-cta-panel .vbc-eyebrow, .vbc-card.is-dark .vbc-eyebrow { color: var(--vbc-pink); }
.vbc-label { font-size: 12px !important; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--vbc-red); line-height: 1.3; }
.vbc-card.is-dark .vbc-label { color: var(--vbc-pink); }

.vbc-crumbs { font-size: 13px; color: var(--vbc-body); }
.vbc-crumbs a { color: var(--vbc-body); text-decoration: none; }
.vbc-crumbs a:hover { color: var(--vbc-red); }
.vbc-crumbs strong { color: var(--vbc-ink); font-weight: 600; }

.has-red-color { color: var(--vbc-red) !important; }

/* --------------------------------------------------------------------------
   Buttons
   -------------------------------------------------------------------------- */
.wp-block-buttons { gap: 16px !important; }
.wp-block-buttons > .wp-block-button { margin: 0; }
.wp-block-button__link {
	display: inline-flex !important; align-items: center; gap: 10px;
	background: var(--vbc-red); color: #fff !important;
	border: 1.5px solid var(--vbc-red); border-radius: 12px !important;
	padding: 17px 27px !important;
	font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important;
	text-decoration: none !important; white-space: nowrap;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.wp-block-button__link::after {
	content: ""; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor;
	-webkit-mask: var(--vbc-i-arrow-right) no-repeat center / contain; mask: var(--vbc-i-arrow-right) no-repeat center / contain;
	transition: transform .18s ease;
}
.wp-block-button__link:hover { background: var(--vbc-red-dark); border-color: var(--vbc-red-dark); }
.wp-block-button__link:hover::after { transform: translateX(3px); }
.is-small .wp-block-button__link, .wp-block-button.is-small .wp-block-button__link { padding: 11px 19px !important; font-size: 14px !important; }

.is-style-outline-dark .wp-block-button__link { background: transparent; color: var(--vbc-ink) !important; border-color: var(--vbc-ink); }
.is-style-outline-dark .wp-block-button__link:hover { background: var(--vbc-ink); color: #fff !important; }
.is-style-outline-light .wp-block-button__link { background: transparent; color: #fff !important; border-color: #fff; }
.is-style-outline-light .wp-block-button__link:hover { background: #fff; color: var(--vbc-ink) !important; }
.is-style-light .wp-block-button__link { background: #fff; color: var(--vbc-red) !important; border-color: #fff; }
.is-style-light .wp-block-button__link:hover { background: var(--vbc-blush); border-color: var(--vbc-blush); }
.is-style-dark .wp-block-button__link { background: var(--vbc-ink); border-color: var(--vbc-ink); }
.is-style-dark .wp-block-button__link:hover { background: #2a2a2a; border-color: #2a2a2a; }
.is-style-text .wp-block-button__link { background: transparent !important; border: 0; padding: 0 !important; color: var(--vbc-red) !important; }
.is-style-text .wp-block-button__link:hover { color: var(--vbc-red-dark) !important; }

/* --------------------------------------------------------------------------
   Icons (CSS masks — classes defined in icons.css)
   -------------------------------------------------------------------------- */
.vbc-ic { position: relative; }
.vbc-ic::before {
	content: ""; display: block; width: 52px; height: 52px; flex: 0 0 52px;
	border-radius: 14px; background: var(--vbc-badge-bg, #fff);
}
.vbc-ic::after {
	content: ""; position: absolute; width: 24px; height: 24px;
	top: calc(var(--vbc-pad, 28px) + 14px); left: calc(var(--vbc-pad, 28px) + 14px);
	background: var(--vbc-icon-color, var(--vbc-red));
	-webkit-mask: var(--vbc-icon) no-repeat center / contain; mask: var(--vbc-icon) no-repeat center / contain;
}
.vbc-ic.badge-blush { --vbc-badge-bg: var(--vbc-blush); }
.vbc-ic.badge-red { --vbc-badge-bg: var(--vbc-red); --vbc-icon-color: #fff; }
.vbc-ic.badge-white { --vbc-badge-bg: #fff; }

/* --------------------------------------------------------------------------
   Cards
   -------------------------------------------------------------------------- */
.vbc-card {
	--vbc-pad: 28px;
	display: flex; flex-direction: column; gap: 16px;
	background: var(--vbc-sand); border-radius: 18px; padding: var(--vbc-pad) !important;
}
.vbc-card > * { margin: 0 !important; }
.vbc-card.is-white { background: #fff; }
.vbc-card.is-outline { background: #fff; border: 1px solid var(--vbc-line); }
.vbc-card.is-dark { background: var(--vbc-ink); color: #fff; }
.vbc-card.is-red { background: var(--vbc-red); color: #fff; }
.vbc-card.r-20 { border-radius: 20px; }
.vbc-card.r-24 { border-radius: 24px; }
.vbc-card.p-32 { --vbc-pad: 32px; }
.vbc-card.p-36 { --vbc-pad: 36px; }
.vbc-card.p-44 { --vbc-pad: clamp(28px, 3.2vw, 44px); gap: 28px; }
.vbc-card.gap-24 { gap: 24px; }
.vbc-card.gap-20 { gap: 20px; }
.vbc-card .wp-block-buttons { margin-top: auto !important; }

/* Horizontal tile: badge left, text right */
.vbc-tile { --vbc-pad: 28px; display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 20px; row-gap: 8px; align-content: start; }
.vbc-tile::before { grid-row: 1 / span 6; }
.vbc-tile > * { grid-column: 2; }

/* Service cards (home) */
.vbc-service .vbc-text { font-size: 16px; }
.vbc-card.is-dark .wp-block-list li { color: #fff; }

/* Stat band */
.vbc-stats { display: flex; justify-content: space-between; gap: 32px 48px; flex-wrap: wrap; }
.vbc-stats > * { margin: 0 !important; }
.vbc-stat { display: flex; flex-direction: column; gap: 6px; }
.vbc-stat > * { margin: 0 !important; }
.vbc-stat-num { font-size: clamp(36px, 3.4vw, 48px) !important; font-weight: 700; line-height: 1; letter-spacing: -0.02em; color: #fff; }
.vbc-stat-label { font-size: 13px; font-weight: 500; letter-spacing: 0.03em; color: var(--vbc-pink); line-height: 1.3; }

/* Step cards */
.vbc-step-num { font-size: 56px !important; font-weight: 700; line-height: 1 !important; letter-spacing: -0.03em; color: var(--vbc-red); }
.vbc-step-num.is-44 { font-size: 44px !important; }
.vbc-step-num.is-40 { font-size: 40px !important; }

/* Step rows (recruitment process) */
.vbc-steps-rows > * { margin: 0 !important; }
.vbc-step-row { display: grid; grid-template-columns: 80px 340px minmax(0, 1fr); gap: 32px; padding: 28px 0; border-bottom: 1px solid var(--vbc-line); align-items: start; }
.vbc-step-row > * { margin: 0 !important; }

/* Price cards */
.vbc-price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.vbc-price > * { margin: 0 !important; }
.vbc-price-num { font-size: 44px !important; font-weight: 700; line-height: 1 !important; letter-spacing: -0.02em; color: var(--vbc-ink); }
.vbc-price-suffix { font-size: 14px; font-weight: 500; color: var(--vbc-body); }
.vbc-card.is-dark .vbc-price-num { color: #fff; }
.vbc-card.is-dark .vbc-price-suffix { color: var(--vbc-mist); }
.vbc-hours { font-size: 14px; font-weight: 600; color: var(--vbc-ink); }
.vbc-card.is-dark .vbc-hours { color: #fff; }
.vbc-plan-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.vbc-plan-head > * { margin: 0 !important; }
.vbc-badge-pill { background: var(--vbc-red); color: #fff !important; border-radius: 999px; padding: 5px 10px; font-size: 10px !important; font-weight: 600; letter-spacing: 0.08em; line-height: 1.2; }

/* --------------------------------------------------------------------------
   Lists
   -------------------------------------------------------------------------- */
.vbc-section .wp-block-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; }
.vbc-section .wp-block-list li { position: relative; padding-left: 30px; font-size: 15px; font-weight: 500; line-height: 1.4; color: var(--vbc-ink); margin: 0; }
.vbc-section .wp-block-list li::before {
	content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: var(--vbc-red);
	-webkit-mask: var(--vbc-i-check) no-repeat center / contain; mask: var(--vbc-i-check) no-repeat center / contain;
}
.vbc-section .wp-block-list.is-compact { gap: 10px; }
.vbc-section .wp-block-list.is-compact li { font-size: 14px; padding-left: 26px; }
.vbc-section .wp-block-list.is-compact li::before { width: 16px; height: 16px; top: 1px; }
.vbc-section .wp-block-list.is-large { gap: 16px; }
.vbc-section .wp-block-list.is-large li { font-size: 16px; padding-left: 32px; }
.vbc-section .wp-block-list.is-large li::before { width: 20px; height: 20px; top: 0; }
.vbc-section .wp-block-list.is-shields li::before { -webkit-mask-image: var(--vbc-i-shield-check); mask-image: var(--vbc-i-shield-check); }
.vbc-section .wp-block-list.is-cross li { color: var(--vbc-body); }
.vbc-section .wp-block-list.is-cross li::before { background: var(--vbc-body); -webkit-mask-image: var(--vbc-i-x); mask-image: var(--vbc-i-x); }
.vbc-section.is-dark .wp-block-list li { color: #fff; }

/* Trust line (home hero) */
.vbc-section .wp-block-list.vbc-trust { flex-direction: row; flex-wrap: wrap; gap: 10px 24px; }
.vbc-section .wp-block-list.vbc-trust li { font-size: 14px; padding-left: 24px; }
.vbc-section .wp-block-list.vbc-trust li::before { width: 16px; height: 16px; top: 0; }

/* Chips */
.vbc-section .wp-block-list.vbc-chips { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 1000px; }
.vbc-section .wp-block-list.vbc-chips li { padding: 12px 20px; background: #fff; border: 1px solid var(--vbc-line); border-radius: 999px; font-size: 14px; line-height: 1; }
.vbc-section .wp-block-list.vbc-chips li::before { display: none; }
.vbc-center { text-align: center; align-items: center; }
.vbc-center-label { font-size: 14px; font-weight: 500; color: var(--vbc-body); letter-spacing: 0.06em; text-align: center; }

/* Group list (about) */
.vbc-divided > * { margin: 0 !important; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.12); }
.vbc-divided { display: flex; flex-direction: column; gap: 20px; }

/* --------------------------------------------------------------------------
   Inner page hero + North Star decorations
   -------------------------------------------------------------------------- */
.vbc-hero { background: var(--vbc-sand); padding-top: clamp(64px, 6.7vw, 96px) !important; padding-bottom: clamp(64px, 6.7vw, 96px) !important; }
.vbc-hero::after {
	content: ""; position: absolute; pointer-events: none;
	width: clamp(220px, 27.7vw, 400px); aspect-ratio: 100 / 156;
	right: calc(-1 * clamp(10px, 2.8vw, 40px)); top: -40px;
	background: rgba(213, 43, 30, 0.08);
	-webkit-mask: var(--vbc-star) no-repeat center / contain; mask: var(--vbc-star) no-repeat center / contain;
}
.vbc-hero > * { position: relative; z-index: 1; }
.vbc-hero .vbc-stack { max-width: 760px; margin-left: 0 !important; }
.vbc-hero > .vbc-stack { margin-left: auto !important; margin-right: auto !important; max-width: var(--vbc-max); }
.vbc-hero > .vbc-stack > * { max-width: 760px; }
.vbc-hero > .vbc-stack > .vbc-lead { max-width: 640px; }

/* Home hero */
.vbc-home-hero { background: var(--vbc-sand); padding-top: clamp(56px, 7vw, 100px) !important; padding-bottom: clamp(56px, 7vw, 100px) !important; }
.vbc-home-hero::after {
	content: ""; position: absolute; pointer-events: none; width: 514px; height: 800px; left: calc(50% + 420px); top: 0;
	background: rgba(213, 43, 30, 0.07);
	-webkit-mask: var(--vbc-star) no-repeat center / contain; mask: var(--vbc-star) no-repeat center / contain;
}
.vbc-home-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) 500px; gap: 60px; align-items: center; }
.vbc-home-grid > * { margin: 0 !important; }
.vbc-hero-card {
	position: relative; overflow: hidden; height: 600px; border-radius: 32px; background: var(--vbc-red);
	padding: 0 !important;
}
.vbc-hero-card::before {
	content: ""; position: absolute; left: 48px; top: 48px; width: 170px; height: 170px; background: #fff;
	-webkit-mask: var(--vbc-mark) no-repeat center / contain; mask: var(--vbc-mark) no-repeat center / contain;
}
.vbc-hero-card::after {
	content: ""; position: absolute; left: 320px; top: 260px; width: 270px; height: 420px; background: rgba(255, 255, 255, 0.14);
	-webkit-mask: var(--vbc-star) no-repeat center / contain; mask: var(--vbc-star) no-repeat center / contain;
}
.vbc-float {
	position: absolute; z-index: 1; display: flex; flex-direction: column; gap: 6px;
	background: #fff; border-radius: 16px; padding: 20px !important; box-shadow: 0 18px 40px rgba(20, 20, 20, 0.12);
}
.vbc-float > * { margin: 0 !important; }
.vbc-float.is-one { left: 48px; top: 300px; }
.vbc-float.is-two { left: 160px; top: 440px; }
.vbc-float-tag { font-size: 10px !important; font-weight: 600; letter-spacing: 0.14em; color: var(--vbc-red); text-transform: uppercase; line-height: 1.2; }
.vbc-float-title { font-size: 16px !important; font-weight: 600; color: var(--vbc-ink); line-height: 1.2; }
.vbc-float-meta { font-size: 13px !important; color: var(--vbc-body); line-height: 1.4; }

/* CTA panel */
.vbc-cta-panel {
	position: relative; overflow: hidden; background: var(--vbc-ink); border-radius: 32px;
	padding: clamp(40px, 4.5vw, 64px) clamp(28px, 5vw, 72px) !important; min-height: 380px;
	display: flex; flex-direction: column; gap: 24px; justify-content: center;
}
.vbc-cta-panel > * { position: relative; z-index: 1; margin: 0 !important; max-width: 660px; }
.vbc-cta-panel .vbc-lead { max-width: 600px; font-size: 17px; }
.vbc-cta-panel::before, .vbc-cta-panel::after {
	content: ""; position: absolute; pointer-events: none;
	-webkit-mask: var(--vbc-star) no-repeat center / contain; mask: var(--vbc-star) no-repeat center / contain;
}
.vbc-cta-panel::before { width: 296px; height: 460px; left: 72.5%; top: -60px; background: var(--vbc-red); }
.vbc-cta-panel::after { width: 129px; height: 200px; left: 88.3%; top: 240px; background: rgba(213, 43, 30, 0.45); }

/* --------------------------------------------------------------------------
   Testimonials
   -------------------------------------------------------------------------- */
.vbc-quote::before {
	content: ""; display: block; width: 98px; height: 18px; background: #fff;
	-webkit-mask: var(--vbc-i-star) repeat-x left center / 20px 18px; mask: var(--vbc-i-star) repeat-x left center / 20px 18px;
}
.vbc-quote.is-sm::before { width: 88px; height: 16px; background: var(--vbc-red); -webkit-mask-size: 18px 16px; mask-size: 18px 16px; }
.vbc-quote-text { font-size: clamp(19px, 1.8vw, 24px) !important; font-weight: 500; line-height: 1.42; color: #fff; }
.vbc-quote.is-sm .vbc-quote-text { font-size: 18px !important; line-height: 1.5; color: var(--vbc-ink); }
.vbc-quote-name { font-size: 15px; font-weight: 600; color: #fff; }
.vbc-quote-meta { font-size: 14px; color: var(--vbc-pink); }
.vbc-quote.is-sm .vbc-quote-name { font-size: 14px; color: var(--vbc-ink); }
.vbc-quote.is-sm .vbc-quote-meta { font-size: 13px; color: var(--vbc-body); }
.vbc-quote-author { display: flex; flex-direction: column; gap: 4px; }
.vbc-quote-author > * { margin: 0 !important; }
.vbc-placeholder-note { font-size: 13px; color: var(--vbc-body); border: 1px dashed var(--vbc-line); border-radius: 12px; padding: 12px 16px !important; background: #fff; }

/* --------------------------------------------------------------------------
   FAQ (core/details)
   -------------------------------------------------------------------------- */
.vbc-faq-list { display: flex; flex-direction: column; }
.vbc-faq-list > * { margin: 0 !important; }
.wp-block-details.vbc-faq-item { border-bottom: 1px solid var(--vbc-line); padding: 24px 0; }
.wp-block-details.vbc-faq-item summary {
	list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: flex-start; gap: 24px;
	font-size: 19px; font-weight: 600; line-height: 1.3; color: var(--vbc-ink);
}
.wp-block-details.vbc-faq-item summary::-webkit-details-marker { display: none; }
.wp-block-details.vbc-faq-item summary::after {
	content: ""; flex: 0 0 20px; width: 20px; height: 20px; margin-top: 2px; background: var(--vbc-red);
	-webkit-mask: var(--vbc-i-plus) no-repeat center / contain; mask: var(--vbc-i-plus) no-repeat center / contain;
	transition: transform .2s ease;
}
.wp-block-details.vbc-faq-item[open] summary::after { transform: rotate(45deg); }
.wp-block-details.vbc-faq-item summary:hover { color: var(--vbc-red); }
.wp-block-details.vbc-faq-item > p { margin: 12px 0 0 !important; font-size: 15px; line-height: 1.6; color: var(--vbc-body); max-width: 640px; }

/* --------------------------------------------------------------------------
   Tables
   -------------------------------------------------------------------------- */
.wp-block-table.vbc-table { margin: 0; overflow-x: auto; background: #fff; border: 1px solid var(--vbc-line); border-radius: 20px; }
.wp-block-table.vbc-table table { width: 100%; min-width: 860px; border-collapse: collapse; table-layout: auto; border: 0; }
.wp-block-table.vbc-table th, .wp-block-table.vbc-table td { border: 0; padding: 18px 28px; text-align: left; vertical-align: top; }
.wp-block-table.vbc-table thead { border: 0; }
.wp-block-table.vbc-table th { background: var(--vbc-ink); color: var(--vbc-pink); font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.4; }
.wp-block-table.vbc-table th:first-child { color: #fff; }
.wp-block-table.vbc-table td { font-size: 14px; line-height: 1.5; color: var(--vbc-body); }
.wp-block-table.vbc-table td:first-child { font-size: 15px; font-weight: 600; color: var(--vbc-ink); }
.wp-block-table.vbc-table td:nth-child(2) { color: var(--vbc-ink); font-weight: 500; }
.wp-block-table.vbc-table tbody tr:nth-child(even) td { background: var(--vbc-sand); }
.wp-block-table.vbc-table figcaption { display: none; }

/* --------------------------------------------------------------------------
   Contact page
   -------------------------------------------------------------------------- */
.vbc-detail { --vbc-pad: 0px; display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; row-gap: 4px; align-items: start; }
.vbc-detail::before { width: 44px; height: 44px; flex-basis: 44px; border-radius: 12px; grid-row: 1 / span 3; }
.vbc-detail::after { width: 20px; height: 20px; top: 12px; left: 12px; }
.vbc-detail > * { grid-column: 2; margin: 0 !important; }
.vbc-detail-label { font-size: 12px; font-weight: 600; letter-spacing: 0.12em; color: var(--vbc-red); line-height: 1.3; }
.vbc-detail-value { font-size: 15px; font-weight: 500; line-height: 1.5; color: var(--vbc-ink); }
.vbc-detail-value a { color: var(--vbc-ink); }
.vbc-callout { display: grid; grid-template-columns: 22px minmax(0, 1fr) 20px; gap: 12px; align-items: center; background: var(--vbc-ink); border-radius: 16px; padding: 20px !important; color: #fff; text-decoration: none; }
.vbc-callout::before, .vbc-callout::after { content: ""; background: #fff; }
.vbc-callout::before { width: 22px; height: 22px; -webkit-mask: var(--vbc-i-calendar) no-repeat center / contain; mask: var(--vbc-i-calendar) no-repeat center / contain; }
.vbc-callout::after { width: 20px; height: 20px; grid-column: 3; grid-row: 1 / span 2; -webkit-mask: var(--vbc-i-arrow-right) no-repeat center / contain; mask: var(--vbc-i-arrow-right) no-repeat center / contain; }
.vbc-callout > * { grid-column: 2; margin: 0 !important; }
.vbc-callout::before { grid-row: 1 / span 2; }
.vbc-callout-title { font-size: 14px; font-weight: 600; color: #fff; line-height: 1.3; }
.vbc-callout-text { font-size: 13px; color: var(--vbc-mist); line-height: 1.4; }
.vbc-callout-text a { color: #fff; }

.vbc-area { --vbc-pad: 24px; border-radius: 16px; gap: 10px; }
.vbc-area .vbc-h3 { font-size: 16px !important; line-height: 1.25 !important; padding-left: 26px; position: relative; }
.vbc-area .vbc-h3::before {
	content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: var(--vbc-red);
	-webkit-mask: var(--vbc-i-map-pin) no-repeat center / contain; mask: var(--vbc-i-map-pin) no-repeat center / contain;
}
.vbc-area .vbc-small { font-size: 13px; line-height: 1.5; }
.vbc-map { border-radius: 24px; overflow: hidden; background: var(--vbc-sand); line-height: 0; }
.vbc-map iframe { width: 100%; height: 360px; border: 0; filter: grayscale(0.2); }

/* Form */
.vbc-form-card { background: #fff; border: 1px solid var(--vbc-line); border-radius: 24px; padding: clamp(24px, 3vw, 40px); }
.vbc-form { display: flex; flex-direction: column; gap: 20px; }
.vbc-form h2 { font-size: 24px !important; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; margin: 0; color: var(--vbc-ink); }
.vbc-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.vbc-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.vbc-field label, .vbc-field .vbc-field-label { font-size: 13px; font-weight: 600; color: var(--vbc-ink); line-height: 1.2; }
.vbc-field input, .vbc-field select, .vbc-field textarea {
	width: 100%; box-sizing: border-box; font: inherit; font-size: 15px; color: var(--vbc-ink);
	background: #fff; border: 1px solid var(--vbc-line); border-radius: 10px; padding: 13px 16px; line-height: 1.3;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.vbc-field select { appearance: none; -webkit-appearance: none; padding-right: 44px; background: #fff no-repeat right 14px center / 18px 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6f76' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.vbc-field textarea { min-height: 96px; resize: vertical; line-height: 1.5; }
.vbc-field ::placeholder { color: var(--vbc-muted); }
.vbc-field input:focus, .vbc-field select:focus, .vbc-field textarea:focus { outline: none; border-color: var(--vbc-ink); box-shadow: 0 0 0 3px rgba(20, 20, 20, 0.06); }
.vbc-seg { display: inline-flex; flex-wrap: wrap; gap: 8px; background: var(--vbc-sand); border-radius: 12px; padding: 4px; border: 0; margin: 0; align-self: flex-start; }
.vbc-seg legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.vbc-seg label { position: relative; cursor: pointer; }
.vbc-seg input { position: absolute; opacity: 0; pointer-events: none; }
.vbc-seg span { display: block; padding: 10px 18px; border-radius: 9px; font-size: 14px; font-weight: 600; line-height: 1; color: var(--vbc-body); transition: background .15s ease, color .15s ease; }
.vbc-seg input:checked + span { background: #fff; color: var(--vbc-ink); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.vbc-seg input:focus-visible + span { outline: 2px solid var(--vbc-red); outline-offset: 2px; }
.vbc-consent { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; align-items: start; font-size: 13px; line-height: 1.5; color: var(--vbc-body); }
.vbc-consent input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--vbc-red); }
.vbc-consent a { color: var(--vbc-ink); }
.vbc-form-submit {
	align-self: flex-start; display: inline-flex; align-items: center; gap: 10px; cursor: pointer;
	background: var(--vbc-red); color: #fff; border: 0; border-radius: 12px; padding: 18px 28px;
	font: inherit; font-size: 16px; font-weight: 600; line-height: 1; transition: background .18s ease;
}
.vbc-form-submit::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--vbc-i-arrow-right) no-repeat center / contain; mask: var(--vbc-i-arrow-right) no-repeat center / contain; }
.vbc-form-submit:hover { background: var(--vbc-red-dark); }
.vbc-form-note { font-size: 13px; line-height: 1.5; color: var(--vbc-body); margin: 0; }
.vbc-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.vbc-alert { border-radius: 12px; padding: 14px 16px; font-size: 14px; line-height: 1.5; }
.vbc-alert.is-success { background: #eaf6ee; color: #1d5b33; border: 1px solid #c7e6d1; }
.vbc-alert.is-error { background: var(--vbc-blush); color: #8a1f16; border: 1px solid var(--vbc-pink); }

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
.vbc-header-wrap { position: sticky; top: 0; z-index: 100; margin: 0 !important; }
.admin-bar .vbc-header-wrap { top: 32px; }
@media (max-width: 782px) { .admin-bar .vbc-header-wrap { top: 46px; } }
.vbc-header {
	display: flex; align-items: center; justify-content: space-between; gap: 24px;
	background: rgba(255, 255, 255, 0.96); backdrop-filter: saturate(1.4) blur(8px);
	border-bottom: 1px solid var(--vbc-line);
	padding: 22px var(--vbc-gutter) !important; margin: 0 !important;
}
.vbc-header > * { margin: 0 !important; }
.vbc-logo { display: inline-flex; align-items: center; gap: 13px; text-decoration: none; color: var(--vbc-ink); flex: 0 0 auto; }
.vbc-logo svg { width: 44px; height: 44px; flex: 0 0 44px; display: block; }
.vbc-logo-text { display: flex; flex-direction: column; gap: 3px; }
.vbc-logo-name { font-size: 18px; line-height: 1; letter-spacing: 0.01em; font-weight: 300; white-space: nowrap; }
.vbc-logo-name b { font-weight: 700; }
.vbc-logo-sub { font-size: 8px; line-height: 1; font-weight: 500; letter-spacing: 0.22em; color: var(--vbc-body); padding-left: 1px; }
.vbc-logo.is-light { color: #fff; }
.vbc-logo.is-light .vbc-logo-sub { color: var(--vbc-pink); }

.vbc-nav { font-size: 15px; font-weight: 500; }
.vbc-nav .wp-block-navigation__container { gap: 36px !important; }
.vbc-nav .wp-block-navigation-item__content { color: var(--vbc-ink); text-decoration: none; padding: 4px 0; }
.vbc-nav .wp-block-navigation-item__content:hover,
.vbc-nav .current-menu-item > .wp-block-navigation-item__content { color: var(--vbc-red); }
.vbc-nav .wp-block-navigation__responsive-container.is-menu-open { background: #fff; padding: 24px var(--vbc-gutter); }
.vbc-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 20px !important; font-size: 22px; font-weight: 600; }
.vbc-nav .wp-block-navigation__responsive-container-open svg,
.vbc-nav .wp-block-navigation__responsive-container-close svg { width: 28px; height: 28px; }
.vbc-header .wp-block-buttons { flex: 0 0 auto; }

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
.vbc-footer { background: var(--vbc-ink); color: #fff; padding: 72px var(--vbc-gutter) 40px !important; margin: 0 !important; }
.vbc-footer > * { max-width: var(--vbc-max); margin-left: auto !important; margin-right: auto !important; }
.vbc-footer-top { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 64px; }
.vbc-footer-top > * { margin: 0 !important; }
.vbc-footer-brand { display: flex; flex-direction: column; gap: 24px; }
.vbc-footer-brand > * { margin: 0 !important; }
.vbc-footer-about { font-size: 14px; line-height: 1.6; color: var(--vbc-muted); max-width: 320px; }
.vbc-footer .wp-block-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.vbc-footer .wp-block-list li { margin: 0; font-size: 14px; line-height: 1.3; color: var(--vbc-muted); }
.vbc-footer .wp-block-list a { color: var(--vbc-muted); text-decoration: none; }
.vbc-footer .wp-block-list a:hover { color: #fff; }
.vbc-footer-contact li { position: relative; padding-left: 26px; color: #fff !important; font-weight: 500; }
.vbc-footer-contact li a { color: #fff !important; }
.vbc-footer-contact li::before { content: ""; position: absolute; left: 0; top: -1px; width: 16px; height: 16px; background: var(--vbc-pink); -webkit-mask: var(--vbc-icon) no-repeat center / contain; mask: var(--vbc-icon) no-repeat center / contain; }
.vbc-footer-cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; }
.vbc-footer-cols > * { margin: 0 !important; display: flex; flex-direction: column; gap: 18px; }
.vbc-footer-cols > * > * { margin: 0 !important; }
.vbc-footer-title { font-size: 12px !important; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--vbc-pink) !important; margin: 0; }
.vbc-footer-rule { border: 0; height: 1px; background: rgba(255, 255, 255, 0.12); margin: 48px auto 24px !important; }
.vbc-footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px 24px; flex-wrap: wrap; font-size: 13px; color: var(--vbc-muted); }
.vbc-footer-bottom > * { margin: 0 !important; }
.vbc-footer-bottom a { color: var(--vbc-muted); text-decoration: none; }
.vbc-footer-bottom a:hover { color: #fff; }
.vbc-footer-legal { display: flex; gap: 24px; flex-wrap: wrap; }

/* --------------------------------------------------------------------------
   Generic content (legal pages, posts, 404)
   -------------------------------------------------------------------------- */
.vbc-prose { max-width: 760px; margin: 0 auto; padding: var(--vbc-sec) var(--vbc-gutter); }
.vbc-prose > * + * { margin-top: 1.1em; }
.vbc-prose h1 { font-size: clamp(34px, 4vw, 48px); line-height: 1.08; letter-spacing: -0.02em; }
.vbc-prose h2 { font-size: 28px; line-height: 1.2; margin-top: 1.8em; }
.vbc-prose h3 { font-size: 20px; margin-top: 1.5em; }
.vbc-prose p, .vbc-prose li { font-size: 17px; line-height: 1.7; color: #3d4045; }
.vbc-prose a { color: var(--vbc-red); }

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 1180px) {
	.vbc-home-grid { grid-template-columns: minmax(0, 1fr) 420px; gap: 40px; }
	.vbc-hero-card { height: 540px; }
	.vbc-float.is-two { left: 90px; }
	.vbc-grid.cols-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.vbc-step-row { grid-template-columns: 64px 260px minmax(0, 1fr); }
	.vbc-split { gap: 56px; }
	.vbc-footer-top { grid-template-columns: 1fr; gap: 48px; }
}
@media (max-width: 1080px) {
	.vbc-header .vbc-nav .wp-block-navigation__container { gap: 24px !important; }
}
@media (max-width: 960px) {
	.vbc-home-grid { grid-template-columns: 1fr; }
	.vbc-hero-card { height: 480px; max-width: 520px; width: 100%; }
	.vbc-home-hero::after { display: none; }
	.vbc-grid.cols-3, .vbc-grid.cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vbc-grid.cols-2 { grid-template-columns: 1fr; }
	.vbc-split, .vbc-split.left-400, .vbc-split.left-480, .vbc-split.left-520, .vbc-split.halves { grid-template-columns: 1fr; gap: 40px; }
	.vbc-step-row { grid-template-columns: 56px minmax(0, 1fr); gap: 8px 20px; }
	.vbc-step-row > :nth-child(3) { grid-column: 2; }
	.vbc-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vbc-footer-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vbc-cta-panel::before { left: auto; right: -120px; opacity: 0.5; }
	.vbc-cta-panel::after { display: none; }
}
@media (max-width: 680px) {
	.vbc-grid.cols-3, .vbc-grid.cols-4, .vbc-grid.cols-6 { grid-template-columns: 1fr; }
	.vbc-form-row { grid-template-columns: 1fr; }
	.vbc-hero-card { height: 440px; }
	.vbc-hero-card::before { width: 120px; height: 120px; left: 28px; top: 28px; }
	.vbc-float.is-one { left: 20px; right: 20px; top: 190px; }
	.vbc-float.is-two { left: 20px; right: 20px; top: 300px; }
	.vbc-step-num { font-size: 44px !important; }
	.wp-block-buttons { flex-direction: column; align-items: stretch !important; }
	.wp-block-buttons .wp-block-button__link { justify-content: center; width: 100%; }
	.vbc-header .wp-block-buttons { display: none; }
	.vbc-header { padding-top: 16px !important; padding-bottom: 16px !important; }
	.vbc-footer-cols { grid-template-columns: 1fr 1fr; gap: 32px 24px; }
	.vbc-cta-panel { min-height: 0; }
	.vbc-cta-panel::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition: none !important; }
}

/* --------------------------------------------------------------------------
   About — leadership
   -------------------------------------------------------------------------- */
.vbc-leader { gap: 16px; }
.vbc-avatar {
	position: relative; aspect-ratio: 226 / 228; width: 100%; border-radius: 16px; background: var(--vbc-line);
}
.vbc-avatar::after {
	content: ""; position: absolute; inset: 0; margin: auto; width: 48px; height: 48px; background: var(--vbc-muted);
	-webkit-mask: var(--vbc-i-user) no-repeat center / contain; mask: var(--vbc-i-user) no-repeat center / contain;
}
.vbc-leader .wp-block-image img { border-radius: 16px; aspect-ratio: 226 / 228; object-fit: cover; width: 100%; }
.vbc-h3.is-18 { font-size: 18px !important; line-height: 1.2 !important; }
.vbc-leader-role { font-size: 13px; font-weight: 600; color: var(--vbc-red); line-height: 1.4; }
.vbc-leader-where { font-size: 13px; color: var(--vbc-body); line-height: 1.4; }
.vbc-stack.gap-4 { gap: 4px; }
.vbc-leader .vbc-stack.gap-8 { gap: 2px; }

/* Contact top */
.vbc-contact-top { padding-top: clamp(56px, 6.7vw, 96px) !important; padding-bottom: clamp(56px, 6.7vw, 96px) !important; }
.vbc-h1.is-contact { max-width: 480px; }

/* Pages built from plain blocks (no VBC sections) still get sensible spacing */
.vbc-content > :not(.vbc-section):not(.vbc-prose) {
	max-width: 760px; margin-left: auto !important; margin-right: auto !important;
	padding-left: var(--vbc-gutter); padding-right: var(--vbc-gutter); box-sizing: content-box;
}
.vbc-content > :not(.vbc-section):not(.vbc-prose):first-child { margin-top: var(--vbc-sec) !important; }
.vbc-content > :not(.vbc-section):not(.vbc-prose):last-child { margin-bottom: var(--vbc-sec) !important; }
.vbc-content > :not(.vbc-section):not(.vbc-prose) + :not(.vbc-section):not(.vbc-prose) { margin-top: 1.1em !important; }
.vbc-prose .wp-block-post-title { margin: 0 0 24px; }
.vbc-prose .wp-block-query .wp-block-post-title { font-size: 28px; margin-top: 40px; }
.vbc-prose .wp-block-post-title a { color: var(--vbc-ink); text-decoration: none; }
.vbc-prose .wp-block-buttons { margin-top: 32px; }

/* Inline red text format never shows a highlight */
mark.has-inline-color { background: transparent !important; padding: 0; }

/* Home service cards: tighter text stack like the design */
.vbc-card.vbc-service { gap: 12px; }
.vbc-card.vbc-service::before { margin-bottom: 16px; }
.vbc-card.vbc-service > .wp-block-list { margin-top: 16px !important; }
.vbc-card.vbc-service > .wp-block-buttons { padding-top: 16px; }

@media (max-width: 680px) {
	.vbc-float.is-one { top: auto; bottom: 128px; }
	.vbc-float.is-two { top: auto; bottom: 20px; }
	.wp-block-buttons .is-style-text { align-self: flex-start; }
	.wp-block-buttons .is-style-text .wp-block-button__link { width: auto; justify-content: flex-start; }
}