/* K2 design tokens */
@font-face {
	font-family: "K2 Sans";
	src: url("../../../twentytwentythree/assets/fonts/dm-sans/DMSans-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "K2 Sans";
	src: url("../../../twentytwentythree/assets/fonts/dm-sans/DMSans-Bold.woff2") format("woff2");
	font-weight: 600 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "K2 Editorial";
	src: url("../../../twentytwentythree/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2") format("woff2");
	font-weight: 300 800;
	font-style: normal;
	font-display: swap;
}
:root {
	--c-accent: #B84D35;
	--c-accent-dark: #853523;
	--c-accent-soft: #D49A86;
	--c-ink: #182123;
	--c-ink-soft: #5C6769;
	--c-cream: #ECEFED;
	--c-cream-dark: #DCE2E0;
	--c-white: #FFFFFF;
	--c-line: #CDD5D3;

	--font-headings: 'Montserrat', sans-serif;
	--font-head: 'Montserrat', sans-serif;
	--font-display: 'Montserrat', sans-serif;
	--lp-display: 'Montserrat', sans-serif;
	--font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--font-sans: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--font-serif: 'Montserrat', sans-serif;

	/* Type Scale Tokens (-10% reduction) */
	--font-size-xs: 0.506rem;
	--font-size-sm: 0.619rem;
	--font-size-base: 0.788rem;
	--font-size-lg: 0.9rem;
	--font-size-xl: 1.125rem;
	--font-size-2xl: 1.406rem;
	--font-size-3xl: 1.856rem;
	--font-size-4xl: 2.25rem;

	/* Shorthand aliases */
	--fs-xs: var(--font-size-xs);
	--fs-sm: var(--font-size-sm);
	--fs-base: var(--font-size-base);
	--fs-lg: var(--font-size-lg);
	--fs-xl: var(--font-size-xl);
	--fs-2xl: var(--font-size-2xl);
	--fs-3xl: var(--font-size-3xl);
	--fs-4xl: var(--font-size-4xl);
	--fs-hero: clamp(2.88rem, 6.5vw, 6.66rem);
	--fs-h2: var(--font-size-3xl);
	--fs-h3: var(--font-size-xl);
	--fs-body: var(--font-size-base);
	--fs-small: var(--font-size-sm);

	--radius-card: 2px;
	--radius-pill: 999px;
	--shadow-card: 0 14px 34px rgba(24, 33, 35, 0.08);
	--shadow-card-hover: 0 24px 46px rgba(24, 33, 35, 0.14);

	--space-section: clamp(64px, 9vw, 110px);
	--container: 100%;
	--nav-h: 76px;

	--ease-out: cubic-bezier(0.23, 1, 0.32, 1);
	--ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
	--ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);

	/* Duration scale. UI chrome stays under 250ms; the landing page's scroll
	   reveals are marketing motion and are allowed to breathe. */
	--dur-press: 140ms;
	--dur-ui: 200ms;
	--dur-panel: 260ms;
	--dur-reveal: 800ms;
}

/* Site-wide: Completely hide breadcrumbs across all pages */
nav[aria-label="Breadcrumb"],
nav[aria-label="breadcrumb"],
nav[aria-label*="readcrumb"],
.breadcrumb,
.breadcrumbs,
.woocommerce-breadcrumb,
.contact-breadcrumb,
.shop-breadcrumb,
.cart-breadcrumb,
.checkout-breadcrumb,
.services-breadcrumb,
.dealers-breadcrumb,
.inspiration-breadcrumb,
.cat-breadcrumbs,
.k2p-pdp-nav,
.k2p-breadcrumb,
.yoast-breadcrumb,
.rank-math-breadcrumb,
.elementor-nav-breadcrumbs {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}