/**
 * MVB Design System — Precision Dark Luxury
 *
 * Inspired by hydren.pro's minimal, precision-engineering aesthetic.
 * Layers over glassmorphism.css to evolve the look toward:
 *   — Crisp bordered panels, no heavy blur
 *   — Numbered section rhythm (01 / 02 / 03)
 *   — Editorial typography with tighter tracking on large headings
 *   — Scroll-aware navigation with frosted backdrop
 *   — Data-forward stats with mono tabular numbers
 *   — Gold as a precision detail, not decoration
 *
 * @package mvb-theme
 */

/* ─────────────────────────────────────────────────────────────────────────
   1. DESIGN TOKENS
   ───────────────────────────────────────────────────────────────────────── */

:root {
	--mvb-void:           #060d1a;
	--mvb-base:           #0c1829;
	--mvb-surface:        #132234;
	--mvb-surface-raised: #1a2c44;
	--mvb-border:         rgba(180,200,240,0.08);
	--mvb-border-mid:     rgba(180,200,240,0.13);
	--mvb-gold:           #C6A75E;
	--mvb-gold-subtle:    rgba(198,167,94,0.18);
	--mvb-gold-glow:      rgba(198,167,94,0.08);
	--mvb-gold-line:      rgba(198,167,94,0.25);
	--mvb-text:           #F0F2F8;
	--mvb-muted:          #5a6a80;
	--mvb-muted-light:    #a0b3c8;
	--mvb-navy:           #111d30;
	--mvb-navy-light:     #1a2d48;
	--mvb-navy-glow:      rgba(60,100,180,0.08);
	--mvb-radius:         12px;
	--mvb-radius-sm:      8px;
	--mvb-ease:           cubic-bezier(0.4, 0, 0.2, 1);
	--mvb-ease-out:       cubic-bezier(0, 0, 0.2, 1);
}

/* ─────────────────────────────────────────────────────────────────────────
   2. GLOBAL BASE REFINEMENTS
   ───────────────────────────────────────────────────────────────────────── */

html {
	scroll-behavior: smooth;
}

/* ── GLOBAL FONT + READABILITY FIX ──
   WordPress doesn't always apply theme.json fontFace to the body element.
   Force correct families here so Inter and Playfair load from local files. */
body {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
	font-weight: 400 !important;
	font-size: 18px;
	letter-spacing: 0.01em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
	font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
}

/* All body copy: readable weight + proper contrast */
p, li, td, th, blockquote, label, input, textarea, select, button {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Dark-theme form inputs: fix native white dropdown and background */
select,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
	background-color: rgba(255,255,255,0.05) !important;
	color: rgba(245,245,240,0.85) !important;
	border: 1px solid rgba(198,167,94,0.2) !important;
	border-radius: 4px;
}

select option {
	background-color: #0e1928 !important;
	color: rgba(245,245,240,0.85) !important;
}

/* Ensure body text is always readable — high contrast on dark backgrounds */
.wp-block-paragraph,
.wp-block-list li,
.entry-content p {
	color: rgba(245,245,240,0.92) !important;
}

/* Custom scrollbar — thin gold rail */
::-webkit-scrollbar { width: 3px; height: 3px; }
::-webkit-scrollbar-track { background: #0c1829; }
::-webkit-scrollbar-thumb { background: rgba(198,167,94,0.22); }
::-webkit-scrollbar-thumb:hover { background: rgba(198,167,94,0.42); }

/* Text selection: gold tint */
::selection {
	background: rgba(198,167,94,0.18);
	color: var(--mvb-gold);
}

/* ─────────────────────────────────────────────────────────────────────────
   3. CARD SYSTEM — PREMIUM GLASSMORPHISM
   Borderless floating surfaces. Depth via ambient shadow, not outlines.
   ───────────────────────────────────────────────────────────────────────── */

/* Re-enable premium blur on all glass surfaces */
.glass-card,
.glass-card--gold,
.glass-card--elevated,
.glass-surface,
.mvb-service-card,
.mvb-trust-badge,
.mvb-testimonial-card,
[class*="is-style-glass-card"] {
	backdrop-filter: blur(24px) saturate(140%) !important;
	-webkit-backdrop-filter: blur(24px) saturate(140%) !important;
}

.glass-card {
	background: rgba(12, 22, 40, 0.70) !important;
	border: none !important;
	border-radius: var(--mvb-radius-sm) !important;
	box-shadow:
		0 0 0 1px rgba(255,255,255,0.05) inset,
		0 24px 48px rgba(0,0,0,0.4);
	transition: transform 0.4s var(--mvb-ease), box-shadow 0.4s var(--mvb-ease);
}
.glass-card:hover {
	transform: translateY(-3px);
	box-shadow:
		0 0 0 1px rgba(198,167,94,0.1) inset,
		0 36px 72px rgba(0,0,0,0.5),
		0 0 40px rgba(198,167,94,0.05);
}

.glass-card--gold {
	background: rgba(14, 24, 44, 0.72) !important;
	border: none !important;
	border-radius: var(--mvb-radius-sm) !important;
	box-shadow:
		0 0 0 1px rgba(198,167,94,0.12) inset,
		0 24px 56px rgba(0,0,0,0.45);
	transition: transform 0.4s var(--mvb-ease), box-shadow 0.4s var(--mvb-ease);
}
.glass-card--gold:hover {
	transform: translateY(-3px);
	box-shadow:
		0 0 0 1px rgba(198,167,94,0.22) inset,
		0 36px 72px rgba(0,0,0,0.5),
		0 0 50px rgba(198,167,94,0.08);
}

.glass-card--elevated {
	background: rgba(16, 26, 46, 0.74) !important;
	border: none !important;
	border-radius: var(--mvb-radius-sm) !important;
	box-shadow:
		0 0 0 1px rgba(198,167,94,0.1) inset,
		0 30px 60px rgba(0,0,0,0.5);
	transition: transform 0.4s var(--mvb-ease), box-shadow 0.4s var(--mvb-ease);
}
.glass-card--elevated:hover {
	transform: translateY(-4px);
	box-shadow:
		0 0 0 1px rgba(198,167,94,0.2) inset,
		0 40px 80px rgba(0,0,0,0.6),
		0 0 60px rgba(198,167,94,0.06);
}

.glass-surface {
	background: rgba(12, 22, 40, 0.60) !important;
	border: none !important;
	border-radius: var(--mvb-radius-sm) !important;
}

/* Block editor pattern glass styles */
.is-style-glass-card,
.is-style-glass-card > .wp-block-group {
	background: rgba(12, 22, 40, 0.70) !important;
	border: none !important;
	border-radius: var(--mvb-radius-sm) !important;
	backdrop-filter: blur(24px) saturate(140%) !important;
	-webkit-backdrop-filter: blur(24px) saturate(140%) !important;
	box-shadow:
		0 0 0 1px rgba(255,255,255,0.04) inset,
		0 24px 48px rgba(0,0,0,0.4) !important;
}

.is-style-glass-card-gold,
.is-style-glass-card-gold > .wp-block-group {
	background: rgba(14, 24, 44, 0.72) !important;
	border: none !important;
	border-radius: var(--mvb-radius-sm) !important;
	backdrop-filter: blur(24px) saturate(140%) !important;
	-webkit-backdrop-filter: blur(24px) saturate(140%) !important;
	box-shadow:
		0 0 0 1px rgba(198,167,94,0.12) inset,
		0 24px 56px rgba(0,0,0,0.45) !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   4. NAVIGATION — PRECISION HEADER
   ───────────────────────────────────────────────────────────────────────── */

/* Sticky header becomes frosted on scroll via .mvb-scrolled class added by JS */
.mvb-site-header {
	position: sticky;
	top: 0;
	z-index: 200;
	backdrop-filter: blur(10px) saturate(120%) !important;
	-webkit-backdrop-filter: blur(10px) saturate(120%) !important;
	transition:
		background 0.4s var(--mvb-ease),
		backdrop-filter 0.4s var(--mvb-ease),
		border-color 0.4s var(--mvb-ease),
		box-shadow 0.4s var(--mvb-ease);
}

body.mvb-scrolled .mvb-site-header {
	background: rgba(10,20,38,0.92) !important;
	backdrop-filter: blur(24px) !important;
	-webkit-backdrop-filter: blur(24px) !important;
	border-bottom-color: rgba(198,167,94,0.1) !important;
	box-shadow: 0 1px 0 rgba(198,167,94,0.04), 0 4px 24px rgba(0,0,0,0.4);
}

/* Nav link underline animation */
.mvb-anchor-nav a {
	font-size: 0.8125rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 500;
	color: rgba(245,245,240,0.55);
	text-decoration: none;
	position: relative;
	padding-bottom: 2px;
	transition: color 0.25s var(--mvb-ease);
}

.mvb-anchor-nav a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: var(--mvb-gold);
	transition: width 0.3s var(--mvb-ease);
}

.mvb-anchor-nav a:hover {
	color: var(--mvb-text);
}
.mvb-anchor-nav a:hover::after {
	width: 100%;
}

/* ─────────────────────────────────────────────────────────────────────────
   5. HERO — EDITORIAL TREATMENT
   ───────────────────────────────────────────────────────────────────────── */

/* Tighter heading for hero H1 */
.mvb-hero-text h1.wp-block-heading {
	letter-spacing: -0.01em;
	font-weight: 400;
}

/* Precision thin divider instead of thick separator */
.mvb-hero-text .gold-divider--center {
	width: 2.5rem !important;
	height: 1px !important;
	background: var(--mvb-gold) !important;
	border: none !important;
	opacity: 0.5;
	margin: 0 auto;
}

/* Scroll indicator line — added by JS */
.mvb-scroll-indicator {
	position: absolute;
	bottom: 2.5rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	opacity: 0;
	animation: mvb-fade-in-up 1s 1.5s var(--mvb-ease-out) forwards;
}

.mvb-scroll-indicator span {
	font-size: 0.5rem;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: rgba(245,245,240,0.28);
	font-family: 'Inter', sans-serif;
}

.mvb-scroll-indicator::after {
	content: '';
	width: 1px;
	height: 2.5rem;
	background: linear-gradient(to bottom, rgba(198,167,94,0.35), transparent);
	animation: mvb-pulse-line 2s ease-in-out infinite;
}

@keyframes mvb-fade-in-up {
	from { opacity: 0; transform: translateX(-50%) translateY(8px); }
	to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

@keyframes mvb-pulse-line {
	0%, 100% { opacity: 0.4; transform: scaleY(1); }
	50%       { opacity: 0.8; transform: scaleY(1.1); }
}

/* Hero cover: hide WP overlay — we use our own scrim + poster background on the cover */
.mvb-video-hero > .wp-block-cover__background {
	background: transparent !important;
	opacity: 0 !important;
}

/* Hero video — fills entire cover edge-to-edge */
.mvb-video-hero .mvb-hero-video {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover !important;
	z-index: 0;
}

/* Front-page hero cover — poster as own background so zero gap if video undersizes */
body.home .wp-block-cover.mvb-video-hero,
body.front-page .wp-block-cover.mvb-video-hero {
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: 100vh !important;
	background-image: url('/wp-content/uploads/mvb-watches/rolex-submariner.jpg') !important;
	background-size: cover !important;
	background-position: center !important;
}

/* Poster image fallback — also fills cover */
.mvb-video-hero .wp-block-cover__image-background {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/* ─────────────────────────────────────────────────────────────────────────
   6. GOLD DIVIDERS — PRECISION LINES
   ───────────────────────────────────────────────────────────────────────── */

.gold-divider {
	border: none !important;
	height: 1px !important;
	background: linear-gradient(90deg, var(--mvb-gold) 0%, rgba(198,167,94,0.08) 100%) !important;
	opacity: 0.4;
	margin: 0;
	max-width: 4rem;
}

.gold-divider--center {
	background: linear-gradient(90deg, transparent 0%, var(--mvb-gold) 50%, transparent 100%) !important;
	max-width: 3rem;
	margin-left: auto;
	margin-right: auto;
	opacity: 0.5;
}

/* ─────────────────────────────────────────────────────────────────────────
   7. STATS STRIP — DATA-FORWARD METRICS
   ───────────────────────────────────────────────────────────────────────── */

/* Vertical separator between stat columns */
.mvb-stagger .mvb-counter {
	position: relative;
	padding: 0 2rem;
}

.mvb-stagger .mvb-counter + .mvb-counter::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 3.5rem;
	background: var(--mvb-border);
}

/* Larger, lighter mono stat numbers */
.mvb-counter h3.wp-block-heading {
	font-size: clamp(2.75rem, 5vw, 4.5rem) !important;
	font-weight: 300 !important;
	letter-spacing: -0.04em !important;
	line-height: 1 !important;
	font-variant-numeric: tabular-nums !important;
	margin-bottom: 0.625rem;
}

/* Tighter uppercase stat labels */
.mvb-counter .wp-block-paragraph {
	font-size: 0.5rem !important;
	letter-spacing: 0.25em !important;
	color: var(--mvb-muted) !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
	margin-top: 0 !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   8. SERVICES GRID — NUMBERED PANELS
   ───────────────────────────────────────────────────────────────────────── */

.mvb-service-card {
	position: relative;
	background: rgba(12, 22, 40, 0.70) !important;
	border: none !important;
	border-radius: var(--mvb-radius-sm) !important;
	backdrop-filter: blur(24px) saturate(140%) !important;
	-webkit-backdrop-filter: blur(24px) saturate(140%) !important;
	box-shadow:
		0 0 0 1px rgba(255,255,255,0.04) inset,
		0 24px 48px rgba(0,0,0,0.4) !important;
	transition:
		transform 0.4s var(--mvb-ease),
		box-shadow 0.4s var(--mvb-ease);
	overflow: hidden;
}

/* Gold accent line on top of service cards — always visible for visual weight */
.mvb-service-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent 0%, var(--mvb-gold) 50%, transparent 100%);
	opacity: 0.45;
	transition: opacity 0.4s var(--mvb-ease);
}

.mvb-service-card:hover {
	transform: translateY(-5px);
	box-shadow:
		0 0 0 1px rgba(198,167,94,0.18) inset,
		0 36px 72px rgba(0,0,0,0.5),
		0 0 50px rgba(198,167,94,0.08) !important;
}

.mvb-service-card:hover::before {
	opacity: 1;
}

/* CSS counter for 01 / 02 / 03 numbers */
#services .wp-block-columns {
	counter-reset: service-num;
}

#services .wp-block-column {
	counter-increment: service-num;
}

#services .wp-block-column .mvb-service-card::after {
	content: '0' counter(service-num);
	position: absolute;
	bottom: -0.25rem;
	right: 0.75rem;
	font-size: clamp(5rem, 10vw, 8rem);
	font-weight: 300;
	letter-spacing: -0.04em;
	color: rgba(198,167,94,0.06);
	font-family: var(--wp--preset--font-family--heading);
	font-variant-numeric: tabular-nums;
	line-height: 0.8;
	pointer-events: none;
}

/* Service card headings: larger, more editorial */
.mvb-service-card h3.wp-block-heading {
	font-size: 1.25rem !important;
	letter-spacing: 0.08em !important;
	font-weight: 500 !important;
}

/* Services section heading: numbered eyebrow treatment */
#services > .alignfull > .wp-block-heading,
#services .wp-block-heading.has-text-align-center:first-of-type {
	font-size: clamp(1.5rem, 2.5vw, 2rem) !important;
	letter-spacing: 0.06em !important;
	font-weight: 500 !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   9. ABOUT SECTION — EDITORIAL LAYOUT
   ───────────────────────────────────────────────────────────────────────── */

/* Vertical gold line beside the bio text column */
#about .wp-block-column[style*="60%"] {
	padding-left: 2.5rem;
	border-left: 1px solid rgba(198,167,94,0.1);
}

/* Portrait images: slight desaturation for editorial feel */
.mvb-reveal-image img {
	filter: grayscale(10%) contrast(1.04);
	transition: filter 0.5s var(--mvb-ease);
}
.mvb-reveal-image:hover img {
	filter: grayscale(0%) contrast(1.0);
}

/* ─────────────────────────────────────────────────────────────────────────
   10. TYPOGRAPHY REFINEMENTS
   ───────────────────────────────────────────────────────────────────────── */

/* Large headings: slightly tighter letter-spacing for editorial weight */
h1.wp-block-heading,
h2.wp-block-heading {
	letter-spacing: -0.01em;
}

/* Eyebrow labels (gold uppercase small text) */
.has-gold-color.has-text-color[style*="letter-spacing:0.25em"],
.has-gold-color.has-text-color[style*="letter-spacing: 0.25em"] {
	opacity: 0.7;
}

/* Muted text: slightly brighter for legibility */
.has-muted-color.has-text-color {
	color: var(--mvb-muted-light) !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   11. BUTTONS — PRECISION CTA
   ───────────────────────────────────────────────────────────────────────── */

.wp-block-button__link {
	border-radius: 0 !important;
	transition:
		background 0.25s var(--mvb-ease),
		color 0.25s var(--mvb-ease),
		border-color 0.25s var(--mvb-ease),
		transform 0.2s var(--mvb-ease),
		box-shadow 0.25s var(--mvb-ease) !important;
}

.wp-block-button__link:hover {
	transform: translateY(-1px);
}

/* Primary (filled) CTA: metallic champagne gold gradient */
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: linear-gradient(135deg, #c5a059 0%, #f1e0b5 50%, #c5a059 100%) !important;
	background-size: 200% auto !important;
	color: #030303 !important;
	border: none !important;
	font-weight: 600 !important;
	transition:
		background-position 0.5s ease,
		transform 0.2s var(--mvb-ease),
		box-shadow 0.3s ease !important;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background-position: right center !important;
	box-shadow:
		0 8px 32px rgba(197,160,89,0.45),
		0 0 60px rgba(197,160,89,0.12) !important;
	transform: translateY(-2px) !important;
}

/* Outline variant: gold border */
.is-style-outline .wp-block-button__link {
	background: transparent !important;
	color: var(--mvb-gold) !important;
	border: 1px solid rgba(198,167,94,0.35) !important;
}

.is-style-outline .wp-block-button__link:hover {
	border-color: rgba(198,167,94,0.65) !important;
	background: rgba(198,167,94,0.05) !important;
	box-shadow: 0 0 20px var(--mvb-gold-glow) !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   12. WATCH CARDS / ARCHIVE — PRECISION GALLERY
   ───────────────────────────────────────────────────────────────────────── */

.mvb-watch-card {
	background: rgba(8, 8, 8, 0.8) !important;
	border: none !important;
	border-radius: 12px !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	box-shadow: 0 20px 40px rgba(0,0,0,0.4);
	transition:
		transform 0.5s var(--mvb-ease),
		box-shadow 0.5s var(--mvb-ease);
	overflow: hidden;
	cursor: pointer;
}

.mvb-watch-card:hover {
	transform: translateY(-6px);
	box-shadow:
		0 40px 80px rgba(0,0,0,0.65),
		0 0 40px rgba(198,167,94,0.07) !important;
}

.mvb-watch-img-wrap {
	position: relative;
	border-radius: 12px 12px 0 0 !important;
	overflow: hidden;
}

/* Gradient overlay fades in on hover */
.mvb-watch-img-wrap::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to top,
		rgba(0,0,0,0.72) 0%,
		rgba(0,0,0,0) 55%
	);
	opacity: 0;
	transition: opacity 0.5s ease;
	pointer-events: none;
	z-index: 2;
}

.mvb-watch-card:hover .mvb-watch-img-wrap::after {
	opacity: 1;
}

.mvb-watch-img-wrap img {
	filter: contrast(1.02) saturate(0.93);
	transition: transform 0.8s var(--mvb-ease), filter 0.5s var(--mvb-ease);
	display: block;
	width: 100%;
	will-change: transform;
}

.mvb-watch-card:hover .mvb-watch-img-wrap img {
	transform: scale(1.06);
	filter: contrast(1.04) saturate(1.02);
}

/* "View Details" hint — injected by mvb-design.js */
.mvb-view-hint {
	position: absolute;
	bottom: 1.25rem;
	left: 50%;
	transform: translateX(-50%) translateY(6px);
	opacity: 0;
	transition: opacity 0.35s ease 0.1s, transform 0.35s ease 0.1s;
	z-index: 10;
	font-size: 0.5rem;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: rgba(198,167,94,0.88);
	white-space: nowrap;
	pointer-events: none;
	font-weight: 600;
}

.mvb-watch-card:hover .mvb-view-hint {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

/* Condition bars: sharp */
.mvb-condition-fill {
	border-radius: 0 !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   13. CONSULTATION ENGINE — GLASS FORM
   ───────────────────────────────────────────────────────────────────────── */

/* Consultation form card — glassmorphic, matches the card system */
#mvb-consultation-form {
	backdrop-filter: blur(24px) saturate(140%) !important;
	-webkit-backdrop-filter: blur(24px) saturate(140%) !important;
	background: rgba(12, 22, 40, 0.78) !important;
	border: 1px solid rgba(198,167,94,0.15) !important;
	border-radius: 18px !important;
	box-shadow:
		0 0 0 1px rgba(198,167,94,0.08) inset,
		0 24px 64px rgba(0,0,0,0.5);
}

.mvb-ce-type-card {
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	background: rgba(255,255,255,0.03) !important;
	border: 1px solid rgba(255,255,255,0.07) !important;
	border-radius: 10px !important;
}

.mvb-ce-type-card.selected,
.mvb-ce-type-card:focus {
	border-color: rgba(198,167,94,0.42) !important;
	background: rgba(198,167,94,0.06) !important;
}

.mvb-ce-chip {
	border-radius: var(--mvb-radius-sm) !important;
	border: 1px solid rgba(255,255,255,0.1) !important;
	background: rgba(255,255,255,0.03) !important;
	transition: border-color 0.2s var(--mvb-ease), color 0.2s var(--mvb-ease), background 0.2s var(--mvb-ease);
}

.mvb-ce-chip.active,
.mvb-ce-chip:hover {
	border-color: rgba(198,167,94,0.4) !important;
	color: var(--mvb-gold) !important;
	background: rgba(198,167,94,0.05) !important;
}

.mvb-ce-progress-fill,
.mvb-ce-btn {
	border-radius: 0 !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   14. VAULT PORTAL — GLASS REFINED
   ───────────────────────────────────────────────────────────────────────── */

.mvb-vault-card {
	backdrop-filter: blur(24px) saturate(140%) !important;
	-webkit-backdrop-filter: blur(24px) saturate(140%) !important;
	background: rgba(8, 8, 8, 0.72) !important;
	border: none !important;
	border-radius: var(--mvb-radius-sm) !important;
	box-shadow:
		0 0 0 1px rgba(198,167,94,0.1) inset,
		0 24px 48px rgba(0,0,0,0.4);
}

/* ─────────────────────────────────────────────────────────────────────────
   15. MISC PRECISION DETAILS
   ───────────────────────────────────────────────────────────────────────── */

/* Badges: squared, no pill rounding */
.mvb-badge,
.mvb-status-badge,
.mvb-tier-badge {
	border-radius: 0 !important;
	letter-spacing: 0.1em;
	font-size: 0.8125rem !important;
	font-variant-numeric: tabular-nums;
}

/* Testimonial / trust cards */
.mvb-trust-badge,
.mvb-testimonial-card,
.swiper-slide .glass-card {
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	background: var(--mvb-surface) !important;
	border: 1px solid var(--mvb-border) !important;
	border-radius: var(--mvb-radius-sm) !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   16. ENTRY ANIMATIONS — ON-SCROLL REVEAL
   ───────────────────────────────────────────────────────────────────────── */

/* Items get .mvb-in-view class added by IntersectionObserver */
.mvb-animate {
	opacity: 0;
	transform: translateY(20px);
	transition:
		opacity 0.7s var(--mvb-ease-out),
		transform 0.7s var(--mvb-ease-out);
}

.mvb-animate.mvb-in-view {
	opacity: 1;
	transform: translateY(0);
}

/* Stagger children in a group */
.mvb-stagger .mvb-animate:nth-child(1) { transition-delay: 0s; }
.mvb-stagger .mvb-animate:nth-child(2) { transition-delay: 0.1s; }
.mvb-stagger .mvb-animate:nth-child(3) { transition-delay: 0.2s; }
.mvb-stagger .mvb-animate:nth-child(4) { transition-delay: 0.3s; }

/* Counter animation: counts up from 0 on reveal */
.mvb-counter {
	opacity: 0;
	transform: translateY(16px);
	transition:
		opacity 0.65s var(--mvb-ease-out),
		transform 0.65s var(--mvb-ease-out);
}

.mvb-counter.mvb-in-view {
	opacity: 1;
	transform: translateY(0);
}

.mvb-counter:nth-child(1) { transition-delay: 0s; }
.mvb-counter:nth-child(2) { transition-delay: 0.08s; }
.mvb-counter:nth-child(3) { transition-delay: 0.16s; }
.mvb-counter:nth-child(4) { transition-delay: 0.24s; }

/* ─────────────────────────────────────────────────────────────────────────
   17. RESPONSIVE
   ───────────────────────────────────────────────────────────────────────── */

@media (max-width: 781px) {
	#about .wp-block-column[style*="60%"] {
		padding-left: 0;
		border-left: none;
		border-top: 1px solid rgba(198,167,94,0.1);
		padding-top: 2rem;
		margin-top: 2rem;
	}

	.mvb-stagger .mvb-counter + .mvb-counter::before {
		display: none;
	}

	.mvb-stagger .mvb-counter {
		padding: 0 0.5rem;
	}

	#services .wp-block-column .mvb-service-card::after {
		display: none;
	}
}

/* ─────────────────────────────────────────────────────────────────────────
   18. SMS OPT-IN WIDGET
   ───────────────────────────────────────────────────────────────────────── */

.mvb-sms-widget {
	position: fixed;
	bottom: 1.75rem;
	right: 1.75rem;
	z-index: 80;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.625rem;
}

/* Toggle button */
.mvb-sms-widget__toggle {
	width: 48px;
	height: 48px;
	border-radius: 0;
	background: var(--mvb-gold);
	color: var(--mvb-void);
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 24px rgba(0,0,0,0.5);
	transition: background 0.25s var(--mvb-ease), transform 0.2s var(--mvb-ease);
	flex-shrink: 0;
}

.mvb-sms-widget__toggle:hover {
	background: #D4B96E;
	transform: translateY(-1px);
}

.mvb-sms-widget.is-open .mvb-sms-widget__toggle {
	background: var(--mvb-surface-raised);
	color: var(--mvb-gold);
	border: 1px solid var(--mvb-gold-subtle);
}

/* Panel */
.mvb-sms-widget__panel {
	background: var(--mvb-surface);
	border: 1px solid var(--mvb-border-mid);
	padding: 1.5rem 1.375rem 1.25rem;
	width: 260px;
	position: relative;
	box-shadow: 0 16px 48px rgba(0,0,0,0.55);
	animation: mvb-sms-in 0.22s var(--mvb-ease-out);
}

@keyframes mvb-sms-in {
	from { opacity: 0; transform: translateY(8px) scale(0.98); }
	to   { opacity: 1; transform: translateY(0) scale(1); }
}

.mvb-sms-widget__close {
	position: absolute;
	top: 0.625rem;
	right: 0.75rem;
	background: none;
	border: none;
	color: var(--mvb-muted-light);
	font-size: 1rem;
	cursor: pointer;
	line-height: 1;
	padding: 0.25rem;
	transition: color 0.2s var(--mvb-ease);
}

.mvb-sms-widget__close:hover {
	color: var(--mvb-text);
}

.mvb-sms-widget__eyebrow {
	font-size: 0.5rem !important;
	letter-spacing: 0.28em !important;
	text-transform: uppercase !important;
	color: var(--mvb-gold) !important;
	font-weight: 600 !important;
	margin: 0 0 0.5rem !important;
	opacity: 0.75;
}

.mvb-sms-widget__headline {
	font-size: 0.9375rem !important;
	line-height: 1.5 !important;
	color: var(--mvb-text) !important;
	font-weight: 500 !important;
	margin: 0 0 1.125rem !important;
}

/* Input row */
.mvb-sms-widget__field {
	display: flex;
	align-items: center;
	border: 1px solid var(--mvb-border-mid);
	background: var(--mvb-surface-raised);
	margin-bottom: 0.625rem;
	transition: border-color 0.2s var(--mvb-ease);
}

.mvb-sms-widget__field:focus-within {
	border-color: rgba(198,167,94,0.45);
}

.mvb-sms-widget__prefix {
	padding: 0 0.625rem;
	font-size: 0.8125rem;
	color: var(--mvb-muted-light);
	border-right: 1px solid var(--mvb-border);
	user-select: none;
	white-space: nowrap;
}

.mvb-sms-widget__input {
	flex: 1;
	background: transparent;
	border: none;
	outline: none;
	color: var(--mvb-text);
	font-size: 0.875rem;
	padding: 0.625rem 0.625rem;
	min-width: 0;
	transition: border-color 0.2s var(--mvb-ease);
}

.mvb-sms-widget__input::placeholder {
	color: var(--mvb-muted);
}

/* Submit */
.mvb-sms-widget__submit {
	width: 100%;
	background: var(--mvb-gold);
	color: var(--mvb-void);
	border: none;
	padding: 0.75rem 1rem;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s var(--mvb-ease), transform 0.15s var(--mvb-ease);
	border-radius: 0;
}

.mvb-sms-widget__submit:hover:not(:disabled) {
	background: #D4B96E;
	transform: translateY(-1px);
}

.mvb-sms-widget__submit:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Fine print */
.mvb-sms-widget__note {
	font-size: 0.5rem !important;
	color: var(--mvb-muted) !important;
	letter-spacing: 0.06em !important;
	margin: 0.625rem 0 0 !important;
	text-align: center !important;
}

/* Success state */
.mvb-sms-widget__success {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 0;
	color: var(--mvb-gold);
	font-size: 0.875rem;
	font-weight: 500;
}

/* Remove old FAB styles (safety override) */
.mvb-fab { display: none !important; }

/* ─────────────────────────────────────────────────────────────────────────
   19. GRAIN NOISE TEXTURE — HIGH-END PAPER FEEL
   ───────────────────────────────────────────────────────────────────────── */

body::before {
	content: '';
	position: fixed;
	inset: 0;
	z-index: 9990;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");
	background-size: 200px 200px;
	background-repeat: repeat;
	opacity: 0.028;
	mix-blend-mode: screen;
}

/* ─────────────────────────────────────────────────────────────────────────
   20. LUXURY SECTION SPACING — LET IT BREATHE
   ───────────────────────────────────────────────────────────────────────── */

#services,
#about,
#trust,
#newsletter,
#contact,
#faq {
	padding-top: clamp(2.5rem, 5vw, 4rem) !important;
	padding-bottom: clamp(2.5rem, 5vw, 4rem) !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   21. PLAYFAIR DISPLAY — EDITORIAL HEADINGS
   Playfair Display is self-hosted via theme.json fontFace declarations.
   var(--wp--preset--font-family--heading) resolves to it automatically.
   ───────────────────────────────────────────────────────────────────────── */

/* Hero H1 — bold Playfair, tighter tracking */
.mvb-hero-text h1.wp-block-heading,
.wp-block-cover h1.wp-block-heading {
	font-family: var(--wp--preset--font-family--heading) !important;
	font-weight: 500 !important;
	font-style: normal;
	letter-spacing: -0.02em !important;
}

/* Section H2 — medium-weight italic Playfair */
#services h2.wp-block-heading,
#about h2.wp-block-heading {
	font-family: var(--wp--preset--font-family--heading) !important;
	font-weight: 500 !important;
	font-style: italic;
	letter-spacing: -0.01em !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   22. HERO BLEED — CINEMATIC SECTION OVERLAP
   The hero fades into the section below, breaking the rectangular boundary.
   ───────────────────────────────────────────────────────────────────────── */

.wp-block-cover.mvb-video-hero,
#hero.wp-block-cover {
	position: relative;
	overflow: hidden;
}

/* ─────────────────────────────────────────────────────────────────────────
   23. DEPTH & AMBIENT SHADOW ENHANCEMENTS
   ───────────────────────────────────────────────────────────────────────── */

/* Single watch pages — product image pops cinematically */
.mvb-product-image-wrap img {
	box-shadow:
		0 32px 64px rgba(0,0,0,0.55),
		0 0 0 1px rgba(255,255,255,0.03);
	transition: box-shadow 0.5s ease, transform 0.5s ease;
}

/* Testimonials and trust badge cards — consistent glassmorphism */
.mvb-trust-badge,
.mvb-testimonial-card,
.swiper-slide .glass-card {
	backdrop-filter: blur(24px) saturate(140%) !important;
	-webkit-backdrop-filter: blur(24px) saturate(140%) !important;
	background: rgba(12, 22, 40, 0.70) !important;
	border: none !important;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.04) inset, 0 20px 48px rgba(0,0,0,0.4) !important;
}

/* Parallax layers get GPU hint from JS */
.mvb-parallax-layer {
	will-change: transform;
}

/* ─────────────────────────────────────────────────────────────────────────
   24. RESPONSIVE — LUXURY AT ALL SIZES
   ───────────────────────────────────────────────────────────────────────── */

@media (max-width: 781px) {
	#services,
	#about,
	#trust,
	#newsletter,
	#contact,
	#faq {
		padding-top: clamp(2rem, 4vw, 3rem) !important;
		padding-bottom: clamp(2rem, 4vw, 3rem) !important;
	}

	.mvb-view-hint {
		display: none; /* Touch devices don't need the hover hint */
	}
}

/* ─────────────────────────────────────────────────────────────────────────
   25. EDITORIAL FEATURED TIMEPIECES — ASYMMETRIC LUXURY GRID
   Asymmetric column widths + portrait first image + staggered vertical
   offsets create a Vogue magazine spread rather than a plain grid.
   ───────────────────────────────────────────────────────────────────────── */

/* Radial ambient light leaks — subtle gold glow behind the watches */
.mvb-featured-section {
	position: relative;
	overflow: hidden;
}

.mvb-featured-section::before {
	content: '';
	position: absolute;
	top: -5%;
	left: -8%;
	width: 60%;
	height: 70%;
	background: radial-gradient(
		ellipse at 20% 25%,
		rgba(198,167,94,0.055) 0%,
		transparent 62%
	);
	pointer-events: none;
	z-index: 0;
}

.mvb-featured-section::after {
	content: '';
	position: absolute;
	bottom: 5%;
	right: -5%;
	width: 50%;
	height: 55%;
	background: radial-gradient(
		ellipse at 80% 75%,
		rgba(198,167,94,0.04) 0%,
		transparent 60%
	);
	pointer-events: none;
	z-index: 0;
}

/* Keep all content above the light-leak pseudo-elements */
.mvb-featured-section > * {
	position: relative;
	z-index: 1;
}

/* Section heading: italic Playfair for editorial gravitas */
.mvb-featured-section h2.wp-block-heading {
	font-family: var(--wp--preset--font-family--heading) !important;
	font-style: italic !important;
	font-weight: 500 !important;
	letter-spacing: -0.02em !important;
}

/* Eyebrow label: extra-wide tracking */
.mvb-featured-section .has-gold-color.has-text-color {
	letter-spacing: 0.32em !important;
	opacity: 0.65;
}

/* Asymmetric column proportions: first column ~60% wider than peers */
.mvb-featured-section .wp-block-post-template {
	grid-template-columns: 1.6fr 1fr 1fr !important;
}

/* First item: portrait (tall) image for editorial anchor weight */
.mvb-featured-section .wp-block-post-template > li:first-child .wp-block-post-featured-image,
.mvb-featured-section .wp-block-post-template > li:first-child .wp-block-post-featured-image img,
.mvb-featured-section .wp-block-post-template > li:first-child .wp-block-post-featured-image a {
	aspect-ratio: 3 / 4 !important;
	object-fit: cover !important;
}

/* Second item: step down for rhythmic stagger */
.mvb-featured-section .wp-block-post-template > li:nth-child(2) {
	margin-top: 3.5rem;
}

/* Third item: half-step for a cascade feel */
.mvb-featured-section .wp-block-post-template > li:nth-child(3) {
	margin-top: 1.75rem;
}

/* Watch image floating shadows — every card image pops off the background */
.mvb-featured-section .wp-block-post-featured-image img {
	box-shadow: 0 30px 60px rgba(0,0,0,0.5);
	transition: box-shadow 0.5s ease, transform 0.5s ease;
}

.mvb-featured-section .glass-card:hover .wp-block-post-featured-image img {
	box-shadow: 0 40px 80px rgba(0,0,0,0.65), 0 0 40px rgba(198,167,94,0.08);
}

/* ── Mobile: single column, no offsets, landscape first image ── */
@media (max-width: 781px) {
	.mvb-featured-section .wp-block-post-template {
		grid-template-columns: 1fr !important;
	}

	.mvb-featured-section .wp-block-post-template > li:nth-child(2),
	.mvb-featured-section .wp-block-post-template > li:nth-child(3) {
		margin-top: 0;
	}

	.mvb-featured-section .wp-block-post-template > li:first-child .wp-block-post-featured-image,
	.mvb-featured-section .wp-block-post-template > li:first-child .wp-block-post-featured-image img,
	.mvb-featured-section .wp-block-post-template > li:first-child .wp-block-post-featured-image a {
		aspect-ratio: 4 / 3 !important;
	}
}

/* ─────────────────────────────────────────────────────────────────────────
   26. EDITORIAL HOME — SINGLE DARK CANVAS + RADIAL ATMOSPHERE
   One continuous #050505 surface. Gold and grey radial glows replace
   hard background colour changes between sections.
   ───────────────────────────────────────────────────────────────────────── */

/* Full-page cinematic background — hero poster as parallax canvas */
body.home main.wp-block-group,
body.front-page main.wp-block-group {
	background-image:
		radial-gradient(ellipse at 50% 0%, rgba(100,140,210,0.06) 0%, rgba(12,24,41,0.55) 40%, rgba(12,24,41,0.80) 100%),
		url('/wp-content/uploads/mvb-watches/rolex-submariner.jpg') !important;
	background-size: cover !important;
	background-position: center top !important;
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
	background-color: #0c1829 !important;
}

/* Disable fixed attachment on mobile — iOS Safari perf fix */
@media (max-width: 768px) {
	body.home main.wp-block-group,
	body.front-page main.wp-block-group {
		background-attachment: scroll !important;
	}
}

/* All top-level sections — semi-transparent so the poster peeks through */
body.home main.wp-block-group > .wp-block-group,
body.home main.wp-block-group > .wp-block-group.has-black-background-color,
body.home main.wp-block-group > .wp-block-group.has-charcoal-background-color,
body.home main.wp-block-group > .wp-block-group.has-dark-gray-background-color,
body.front-page main.wp-block-group > .wp-block-group,
body.front-page main.wp-block-group > .wp-block-group.has-black-background-color,
body.front-page main.wp-block-group > .wp-block-group.has-charcoal-background-color,
body.front-page main.wp-block-group > .wp-block-group.has-dark-gray-background-color {
	background-color: rgba(10,20,38,0.72) !important;
	background-image: none !important;
}

/* Remove the hard gold shimmer rule between sections */
body.home main.wp-block-group > .wp-block-group + .wp-block-group::before,
body.front-page main.wp-block-group > .wp-block-group + .wp-block-group::before {
	display: none !important;
}

/* Sections need stacking context for their glow pseudo-elements */
#collection, #services, #about, #trust, #faq, #newsletter, #contact {
	position: relative;
	isolation: isolate;
}

/* Collection — blue-gold glow top-right */
#collection::before {
	content: '';
	position: absolute;
	top: -10%;
	right: -15%;
	width: 65%;
	height: 90%;
	background: radial-gradient(ellipse at 70% 20%, rgba(60,100,180,0.12) 0%, rgba(198,167,94,0.05) 40%, transparent 65%);
	pointer-events: none;
	z-index: -1;
}

/* Services — blue glow left */
#services::before {
	content: '';
	position: absolute;
	top: 5%;
	left: -10%;
	width: 60%;
	height: 90%;
	background: radial-gradient(ellipse at 15% 40%, rgba(50,90,170,0.10) 0%, rgba(198,167,94,0.06) 40%, transparent 68%);
	pointer-events: none;
	z-index: -1;
}

/* About — gold glow bottom-right */
#about::after {
	content: '';
	position: absolute;
	bottom: -8%;
	right: -8%;
	width: 55%;
	height: 80%;
	background: radial-gradient(ellipse at 80% 70%, rgba(198,167,94,0.10) 0%, rgba(50,80,150,0.06) 45%, transparent 62%);
	pointer-events: none;
	z-index: -1;
}

/* Trust — centred blue-gold glow */
#trust::before {
	content: '';
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	height: 80%;
	background: radial-gradient(ellipse at 50% 50%, rgba(60,100,180,0.10) 0%, rgba(198,167,94,0.05) 45%, transparent 68%);
	pointer-events: none;
	z-index: -1;
}

/* Contact — blue glow top-left */
#contact::before {
	content: '';
	position: absolute;
	top: -5%;
	left: -10%;
	width: 60%;
	height: 70%;
	background: radial-gradient(ellipse at 20% 30%, rgba(50,90,170,0.12) 0%, rgba(198,167,94,0.05) 40%, transparent 65%);
	pointer-events: none;
	z-index: -1;
}

/* ─────────────────────────────────────────────────────────────────────────
   27. FLOATING WATCH IMAGERY — CAROUSEL
   Transparent-style treatment: no card box, drop shadows for depth,
   floating @keyframes, images overlap the section below.
   ───────────────────────────────────────────────────────────────────────── */

/* Carousel card wrapper — transparent shell, glass applied in section 32 */
.mvb-carousel__card {
	background: transparent;
	border: none;
	box-shadow: none;
}

/* Info strip base — overridden by section 32 glass rule */
.mvb-carousel__info {
	background: transparent;
}

/* Cinematic drop-shadow replaces box-shadow */
.mvb-carousel__img img {
	filter: drop-shadow(0 24px 48px rgba(0,0,0,0.72)) drop-shadow(0 0 24px rgba(198,167,94,0.07));
	transition: filter 0.6s ease;
	will-change: transform;
}

.mvb-carousel__card:hover .mvb-carousel__img img {
	filter: drop-shadow(0 36px 72px rgba(0,0,0,0.85)) drop-shadow(0 0 48px rgba(198,167,94,0.14));
}

/* Floating keyframes on the image wrapper */
@keyframes mvb-float {
	0%,  100% { transform: translateY(0)    rotate(0deg); }
	33%        { transform: translateY(-10px) rotate(0.25deg); }
	66%        { transform: translateY(-5px)  rotate(-0.2deg); }
}

.mvb-carousel__img {
	animation: mvb-float 6s ease-in-out infinite;
}

/* Stagger float timing so slides don't bob in sync */
.mvb-carousel__slide:nth-child(2) .mvb-carousel__img { animation-delay: -1.5s; }
.mvb-carousel__slide:nth-child(3) .mvb-carousel__img { animation-delay: -3s;   }
.mvb-carousel__slide:nth-child(4) .mvb-carousel__img { animation-delay: -4.5s; }
.mvb-carousel__slide:nth-child(5) .mvb-carousel__img { animation-delay: -2s;   }

/* Carousel overlaps the services section below for 3-D depth */
#collection {
	padding-bottom: 60px !important;
	margin-bottom: -40px;
	z-index: 2;
}

#services {
	padding-top: calc(clamp(2.5rem, 5vw, 4rem) + 40px) !important;
	z-index: 1;
}

/* Pause float on hover so users can inspect the watch */
.mvb-carousel__card:hover .mvb-carousel__img {
	animation-play-state: paused;
}

/* ─────────────────────────────────────────────────────────────────────────
   28. TYPOGRAPHY HIERARCHY — HIGH FASHION SCALE
   Hero twice the size. -0.05em tracking on headers.
   0.2em tracking on sub-labels.
   ───────────────────────────────────────────────────────────────────────── */

/* Hero H1 — cinematic, editorial scale */
.mvb-hero-text h1.wp-block-heading,
.wp-block-cover h1.wp-block-heading {
	font-size: clamp(3.5rem, 9vw, 9rem) !important;
	letter-spacing: -0.05em !important;
	line-height: 0.92 !important;
	font-weight: 600 !important;
}

/* Section H2 — tight editorial tracking */
h2.wp-block-heading {
	letter-spacing: -0.04em;
}

/* Sub-labels / eyebrow text — wide fashion tracking */
.has-gold-color.has-text-color[style*="letter-spacing"],
.mvb-eyebrow,
.mvb-ce-eyebrow,
.mvb-carousel__brand {
	letter-spacing: 0.2em !important;
	text-transform: uppercase;
}

/* ─────────────────────────────────────────────────────────────────────────
   29. ASYMMETRIC TRUST — EDITORIAL FLOW (NO CARDS)
   Four alternating left/right rows. Massive numbers. No boxes.
   ───────────────────────────────────────────────────────────────────────── */

.mvb-editorial-trust {
	max-width: 1200px;
	margin: 0 auto;
	padding: clamp(2.5rem, 5vw, 4rem) var(--wp--preset--spacing--40, 2rem);
}

.mvb-editorial-trust__header {
	text-align: center;
	margin-bottom: clamp(1.25rem, 2.5vw, 2rem);
}

.mvb-editorial-trust__header .mvb-eyebrow {
	display: block;
	font-size: 0.8125rem;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: var(--mvb-gold);
	margin-bottom: 1.25rem;
	opacity: 0.85;
}

.mvb-editorial-trust__header h2 {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.5rem, 5vw, 4.5rem);
	font-weight: 400;
	font-style: italic;
	letter-spacing: -0.04em;
	color: #F5F5F0;
	margin: 0;
	line-height: 1.1;
}

/* Each trust row */
.mvb-trust-item {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(3rem, 5vw, 6rem);
	align-items: center;
	padding: clamp(4rem, 7vw, 7rem) 0;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	opacity: 0;
	transform: translateY(32px) scale(0.97);
	transition:
		opacity 0.9s var(--mvb-ease-out),
		transform 0.9s var(--mvb-ease-out);
}

.mvb-trust-item.mvb-in-view {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.mvb-trust-item:last-child {
	border-bottom: none;
}

/* Right-aligned items — stat and text switch sides */
.mvb-trust-item--right {
	direction: rtl;
}
.mvb-trust-item--right > * {
	direction: ltr;
}

/* Giant ambient number */
.mvb-trust-item__stat {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(5rem, 10vw, 10rem);
	font-weight: 300;
	letter-spacing: -0.05em;
	line-height: 0.85;
	color: rgba(198,167,94,0.38);
	user-select: none;
}

/* Text side */
.mvb-trust-item__text h3 {
	font-size: clamp(1.5rem, 2.8vw, 2.25rem);
	font-weight: 400;
	letter-spacing: -0.03em;
	color: #F5F5F0;
	margin: 0 0 1.25rem;
	font-family: var(--wp--preset--font-family--heading);
	font-style: italic;
}

.mvb-trust-item__text p {
	font-size: 1rem;
	line-height: 1.85;
	color: rgba(245,245,240,0.68);
	margin: 0;
	max-width: 400px;
}

.mvb-trust-item--right .mvb-trust-item__text p {
	max-width: 400px;
	margin-left: auto;
}

@media (max-width: 781px) {
	.mvb-trust-item {
		grid-template-columns: 1fr;
		gap: 1.75rem;
		padding: clamp(3rem, 8vw, 4rem) 0;
	}
	.mvb-trust-item--right {
		direction: ltr;
	}
	.mvb-trust-item--right .mvb-trust-item__text p {
		margin-left: 0;
	}
	.mvb-trust-item__stat {
		font-size: clamp(4rem, 14vw, 7rem);
	}
}

/* ─────────────────────────────────────────────────────────────────────────
   30. TESTIMONIALS — TIGHT 3-COLUMN GLASS GRID
   Three cards side by side with consistent glass treatment.
   ───────────────────────────────────────────────────────────────────────── */

.mvb-editorial-testimonials {
	max-width: 1340px;
	margin: 0 auto;
	padding: clamp(2.5rem, 5vw, 4rem) var(--wp--preset--spacing--40, 2rem);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
	align-items: start;
}

/* Header spans full width */
.mvb-editorial-testimonials__header {
	grid-column: 1 / -1;
	margin-bottom: clamp(1rem, 2vw, 2rem);
	text-align: center;
}

.mvb-editorial-testimonials__header .mvb-eyebrow {
	display: inline-block;
	font-size: 0.8125rem;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: var(--mvb-gold);
	margin-bottom: 1.25rem;
	opacity: 0.85;
}

.mvb-editorial-testimonials__header h2 {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.5rem, 5vw, 4.5rem);
	font-weight: 400;
	font-style: italic;
	letter-spacing: -0.04em;
	color: #F5F5F0;
	margin: 0;
	line-height: 1.1;
}

/* Individual quote card */
.mvb-quote {
	max-width: none;
	padding: 0;
	border-bottom: none;
	opacity: 0;
	transform: translateY(32px) scale(0.97);
	transition:
		opacity 0.9s var(--mvb-ease-out),
		transform 0.9s var(--mvb-ease-out);
	display: flex;
	flex-direction: column;
	height: 100%;
}

.mvb-quote.mvb-in-view {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.mvb-quote:last-child {
	border-bottom: none;
}

/* All quotes same alignment — no stagger */
.mvb-quote,
.mvb-quote:nth-child(even) {
	margin-left: 0;
	text-align: left;
}

/* Stagger entrance timing */
.mvb-quote:nth-child(2) { transition-delay: 0.1s; }
.mvb-quote:nth-child(3) { transition-delay: 0.2s; }
.mvb-quote:nth-child(4) { transition-delay: 0.3s; }

.mvb-quote__mark {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 3.5rem;
	line-height: 0.6;
	color: rgba(198,167,94,0.45);
	margin-bottom: 1.25rem;
	display: block;
}

.mvb-quote__text {
	font-size: clamp(0.9375rem, 1.4vw, 1.1rem);
	font-style: italic;
	font-weight: 300;
	line-height: 1.8;
	color: rgba(245,245,240,0.72);
	margin: 0 0 1.25rem;
	flex: 1;
}

.mvb-quote__attr {
	font-size: 0.8125rem;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(198,167,94,0.78);
	margin-top: auto;
}

@media (max-width: 860px) {
	.mvb-editorial-testimonials {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	.mvb-quote,
	.mvb-quote:nth-child(even) {
		max-width: 100%;
		margin-left: 0;
		text-align: left;
	}
}

/* ─────────────────────────────────────────────────────────────────────────
   31. SCROLL REVEAL — GROW INTO PLACE
   Elements don't just slide up — they gently scale from 97% to 100%
   creating a "breathing into existence" effect.
   ───────────────────────────────────────────────────────────────────────── */

/* Override section 16 — add scale to the reveal */
.mvb-animate {
	opacity: 0;
	transform: translateY(24px) scale(0.97);
	transition:
		opacity 0.85s var(--mvb-ease-out),
		transform 0.85s var(--mvb-ease-out);
}

.mvb-animate.mvb-in-view {
	opacity: 1;
	transform: translateY(0) scale(1);
}

/* Stagger delays — slightly longer spacing for editorial feel */
.mvb-stagger .mvb-animate:nth-child(1) { transition-delay: 0s;     }
.mvb-stagger .mvb-animate:nth-child(2) { transition-delay: 0.12s;  }
.mvb-stagger .mvb-animate:nth-child(3) { transition-delay: 0.24s;  }
.mvb-stagger .mvb-animate:nth-child(4) { transition-delay: 0.36s;  }

/* ─────────────────────────────────────────────────────────────────────────
   32. GLASS DYNAMIC — FROSTED PANELS, SHIMMER, LIVING SURFACE
   Glassmorphism applied to trust rows, quote blocks, carousel info strip.
   Shimmer sweep on hover. Ambient drifting orb behind the canvas.
   ───────────────────────────────────────────────────────────────────────── */

/* Shimmer sweep — single light-ray passes across glass panels on hover */
@keyframes mvb-glass-sweep {
	0%   { transform: translateX(-130%) skewX(-18deg); opacity: 0;   }
	15%  { opacity: 1; }
	85%  { opacity: 1; }
	100% { transform: translateX(230%)  skewX(-18deg); opacity: 0;   }
}

/* Ambient glass orb — drifts behind the home canvas, fixed in viewport */
@keyframes mvb-orb-drift {
	0%,  100% { transform: translateY(0)    scale(1);    }
	40%        { transform: translateY(-55px) scale(1.06); }
	70%        { transform: translateY(22px)  scale(0.96); }
}

body.home::after,
body.front-page::after {
	content: '';
	position: fixed;
	top: 15vh;
	right: -8vw;
	width: min(60vw, 680px);
	height: min(60vw, 680px);
	background: radial-gradient(circle at 38% 35%,
		rgba(70,110,190,0.08) 0%,
		rgba(198,167,94,0.04) 38%,
		transparent 68%);
	border-radius: 50%;
	border: 1px solid rgba(80,120,200,0.06);
	pointer-events: none;
	z-index: 0;
	animation: mvb-orb-drift 20s ease-in-out infinite;
}

/* Second, smaller orb — bottom-left */
body.home::before,
body.front-page::before {
	content: '';
	position: fixed;
	bottom: 10vh;
	left: -6vw;
	width: min(42vw, 480px);
	height: min(42vw, 480px);
	background: radial-gradient(circle at 60% 60%,
		rgba(198,167,94,0.06) 0%,
		rgba(60,90,160,0.04) 40%,
		transparent 68%);
	border-radius: 50%;
	border: 1px solid rgba(198,167,94,0.04);
	pointer-events: none;
	z-index: 0;
	animation: mvb-orb-drift 27s ease-in-out infinite reverse;
}

/* ── TRUST ITEMS — Frosted glass panels ── */
.mvb-trust-item {
	background: rgba(20,35,60,0.55) !important;
	backdrop-filter: blur(22px) saturate(135%);
	-webkit-backdrop-filter: blur(22px) saturate(135%);
	border: 1px solid rgba(198,167,94,0.12) !important;
	border-radius: 20px;
	padding: clamp(2rem, 3vw, 3rem) clamp(1.5rem, 3vw, 3.5rem) !important;
	box-shadow:
		0 12px 48px rgba(0,0,0,0.5),
		inset 0 1px 0 rgba(255,255,255,0.06),
		inset 0 -1px 0 rgba(198,167,94,0.04);
	position: relative;
	overflow: hidden;
	margin-bottom: 0.625rem;
	transition:
		border-color 0.4s ease,
		box-shadow   0.4s ease,
		opacity      0.9s var(--mvb-ease-out),
		transform    0.9s var(--mvb-ease-out) !important;
}

/* Shimmer highlight layer */
.mvb-trust-item::after {
	content: '';
	position: absolute;
	inset: 0;
	width: 50%;
	background: linear-gradient(90deg,
		transparent 0%,
		rgba(255,255,255,0.032) 50%,
		transparent 100%);
	transform: translateX(-130%) skewX(-18deg);
	pointer-events: none;
	border-radius: inherit;
}

.mvb-trust-item:hover {
	border-color: rgba(198,167,94,0.28) !important;
	box-shadow:
		0 20px 70px rgba(0,0,0,0.6),
		0 0 40px rgba(198,167,94,0.08),
		inset 0 1px 0 rgba(255,255,255,0.09),
		inset 0 -1px 0 rgba(198,167,94,0.06);
}

.mvb-trust-item:hover::after {
	animation: mvb-glass-sweep 0.85s ease forwards;
}

/* Remove the old flat border-bottom from last item (card border replaces it) */
.mvb-trust-item:last-child {
	border-bottom: 1px solid rgba(198,167,94,0.12) !important;
	margin-bottom: 0;
}

/* ── QUOTE BLOCKS — Glass cards with gold top accent ── */
.mvb-quote {
	background: rgba(18,32,55,0.50) !important;
	backdrop-filter: blur(24px) saturate(130%);
	-webkit-backdrop-filter: blur(24px) saturate(130%);
	border: 1px solid rgba(198,167,94,0.10) !important;
	border-top: 2px solid rgba(198,167,94,0.45) !important;
	border-radius: 0 0 16px 16px !important;
	padding: clamp(1.75rem, 2.5vw, 2.5rem) clamp(1.5rem, 2.5vw, 2.5rem) !important;
	box-shadow:
		0 10px 45px rgba(0,0,0,0.45),
		inset 0 1px 0 rgba(255,255,255,0.05);
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
	transition:
		border-color 0.4s ease,
		box-shadow   0.4s ease,
		opacity      0.9s var(--mvb-ease-out),
		transform    0.9s var(--mvb-ease-out) !important;
}

/* All quotes: consistent treatment (no alternating) */
.mvb-quote:nth-child(even) {
	border-top: 2px solid rgba(198,167,94,0.45) !important;
	border-left: 1px solid rgba(198,167,94,0.10) !important;
	border-right: 1px solid rgba(198,167,94,0.10) !important;
	border-radius: 0 0 16px 16px !important;
}

/* Shimmer layer */
.mvb-quote::after {
	content: '';
	position: absolute;
	inset: 0;
	width: 50%;
	background: linear-gradient(90deg,
		transparent 0%,
		rgba(255,255,255,0.03) 50%,
		transparent 100%);
	transform: translateX(-130%) skewX(-18deg);
	pointer-events: none;
}

.mvb-quote:hover {
	border-color: rgba(198,167,94,0.28) !important;
	border-top-color: rgba(198,167,94,0.7) !important;
	box-shadow:
		0 18px 65px rgba(0,0,0,0.55),
		0 0 32px rgba(198,167,94,0.07),
		inset 0 1px 0 rgba(255,255,255,0.08);
}

.mvb-quote:hover::after {
	animation: mvb-glass-sweep 0.85s ease forwards;
}

/* ── CAROUSEL CARDS — Glass info strip under floating image ── */
.mvb-carousel__card {
	border-radius: 14px !important;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.mvb-carousel__info {
	background: rgba(12,22,40,0.65) !important;
	backdrop-filter: blur(20px) saturate(120%);
	-webkit-backdrop-filter: blur(20px) saturate(120%);
	border: 1px solid rgba(198,167,94,0.10);
	border-top: none;
	border-radius: 0 0 14px 14px;
	padding: 1.25rem 1.4rem 1.6rem;
	position: relative;
	overflow: hidden;
	transition: background 0.3s ease, border-color 0.3s ease;
}

.mvb-carousel__info::after {
	content: '';
	position: absolute;
	inset: 0;
	width: 50%;
	background: linear-gradient(90deg,
		transparent 0%,
		rgba(255,255,255,0.025) 50%,
		transparent 100%);
	transform: translateX(-130%) skewX(-18deg);
	pointer-events: none;
}

.mvb-carousel__card:hover .mvb-carousel__info {
	background: rgba(16,28,48,0.75) !important;
	border-color: rgba(198,167,94,0.22);
}

.mvb-carousel__card:hover .mvb-carousel__info::after {
	animation: mvb-glass-sweep 0.8s ease forwards;
}

/* ── IMAGE wrapper: clip top corners to match card radius ── */
.mvb-carousel__img {
	border-radius: 14px 14px 0 0;
	overflow: hidden;
}

/* ── SECTION HEADERS — Glass eyebrow pill ── */
.mvb-editorial-trust__header .mvb-eyebrow,
.mvb-editorial-testimonials__header .mvb-eyebrow {
	display: inline-block;
	background: rgba(198,167,94,0.07);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(198,167,94,0.18);
	border-radius: 100px;
	padding: 0.35em 1.1em;
	letter-spacing: 0.2em;
}

/* ── MOBILE: disable backdrop-filter on low-power devices ── */
@media (max-width: 600px) {
	.mvb-trust-item,
	.mvb-quote,
	.mvb-carousel__info {
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		background: rgba(14,24,42,0.88) !important;
	}
}

/* ─────────────────────────────────────────────────────────────────────────
   33. EDITORIAL ABOUT SECTION — FULL-BLEED IMAGE + GLASS TEXT
   ───────────────────────────────────────────────────────────────────────── */

.mvb-about-editorial {
	display: grid;
	grid-template-columns: 52% 48%;
	min-height: 90vh;
	position: relative;
}

/* ── Image panel ── */
.mvb-about-image-panel {
	position: relative;
	overflow: hidden;
}

.mvb-about-img-primary {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
	filter: brightness(0.88) contrast(1.05);
	transition: transform 8s ease;
}

.mvb-about-editorial:hover .mvb-about-img-primary {
	transform: scale(1.03);
}

/* Gradient fades image into the canvas on the right edge */
.mvb-about-image-panel::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(to right, transparent 55%, rgba(14,25,40,0.95) 100%),
		linear-gradient(to top, rgba(14,25,40,0.7) 0%, transparent 35%);
	pointer-events: none;
}

/* Headshot badge — lower-right of image */
.mvb-about-headshot-badge {
	position: absolute;
	bottom: clamp(2rem, 4vw, 4rem);
	right: -1px;
	width: clamp(90px, 14vw, 160px);
	border-radius: 12px 0 0 12px;
	overflow: hidden;
	border: 1px solid rgba(198,167,94,0.3);
	border-right: none;
	box-shadow:
		-8px 0 32px rgba(0,0,0,0.6),
		inset 0 1px 0 rgba(255,255,255,0.08);
	z-index: 2;
	backdrop-filter: blur(4px);
}

.mvb-about-headshot-badge img {
	width: 100%;
	height: auto;
	display: block;
	filter: grayscale(15%);
}

/* UFC / credential badge — top of image */
.mvb-about-badge {
	position: absolute;
	top: clamp(2rem, 4vw, 3.5rem);
	left: clamp(1.5rem, 3vw, 3rem);
	background: rgba(12,22,40,0.68);
	backdrop-filter: blur(16px) saturate(120%);
	-webkit-backdrop-filter: blur(16px) saturate(120%);
	border: 1px solid rgba(198,167,94,0.2);
	border-radius: 100px;
	padding: 0.5em 1.2em;
	z-index: 2;
}

.mvb-about-badge__label {
	display: block;
	font-size: 0.5rem;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: rgba(198,167,94,0.65);
	margin-bottom: 0.15em;
}

.mvb-about-badge__value {
	font-size: 0.65rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #F5F5F0;
	font-weight: 500;
}

/* ── Text content panel ── */
.mvb-about-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(4rem, 7vw, 8rem) clamp(3rem, 5vw, 6rem) clamp(4rem, 7vw, 8rem) clamp(2.5rem, 4vw, 5rem);
	position: relative;
}

.mvb-about-content .mvb-eyebrow {
	display: block;
	font-size: 0.8125rem;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: var(--mvb-gold);
	opacity: 0.85;
	margin-bottom: 1.5rem;
}

.mvb-about-headline {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.8rem, 5.5vw, 5rem);
	font-weight: 400;
	font-style: italic;
	letter-spacing: -0.04em;
	line-height: 1.0;
	color: #F5F5F0;
	margin: 0 0 2rem;
}

.mvb-about-gold-bar {
	width: 48px;
	height: 2px;
	background: linear-gradient(to right, var(--mvb-gold), transparent);
	margin-bottom: 2.5rem;
}

.mvb-about-bio {
	font-size: 1rem;
	line-height: 1.9;
	color: rgba(245,245,240,0.68);
	margin: 0 0 1.25rem;
	max-width: 520px;
}

/* ── Credentials strip ── */
.mvb-about-creds {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
	margin: 2.5rem 0 3rem;
	padding-top: 2rem;
	border-top: 1px solid rgba(198,167,94,0.12);
}

.mvb-about-cred {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.mvb-about-cred__num {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.5rem, 2.5vw, 2rem);
	font-weight: 300;
	letter-spacing: -0.03em;
	color: var(--mvb-gold);
	line-height: 1;
}

.mvb-about-cred__label {
	font-size: 0.6rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(245,245,240,0.45);
}

/* ── CTA button ── */
.mvb-about-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 1rem 2.25rem;
	border: 1px solid rgba(198,167,94,0.55);
	border-radius: 2px;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--mvb-gold);
	text-decoration: none;
	background: rgba(198,167,94,0.06);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
	align-self: flex-start;
}

.mvb-about-cta:hover {
	background: rgba(198,167,94,0.18);
	border-color: rgba(198,167,94,0.85);
	color: #F5F5F0;
}

/* ── Mobile stack ── */
@media (max-width: 860px) {
	.mvb-about-editorial {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	.mvb-about-image-panel {
		height: 65vw;
		min-height: 300px;
	}

	.mvb-about-image-panel::after {
		background: linear-gradient(to bottom, transparent 40%, rgba(14,25,40,0.95) 100%);
	}

	.mvb-about-headshot-badge {
		width: 80px;
		bottom: 1.5rem;
	}

	.mvb-about-content {
		padding: 3rem 1.5rem 4rem;
	}

	.mvb-about-creds {
		grid-template-columns: repeat(3, 1fr);
		gap: 1rem;
	}
}

/* ─────────────────────────────────────────────────────────────────────────
   34. HOME PAGE OVERRIDES — hide duplicate funnel form, fix contact section
   ───────────────────────────────────────────────────────────────────────── */

/* The funnel inquiry form is in the page's post content — hide it on home,
   it should only show on dedicated landing/funnel pages */
body.home #inquiry,
body.front-page #inquiry {
	display: none !important;
}

/* Consultation engine: enforce dark inputs so native dropdowns don't flash white */
.mvb-consultation-engine select,
.mvb-consultation-engine input,
.mvb-consultation-engine textarea {
	background: rgba(255,255,255,0.06) !important;
	color: #F5F5F0 !important;
	border: 1px solid rgba(198,167,94,0.18) !important;
	border-radius: 6px;
}

.mvb-consultation-engine select option {
	background: #0e1928 !important;
	color: #F5F5F0 !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   35. HERO IMPACT — BIGGER HEADLINE, TIGHTER VIGNETTE
   ───────────────────────────────────────────────────────────────────────── */

/* Hero headline: 2x bigger, tighter tracking, bolder */
.mvb-video-hero .wp-block-cover__inner-container h1,
.mvb-video-hero .wp-block-heading {
	font-size: clamp(4rem, 10vw, 10rem) !important;
	letter-spacing: -0.045em !important;
	line-height: 0.93 !important;
	font-weight: 500 !important;
}

/* Cinematic scrim: radial vignette + soft bottom fade (no hard line — poster continues below) */
.mvb-video-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse at 50% 35%, transparent 25%, rgba(6,13,26,0.55) 100%),
		linear-gradient(to bottom, transparent 60%, rgba(10,20,38,0.85) 100%);
	pointer-events: none;
	z-index: 1;
}

.mvb-video-hero .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
}

/* Hide the default WP cover dim overlay — we use our own scrim */
.mvb-video-hero > .wp-block-cover__background {
	opacity: 0 !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   36. BRAND TICKER — SCROLLING LUXURY MARQUEE
   ───────────────────────────────────────────────────────────────────────── */

@keyframes mvb-ticker {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.mvb-brand-ticker {
	overflow: hidden;
	padding: 1.5rem 0;
	border-top: 1px solid rgba(198,167,94,0.12);
	border-bottom: 1px solid rgba(198,167,94,0.12);
	background: rgba(16,30,52,0.45);
	position: relative;
	z-index: 2;
}

.mvb-brand-ticker__track {
	display: flex;
	width: max-content;
	animation: mvb-ticker 30s linear infinite;
	gap: 0;
}

.mvb-brand-ticker__track:hover {
	animation-play-state: paused;
}

.mvb-brand-ticker__item {
	display: flex;
	align-items: center;
	gap: 2rem;
	padding: 0 2.5rem;
	white-space: nowrap;
	font-size: 0.6rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: rgba(198,167,94,0.65);
}

.mvb-brand-ticker__item::after {
	content: '·';
	color: rgba(198,167,94,0.3);
	font-size: 1.2em;
}

/* ─────────────────────────────────────────────────────────────────────────
   37. SECTION VISUAL DENSITY — NUMBER CALLOUTS, STRONGER HEADERS
   ───────────────────────────────────────────────────────────────────────── */

/* Section headline sizing — more impact */
.mvb-editorial-trust__header h2,
.mvb-editorial-testimonials__header h2 {
	font-size: clamp(3rem, 6vw, 5.5rem) !important;
}

/* Services section: if it uses wp:heading, boost it */
#services h2.wp-block-heading {
	font-size: clamp(2.5rem, 5vw, 4.5rem) !important;
	letter-spacing: -0.04em !important;
}

/* Large background section numbers (decorative) */
#collection::before,
#services::before {
	font-size: 0; /* keep the existing glow, not text */
}

/* Carousel title: bigger, bolder */
.mvb-carousel__title {
	font-size: clamp(0.85rem, 1.5vw, 1.1rem) !important;
	font-weight: 500 !important;
	color: rgba(245,245,240,0.92) !important;
	letter-spacing: -0.01em !important;
}

.mvb-carousel__brand {
	font-size: 0.55rem !important;
	color: var(--mvb-gold) !important;
	opacity: 1 !important;
}

/* FAQ: readability */
.mvb-faq-question {
	font-size: 1.05rem !important;
	font-weight: 500 !important;
	color: rgba(245,245,240,0.92) !important;
}

.mvb-faq-answer {
	font-size: 0.95rem !important;
	color: rgba(245,245,240,0.70) !important;
	line-height: 1.85 !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   38. FAQ — GLASS ACCORDION ITEMS
   Each FAQ item gets the glassmorphism treatment for visual density.
   ───────────────────────────────────────────────────────────────────────── */

.mvb-faq-item {
	background: rgba(16,30,52,0.45);
	backdrop-filter: blur(18px) saturate(130%);
	-webkit-backdrop-filter: blur(18px) saturate(130%);
	border: 1px solid rgba(198,167,94,0.10);
	border-radius: 14px;
	margin-bottom: 0.625rem;
	overflow: hidden;
	transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.mvb-faq-item:hover {
	border-color: rgba(198,167,94,0.28);
	box-shadow: 0 8px 36px rgba(0,0,0,0.35), 0 0 24px rgba(198,167,94,0.05);
	background: rgba(198,167,94,0.04);
}

.mvb-faq-item__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 1.25rem 1.75rem;
	background: transparent;
	border: none;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.05rem;
	font-weight: 400;
	font-style: italic;
	letter-spacing: -0.01em;
	color: rgba(245,245,240,0.92);
	text-align: left;
	transition: color 0.2s ease;
}

.mvb-faq-item__trigger:hover {
	color: var(--mvb-gold);
}

.mvb-faq-item__trigger svg {
	color: rgba(198,167,94,0.5);
	transition: transform 0.3s ease, color 0.3s ease;
	flex-shrink: 0;
}

.mvb-faq-item__trigger[aria-expanded="true"] svg {
	transform: rotate(180deg);
	color: var(--mvb-gold);
}

.mvb-faq-item__content {
	padding: 0 1.75rem 1.5rem;
}

.mvb-faq-item__content p {
	font-size: 0.9375rem;
	line-height: 1.85;
	color: rgba(245,245,240,0.65);
	margin: 0;
}

/* FAQ section: decorative watermark */
#faq::before {
	content: 'FAQ';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(8rem, 22vw, 18rem);
	font-weight: 300;
	letter-spacing: -0.05em;
	color: rgba(16,30,52,0.45);
	pointer-events: none;
	z-index: -1;
	white-space: nowrap;
	line-height: 1;
}

/* FAQ section heading — bigger */
#faq h2.wp-block-heading {
	font-size: clamp(2.5rem, 5vw, 4rem) !important;
	font-family: var(--wp--preset--font-family--heading) !important;
	font-style: italic !important;
	font-weight: 500 !important;
	letter-spacing: -0.03em !important;
}

@media (max-width: 600px) {
	.mvb-faq-item {
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		background: rgba(14,24,42,0.88);
	}
}

/* ─────────────────────────────────────────────────────────────────────────
   39. EMAIL CAPTURE — DRAMATIC GRADIENT TREATMENT
   Full-width gold accent section that demands attention.
   ───────────────────────────────────────────────────────────────────────── */

#newsletter {
	background: linear-gradient(135deg,
		rgba(198,167,94,0.08) 0%,
		rgba(14,25,40,0.95) 40%,
		rgba(198,167,94,0.06) 100%) !important;
	border-top: 1px solid rgba(198,167,94,0.30) !important;
	border-bottom: 1px solid rgba(198,167,94,0.30) !important;
	position: relative;
	overflow: hidden;
}

/* Decorative watermark behind email section */
#newsletter::before {
	content: 'VIP';
	position: absolute;
	top: 50%;
	right: -3%;
	transform: translateY(-50%);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(6rem, 18vw, 14rem);
	font-weight: 300;
	letter-spacing: -0.05em;
	color: rgba(198,167,94,0.04);
	pointer-events: none;
	z-index: 0;
	line-height: 1;
}

#newsletter > * {
	position: relative;
	z-index: 1;
}

/* Email section heading — bigger, bolder */
#newsletter h2.wp-block-heading {
	font-size: clamp(2rem, 4.5vw, 3.5rem) !important;
	font-family: var(--wp--preset--font-family--heading) !important;
	font-style: italic !important;
	font-weight: 500 !important;
	letter-spacing: -0.03em !important;
}

/* Email form — glass input treatment */
.mvb-email-capture__row {
	display: flex;
	gap: 0;
	max-width: 500px;
	margin: 0 auto;
}

.mvb-email-capture__input {
	flex: 1;
	padding: 1rem 1.25rem;
	background: rgba(255,255,255,0.05) !important;
	border: 1px solid rgba(198,167,94,0.25) !important;
	border-right: none !important;
	border-radius: 4px 0 0 4px !important;
	color: #F5F5F0 !important;
	font-size: 0.875rem;
	font-family: 'Inter', sans-serif;
	outline: none;
	transition: border-color 0.3s ease, background 0.3s ease;
}

.mvb-email-capture__input:focus {
	border-color: rgba(198,167,94,0.55) !important;
	background: rgba(255,255,255,0.08) !important;
}

.mvb-email-capture__btn {
	padding: 1rem 1.75rem;
	background: linear-gradient(135deg, #c5a059 0%, #f1e0b5 50%, #c5a059 100%);
	background-size: 200% auto;
	color: #030303;
	border: none;
	border-radius: 0 4px 4px 0;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	cursor: pointer;
	white-space: nowrap;
	transition: background-position 0.4s ease, transform 0.2s ease, box-shadow 0.3s ease;
}

.mvb-email-capture__btn:hover {
	background-position: right center;
	transform: translateY(-1px);
	box-shadow: 0 6px 24px rgba(198,167,94,0.35);
}

.mvb-email-capture__note {
	text-align: center;
	font-size: 0.8125rem;
	letter-spacing: 0.1em;
	color: rgba(245,245,240,0.35);
	margin-top: 1rem;
}

/* ─────────────────────────────────────────────────────────────────────────
   40. GOLD SECTION CONNECTORS — HAIRLINE DIVIDERS
   Subtle gold gradient hairlines between sections to visually tie them.
   ───────────────────────────────────────────────────────────────────────── */

/* Gold hairline at bottom of key sections */
#collection::after,
#services::after,
#faq::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: min(240px, 35%);
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(198,167,94,0.28), transparent);
	z-index: 5;
}

/* About section — gold connector at top since ::after is used for glow */
.mvb-about-editorial::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: min(240px, 35%);
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(198,167,94,0.22), transparent);
	z-index: 5;
}

/* ─────────────────────────────────────────────────────────────────────────
   41. DECORATIVE WATERMARKS — LARGE GHOST TEXT
   Giant faded text behind sections for visual weight.
   ───────────────────────────────────────────────────────────────────────── */

/* Services section watermark */
#services::after {
	content: 'SERVICE';
	position: absolute;
	bottom: 5%;
	left: -3%;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(6rem, 16vw, 13rem);
	font-weight: 300;
	letter-spacing: -0.05em;
	color: rgba(16,30,52,0.45);
	pointer-events: none;
	z-index: 0;
	line-height: 1;
	white-space: nowrap;
}

/* Contact section watermark */
#contact::after {
	content: 'CONSULT';
	position: absolute;
	bottom: 8%;
	right: -2%;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(5rem, 14vw, 11rem);
	font-weight: 300;
	letter-spacing: -0.05em;
	color: rgba(16,30,52,0.45);
	pointer-events: none;
	z-index: 0;
	line-height: 1;
	white-space: nowrap;
}

/* Keep all section content above watermarks */
#services > *,
#contact > * {
	position: relative;
	z-index: 1;
}

/* ─────────────────────────────────────────────────────────────────────────
   42. SERVICE CARDS — ENHANCED VISUAL DEPTH
   Gradient background accent, taller cards, visible gold left accent.
   ───────────────────────────────────────────────────────────────────────── */

/* Service card — gradient background for more visual weight */
.mvb-service-card {
	background: linear-gradient(165deg,
		rgba(198,167,94,0.04) 0%,
		rgba(12,22,40,0.68) 30%,
		rgba(12,22,40,0.68) 100%) !important;
	min-height: 320px;
	display: flex;
	flex-direction: column;
}

/* Service card heading — bigger */
.mvb-service-card h3.wp-block-heading {
	font-size: 1.5rem !important;
	font-family: var(--wp--preset--font-family--heading) !important;
	font-style: italic !important;
	font-weight: 500 !important;
	letter-spacing: -0.01em !important;
	text-transform: none !important;
	margin-bottom: 1.25rem !important;
}

/* Service card description — more readable */
.mvb-service-card .has-off-white-color {
	color: rgba(245,245,240,0.72) !important;
	font-size: 0.9375rem !important;
	line-height: 1.8 !important;
}

/* Push the CTA button down to the bottom */
.mvb-service-card .wp-block-buttons {
	margin-top: auto;
}

/* Service card SVG icons */
.mvb-service-icon {
	margin-bottom: 1rem;
}

.mvb-service-icon svg {
	color: var(--mvb-gold);
	opacity: 0.55;
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.mvb-service-card:hover .mvb-service-icon svg {
	opacity: 0.9;
	transform: scale(1.08);
}

/* ─────────────────────────────────────────────────────────────────────────
   43. CAROUSEL SECTION — TIGHTER HEADER, MORE VISUAL WEIGHT
   ───────────────────────────────────────────────────────────────────────── */

/* Carousel section heading — editorial italic */
#collection h2.wp-block-heading {
	font-size: clamp(2.5rem, 5vw, 4.5rem) !important;
	font-family: var(--wp--preset--font-family--heading) !important;
	font-style: italic !important;
	font-weight: 500 !important;
	letter-spacing: -0.03em !important;
	text-transform: none !important;
}

/* Eyebrow text above collection heading */
#collection > .has-gold-color,
#collection .has-gold-color.has-text-color[style*="letter-spacing"] {
	font-size: 0.8125rem !important;
}

/* Carousel loading fallback — more visually interesting */
.mvb-carousel__loading {
	padding: 6rem 2rem;
	text-align: center;
}

.mvb-carousel__loading p {
	font-family: var(--wp--preset--font-family--heading);
	font-style: italic;
	font-size: 1.125rem;
	color: rgba(245,245,240,0.35);
	letter-spacing: -0.01em;
}

.mvb-spinner {
	width: 40px;
	height: 40px;
	border: 2px solid rgba(198,167,94,0.12);
	border-top-color: var(--mvb-gold);
	border-radius: 50%;
	margin: 0 auto 1.5rem;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	to { transform: rotate(360deg); }
}

/* ─────────────────────────────────────────────────────────────────────────
   44. ABOUT SECTION — TIGHTER SPACING, MIN-HEIGHT REDUCTION
   ───────────────────────────────────────────────────────────────────────── */

/* Reduce about section min-height for tighter feel */
.mvb-about-editorial {
	min-height: 70vh;
}

/* About content — slightly tighter padding */
.mvb-about-content {
	padding: clamp(3rem, 5vw, 5rem) clamp(2.5rem, 4vw, 5rem) clamp(3rem, 5vw, 5rem) clamp(2rem, 3vw, 4rem) !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   45. CONTACT SECTION — GLASS CONSULTATION ENGINE
   ───────────────────────────────────────────────────────────────────────── */

/* Consultation engine section — glass overlay for density */
.mvb-consultation-engine {
	position: relative;
}

/* Consultation header — bigger, editorial */
.mvb-ce-headline {
	font-family: var(--wp--preset--font-family--heading) !important;
	font-size: clamp(2.5rem, 5vw, 4rem) !important;
	font-weight: 500 !important;
	font-style: italic !important;
	letter-spacing: -0.03em !important;
	color: #F5F5F0 !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   46. GLOBAL VISUAL DENSITY — TIGHTER BLOCK GAPS
   Reduces default WordPress block gap spacing.
   ───────────────────────────────────────────────────────────────────────── */

/* Reduce WP block default vertical gaps on home page */
body.home main.wp-block-group,
body.front-page main.wp-block-group {
	gap: 0 !important;
}

/* Tighter spacing between section heading and subtext */
#collection .has-muted-color[style*="margin-bottom"],
#services .has-muted-color[style*="margin-bottom"],
#faq .has-muted-color[style*="margin-bottom"] {
	margin-bottom: clamp(1.5rem, 3vw, 2.5rem) !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   47. NEWSLETTER → CONTACT — SEAMLESS TRANSITION
   Eliminates dead space between the email capture and consultation engine.
   ───────────────────────────────────────────────────────────────────────── */

/* Remove bottom padding on newsletter, reduce top padding on contact */
#newsletter {
	padding-bottom: clamp(2rem, 3vw, 3rem) !important;
	margin-bottom: 0 !important;
}

#contact {
	padding-top: clamp(2.5rem, 4vw, 3.5rem) !important;
	margin-top: 0 !important;
}

/* Hide any stray page content that may appear after the consultation engine */
body.home .entry-content,
body.front-page .entry-content,
body.home .wp-block-post-content,
body.front-page .wp-block-post-content {
	display: none !important;
}